@charset "UTF-8";
@font-face{font-family:icomoon;src:url('https://files.cmssv.awsv.jp/_build_/common/lib/icon/fonts/icomoon.eot?yo56mn');src:url('https://files.cmssv.awsv.jp/_build_/common/lib/icon/fonts/icomoon.eot?yo56mn#iefix') format('embedded-opentype'),url('https://files.cmssv.awsv.jp/_build_/common/lib/icon/fonts/icomoon.ttf?yo56mn') format('truetype'),url('https://files.cmssv.awsv.jp/_build_/common/lib/icon/fonts/icomoon.woff?yo56mn') format('woff'),url('https://files.cmssv.awsv.jp/_build_/common/lib/icon/fonts/icomoon.svg?yo56mn#icomoon') format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--zip01:before{content:"\e940"}.icon--smartphone01:before{content:"\e943"}.icon--tel04:before{content:"\e944"}.icon--tel03:before{content:"\e945"}.icon--tel02:before{content:"\e946"}.icon--tel01:before{content:"\e947"}.icon--bill02:before{content:"\e948"}.icon--bill01:before{content:"\e949"}.icon--fax01:before{content:"\e94a"}.icon--map01:before{content:"\e94b"}.icon--mapmarker02:before{content:"\e94c"}.icon--mapmarker01:before{content:"\e94d"}.icon--setting02:before{content:"\e941"}.icon--setting01:before{content:"\e942"}.icon--pc03:before{content:"\e930"}.icon--pc02:before{content:"\e931"}.icon--pc01:before{content:"\e932"}.icon--scaleup01:before{content:"\e933"}.icon--search03:before{content:"\e934"}.icon--search02:before{content:"\e935"}.icon--search01:before{content:"\e936"}.icon--mail04:before{content:"\e937"}.icon--mail03:before{content:"\e938"}.icon--mail02:before{content:"\e939"}.icon--mail01:before{content:"\e93a"}.icon--gear05:before{content:"\e93b"}.icon--gear04:before{content:"\e93c"}.icon--gear03:before{content:"\e93d"}.icon--gear02:before{content:"\e93e"}.icon--gear01:before{content:"\e93f"}.icon--arrowLeft10:before{content:"\e910"}.icon--arrowRight10:before{content:"\e911"}.icon--arrowDown10:before{content:"\e912"}.icon--arrowUp10:before{content:"\e913"}.icon--arrowLeft09:before{content:"\e914"}.icon--arrowRight09:before{content:"\e915"}.icon--arrowDown09:before{content:"\e916"}.icon--arrowUp09:before{content:"\e917"}.icon--arrowLeft08:before{content:"\e918"}.icon--arrowRight08:before{content:"\e919"}.icon--arrowDown08:before{content:"\e91a"}.icon--arrowUp08:before{content:"\e91b"}.icon--arrowLeft07:before{content:"\e91c"}.icon--arrowRight07:before{content:"\e91d"}.icon--arrowDown07:before{content:"\e91e"}.icon--arrowUp07:before{content:"\e91f"}.icon--arrowLeft06:before{content:"\e920"}.icon--arrowRight06:before{content:"\e921"}.icon--arrowDown06:before{content:"\e922"}.icon--arrowUp06:before{content:"\e923"}.icon--arrowLeft05:before{content:"\e924"}.icon--arrowRight05:before{content:"\e925"}.icon--arrowDown05:before{content:"\e926"}.icon--arrowUp05:before{content:"\e927"}.icon--arrowLeft04:before{content:"\e928"}.icon--arrowRight04:before{content:"\e929"}.icon--arrowDown04:before{content:"\e92a"}.icon--arrowUp04:before{content:"\e92b"}.icon--arrowLeft03:before{content:"\e92c"}.icon--arrowRight03:before{content:"\e92d"}.icon--arrowDown03:before{content:"\e92e"}.icon--arrowUp03:before{content:"\e92f"}.icon--arrowLeft02:before{content:"\e90d"}.icon--arrowRight02:before{content:"\e90b"}.icon--arrowDown02:before{content:"\e90c"}.icon--arrowUp02:before{content:"\e90e"}.icon--arrowLeft01:before{content:"\e909"}.icon--arrowRight01:before{content:"\e90f"}.icon--arrowDown01:before{content:"\e908"}.icon--arrowUp01:before{content:"\e90a"}.icon--external08:before{content:"\e901"}.icon--external07:before{content:"\e902"}.icon--external06:before{content:"\e903"}.icon--external05:before{content:"\e904"}.icon--external04:before{content:"\e905"}.icon--external03:before{content:"\e906"}.icon--external02:before{content:"\e907"}.icon--external01:before{content:"\e900"}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}: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:flex;align-items: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.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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:flex;justify-content: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%;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;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:root {
--align-container-sp: "position-sp-center";
--b-accessInfo: "b-accessInfo-vertical";
--b-explanationInfo: "b-explanationInfo-Info";
--b-historyInfo: "b-historyInfo-table";
--b-newsList: "b-newsList-vertical";
--bg-first-image: none;
--bg-first-image-style: none;
--bg-primary-image: none;
--bg-primary-image-style: center top/100% auto;
--bg-second-image: none;
--bg-second-image-style: center top/100% auto;
--block--margin: 8.0rem;
--block--margin-diff: 1;
--block--margin-sp: 5.0rem;
--block--margin-sp-diff: var(--block--margin-diff);
--block-bg-container-color: "";
--block-bg-image: none;
--block-bg-image-sp: none;
--block-bg-image-style: center;
--block-container-gap: 3.0rem;
--block-container-gap-sp: calc(var(--block-container-gap) / 2);
--block-container-padding: 2.5rem;
--block-container-padding-sp: calc(var(--block-container-padding) / 2);
--block-content-width-type: "def";
--block-contents-max-width: var(--s-content-width);
--block-sphide: "false";
--block__container_vertical__block-container-header-align-flex: var(--s-align-flex, flex-start);
--block__form__block--margin-diff: 1;
--block__form__block--margin-sp-diff: var(--block--margin-diff);
--block__form__block-bg-color: var(--bgColor);
--block__form__block-bg-image: none;
--block__form__block-bg-image-style: center;
--block__form__block-content-width-type: "def";
--block__form__block-sphide: "'false'";
--block__form__container-bg-color: "s-base-color";
--block__form__form_fsize_input: inherit;
--block__form__form_fsize_policy: 0.9em;
--block__form__form_fsize_tbody: inherit;
--block__form__form_fsize_thead: inherit;
--block__form__gap-section-vertical-diff: 1;
--block__form__gap-section-vertical-sp-diff: var(--gap-section-vertical-diff);
--comp__buttons__align: flex-start;
--comp__container-horizontal__size: "size-3-9";
--comp__container-list__bg-color: "s-base-color";
--comp__container-vertical__bg-color: "";
--comp__container-vertical__vertical-justify: center;
--comp__container__bg-color: "s-base-color";
--comp__conversion-horizontal__vertical-justify: flex-start;
--comp__form__email-width: 50rem;
--comp__form__furigana-width: 36rem;
--comp__form__name-width: 36rem;
--container-padding: 2.5rem;
--cx-headline-h2__h2-subtxt-color: var(--txt-headColor);
--cx-headline-h2__h2-txt-color: var(--txt-headColor);
--cx-headline-h2__htype: "h2";
--decoration-em: "decoration-em-underline01";
--decoration-strong: "decoration-strong-scaleup01";
--fbg-em: inherit;
--ffamily-1head: inherit;
--ffamily-1head-1: none;
--ffamily-1head-2: none;
--ffamily-1head-3: inherit;
--ffamily-base: 'M PLUS 1p',sans-serif;
--ffamily-base-1: "";
--ffamily-base-2: "";
--ffamily-base-3: ffamily-mPlus1p;
--ffamily-container-headline: inherit;
--ffamily-container-headline-1: none;
--ffamily-container-headline-2: none;
--ffamily-container-headline-3: inherit;
--ffamily-english: inherit;
--ffamily-gmenu: inherit;
--ffamily-gmenu-1: none;
--ffamily-gmenu-2: none;
--ffamily-gmenu-3: inherit;
--ffamily-headline: inherit;
--ffamily-headline-1: none;
--ffamily-headline-2: none;
--ffamily-headline-3: inherit;
--fletterspacing-1head: inherit;
--fletterspacing-base: -0.044em;
--fletterspacing-container-headline: inherit;
--fletterspacing-em: inherit;
--fletterspacing-entry: inherit;
--fletterspacing-gmenu: 0.05em;
--fletterspacing-headline: inherit;
--fletterspacing-strong: inherit;
--flineheight-1head: inherit;
--flineheight-1head-sp: 1.5;
--flineheight-2head: var(--flineheight-headline);
--flineheight-2head-sp: var(--flineheight-headline-sp);
--flineheight-3head: var(--flineheight-container-headline);
--flineheight-3head-sp: var(--flineheight-container-headline-sp);
--flineheight-4head: var(--flineheight-container-headline);
--flineheight-4head-sp: var(--flineheight-container-headline-sp);
--flineheight-5head: var(--flineheight-container-headline);
--flineheight-5head-sp: var(--flineheight-container-headline-sp);
--flineheight-base: 1.43;
--flineheight-base-sp: 1.5;
--flineheight-container-headline: inherit;
--flineheight-container-headline-sp: 1.5;
--flineheight-em: inherit;
--flineheight-entry: 2.0;
--flineheight-entry-sp: 1.8;
--flineheight-gmenu: 1.8;
--flineheight-headline: inherit;
--flineheight-headline-sp: 1.5;
--flineheight-strong: inherit;
--footer-bg: "s-bg-footer-color";
--footer-copyright-align: center;
--footer-copyright-padding: 1rem;
--footer-ffamily-base: var(--ffamily-base);
--footer-ffamily-copyright: var(--ffamily-base);
--footer-fletterspacing-base: var(--fletterspacing-base);
--footer-fletterspacing-copyright: var(--fletterspacing-base);
--footer-flineheight-base: var(--flineheight-base);
--footer-flineheight-copyright: var(--flineheight-base);
--footer-fsize-base: var(--fsize-base);
--footer-fsize-copyright: calc(var(--fsize-base) * 0.6);
--footer-fweight-base: var(--fweight-base);
--footer-fweight-copyright: var(--fweight-base);
--footersp-bg: "s-bg-footer-color";
--footersp-ffamily-base: var(--ffamily-base);
--footersp-ffamily-copyright: var(--ffamily-base);
--footersp-fletterspacing-base: var(--fletterspacing-base);
--footersp-fletterspacing-copyright: var(--fletterspacing-base);
--footersp-flineheight-base: var(--flineheight-base);
--footersp-flineheight-copyright: var(--flineheight-base);
--footersp-fsize-base: var(--fsize-base);
--footersp-fsize-copyright: calc(var(--fsize-base) * 0.6);
--footersp-fweight-base: var(--fweight-base);
--footersp-fweight-copyright: var(--fweight-base);
--frame-btn: "frame-btn-valid";
--frame-container: none;
--frame-container-hover-shadow: 0 3px 6px;
--frame-container-link: none;
--frame-container-link-hover: none;
--frame-container-radius: none;
--frame-container-shadow: none;
--fsize-1head: 6.5rem;
--fsize-1head-sp: calc(var(--fsize-1head) * 1.0);
--fsize-2head: var(--fsize-headline);
--fsize-2head-sp: var(--fsize-headline-sp);
--fsize-3head: var(--fsize-container-headline);
--fsize-3head-sp: calc(var(--fsize-3head) * 1.0);
--fsize-4head: var(--fsize-container-headline-h4);
--fsize-4head-sp: calc(var(--fsize-4head) * 1.0);
--fsize-5head: var(--fsize-container-headline-h5);
--fsize-5head-sp: calc(var(--fsize-5head) * 1.0);
--fsize-base: 1.4rem;
--fsize-base-sp: calc(var(--fsize-base) * 1.8);
--fsize-breadcrumb: calc(var(--fsize-base) * 0.8);
--fsize-breadcrumb-sp: calc(var(--fsize-breadcrumb) * 1.0);
--fsize-container-headline: 2.1rem;
--fsize-container-headline-entry: 2.0rem;
--fsize-container-headline-h4: calc(var(--fsize-container-headline) * 1.0);
--fsize-container-headline-h5: calc(var(--fsize-container-headline) * 0.8);
--fsize-container-headline-sp: calc(var(--fsize-container-headline) * 2.0);
--fsize-em: inherit;
--fsize-entry: 1.8rem;
--fsize-entry-sp: calc(var(--fsize-entry) * 1.3);
--fsize-gmenu-base: 1.2rem;
--fsize-gmenu-head1: 2.0rem;
--fsize-gmenu-head2: 1.6rem;
--fsize-gmenu-main: 1.4rem;
--fsize-gmenu-sp: calc(var(--fsize-gmenu-head1) * 1.0);
--fsize-gmenu-sub: 1.4rem;
--fsize-headline: 2.4rem;
--fsize-headline-entry: 2.4rem;
--fsize-headline-sp: calc(var(--fsize-headline) * 1.5);
--fsize-pc: 62.5%;
--fsize-sp: 42.5%;
--fsize-strong: inherit;
--fweight-1head: 400;
--fweight-2head: var(--fweight-headline);
--fweight-3head: var(--fweight-container-headline);
--fweight-4head: var(--fweight-container-headline);
--fweight-5head: var(--fweight-container-headline);
--fweight-base: 400;
--fweight-container-headline: "bold";
--fweight-em: 700;
--fweight-entry: 400;
--fweight-gmenu: 400;
--fweight-headline: "bold";
--fweight-strong: 700;
--gap-container-horizontal: 1.0rem;
--gap-container-items: 2.0rem;
--gap-container-text: 0.5rem;
--gap-container-vertical: 3.0rem;
--gap-section-items: 2.0rem;
--gap-section-vertical: 2.9rem;
--gap-section-vertical-diff: 1;
--gap-section-vertical-sp: var(--gap-section-vertical);
--gap-section-vertical-sp-diff: var(--gap-section-vertical-diff);
--gheader__head002__header-accent: var(--mainColor);
--gheader__head002__header-border: 1px solid #bbbcbc;
--gheader__head002__header-comp-logo-max-width: 20rem;
--gheader__head002__header-ffamily-base: var(--ffamily-gmenu);
--gheader__head002__header-ffamily-btn: var(--ffamily-gmenu);
--gheader__head002__header-fletterspacing-base: var(--fletterspacing-gmenu);
--gheader__head002__header-fletterspacing-btn: var(--fletterspacing-gmenu);
--gheader__head002__header-flineheight-base: var(--flineheight-gmenu);
--gheader__head002__header-flineheight-btn: var(--flineheight-gmenu);
--gheader__head002__header-fsize: 1.6rem;
--gheader__head002__header-fsize-base: var(--fsize-gmenu-base);
--gheader__head002__header-fsize-base-sp: var(--fsize-gmenu-sp);
--gheader__head002__header-fsize-btn: var(--fsize-gmenu-base);
--gheader__head002__header-fsize-btn-sp: var(--fsize-gmenu-sp);
--gheader__head002__header-fsize-main: var(--fsize-gmenu-main);
--gheader__head002__header-fsize-sub: var(--fsize-gmenu-sub);
--gheader__head002__header-fweight-base: var(--fweight-gmenu);
--gheader__head002__header-fweight-btn: var(--fweight-gmenu);
--gheader__head002__header-height: 7.7rem;
--gheader__head002__header-height-after: calc(var(--gmenu-fsize-base) * 5);
--gheader__head002__header-height-append: calc(var(--gmenu-fsize-base) * 3);
--gheader__head002__header-height-before: calc(var(--gmenu-fsize-base) * 5);
--gheader__head002__header-logo-max-width: 30rem;
--gheader__head002__header-padding: 14px 20px;
--gheader__head002__header-top-line-height: 5px;
--gheader__head002__link-icon-image: "link-icon-image-none";
--gheader__head002__link-image-hover: "link-image-hover-none";
--gmenu-child-gap: 1rem;
--gmenu-height-pc: 5rem;
--gspheader__default__spheader-accent: var(--mainColor);
--gspheader__default__spheader-border: 1px solid #bbbcbc;
--gspheader__default__spheader-comp-logo-max-width: 20rem;
--gspheader__default__spheader-ffamily-base: var(--ffamily-gmenu);
--gspheader__default__spheader-ffamily-btn: var(--ffamily-gmenu);
--gspheader__default__spheader-fletterspacing-base: var(--fletterspacing-gmenu);
--gspheader__default__spheader-fletterspacing-btn: var(--fletterspacing-gmenu);
--gspheader__default__spheader-flineheight-base: var(--flineheight-gmenu);
--gspheader__default__spheader-flineheight-btn: var(--flineheight-gmenu);
--gspheader__default__spheader-fsize-base: var(--fsize-gmenu-base-sp);
--gspheader__default__spheader-fsize-btn: var(--fsize-gmenu-base-sp);
--gspheader__default__spheader-fweight-base: var(--fweight-gmenu);
--gspheader__default__spheader-fweight-btn: var(--fweight-gmenu);
--gspheader__default__spheader-height: 11.7rem;
--gspheader__default__spheader-logo-max-width: 30rem;
--gspheader__default__spheader-main-bg: "s-bg-header-color";
--gspheader__default__spheader-top-line-height: 5px;
--header-accent: var(--mainColor);
--header-border: 1px solid #bbbcbc;
--header-comp-logo-max-width: 20rem;
--header-ffamily-base: var(--ffamily-gmenu);
--header-ffamily-btn: var(--ffamily-gmenu);
--header-fletterspacing-base: var(--fletterspacing-gmenu);
--header-fletterspacing-btn: var(--fletterspacing-gmenu);
--header-flineheight-base: var(--flineheight-gmenu);
--header-flineheight-btn: var(--flineheight-gmenu);
--header-fsize: 1.6rem;
--header-fsize-base: var(--fsize-gmenu-base);
--header-fsize-base-sp: var(--fsize-gmenu-sp);
--header-fsize-btn: var(--fsize-gmenu-base);
--header-fsize-btn-sp: var(--fsize-gmenu-sp);
--header-fsize-main: var(--fsize-gmenu-main);
--header-fsize-sub: var(--fsize-gmenu-sub);
--header-fweight-base: var(--fweight-gmenu);
--header-fweight-btn: var(--fweight-gmenu);
--header-height: 7rem;
--header-height-after: calc(var(--gmenu-fsize-base) * 5);
--header-height-append: calc(var(--gmenu-fsize-base) * 3);
--header-height-before: calc(var(--gmenu-fsize-base) * 5);
--header-logo-max-width: 30rem;
--header-padding: 14px 20px;
--header-top-line-height: 5px;
--hero-autoplay-delay: 5000;
--id: "thema_hjangeunite";
--link-btn: "link-btn-rightside-icon";
--link-btn-hover: "link-btn-hover-scaledown01";
--link-container: "link-container-none";
--link-container-hover: "link-container-hover-imagescaleup";
--link-external: "link-external-image";
--link-external-content: url(/_build_/assets/sample/thema_link/konicaminolta_link_blank.svg);
--link-footer-btn: "link-btn-arrow01";
--link-footer-btn-hover: "link-btn-hover-scaledown01";
--link-footer-icon: "link-icon-none";
--link-footer-icon-btn: "link-icon-none";
--link-footer-icon-btn-content: none;
--link-footer-icon-content: none;
--link-footer-text: "link-text-none";
--link-footer-text-hover: "link-text-hover-underline01";
--link-gmenu-btn: "link-btn-none";
--link-gmenu-btn-hover: "link-btn-hover-scaledown01";
--link-gmenu-head1-icon: "link-icon-none";
--link-gmenu-head1-icon-content: none;
--link-gmenu-head2-icon: "link-icon-none";
--link-gmenu-head2-icon-content: none;
--link-gmenu-icon-btn: "link-icon-none";
--link-gmenu-icon-btn-content: none;
--link-gmenu-sub-icon: "link-icon-none";
--link-gmenu-sub-icon-content: none;
--link-gmenu-text: "link-text-underline01";
--link-gmenu-text-hover: "link-text-hover-underline01";
--link-header-btn: "link-btn-none";
--link-header-btn-hover: "link-btn-hover-scaledown01";
--link-header-icon: "link-icon-none";
--link-header-icon-btn: "link-icon-none";
--link-header-icon-btn-content: none;
--link-header-icon-content: none;
--link-header-text: "link-text-none";
--link-header-text-hover: "link-text-hover-underline01";
--link-icon: "link-icon-image";
--link-icon-btn: "link-icon-btn-customfont";
--link-icon-btn-content: "\e92d";
--link-icon-btn-preset: "icon--arrowRight03";
--link-icon-container: "link-icon-container-image";
--link-icon-container-content: url(/_build_/assets/sample/thema_link/konicaminolta_link_container.svg);
--link-icon-content: url(/_build_/assets/sample/thema_link/konicaminolta_link_icon.svg);
--link-icon-image: "link-icon-image-none";
--link-image-hover: "link-image-hover-none";
--link-text: "link-text-arrow01";
--link-text-hover: "link-text-hover-underline01";
--name: "アンジュ・ユナイト.";
--page-side--margin-sp: 1.5rem;
--reference: "https://hjangeunite-05d9d82a785465381c23b6efccad83be.cms01.wit-inc.jp/angeunite/index.html";
--s-align: center;
--s-align-flex: center;
--s-align-opp: center;
--s-align-opp-flex: center;
--s-align-sp: center;
--s-align-sp-flex: center;
--s-align-sp-opp: center;
--s-align-sp-opp-flex: center;
--s-badge: "s-badge-003";
--s-blockquote: "s-blockquote-konicaminolta";
--s-blockquote__bg-color: "s-bg-info-color";
--s-blockquote__container-padding: var(--gap-container-items);
--s-blockquote__container-width: auto;
--s-blockquote__frame-container: "frame-container-none";
--s-blockquote__frame-container-hover-shadow: 0 3px 6px;
--s-blockquote__frame-container-link: "frame-container-shadow01";
--s-blockquote__frame-container-link-hover: "frame-container-hover-shadow01";
--s-blockquote__frame-container-radius: none;
--s-blockquote__frame-container-shadow: 0 3px 6px;
--s-blockquote__items-gap: var(--gap-container-items);
--s-breadcrumb: "s-breadcrumb-def";
--s-breadcrumb__bg-color: "s-bg-breadcrumb-color";
--s-break-point: 1024px;
--s-btn-konicaminolta__frame-btn: "frame-btn-valid";
--s-btn-konicaminolta__frame-btn-radius: 0.4rem;
--s-btn-konicaminolta__frame-btn-shadow: none;
--s-btn-konicaminolta__link-btn: "link-btn-rightside-icon";
--s-btn-konicaminolta__link-btn-hover: "link-btn-hover-scaleup01";
--s-button: "s-btn-konicaminolta";
--s-button__bg-color: "s-btn-def-color";
--s-button__link-btn: "link-btn-right-icon";
--s-button__link-btn-hover: "link-btn-hover-scaleup01";
--s-buttons__horizontal-justify: var(--s-align-flex);
--s-buttons__horizontal-justify-sp: var(--s-align-flex);
--s-container-faq: "s-container-faq-def";
--s-container-faq-001__container-width: 100%;
--s-container-faq-001__gap-container-vertical: 1.5rem;
--s-container-faq-001__grid-num: 1;
--s-container-faq-001__image-container-align: center;
--s-container-faq-001__image-fit: contain;
--s-container-faq-001__vertical-justify: flex-start;
--s-container-faq__container-width: 100%;
--s-container-faq__gap-container-vertical: 1.5rem;
--s-container-faq__grid-num: 1;
--s-container-faq__image-container-align: center;
--s-container-faq__image-fit: contain;
--s-container-faq__vertical-justify: flex-start;
--s-container-flow-001__block-container-images-padding: 1rem 1rem 0;
--s-container-flow-001__gap: 3.0rem;
--s-container-flow-001__gap-container-items: 1.0rem;
--s-container-flow-001__grid-num: 4;
--s-container-flow-001__horizontal-justify: flex-start;
--s-container-flow-001__horizontal-justify-sp: flex-start;
--s-container-flow-001__image-container-align: center;
--s-container-flow-001__image-fit: contain;
--s-container-flow-002__container-width: 100%;
--s-container-flow-002__gap-container-vertical: 1.5rem;
--s-container-flow-002__grid-num: 1;
--s-container-flow-002__image-container-align: center;
--s-container-flow-002__image-fit: contain;
--s-container-flow-002__vertical-justify: flex-start;
--s-container-flow-list__container-width: 100%;
--s-container-flow-list__gap-container-vertical: 1.5rem;
--s-container-flow-list__grid-num: 1;
--s-container-flow-list__image-container-align: center;
--s-container-flow-list__image-fit: contain;
--s-container-flow-list__vertical-justify: flex-start;
--s-container-horizontal: "s-container-horizontal-konicaminolta";
--s-container-horizontal-001__container-width: 100%;
--s-container-horizontal-001__gap-container-vertical: 1.5rem;
--s-container-horizontal-001__grid-num: 1;
--s-container-horizontal-001__image-container-align: center;
--s-container-horizontal-001__image-fit: contain;
--s-container-horizontal-001__vertical-justify: flex-start;
--s-container-horizontal-002__container-width: 100%;
--s-container-horizontal-002__gap-container-vertical: 1.5rem;
--s-container-horizontal-002__grid-num: 1;
--s-container-horizontal-002__image-container-align: center;
--s-container-horizontal-002__image-fit: contain;
--s-container-horizontal-002__s-badge__badge-position: "pos--absolute-top-left";
--s-container-horizontal-002__vertical-justify: flex-start;
--s-container-horizontal-003__container-width: 100%;
--s-container-horizontal-003__gap-container-vertical: 1.5rem;
--s-container-horizontal-003__grid-num: 1;
--s-container-horizontal-003__image-container-align: center;
--s-container-horizontal-003__image-fit: contain;
--s-container-horizontal-003__vertical-justify: flex-start;
--s-container-horizontal-004__container-width: 100%;
--s-container-horizontal-004__gap-container-vertical: 1.5rem;
--s-container-horizontal-004__grid-num: 1;
--s-container-horizontal-004__image-container-align: center;
--s-container-horizontal-004__image-fit: contain;
--s-container-horizontal-004__vertical-justify: flex-start;
--s-container-horizontal-005__container-width: 100%;
--s-container-horizontal-005__gap-container-vertical: 1.5rem;
--s-container-horizontal-005__grid-num: 1;
--s-container-horizontal-005__image-container-align: center;
--s-container-horizontal-005__image-fit: contain;
--s-container-horizontal-005__vertical-justify: flex-start;
--s-container-horizontal-006__container-width: 100%;
--s-container-horizontal-006__gap-container-vertical: 1.5rem;
--s-container-horizontal-006__grid-num: 1;
--s-container-horizontal-006__image-container-align: center;
--s-container-horizontal-006__image-fit: contain;
--s-container-horizontal-006__vertical-justify: flex-start;
--s-container-horizontal__container-width: 100%;
--s-container-horizontal__gap-container-vertical: 1.5rem;
--s-container-horizontal__grid-num: 1;
--s-container-horizontal__image-container-align: center;
--s-container-horizontal__image-fit: contain;
--s-container-horizontal__vertical-justify: flex-start;
--s-container-list: "s-container-list-noborder";
--s-container-list__link-text: "link-text-arrow01";
--s-container-list__link-text-hover: "link-text-hover-underline01";
--s-container-price__frame-container: "frame-container-none";
--s-container-price__frame-container-hover-shadow: 0 3px 6px;
--s-container-price__frame-container-link: "frame-container-shadow01";
--s-container-price__frame-container-radius: none;
--s-container-price__frame-container-shadow: 0 3px 6px;
--s-container-price__gap: 3.0rem 1.0rem;
--s-container-price__gap-container-items: 1.0rem;
--s-container-price__grid-num: 2;
--s-container-price__horizontal-justify: flex-start;
--s-container-price__horizontal-justify-sp: flex-start;
--s-container-price__image-fit: contain;
--s-container-price__image-padding: 1rem 1rem 0;
--s-container-price__link-container: "link-container-rightbottom-icon";
--s-container-price__link-container-hover: "link-container-hover-imagescaleup";
--s-container-ticker: "s-container-ticker-def";
--s-container-ticker__container-width: var(--container-width);
--s-container-ticker__link-text: "link-text-arrow01";
--s-container-ticker__link-text-hover: "link-text-hover-underline01";
--s-container-ticker__max-width: var(--container-width);
--s-container-vertical: "s-container-vertical-001";
--s-container-vertical-001__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical-001__frame-container: "frame-container-none";
--s-container-vertical-001__gap: 3.0rem;
--s-container-vertical-001__gap-container-items: 1.0rem;
--s-container-vertical-001__grid-num: 3;
--s-container-vertical-001__horizontal-justify: flex-start;
--s-container-vertical-001__horizontal-justify-sp: flex-start;
--s-container-vertical-001__image-container-align: center;
--s-container-vertical-001__image-fit: contain;
--s-container-vertical-002__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical-002__gap: 3.0rem;
--s-container-vertical-002__gap-container-items: 1.0rem;
--s-container-vertical-002__grid-num: 4;
--s-container-vertical-002__horizontal-justify: flex-start;
--s-container-vertical-002__horizontal-justify-sp: flex-start;
--s-container-vertical-002__image-container-align: center;
--s-container-vertical-002__image-fit: contain;
--s-container-vertical-003__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical-003__gap: 3.0rem;
--s-container-vertical-003__gap-container-items: 1.0rem;
--s-container-vertical-003__grid-num: 4;
--s-container-vertical-003__horizontal-justify: flex-start;
--s-container-vertical-003__horizontal-justify-sp: flex-start;
--s-container-vertical-003__image-container-align: center;
--s-container-vertical-003__image-fit: contain;
--s-container-vertical-004__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical-004__gap: 3.0rem;
--s-container-vertical-004__gap-container-items: 1.0rem;
--s-container-vertical-004__grid-num: 4;
--s-container-vertical-004__horizontal-justify: flex-start;
--s-container-vertical-004__horizontal-justify-sp: flex-start;
--s-container-vertical-004__image-container-align: center;
--s-container-vertical-004__image-fit: contain;
--s-container-vertical-2col__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical-2col__gap: 3.0rem;
--s-container-vertical-2col__gap-container-items: 1.0rem;
--s-container-vertical-2col__grid-num: 4;
--s-container-vertical-2col__horizontal-justify: flex-start;
--s-container-vertical-2col__horizontal-justify-sp: flex-start;
--s-container-vertical-2col__image-container-align: center;
--s-container-vertical-2col__image-fit: contain;
--s-container-vertical__block-container-images-padding: 1rem 1rem 0;
--s-container-vertical__gap: 3.0rem;
--s-container-vertical__gap-container-items: 1.0rem;
--s-container-vertical__grid-num: 4;
--s-container-vertical__horizontal-justify: flex-start;
--s-container-vertical__horizontal-justify-sp: flex-start;
--s-container-vertical__image-container-align: center;
--s-container-vertical__image-fit: contain;
--s-container__bg-color: "s-base-color";
--s-content-bg: "s-content-bg-alternate";
--s-content-bg-image: url(/_assets_/hjangeunite/bg.jpg?202306191537) top center cover;
--s-content-bg-image-sp: url(/_assets_/hjangeunite/bg_sp.jpg?202306191537) top center cover;
--s-content-break-point: 1240px;
--s-content-width: 1200px;
--s-content-width-small: 980px;
--s-dl: "s-dl-konicaminolta";
--s-dl__align-container-header: "position-left";
--s-dl__align-container-items: "position-left";
--s-dl__block-bg-container-header-color: "s-bg-col-thead-color";
--s-dl__block-bg-container-items-color: "s-bg-col-body1-color";
--s-dl__block-container-header-padding: 1.5rem;
--s-dl__block-container-items-padding: 1.5rem;
--s-dl__dl-body-width: auto;
--s-dl__dl-gap: 1.5rem;
--s-dl__dl-grid-num: 1;
--s-dl__dl-head-width: 15rem;
--s-dl__items-gap: 0.5rem;
--s-entry: "s-entry-def";
--s-entry__entry-image-width: 40rem;
--s-entry__entry-max-width: var(--s-content-width-small);
--s-headline: "s-headline-sideline";
--s-hero-align: center;
--s-hero-align-flex: center;
--s-hero-align-opp: center;
--s-hero-align-opp-flex: center;
--s-hero-align-sp: "s-hero-align-center";
--s-hero-bg-positioin: right center;
--s-image: "s-image-def";
--s-image__bg-image-caption: "s-white-color";
--s-image__gap-image-caption: 0px;
--s-image__image-fit: "size-cover";
--s-image__image-height: auto;
--s-image__image-margin: 0px;
--s-image__image-padding: 0px;
--s-image__image-padding-caption: 0.5rem;
--s-image__image-position: "position-center";
--s-image__image-position-caption: "position-center";
--s-image__image-width: auto;
--s-images: "s-images-001";
--s-images-slide__gap: 1.0rem;
--s-images__gap: 1.0rem;
--s-label: "s-label-konicaminolta";
--s-label__bg-color: "s-label-def-color";
--s-label__flineheight-label: inherit;
--s-label__fsize-label: var(--fsize-base);
--s-label__fweight-label: inherit;
--s-label__label-padding: 0.5rem 1rem;
--s-label__label-radius: 0;
--s-pagination__list-bg-color: "s-main-mono-color";
--s-point: "s-point-konicaminolta";
--s-remarks: "s-remarks-konicaminolta";
--s-table: "s-table-konicaminolta";
--s-table-radius: "s-table-radius-none";
--s-table__bg-color: "s-base-color";
--s-table__ffamily: inherit;
--s-table__fletterspacing: inherit;
--s-table__flineheight: inherit;
--s-table__fsize: inherit;
--s-table__fweight: inherit;
--s-table__padding: 0;
--s-taglist: "s-taglist-def";
--s-taglist__flineheight-tag: inherit;
--s-taglist__fsize-tag: 0.8em;
--s-taglist__fweight-tag: inherit;
--s-taglist__gap-tag: 0.5rem;
--s-taglist__tag-bg-color: "s-main-mono-color";
--s-tel: "s-tel-def";
--s-text: "s-text-def";
--s-text-link: "s-text-link-002";
--s-ullist: "s-ullist-konicaminolta";
--s-ullist__gap: 1.0rem;
--s-ullist__grid-num: 1;
--s-ullist__ullist_list-bg-color: "s-base-color";
--s-ullist__ullist_list-gap: 1rem;
--s-ullist__ullist_list-vertical: flex-start;
--s-ullist__ullist_padding: 0px;
--spgmenu-bg: "s-bg-gmenu-color";
--spgmenu-ffamily-base: var(--ffamily-gmenu);
--spgmenu-ffamily-btn: var(--ffamily-gmenu);
--spgmenu-fletterspacing-base: var(--fletterspacing-gmenu);
--spgmenu-fletterspacing-btn: var(--fletterspacing-gmenu);
--spgmenu-flineheight-base: var(--flineheight-gmenu);
--spgmenu-flineheight-btn: var(--flineheight-gmenu);
--spgmenu-fsize-base: var(--fsize-gmenu-sp);
--spgmenu-fsize-btn: var(--fsize-gmenu-sp);
--spgmenu-fweight-base: var(--fweight-gmenu);
--spgmenu-fweight-btn: var(--fweight-gmenu);
--spgmenu-menu-padding: 3rem;
--spgmenu-submenu-padding: 2rem;
--spheader-accent: var(--mainColor);
--spheader-border: 1px solid #bbbcbc;
--spheader-comp-logo-max-width: 20rem;
--spheader-ffamily-base: var(--ffamily-gmenu);
--spheader-ffamily-btn: var(--ffamily-gmenu);
--spheader-fletterspacing-base: var(--fletterspacing-gmenu);
--spheader-fletterspacing-btn: var(--fletterspacing-gmenu);
--spheader-flineheight-base: var(--flineheight-gmenu);
--spheader-flineheight-btn: var(--flineheight-gmenu);
--spheader-fsize-base: var(--fsize-gmenu-base-sp);
--spheader-fsize-btn: var(--fsize-gmenu-base-sp);
--spheader-fweight-base: var(--fweight-gmenu);
--spheader-fweight-btn: var(--fweight-gmenu);
--spheader-height: 7rem;
--spheader-logo-max-width: 30rem;
--spheader-main-bg: "s-bg-header-color";
--spheader-top-line-height: 5px;
--template_version: "v5";
--workflow: "public";
}
:root {
--icon-arrowdown: url(/_assets_/icon/icon-arrowdown006.svg);
--icon-arrowleft: url(/_assets_/icon/icon-arrowleft006.svg);
--icon-arrowright: url(/_assets_/icon/icon-arrowright006.svg);
--icon-arrowup: url(/_assets_/icon/icon-arrowup006.svg);
--icon-download: url(/_assets_/icon/icon-download006.svg);
--icon-mail: url(/_assets_/icon/icon-mail006.svg);
--icon-tel: url(/_assets_/icon/icon-tel006.svg);
}
i {
display: inline-block;
}
.fas::before,
.far::before {
content: "";
display: inline-block;
background: var(--iconColor, var(--txt-bodyColor));
-webkit-mask-box-image: var(--iconImage);
-webkit-mask-box-image-repeat: space;
mask-image: var(--iconImage);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: var(--iconSize, 1em);
height: var(--iconSize, 1em);
}
.fas.fa-envelope::before {
--iconImage: url(/_assets_/icon/envelope-solid.svg);
}
.far.fa-envelope:before {
--iconImage: url(/_assets_/icon/envelope-regular.svg);
}
/* https://www.ag-tax.or.jp/ */
.l-gheader-pc .l-gmenu-cta-container > li > .p-link .fas.fa-envelope:before {
width: 1.26rem;
height: 1.2rem;
background: #444444;
}
.l-gmenu-sp .l-spgmenu-navi-wrapper .fas.fa-envelope:before {
width: 2.029rem;
height: 2.06rem;
background: var(--txt-bodyColor);
}
.far.fa-envelope:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/envelope-regular.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/envelope-regular.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.l-gheader-pc .l-gmenu-cta-container > li > .p-link .far.fa-envelope:before {
width: 1.26rem;
height: 1.2rem;
background: #444444;
}
.l-gmenu-sp .l-spgmenu-navi-wrapper .far.fa-envelope:before {
width: 2.029rem;
height: 2.06rem;
background: var(--txt-bodyColor);
}
.p-conversion-horizontal.s-contactHorizontal002 .p-dl.s-contactHorizontal002-dl .p-dl-container > .p-dl-header .p-image .p-image-wrapper .far.fa-envelope:before {
background: var(--txt-bodyColor);
width: 2rem;
height: 2rem;
}
.fas.fa-book-open:before {
content: "";
display: inline-block;
/* background: var(--accentColor); */
-webkit-mask-box-image: url(/_assets_/icon/book-open-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/book-open-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-gheader-pc .l-gmenu-cta-container > li > .p-link .fas.fa-book-open:before {
width: 1.41rem;
height: 1.2rem;
background: #444444;
}
.l-gmenu-sp .l-spgmenu-navi-wrapper .fas.fa-book-open:before {
width: 2.229rem;
height: 2.16rem;
background: var(--txt-bodyColor);
}
.fas.fa-phone-alt:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/phone-alt-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/phone-alt-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 2rem;
height: 2rem;
}
.l-gmenu-pc .l-gmenu-main-container>li.is-child>a::after {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/keyboard_arrow_down_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/keyboard_arrow_down_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-text.link-external-customfont.externalLinkIcon::after,
.p-text.link-external-customfont a.externalLinkIcon::after {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/external01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/external01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1.4rem;
height: 1.1rem;
margin-left: 0.3em;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li a.link-text.link-external-customfont.externalLinkIcon::after {
width: 1.8rem;
height: 1.8rem;
}
.link-text.link-gmenu-head1-icon-customfont::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight03.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight03.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 2rem;
height: 3.5rem;
}
.l-gmenu-pc .l-gmenu-main-container .parent-info > a::before {
margin: 0 !important;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li a.link-text.link-gmenu-head1-icon-customfont::before {
width: 1.049rem;
height: 1.08rem;
background: var(--txt-bodyColor);
margin-right: 0.3em;
}
.link-text.link-gmenu-head2-icon-customfont::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight03.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight03.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1.049rem;
height: 1.08rem;
margin-right: 0.3em;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list a.link-text.link-gmenu-head2-icon-customfont::before {
background: var(--txt-bodyColor);
}
.link-text.link-gmenu-sub-icon-customfont::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight07.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight07.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 0.949rem;
height: 0.78rem;
margin-right: 0.3em;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list a.link-text.link-gmenu-sub-icon-customfont::before {
background: var(--txt-bodyColor);
}
.link-text.link-icon-customfont::before,
.p-text.link-icon-customfont a::before {
content: "";
display: inline-block;
background: var(--txt-linkColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight07.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight07.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 0.7em;
height: 0.7em;
margin-right: 0.3em;
}
.p-container-ticker-items .swiper-button-prev::after {
content: "" !important;
display: inline-block !important;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrow-circle-left-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow-circle-left-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em !important;
height: 1em;
font-size: 1em;
}
.p-container-ticker-items .swiper-button-next::after {
content: "" !important;
display: inline-block !important;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrow-circle-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow-circle-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em !important;
height: 1em;
font-size: 1em;
}
.link-btn.link-icon-btn-customfont::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight07.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight07.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 0.8em;
height: 0.9em;
}
.fas.fa-chevron-up:before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-up-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-up-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
#page-top .fas.fa-chevron-up:before {
background: #000;
width: 28px;
height: 31px;
}
.p-ullist.cx-ullist002 > ul > li::before {
content: "";
display: inline-block;
background: var(--headlineColor);
-webkit-mask-box-image: url(/_assets_/icon/circle-check-regular.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/circle-check-regular.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1.1em;
height: 1.1em;
margin-right: 0.3em;
font-size: 0.7em;
}
.p-rel-link-list .l-content-container li a::before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-taglist > ul > li.s-ullist-icon-checkbox::before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/check-square-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check-square-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-ullist.s-ullist-icon-fontawsome > ul > li::before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/check_box_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check_box_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-ullist > ul > li.s-ullist-icon-checkbox::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/check-circle-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check-circle-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
font-size: 1em;
}
.link-container.externalLinkIcon.link-container-arrow01::after {
content: "";
display: inline-block;
background: #FFF;
-webkit-mask-box-image: url(/_assets_/icon/external01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/external01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-text.link-external-fontawsome.externalLinkIcon::after {
content: "";
display: inline-block;
/* background: #FFF; */
-webkit-mask-box-image: url(/_assets_/icon/external01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/external01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-btn.link-external-fontawsome.externalLinkIcon::after {
content: "";
display: inline-block;
/* background: #FFF; */
-webkit-mask-box-image: url(/_assets_/icon/external01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/external01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-container.link-icon-container-fontawsome::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/angle-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/angle-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-btn.link-icon-btn-fontawsome:not(.externalLinkIcon)::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/angle-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/angle-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list .child-sub-list-line>ul>li.link-icon-fontawsome>a::before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive::after {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-ullist.s-ullist-icon-materialoutlined > ul > li::before {
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/check_box_24dp_wght700.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check_box_24dp_wght700.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-container.link-container-def::after {
content: "";
display: inline-block;
background: #FFF;
-webkit-mask-box-image: url(/_assets_/icon/arrow_right_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow_right_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-container.link-container-arrow01::after {
content: "";
display: inline-block;
background: #FFF;
-webkit-mask-box-image: url(/_assets_/icon/arrow_right_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow_right_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li.is-child>a::after {
content: "" !important;
display: inline-block !important;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/add_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/add_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
right: 1.5rem;
width: 3rem;
height: 3rem;
position: absolute;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li input[type="checkbox"]:checked+a::after {
content: "";
display: inline-block;
/* background: #FFF; */
-webkit-mask-box-image: url(/_assets_/icon/remove_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/remove_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-btn.link-icon-customfont::before {
content: "";
display: inline-block;
/* background: #FFF; */
-webkit-mask-box-image: url(/_assets_/icon/angle-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/angle-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-container.link-icon-container-customfont::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight04.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight04.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1.1em;
height: 1.1em;
position: absolute;
right: 0.5em;
bottom: 0.5em;
z-index: 9;
text-decoration: none;
}
.p-container-vertical-004 .link-container.link-icon-container-customfont::before {
background: var(--main-txt-bodyColor);
}
.p-image.p-image-caption .link-image.link-icon-image-customfont figcaption::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/arrowRight04.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrowRight04.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 0.9em;
height: 1.3em;
position: absolute;
right: 0.5em;
z-index: 9;
}
.right-float-box-in .upperRight::before{
content: "";
display: inline-block;
/* background: var(--txt-bodyColor); */
-webkit-mask-box-image: url(/_assets_/icon/times-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/times-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.right-float-box-in .btn-hide input[type="checkbox"] + span:before {
content: "";
display: inline-block;
background: #000000;
-webkit-mask-box-image: url(/_assets_/icon/check-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon-before--circle-arrow::before,
.icon-after--circle-arrow::after {
content: "";
display: inline-block;
background: var(--txt-body-primary);
-webkit-mask-box-image: url(/_assets_/icon/arrow_circle_right_24dp_wght700.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow_circle_right_24dp_wght700.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon--bill01:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/bill01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/bill01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon--zip01:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/zip01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/zip01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon--tel01:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/tel01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/tel01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon--tel03:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/tel01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/tel01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.icon--tel05:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/tel05.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/tel05.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 0.99em;
height: 0.99em;
}
.icon--mapmarker01:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/mapmarker01.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/mapmarker01.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.p-dl .p-dl-container > .p-dl-header [class^="icon-"]::before {
background: var(--accentColor);
}
.fas.fa-chevron-right::before {
content: "";
display: inline-block;
/* background: #000000; */
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
/* https://www.koyou-bussan.co.jp/office-solution/ */
.link-container.link-icon-container-fontawsome::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/plus-circle-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/plus-circle-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
#strength .link-container.link-icon-container-fontawsome::before {
content: "";
display: inline-block;
background: #D8D8D8;
-webkit-mask-box-image: url(/_assets_/icon/plus-circle-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/plus-circle-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.b-case-koyou .p-figure figcaption::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/user-alt-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/user-alt-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-btn.link-icon-btn-fontawsome::before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/chevron-down-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-down-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper:not(:last-child)::before {
content: "";
display: inline-block;
background: var(--headlineColor);
-webkit-mask-box-image: url(/_assets_/icon/caret-down-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/caret-down-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
#expansionFloatBanner .floatBannerIn .upperRight::before {
content: "";
display: inline-block;
background: #FFF;
-webkit-mask-box-image: url(/_assets_/icon/times-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/times-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
#expansionFloatBanner .floatBannerIn .btn-hide input[type="checkbox"] + span:before {
content: "";
display: inline-block;
background: #000000;
-webkit-mask-box-image: url(/_assets_/icon/check-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/check-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.link-text.link-icon-fontawsome::before {
content: "";
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/angle-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/angle-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.fas.fa-chevron-down:before {
content: "";
display: inline-block;
background: var(--txt-bodyColor);
-webkit-mask-box-image: url(/_assets_/icon/chevron-down-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-down-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li a .fas.fa-chevron-down:before {
background: var(--txt-bodyColor);
}
/* https://svltd.co.jp/jigyou-saikouchiku/ */
.l-gmenu-cta-container > li > .p-btn::after {
content: "";
display: inline-block;
background: var(--base-primaryColor);
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-gmenu-cta-container > li:nth-child(2) > a.p-btn::after {
content: "";
display: inline-block;
background: var(--base-defColor);
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-buttons > .p-btn::after {
content: "";
display: inline-block;
background: var(--base-defColor);
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-section-container > .l-content-wrapper > .p-container.service-list .p-container-items > .p-group-linkActive::after {
content: "";
display: inline-block;
/* background: var(--base-defColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.fa.fa-chevron-down:before {
content: "";
display: inline-block;
/* background: var(--base-defColor); */
-webkit-mask-box-image: url(/_assets_/icon/chevron-down-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-down-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
width: 1em;
height: 1em;
}
.block__blog_detail_body .p-index-inner .toc_list li > i:before {
background: var(--primary-defColor);
}
/* https://www.koyou-bussan.co.jp/hbe/blog/detail.html?id=1545 */
.block__blog_category.l-side-content-wrapper .l-side-content > ul > li > a > .fas:before {
background: var(--base-txt-bodyColor);
}
.block__blog_newentry .l-side-content > ul > li > a > .fas:before {
background: var(--des-main-defColor);
}
/*https://svltd.co.jp/ */
.far.fa-handshake:before {
content: "";
display: inline-block;
-webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/chevron-right-solid.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.p-entry__body h2 i:before {
background: #ffff64;
}
/* https://mitsys.cmsrender.awsv.jp/casestudy/casestudy_ntm.html */
.l-header-container .l-gmenu-sub-container > li:hover .subNavi > li a::before {
content: "" !important;
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrow_forward_ios_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow_forward_ios_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li a::before {
content: "" !important;
display: inline-block;
background: var(--accentColor);
-webkit-mask-box-image: url(/_assets_/icon/arrow_forward_ios_24dp.svg);
-webkit-mask-box-image-repeat: space;
mask-image: url(/_assets_/icon/arrow_forward_ios_24dp.svg);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
}
.link-text.link-icon-fontawsome::before {
width: 0.4em;
height: 0.8em;
}
/**
page-top
**/
#page-top {
position: fixed;
display: flex;
z-index: 999;
cursor: pointer;
right: 20px;
bottom: 10px;
background: #fff;
color: #000;
padding: 7px;
border-radius: 3px;
text-decoration: none;
opacity: .5;
transition: all .5s;
font-size: .8rem;
align-items: center;
justify-content: center;
}
#page-top:hover {
transform: scale(1.2);
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6);
opacity: 1;
}
#page-top > i {
font-size: 30px;
}
#page-top > img {
width: 20px;
height: 20px;
}
#page-top > span {
margin-left: 5px;
}
@media only screen and (max-width:678px){
#page-top {
right: 0;
bottom: 0;
padding: 2vw 3vw;
}
#page-top > i {
font-size: 7vw;
}
}
/* 共通 */
.p-article {
--s-grid-num: 1;
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-article + * {
margin-top: calc(var(--gap-container-vertical) * 1.5);
}
.p-article .p-article-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-article .p-article-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
box-shadow: calc(var(--s-shadow-large,0)*.1rem) calc(var(--s-shadow-large,0)*.2rem) calc(var(--s-shadow-large,0)*.3rem) rgba(0, 0, 0, .16);
border-radius: calc(var(--s-radius, 0) * 0.3em);
}
.p-article.grid-2 .p-article-wrapper { --s-grid-num: 2; }
.p-article.grid-3 .p-article-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-article.grid-2 .p-article-wrapper { --s-grid-num: 1; }
.p-article.grid-3 .p-article-wrapper { --s-grid-num: 1; }
}
.p-article a.p-container-container {
text-decoration: none;
}
.p-article .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-vertical);
}
.p-article .p-article-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
}
.p-article .p-article-wrapper > .p-container-container > .p-container-wrapper {
align-items: flex-start;
text-align: left;
padding: var(--block-container-padding);
--s-align: left;
--s-align-flex: flex-start;
}
.p-article.cx-article-message .p-article-wrapper > .p-container-container > .p-container-wrapper {
padding: var(--message--padding);
}
.p-article .p-article-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
.p-article .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-article.s-bgcolor {
padding: var(--padding-container);
}
.p-article.s-base-bgcolor { background-color: var(--baseColor); }
.p-article.s-main-bgcolor { background-color: var(--mainColor); }
.p-article.s-sub-bgcolor { background-color: var(--subColor); }
/* .p-article.size-1-11 { --s-grid-num: 1; }
.p-article.size-2-10 { --s-grid-num: 1; }
.p-article.size-3-9 { --s-grid-num: 1; }
.p-article.size-4-8 { --s-grid-num: 1; }
.p-article.size-5-7 { --s-grid-num: 1; }
.p-article.size-6-6 { --s-grid-num: 1; }
.p-article.size-7-5 { --s-grid-num: 1; }
.p-article.size-8-4 { --s-grid-num: 1; }
.p-article.size-9-3 { --s-grid-num: 1; }
.p-article.size-10-2 { --s-grid-num: 1; }
.p-article.size-11-1 { --s-grid-num: 1; } */
.p-article .p-container-container > .p-container-images {
align-items: center;
}
.p-article .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-article .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-article .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-article .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-article.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-article.size-1-11 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-article.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-article.size-2-10 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-article.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-article.size-3-9 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-article.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-article.size-4-8 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-article.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-article.size-5-7 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-article.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-article.size-6-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-article.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-article.size-7-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-article.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-article.size-8-4 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-article.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-article.size-9-3 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-article.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-article.size-10-2 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-article.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-article.size-11-1 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-article.layout-image-left .p-container-images { order: inherit; }
.p-article.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 520px) {
.p-article .p-container-container {
flex-direction: column;
}
.p-article.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-1-11 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-2-10 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-3-9 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-4-8 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-5-7 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-6-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-7-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-8-4 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-9-3 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-10-2 .p-container-container > .p-container-wrapper { width: 100%; }
.p-article.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-article.size-11-1 .p-container-container > .p-container-wrapper { width: 100%; }
}
.p-attention {
--gap-container-items: 2rem;
--bgColor: var(--bg-alertColor);
--txt-headColor: var(--bg-alert-txt-headColor);
--txt-bodyColor: var(--bg-alert-txt-bodyColor);
--borderColor: var(--bg-alert-borderColor);
--accentColor: var(--bg-alert-accentColor);
--accent-txtColor: var(--bg-alert-accent-txtColor);
--emphasisColor: var(--bg-alert-emphasisColor);
--emphasis-txtColor: var(--bg-alert-emphasis-txtColor);
--infoColor: var(--bg-alert-infoColor);
--info-txtColor: var(--bg-alert-info-txtColor);
--lightColor: var(--bg-alert-lightColor);
--darkColor: var(--bg-alert-darkColor);
--monoColor: var(--bg-alert-monoColor);
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-attention .p-attention-container {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-attention .p-attention-container .p-attention-items {
gap: var(--gap-container-items);
display: flex;
flex-direction: column;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
}
.p-attention .p-attention-header {
width: 100%;
}
.p-attention .p-attention-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* p-badge */
.p-badge > span {
display: block;
line-height: 1;
text-align: center;
}
.p-badge.pos--absolute-top-left {
position: absolute;
top: 0;
left: 0;
margin: 0 !important;
}
/* ../../components_v5/comp__badge/s-badge-003.css */
/* s-badge-003 */
.p-badge {
background: var(--primary-defColor);
color: var(--primary-def-txt-bodyColor);
font-size: 14px;
font-weight: var(--fweight-btn);
line-height: var(--flineheight-btn);
box-shadow: none;
border: 0;
border-radius: 4.5em;
height: 4.5em;
width: 4.5em;
display: flex;
justify-content: center;
align-items: center;
}
#app.primary-def-gradient .p-badge {
background: linear-gradient(-90deg, var(--primary-def-gradient-st) 0%, var(--primary-def-gradient-en) 100%);
}
.p-blockquote {
background: var(--p-blockquote--bgColor, var(--bgColor));
color: var(--txt-bodyColor);
padding: 0.5em;
position: relative;
width: var(--container-width);
}
.p-blockquote .p-blockquote-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
.p-blockquote .p-blockquote-container .p-blockquote-items {
gap: var(--items-gap);
display: flex;
flex-direction: column;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
text-align: var(--s-blockquote__s-align, center);
padding: var(--block-container-padding);
}
.p-blockquote.cx-blockquote-info .p-blockquote-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--block-container-padding);
}
.p-blockquote.cx-blockquote-info .p-blockquote-header {
width: 100%;
}
/* .p-blockquote.cx-blockquote-info .p-blockquote-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
} */
/* cx-blockquote-info-border */
.p-blockquote.cx-blockquote-info-border {
border: 1px solid var(--bg-info-defColor);
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--items-gap);
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-header {
width: 100%;
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-blockquote-attention */
.p-blockquote.cx-blockquote-attention {
background: var(--bg-info-alertColor);
color: var(--bg-info-alert-txt-bodyColor);
}
.p-blockquote.cx-blockquote-attention .p-blockquote-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-blockquote.cx-blockquote-attention .p-blockquote-header {
width: 100%;
}
.p-blockquote.cx-blockquote-attention .p-blockquote-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-blockquote-attention-border */
.p-blockquote.cx-blockquote-attention-border {
border: 1px solid var(--bg-info-alertColor);
color: var(--alertColor);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--items-gap);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-header {
width: 100%;
padding-bottom: var(--gap-container-items);
border-bottom: 1px solid var(--alertColor);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
.p-body-inner > .p-blockquote {
margin: 2rem 2rem;
}
.p-body-inner > .p-blockquote .p-blockquote-container {
padding: 2rem;
}
.p-component-container .p-body-inner blockquote {
border: 1px solid var(--accent-accent-txtColor);
padding: 1rem;
}
.s-blockquote{
--bg-color: var(--s-blockquote__bg-color);
--container-padding: var(--s-blockquote__container-padding);
--container-width: var(--s-blockquote__container-width);
--frame-container: var(--s-blockquote__frame-container);
--frame-container-hover-shadow: var(--s-blockquote__frame-container-hover-shadow);
--frame-container-link: var(--s-blockquote__frame-container-link);
--frame-container-link-hover: var(--s-blockquote__frame-container-link-hover);
--frame-container-radius: var(--s-blockquote__frame-container-radius);
--frame-container-shadow: var(--s-blockquote__frame-container-shadow);
--items-gap: var(--s-blockquote__items-gap);
}
/* breadcrumb */
.comp__breadcrumb {
position: relative;
z-index: 3;
font-size: var(--fsize-breadcrumb);
background: var(--bgColor);
color: var(--txt-bodyColor);
}
@media screen and (max-width: 1024px) {
.comp__breadcrumb {
font-size: var(--fsize-breadcrumb-sp);
}
}
.comp__breadcrumb ul {
height: 4.57em;
display: flex;
align-items: center;
}
.comp__breadcrumb ul li a {
display: inline-block;
margin-right: 1.75em;
}
.comp__breadcrumb ul li:first-child a {
width: 1em;
height: 1em;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cg%20id%3D%22%E5%AE%B6%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90%22%20transform%3D%22translate(0%20-7.375)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_485%22%20data-name%3D%22%E3%83%91%E3%82%B9%20485%22%20d%3D%22M7%2C7.375%2C0%2C12.526v8.849H5.513V16.646H8.487v4.729H14V12.526Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%234b4b4b%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
background-size: 100% auto;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
margin-right: 1.75em;
}
.comp__breadcrumb ul li::after {
content: '';
display: inline-block;
width: 0.5em;
height: 0.8em;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.229%22%20height%3D%2212.093%22%20viewBox%3D%220%200%208.229%2012.093%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19446%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019446%22%20d%3D%22M-16503.08%2C2017.156l6.051%2C5.294-6.051%2C5.294%22%20transform%3D%22translate(16503.738%20-2016.404)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
background-size: 100% auto;
margin-right: 1.75em;
}
.comp__breadcrumb ul li:last-child::after {
width: 0;
background: none;
margin-right: 0;
}
@media only screen and (max-width:750px){
.comp__breadcrumb .inner {
width: 100%;
}
.comp__breadcrumb ul {
white-space: nowrap;
overflow-x: scroll;
}
.comp__breadcrumb ul::-webkit-scrollbar {
display: none;
}
}
.l-breadcrumb-container {
font-family: var(--font-pri-sans-serif);
font-weight: 400;
font-size: calc(1rem * 9 / 13);
line-height: calc(1em * 65 / 40);
color: #6e6e6e;
white-space: nowrap;
background-color: #fff
}
@media(min-width:48em) {
.l-breadcrumb-container {
font-size: calc(1rem * 9 / 12);
line-height: calc(1em * 60 / 40)
}
}
.l-breadcrumb-container {
font-weight: 400;
font-size: calc(1rem * 9 / 13);
line-height: calc(1em * 52 / 40);
background-color: #e6e6e6
}
.comp__breadcrumb.breadcrumb > ul {
display: flex;
max-width: var(--s-content-width);
margin: auto;
}
.comp__breadcrumb.breadcrumb > ul:after {
content: "";
flex-shrink: 0;
flex-basis: 1.5rem
}
.comp__breadcrumb.breadcrumb > ul > li {
display: flex;
align-items: center
}
.comp__breadcrumb.breadcrumb > ul > li + li:last-child:before {
}
#app.des-main-def-gradient .comp__breadcrumb.breadcrumb > ul > li + li:last-child:before {
background: var(--des-main-def-gradient);
}
.comp__breadcrumb.breadcrumb > ul > li > a {
padding: .5rem 0;
text-decoration: none;
}
.comp__breadcrumb.breadcrumb > ul {
padding-left: 1.5rem;
}
@media screen and (max-width: 1240px) {
.comp__breadcrumb.breadcrumb {
padding: 0 var(--page-side--margin-sp);
}
}
@media(min-width:48em) {
.comp__breadcrumb.breadcrumb > ul {
padding-left: 0;
}
}
@media(hover:hover) {
.comp__breadcrumb.breadcrumb > ul > li > a[href]:not([aria-current=page]):hover {
color: var(--base-baseColor)
}
}
.comp__breadcrumb.breadcrumb > ul > li > a[aria-current=page] {
color: #333
}
.s-breadcrumb{
--bg-color: var(--s-breadcrumb__bg-color);
}
/* ../../components_v5/comp__breadcrumb/s-breadcrumb-def.css */
/* p-btn */
.p-buttons.p-btn-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--gap-container-items);
}
.frame-btn-valid {
border-radius: var(--frame-btn-radius);
box-shadow: var(--frame-btn-shadow);
}
.p-btn.s-btn-back {
--bgColor: var(--btn-backColor);
--txt-headColor: var(--btn-back-txt-headColor);
--txt-bodyColor: var(--btn-back-txt-bodyColor);
--borderColor: var(--btn-back-borderColor);
--accentColor: var(--btn-back-accentColor);
--accent-txtColor: var(--btn-back-accent-txtColor);
--emphasisColor: var(--btn-back-emphasisColor);
--emphasis-txtColor: var(--btn-back-emphasis-txtColor);
--infoColor: var(--btn-back-infoColor);
--info-txtColor: var(--btn-back-info-txtColor);
--lightColor: var(--btn-back-lightColor);
--darkColor: var(--btn-back-darkColor);
--monoColor: var(--btn-back-monoColor);
}
.p-btn.s-btn-primary {
--bgColor: var(--btn-primaryColor);
--txt-headColor: var(--btn-primary-txt-headColor);
--txt-bodyColor: var(--btn-primary-txt-bodyColor);
--borderColor: var(--btn-primary-borderColor);
--accentColor: var(--btn-primary-accentColor);
--accent-txtColor: var(--btn-primary-accent-txtColor);
--emphasisColor: var(--btn-primary-emphasisColor);
--emphasis-txtColor: var(--btn-primary-emphasis-txtColor);
--infoColor: var(--btn-primary-infoColor);
--info-txtColor: var(--btn-primary-info-txtColor);
--lightColor: var(--btn-primary-lightColor);
--darkColor: var(--btn-primary-darkColor);
--monoColor: var(--btn-primary-monoColor);
}
.p-btn.s-btn-disabled {
--bgColor: var(--btn-disabledColor);
--txt-headColor: var(--btn-disabled-txt-headColor);
--txt-bodyColor: var(--btn-disabled-txt-bodyColor);
--borderColor: var(--btn-disabled-borderColor);
--accentColor: var(--btn-disabled-accentColor);
--accent-txtColor: var(--btn-disabled-accent-txtColor);
--emphasisColor: var(--btn-disabled-emphasisColor);
--emphasis-txtColor: var(--btn-disabled-emphasis-txtColor);
--infoColor: var(--btn-disabled-infoColor);
--info-txtColor: var(--btn-disabled-info-txtColor);
--lightColor: var(--btn-disabled-lightColor);
--darkColor: var(--btn-disabled-darkColor);
--monoColor: var(--btn-disabled-monoColor);
}
.p-btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: var(--s-width-btn-def);
padding: 1rem 4rem;
text-decoration: none;
cursor: pointer;
text-align: center;
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-btn::after {
position: absolute;
display: inline-flex;
top: 0;
bottom: 0;
right: 1em;
color: var(--accentColor);
align-items: center;
}
.p-btn.p-btn-large,
.p-btn.cx-button-large {
font-size: var(--fsize-btn-large);
font-weight: var(--fweight-btn-large);
line-height: var(--flineheight-btn-large);
min-width: var(--s-width-btn-large);
}
.p-buttons.cx-buttons-image .p-btn {
background: none;
border: none;
padding: 0;
width: 25rem;
}
.p-btn.s-btn-radius-large {
border-radius: 2em;
}
.link-btn.link-btn-right-icon {
position: relative;
}
.link-btn.link-btn-right-icon::before {
margin-left: 0.5em;
margin-right: 0;
order: 3;
background-position: right;
}
.link-btn.link-btn-rightside-icon {
position: relative;
}
.link-btn.link-btn-rightside-icon::before {
position: absolute;
right: 1em;
}
.link-btn-hover-scaledown01:hover {
transform: scale(0.95);
}
.link-btn-hover-scaleup01:hover {
transform: scale(1.05);
}
.link-btn-hover-noshadow:hover {
box-shadow: none;
transform: translateY(5px);
}
.p-btn .icon-image {
width: 1.3em;
height: 1.3em;
display: inline-block;
mask-size: 100% 100%;
vertical-align: bottom;
margin-bottom: 1px;
background: var(--txt-bodyColor);
}
.p-btn .right-icon-image {
width: 1em;
height: 1em;
display: inline-block;
mask-size: 100% 100%;
vertical-align: bottom;
margin-bottom: 1px;
background: var(--txt-bodyColor);
}
.s-button{
--bg-color: var(--s-button__bg-color);
--link-btn: var(--s-button__link-btn);
--link-btn-hover: var(--s-button__link-btn-hover);
}
.s-btn-konicaminolta{
--frame-btn: var(--s-btn-konicaminolta__frame-btn);
--frame-btn-radius: var(--s-btn-konicaminolta__frame-btn-radius);
--frame-btn-shadow: var(--s-btn-konicaminolta__frame-btn-shadow);
--link-btn: var(--s-btn-konicaminolta__link-btn);
--link-btn-hover: var(--s-btn-konicaminolta__link-btn-hover);
}
/* ../../components_v5/comp__button/s-btn-konicaminolta.css */
.p-btn.s-btn-konicaminolta {
border: 1px solid var(--btn-def-txt-bodyColor);
}
.p-buttons {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-buttons .p-btn-container {
display: flex;
justify-content: var(--p-buttons-align, var(--s-align, left));
align-items: center;
gap: var(--gap-container-items);
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.p-buttons .p-btn-container {
justify-content: var(--horizontal-justify-sp);
}
.p-buttons.position-sp-center {
justify-content: center;
align-items: center;
}
}
/* 共通 */
.p-container-2col-horizontal {
--s-grid-num: 1;
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-2col-horizontal + * {
margin-top: calc(var(--gap-container) * 1.5);
}
.p-container-2col-horizontal .p-container-2col-horizontal-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-container-2col-horizontal.grid-2 .p-container-2col-horizontal-wrapper { --s-grid-num: 2; }
.p-container-2col-horizontal.grid-3 .p-container-2col-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-2col-horizontal.grid-2 .p-container-2col-horizontal-wrapper { --s-grid-num: 1; }
.p-container-2col-horizontal.grid-3 .p-container-2col-horizontal-wrapper { --s-grid-num: 1; }
}
.p-container-2col-horizontal a.p-container-container {
text-decoration: none;
}
.p-container-2col-horizontal .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-padding);
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
padding: 2em;
}
.p-container-2col-horizontal .p-container-2col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-2col-horizontal .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-2col-horizontal.s-bgcolor {
padding: var(--padding-container);
}
.p-container-2col-horizontal .p-container-container > .p-container-images {
align-items: center;
}
.p-container-2col-horizontal .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-container-2col-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-container-2col-horizontal .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-2col-horizontal .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-footer { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-2col-horizontal.size-3-6-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-3-6-3 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-2col-horizontal.size-3-6-3 .p-container-container > .p-container-footer { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-2col-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-2col-horizontal.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-2col-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-2col-horizontal.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-2col-horizontal.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-2col-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-2col-horizontal.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-2col-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-2col-horizontal.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-2col-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-2col-horizontal.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-2col-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-2col-horizontal.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-2col-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-2col-horizontal.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-2col-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-2col-horizontal.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-2col-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-2col-horizontal.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-2col-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-2col-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-container-2col-horizontal.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 520px) {
.p-container-2col-horizontal .p-container-container {
flex-direction: column;
gap: 2em;
}
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-2col-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-2col-horizontal.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-2col-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
/* 共通 */
.p-container-3col-horizontal {
--s-grid-num: 1;
--gap-container: 1.5em;
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-3col-horizontal + * {
margin-top: calc(var(--gap-container) * 1.5);
}
.p-container-3col-horizontal .p-container-3col-horizontal-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-container-3col-horizontal.grid-2 .p-container-3col-horizontal-wrapper { --s-grid-num: 2; }
.p-container-3col-horizontal.grid-3 .p-container-3col-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-3col-horizontal.grid-2 .p-container-3col-horizontal-wrapper { --s-grid-num: 1; }
.p-container-3col-horizontal.grid-3 .p-container-3col-horizontal-wrapper { --s-grid-num: 1; }
}
.p-container-3col-horizontal a.p-container-container {
text-decoration: none;
}
.p-container-3col-horizontal .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5rem;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-padding);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
padding: 2em;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-3col-horizontal.s-bgcolor {
padding: var(--padding-container);
}
.p-container-3col-horizontal .p-container-container > .p-container-images {
align-items: center;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-footer {
align-self: flex-start;
}
.p-container-3col-horizontal .p-container-container > .p-container-footer {
align-self: flex-start;
}
.p-container-3col-horizontal .p-container-container > .p-container-footer > * {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: var(--block-container-padding);
}
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-footer { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-footer { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-3col-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-container-3col-horizontal.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
.p-container-3col-horizontal .p-container-container {
flex-direction: column;
gap: 3rem;
}
.p-container-3col-horizontal .p-container-container > * {
width: 100% !important;
}
}
/* 共通 */
.p-container-faq-001 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-faq-001 .p-container-faq-001-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-faq-001 .p-container-faq-001-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-faq-001 .p-container-faq-001-wrapper.frame-container,
.p-container-faq-001 .p-container-faq-001-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-faq-001 .p-container-faq-001-wrapper .p-container-container.frame-container,
.p-container-faq-001 .p-container-faq-001-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-faq-001.grid-2 .p-container-faq-001-wrapper { --grid-num: 2; }
.p-container-faq-001.grid-3 .p-container-faq-001-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-faq-001.grid-2 .p-container-faq-001-wrapper { --grid-num: 1; }
.p-container-faq-001.grid-3 .p-container-faq-001-wrapper { --grid-num: 1; }
}
.p-container-faq-001 a.p-container-container {
text-decoration: none;
}
.p-container-faq-001 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
}
.p-container-faq-001 .p-container-faq-001-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq-001 .p-container-faq-001-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-faq-001 .p-container-faq-001-wrapper.block-bg-container-color.s-bg-none > .p-container-container > .p-container-wrapper {
padding: 0;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-items);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: center;
text-align: left;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > * {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 1.5em;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > *.vposition-middle {
align-items: center;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > *.vposition-bottom {
align-items: flex-end;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-faq-001 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-faq-001 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq-001 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-faq-001 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq-001 .p-container-container > .p-container-header {
padding: var(--block-container-header-padding);
}
.p-container-faq-001 .p-container-container > .p-container-header.block-bg-container-header-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq-001 .p-container-container > .p-container-items {
padding: var(--s-faq-box-gap);
text-align: left;
}
.p-container-faq-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-faq-001 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-faq-001 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-faq-001 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-faq-001 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-faq-001 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-faq-001 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-faq-001 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-faq-001 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq-001.size-12 .p-container-container { flex-direction: column; }
.p-container-faq-001.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-faq-001.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-faq-001.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-faq-001.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-faq-001.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq-001.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-faq-001.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-faq-001.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-faq-001.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq-001.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-faq-001.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq-001.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq-001.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-faq-001.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq-001.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-faq-001.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-faq-001.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-faq-001.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-faq-001.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-faq-001.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-faq-001.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-faq-001.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-faq-001.layout-image-left .p-container-images { order: inherit; }
.p-container-faq-001.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-faq-001 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-faq-001 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq-001.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq-001.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq-001.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq-001.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq-001.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-faq-001 .p-container-faq-001-wrapper {
width: 100%;
}
.p-container-faq-001 .p-container-faq-001-wrapper .p-container-container.frame-container {
flex-direction: column;
align-items: baseline;
}
.p-container-faq-001 .p-container-header .p-headline>.p-headline-container {
text-align: left;
}
.p-container-faq-001 .p-container-header {
flex-direction: row;
}
.p-container-faq-001 .p-container-items > .p-text {
align-items: center;
display: flex;
}
.p-container-faq-001 .p-container-faq-001-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
flex-direction: row;
}
.p-container-faq-001 .p-container-header .p-badge {
background: var(--accentColor);
flex: 0 0 4.5em;
}
.p-container-faq-001 .p-container-items .p-badge {
background: var(--emphasisColor);
flex: 0 0 4.5em;
}
@media only screen and (max-width: 1024px) {
}
/* 共通 */
.p-container-faq {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-faq .p-container-faq-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-faq .p-container-faq-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-faq .p-container-faq-wrapper.frame-container,
.p-container-faq .p-container-faq-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-faq .p-container-faq-wrapper .p-container-container.frame-container,
.p-container-faq .p-container-faq-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-faq.grid-2 .p-container-faq-wrapper { --grid-num: 2; }
.p-container-faq.grid-3 .p-container-faq-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-faq.grid-2 .p-container-faq-wrapper { --grid-num: 1; }
.p-container-faq.grid-3 .p-container-faq-wrapper { --grid-num: 1; }
}
.p-container-faq a.p-container-container {
text-decoration: none;
}
.p-container-faq .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
}
.p-container-faq .p-container-faq-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq .p-container-faq-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-faq .p-container-faq-wrapper.block-bg-container-color.s-bg-none > .p-container-container > .p-container-wrapper {
padding: 0;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-items);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > *.vposition-middle {
align-items: center;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > *.vposition-bottom {
align-items: flex-end;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-faq .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-faq .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-faq .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq .p-container-container > .p-container-header {
padding: var(--block-container-header-padding);
}
.p-container-faq .p-container-container > .p-container-header.block-bg-container-header-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-faq .p-container-container > .p-container-header .p-badge {
background: var(--accentColor);
color: var(--accent-txtColor);
height: 4.5rem;
width: 4.5rem;
flex: 0 0 4.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.p-container-faq .p-container-container > .p-container-items {
padding: var(--s-faq-box-gap);
text-align: left;
}
.p-container-faq .p-container-container .p-container-items .p-badge {
background: var(--emphasisColor);
color: var(--emphasis-txtColor);
height: 4.5rem;
width: 4.5rem;
flex: 0 0 4.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.p-container-faq.s-bgcolor {
padding: var(--padding-container);
}
.p-container-faq .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-faq .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-faq .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-faq .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-faq .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-faq .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-faq .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-faq .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-faq.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-faq.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-faq.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-faq.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq.size-12 .p-container-container { flex-direction: column; }
.p-container-faq.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-faq.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-faq.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-faq.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-faq.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-faq.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-faq.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-faq.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-faq.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-faq.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-faq.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-faq.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-faq.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-faq.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-faq.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-faq.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-faq.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-faq.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-faq.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-faq.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-faq.layout-image-left .p-container-images { order: inherit; }
.p-container-faq.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-faq .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-faq .p-container-container > .p-container-images {
align-self: center;
}
.p-container-faq.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-faq.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-faq.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-faq.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-faq.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.s-container-faq{
--container-width: var(--s-container-faq__container-width);
--gap-container-vertical: var(--s-container-faq__gap-container-vertical);
--grid-num: var(--s-container-faq__grid-num);
--image-container-align: var(--s-container-faq__image-container-align);
--image-fit: var(--s-container-faq__image-fit);
--vertical-justify: var(--s-container-faq__vertical-justify);
}
/* ../../components_v5/comp__container-faq/s-container-faq-def.css */
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-faq-wrapper {
width: 100%;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-faq-wrapper .p-container-container.frame-container {
flex-direction: column;
align-items: baseline;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-header .p-headline>.p-headline-container {
text-align: left;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-header {
flex-direction: row;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-items > .p-text {
align-items: center;
display: flex;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-faq-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
flex-direction: row;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-header .p-badge {
background: var(--accentColor);
height: 4.5rem;
width: 4.5rem;
flex: 0 0 4.5rem;
}
.block__faqInfo.b-faqInfo-agtax-transfer .p-container-faq .p-container-items .p-badge {
background: var(--emphasisColor);
height: 4.5rem;
width: 4.5rem;
flex: 0 0 4.5rem;
}
@media only screen and (max-width: 1024px) {
}
.p-container-flow-001 {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-flow-001.grid-1 { --grid-num: 1; }
.p-container-flow-001.grid-2 { --grid-num: 2; }
.p-container-flow-001.grid-3 { --grid-num: 3; }
.p-container-flow-001.grid-4 { --grid-num: 4; }
.p-container-flow-001.grid-5 { --grid-num: 5; }
.p-container-flow-001.grid-6 { --grid-num: 6; }
.p-container-flow-001.grid-7 { --grid-num: 7; }
.p-container-flow-001.grid-8 { --grid-num: 8; }
.p-container-flow-001.grid-9 { --grid-num: 9; }
.p-container-flow-001.grid-10 { --grid-num: 10; }
.p-container-flow-001 + * {
margin-top: var(--block--gap);
}
.p-container-flow-001 .p-container-flow-001-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-flow-001.position-left .p-container-flow-001-items {
justify-content: flex-start;
}
.p-container-flow-001.position-center .p-container-flow-001-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-flow-001 .p-container-flow-001-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-flow-001.position-sp-center .p-container-flow-001-items {
justify-content: center;
}
}
.p-container-flow-001 .p-container-flow-001-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-flow-001 .p-container-flow-001-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-flow-001.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-flow-001.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-flow-001.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-flow-001 .p-container-flow-001-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-flow-001 .p-container-flow-001-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-flow-001 .p-container-flow-001-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-flow-001 .p-container-flow-001-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-flow-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-flow-001 .p-container-flow-001-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container {
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-flow-001 .p-container-flow-001-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-flow-001 .p-container-flow-001-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-flow-001 .p-container-flow-001-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-header {
padding: 0 var(--block-container-header-padding);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-footer {
padding: 0 var(--block-container-footer-padding);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-navi {
padding: 0 var(--block-container-navi-padding);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-items {
padding: 0 var(--block-container-items-padding);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: 0 var(--block-container-images-padding);
}
.p-container-flow-001 .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-flow-001 .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-flow-001 .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-flow-001 .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
margin: 1rem 0 0;
padding: 1rem 2.5rem;
background: var(--mainColor);
color: var(--main-txt-bodyColor);
}
.p-container-flow-001 .p-container-flow-001-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-flow-001 .link-container.link-icon-container-customfont::before {
right: 1rem;
bottom: 0.7rem;
color: var(--main-txt-bodyColor);
}
.block__flow .p-container-flow-001-wrapper {
position: relative;
}
.block__flow .p-container-flow-001-wrapper:not(:last-child)::after {
position: absolute;
content: " ";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 1rem 0 1rem 1rem;
border-color: transparent transparent transparent var(--mainColor);
left: auto;
right: -2rem;
top: calc(50% - 1rem);
bottom: 0;
}
@media only screen and (max-width: 1024px) {
.p-container-flow-001.position-sp-center .p-container-flow-001-items {
flex-direction: column;
justify-content: center;
align-items: center;
flex: auto;
}
.block__flow .p-container-flow-001-wrapper {
flex: 0 0 auto;
}
.block__flow .p-container-flow-001-wrapper:not(:last-child)::after {
transform: rotate(90deg);
right: auto;
top: auto;
bottom: -2rem;
left: calc(50% - 1rem);
}
}
/* 共通 */
.p-container-flow-002 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-flow-002 .p-container-flow-002-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-flow-002 .p-container-flow-002-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-flow-002 .p-container-flow-002-wrapper.frame-container:not(.frame-container-none),
.p-container-flow-002 .p-container-flow-002-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-flow-002 .p-container-flow-002-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-flow-002 .p-container-flow-002-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-flow-002.grid-2 .p-container-flow-002-wrapper { --grid-num: 2; }
.p-container-flow-002.grid-3 .p-container-flow-002-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-flow-002.grid-2 .p-container-flow-002-wrapper { --grid-num: 1; }
.p-container-flow-002.grid-3 .p-container-flow-002-wrapper { --grid-num: 1; }
}
.p-container-flow-002 a.p-container-container {
text-decoration: none;
}
.p-container-flow-002 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-flow-002 .p-container-flow-002-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-002 .p-container-flow-002-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
text-align: center;
flex-direction: row;
flex: 0 0 calc(100% - 23rem);
align-items: stretch;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .s-label-skew01 {
color: var(--info-txtColor);
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .s-label-skew01::before {
background: var(--infoColor);
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .p-headline>.p-headline-container {
justify-content: flex-start;
text-align: left;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items > * {
width: calc(100% / 3);
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > * {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 1.5em;
flex-wrap: wrap;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
gap: 1.5em;
display: flex;
align-items: center;
flex: 0 0 20rem;
flex-direction: column;
padding: 2.5rem 0;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-header > .p-label > .p-text {
height: fit-content;
margin: auto;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
flex-direction: row;
}
.p-container-flow-002 .p-container-flow-002-wrapper:not(:nth-last-child(1)) > .p-container-container::after {
position: absolute;
content: " ";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 2rem 0 2rem 2rem;
border-color: transparent transparent transparent var(--mainColor);
transform: rotate(90deg);
left: 11rem;
bottom: -2rem;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-flow-002 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-flow-002 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-002 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-flow-002 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-002 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-flow-002.s-bgcolor {
padding: var(--padding-container);
}
.p-container-flow-002 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-flow-002 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-flow-002 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-flow-002 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-flow-002 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-flow-002 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-flow-002 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-002.size-12 .p-container-container { flex-direction: column; }
.p-container-flow-002.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-flow-002.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-flow-002.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-flow-002.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-flow-002.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-002.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-flow-002.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-flow-002.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-flow-002.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-002.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-flow-002.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-002.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-002.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-flow-002.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-002.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-flow-002.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-flow-002.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-flow-002.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-flow-002.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-flow-002.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-flow-002.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-flow-002.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-flow-002.layout-image-left .p-container-images { order: inherit; }
.p-container-flow-002.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
flex: 0 0 auto;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items > * {
width: 100%;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
flex: 0 0 auto;
width: 100%;
padding: 0;
}
.p-container-flow-002 .p-container-flow-002-wrapper:not(:nth-last-child(1)) > .p-container-container::after {
left: calc(50% - 1rem);
}
}
@media only screen and (max-width: 1024px) {
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-flow-002 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
display: block
}
.p-container-flow-002 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
flex-direction: column;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
flex-direction: column;
}
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-002.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-002.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-002.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-002.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-002.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
gap: var(--gap-container-text);
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-headline {
width: 100%;
}
.p-container-flow-002 .p-container-flow-002-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-flow-list {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-flow-list .p-container-flow-list-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-flow-list .p-container-flow-list-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-flow-list .p-container-flow-list-wrapper.frame-container:not(.frame-container-none),
.p-container-flow-list .p-container-flow-list-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-flow-list .p-container-flow-list-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-flow-list .p-container-flow-list-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-flow-list.grid-2 .p-container-flow-list-wrapper { --grid-num: 2; }
.p-container-flow-list.grid-3 .p-container-flow-list-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-flow-list.grid-2 .p-container-flow-list-wrapper { --grid-num: 1; }
.p-container-flow-list.grid-3 .p-container-flow-list-wrapper { --grid-num: 1; }
}
.p-container-flow-list a.p-container-container {
text-decoration: none;
}
.p-container-flow-list .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-flow-list .p-container-flow-list-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-list .p-container-flow-list-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
text-align: left;
flex-direction: column;
flex: 0 0 calc(100% - 23rem);
align-items: stretch;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .s-label-skew01 {
color: var(--info-txtColor);
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .s-label-skew01::before {
background: var(--infoColor);
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items .p-headline>.p-headline-container {
justify-content: flex-start;
text-align: left;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > * {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 1.5em;
flex-wrap: wrap;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
gap: 1.5em;
display: flex;
align-items: center;
flex: 0 0 20rem;
flex-direction: column;
padding: 2.5rem 0;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-header > .p-label > .p-text {
height: fit-content;
margin: auto;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
flex-direction: row;
}
.p-container-flow-list .p-container-flow-list-wrapper:not(:nth-last-child(1)) > .p-container-container::after {
position: absolute;
content: " ";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 2rem 0 2rem 2rem;
border-color: transparent transparent transparent var(--mainColor);
transform: rotate(90deg);
left: 11rem;
bottom: -2rem;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-flow-list .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-flow-list .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-list .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-flow-list .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-flow-list .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-flow-list.s-bgcolor {
padding: var(--padding-container);
}
.p-container-flow-list .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-flow-list .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-flow-list .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-flow-list .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-flow-list .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-flow-list .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-flow-list .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-list.size-12 .p-container-container { flex-direction: column; }
.p-container-flow-list.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-flow-list.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-flow-list.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-flow-list.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-flow-list.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-flow-list.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-flow-list.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-flow-list.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-flow-list.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-list.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-flow-list.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-list.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-flow-list.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-flow-list.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-flow-list.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-flow-list.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-flow-list.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-flow-list.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-flow-list.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-flow-list.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-flow-list.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-flow-list.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-flow-list.layout-image-left .p-container-images { order: inherit; }
.p-container-flow-list.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
flex: 0 0 auto;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items > * {
width: 100%;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
flex: 0 0 auto;
width: 100%;
padding: 0;
}
.p-container-flow-list .p-container-flow-list-wrapper:not(:nth-last-child(1)) > .p-container-container::after {
left: calc(50% - 1rem);
}
}
@media only screen and (max-width: 1024px) {
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-flow-list .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
display: block
}
.p-container-flow-list .p-container-container > .p-container-images {
align-self: center;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
flex-direction: column;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
flex-direction: column;
}
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-list.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-list.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-flow-list.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-flow-list.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-flow-list.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
gap: var(--gap-container-text);
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-headline {
width: 100%;
}
.p-container-flow-list .p-container-flow-list-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-001 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-001 .p-container-horizontal-001-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-001 .p-container-horizontal-001-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-001 .p-container-horizontal-001-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-001.grid-2 .p-container-horizontal-001-wrapper { --grid-num: 2; }
.p-container-horizontal-001.grid-3 .p-container-horizontal-001-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-001.grid-2 .p-container-horizontal-001-wrapper { --grid-num: 1; }
.p-container-horizontal-001.grid-3 .p-container-horizontal-001-wrapper { --grid-num: 1; }
}
.p-container-horizontal-001 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-001 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-001 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-001 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-001 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-001 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-001 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-001 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-001 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-001 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-001 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-001 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-001 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-001 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-001 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-001.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-001.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-001.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-001.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-001.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-001.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-001.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-001.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-001.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-001.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-001.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-001.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-001.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-001.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-001.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-001.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-001.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-001.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-001.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-001.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-001.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-001.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-001.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-001.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-001.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-001 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-001 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-001.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-001.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-001.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-001.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-001.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-001 .p-container-horizontal-001-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-002 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-002 .p-container-horizontal-002-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-002 .p-container-horizontal-002-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-002 .p-container-horizontal-002-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-002.grid-2 .p-container-horizontal-002-wrapper { --grid-num: 2; }
.p-container-horizontal-002.grid-3 .p-container-horizontal-002-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-002.grid-2 .p-container-horizontal-002-wrapper { --grid-num: 1; }
.p-container-horizontal-002.grid-3 .p-container-horizontal-002-wrapper { --grid-num: 1; }
}
.p-container-horizontal-002 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-002 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
padding-left: calc(9rem);
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-002 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-002 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-002 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-002 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-002 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-002.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-002 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-002 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-002 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-002 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-002 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-002 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-002 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-002 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-002.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-002.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-002.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-002.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-002.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-002.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-002.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-002.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-002.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-002.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-002.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-002.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-002.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-002.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-002.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-002.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-002.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-002.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-002.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-002.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-002.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-002.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-002.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-002.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-002.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-002 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-002 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-002.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-002.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-002.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-002.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-002.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-002 .p-container-horizontal-002-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-003 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-003 .p-container-horizontal-003-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-003 .p-container-horizontal-003-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-003 .p-container-horizontal-003-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-003.grid-2 .p-container-horizontal-003-wrapper { --grid-num: 2; }
.p-container-horizontal-003.grid-3 .p-container-horizontal-003-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-003.grid-2 .p-container-horizontal-003-wrapper { --grid-num: 1; }
.p-container-horizontal-003.grid-3 .p-container-horizontal-003-wrapper { --grid-num: 1; }
}
.p-container-horizontal-003 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-003 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-003 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-003 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-003 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-003 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-003 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-003.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-003 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-003 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-003 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-003 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-003 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-003 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-003 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-003 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-003.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-003.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-003.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-003.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-003.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-003.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-003.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-003.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-003.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-003.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-003.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-003.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-003.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-003.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-003.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-003.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-003.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-003.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-003.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-003.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-003.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-003.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-003.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-003.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-003.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-003 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-003 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-003.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-003.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-003.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-003.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-003.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-003 .p-container-horizontal-003-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-004 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-004 .p-container-horizontal-004-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-004 .p-container-horizontal-004-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-004 .p-container-horizontal-004-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-004.grid-2 .p-container-horizontal-004-wrapper { --grid-num: 2; }
.p-container-horizontal-004.grid-3 .p-container-horizontal-004-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-004.grid-2 .p-container-horizontal-004-wrapper { --grid-num: 1; }
.p-container-horizontal-004.grid-3 .p-container-horizontal-004-wrapper { --grid-num: 1; }
}
.p-container-horizontal-004 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-004 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-004 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-004 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-004 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-004 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-004 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-004.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-004 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-004 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-004 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-004 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-004 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-004 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-004 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-004 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-004.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-004.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-004.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-004.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-004.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-004.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-004.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-004.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-004.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-004.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-004.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-004.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-004.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-004.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-004.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-004.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-004.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-004.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-004.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-004.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-004.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-004.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-004.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-004.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-004.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-004 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-004 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-004.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-004.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-004.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-004.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-004.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-004 .p-container-horizontal-004-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-005 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-005 .p-container-horizontal-005-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-005 .p-container-horizontal-005-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-005 .p-container-horizontal-005-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-005.grid-2 .p-container-horizontal-005-wrapper { --grid-num: 2; }
.p-container-horizontal-005.grid-3 .p-container-horizontal-005-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-005.grid-2 .p-container-horizontal-005-wrapper { --grid-num: 1; }
.p-container-horizontal-005.grid-3 .p-container-horizontal-005-wrapper { --grid-num: 1; }
}
.p-container-horizontal-005 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-005 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper > .p-container-header {
display: flex;
gap: var(--gap-container-items);
border-bottom: 1px solid;
width: 100%;
padding-bottom: calc(var(--gap-container-items) / 2);
margin-bottom: calc(var(--gap-container-items) / 2);
overflow: hidden;
flex-wrap: wrap;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-005 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-005 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-005 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-005 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-005 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-005.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-005 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-005 .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-005 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-005 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-005 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-005 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-005 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-005 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-005.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-005.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-005.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-005.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-005.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-005.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-005.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-005.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-005.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-005.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-005.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-005.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-005.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-005.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-005.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-005.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-005.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-005.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-005.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-005.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-005.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-005.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-005.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-005.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-005.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-005 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-005 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-005.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-005.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-005.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-005.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-005.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-005 .p-container-horizontal-005-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-006 {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-006 .p-container-horizontal-006-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-006 .p-container-horizontal-006-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-006 .p-container-horizontal-006-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-006.grid-2 .p-container-horizontal-006-wrapper { --grid-num: 2; }
.p-container-horizontal-006.grid-3 .p-container-horizontal-006-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-006.grid-2 .p-container-horizontal-006-wrapper { --grid-num: 1; }
.p-container-horizontal-006.grid-3 .p-container-horizontal-006-wrapper { --grid-num: 1; }
}
.p-container-horizontal-006 a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-006 .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
padding: var(--block-container-padding);
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-006 .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-006 .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-006 .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-006 .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-006 .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-006.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-006 .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-006 .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-006 .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-006 .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-006 .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-006 .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-006 .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-006.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-006.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-006.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-006.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-006.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-006.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-006.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-006.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-006.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-006.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-006.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-006.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-006.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-006.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-006.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-006.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-006.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-006.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-006.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-006.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-006.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-006.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-006.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-006.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-006.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-006 .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-006 .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-006.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-006.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-006.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-006.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-006.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-006 .p-container-horizontal-006-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: 0;
}
/* 共通 */
.p-container-horizontal-article {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-article .p-container-horizontal-article-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal-article .p-container-horizontal-article-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal-article .p-container-horizontal-article-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal-article.grid-2 .p-container-horizontal-article-wrapper { --grid-num: 2; }
.p-container-horizontal-article.grid-3 .p-container-horizontal-article-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal-article.grid-2 .p-container-horizontal-article-wrapper { --grid-num: 1; }
.p-container-horizontal-article.grid-3 .p-container-horizontal-article-wrapper { --grid-num: 1; }
}
.p-container-horizontal-article a.p-container-container {
text-decoration: none;
}
.p-container-horizontal-article .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-items);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
width: 100%;
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
padding: var(--block-container-header-padding);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
padding: var(--block-container-items-padding);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal-article .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
}
.p-container-horizontal-article .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-article .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal-article .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal-article .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal-article.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal-article .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal-article .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal-article .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal-article .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal-article .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal-article .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal-article .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-article .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-article.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal-article.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-article.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-article.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-article.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-article.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal-article.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-article.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-article.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-article.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-article.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-article.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-article.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal-article.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal-article.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal-article.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal-article.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal-article.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal-article.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal-article.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal-article.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal-article.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal-article.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal-article.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal-article.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal-article .p-container-horizontal-article-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal-article .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal-article .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-article.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-article.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal-article.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal-article.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal-article.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
/* 共通 */
.p-container-horizontal {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-horizontal .p-container-horizontal-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-container-horizontal .p-container-horizontal-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-container-horizontal .p-container-horizontal-wrapper.frame-container:not(.frame-container-none),
.p-container-horizontal .p-container-horizontal-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal .p-container-horizontal-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-container-horizontal .p-container-horizontal-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-container-horizontal.grid-2 .p-container-horizontal-wrapper { --grid-num: 2; }
.p-container-horizontal.grid-3 .p-container-horizontal-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-container-horizontal.grid-2 .p-container-horizontal-wrapper { --grid-num: 1; }
.p-container-horizontal.grid-3 .p-container-horizontal-wrapper { --grid-num: 1; }
}
.p-container-horizontal a.p-container-container {
text-decoration: none;
}
.p-container-horizontal .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
}
.p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-items);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-container-horizontal .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
justify-content: var(--image-container-vertical-align);
}
.p-container-horizontal .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-horizontal .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-horizontal .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-container-horizontal.s-bgcolor {
padding: var(--padding-container);
}
.p-container-horizontal .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-container-horizontal .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-container-horizontal .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-container-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-container-horizontal .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-container-horizontal .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-container-horizontal .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-container-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
}
.p-container-horizontal .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-container-horizontal .p-container-container > .p-container-images {
align-self: center;
}
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-container-horizontal.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.s-container-horizontal{
--container-width: var(--s-container-horizontal__container-width);
--gap-container-vertical: var(--s-container-horizontal__gap-container-vertical);
--grid-num: var(--s-container-horizontal__grid-num);
--image-container-align: var(--s-container-horizontal__image-container-align);
--image-fit: var(--s-container-horizontal__image-fit);
--vertical-justify: var(--s-container-horizontal__vertical-justify);
}
/* 共通 */
.p-container-list {
display: flex;
flex-direction: column;
gap: var(--gap-container-items);
}
.p-container-list.bg-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: var(--block-container-padding);
}
.p-container-list + .p-container-list {
margin-top: var(--gap-container-items);
}
.p-container-list .p-container-list-items {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0;
}
.p-container-list .p-container-list-wrapper {
width: 100%;
padding-top: var(--gap-container-items);
padding-bottom: var(--gap-container-items);
}
.p-container-list .p-container-list-wrapper > * {
display: flex;
justify-content: flex-start;
align-items: center;
gap: var(--gap-container-items);
}
.p-container-list .p-container-list-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: var(--gap-container-text);
}
.p-container-list .p-container-list-wrapper > .p-container-container::before {
order: 3;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
flex: 0 0 13%;
text-align: left;
align-items: flex-start;
justify-content: flex-start;
order: 2;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-images {
flex: 0 0 13%;
order: 4;
}
@media screen and (max-width: 1024px) {
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
flex: 0 0 auto;
}
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header .p-headline > .p-headline-container {
text-align: left;
align-items: flex-start;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
flex: 1 1 100%;
order: 3;
}
.p-container-list .p-container-list-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-list .p-container-list-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-list .p-container-list-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-list.cx-container-definition .p-container-list-items {
padding-top: 0;
padding-bottom: 0;
}
.p-container-list.cx-container-definition .p-container-list-wrapper + .p-container-list-wrapper {
margin-top: 0;
padding-top: 0;
}
.p-container-list.cx-container-definition .p-container-list-wrapper > .p-container-container > .p-container-header {
background: #e9e9e9;
padding: var(--s-text-gap);
}
.p-container-list.cx-container-definition .p-container-list-wrapper > .p-container-container > .p-container-items {
padding: var(--s-text-gap) var(--s-text-gap) var(--s-text-gap) 0;
}
.s-container-list{
--link-text: var(--s-container-list__link-text);
--link-text-hover: var(--s-container-list__link-text-hover);
}
/* ../../components_v5/comp__container-list/s-container-list-noborder.css */
.p-container-list .p-container-list-wrapper {
padding: 0;
}
.p-container-list .p-container-list-items {
border: 0;
gap: 0.5rem;
}
.p-container-list .p-container-list-wrapper + .p-container-list-wrapper {
border: 0;
}
.p-container-price {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-price.grid-1 { --grid-num: 1; }
.p-container-price.grid-2 { --grid-num: 2; }
.p-container-price.grid-3 { --grid-num: 3; }
.p-container-price.grid-4 { --grid-num: 4; }
.p-container-price.grid-5 { --grid-num: 5; }
.p-container-price.grid-6 { --grid-num: 6; }
.p-container-price.grid-7 { --grid-num: 7; }
.p-container-price.grid-8 { --grid-num: 8; }
.p-container-price.grid-9 { --grid-num: 9; }
.p-container-price.grid-10 { --grid-num: 10; }
.p-container-price + * {
margin-top: var(--block--gap);
}
.p-container-price .p-container-price-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
@media only screen and (max-width: 1024px) {
.p-container-price .p-container-price-items {
justify-content: var(--horizontal-justify-sp);
}
}
.p-container-price .p-container-price-wrapper {
flex: 0 0 calc((100% - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(100% / var(--grid-num));
/* background: var(--bgColor); */
/* color: var(--txt-bodyColor); */
}
.p-container-price .p-container-price-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-price.s-bgcolor {
padding: var(--padding-container);
}
.p-container-price.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-price.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-price.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-price .p-container-price-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-price .p-container-price-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-price .p-container-price-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-price .p-container-price-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-price.s-bgcolor {
padding: var(--padding-container);
}
.p-container-price .p-container-price-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0;
height: 100%;
}
.p-container-price .p-container-price-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-text);
}
.p-container-price .p-container-price-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-price .p-container-price-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
padding: var(--block-container-padding);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-price .p-container-price-wrapper > .p-container-container .p-image {
width: 100%;
}
.p-container-price .p-container-price-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-price .p-container-price-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-price .p-container-price-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-price .p-container-images .p-image {
padding: var(--image-padding);
}
.p-container-price .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-price .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-price .p-container-price-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-price .p-container-price-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-price .p-container-price-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-ticker {
margin-top: 0;
}
.p-container-ticker-items {
width: 100%;
max-width: var(--max-width);
}
.p-container-ticker {
display: flex;
flex-direction: row;
gap: var(--gap-container-items);
}
.p-container-ticker.bg-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: var(--block-container-padding);
}
.p-container-ticker + .p-container-ticker {
margin-top: var(--gap-container-items);
}
.p-container-ticker .p-container-ticker-items {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0;
margin: 0;
}
.p-container-ticker .p-container-ticker-wrapper {
width: 100%;
padding-top: 0;
padding-bottom: 0;
padding-right: 9rem;
}
.p-container-ticker .p-container-ticker-wrapper > * {
display: flex;
justify-content: flex-start;
align-items: center;
gap: var(--gap-container-items);
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 0;
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container::before {
order: 3;
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > .p-container-header {
flex: 0 0 12rem;
text-align: left;
align-items: flex-start;
justify-content: flex-start;
order: 2;
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > .p-container-images {
flex: 0 0 12rem;
order: 4;
}
@media screen and (max-width: 1024px) {
.p-container-ticker-items {
width: var(--parent-content-width);
max-width: none;
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > .p-container-header {
flex: 0 0 auto;
}
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > .p-container-header .p-headline > .p-headline-container {
text-align: left;
align-items: flex-start;
}
.p-container-ticker .p-container-ticker-wrapper > .p-container-container > .p-container-items {
flex: 1 1 100%;
order: 3;
}
.p-container-ticker .p-container-ticker-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-ticker .p-container-ticker-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-ticker .p-container-ticker-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-ticker {
margin: 0;
flex: 1 1 auto;
position: relative;
}
.p-container-ticker .p-container-ticker-items {
border: 0;
}
.p-container-ticker-items .swiper-button-prev {
position: absolute;
left: auto;
right: 2em;
top: calc(50% - 10px);
width: 20px;
height: 20px;
margin: 0;
}
.p-container-ticker-items .swiper-button-next {
position: absolute;
left: auto;
right: 0;
top: calc(50% - 10px);
width: 20px;
height: 20px;
margin: 0;
}
@media print, screen and (max-width: 1024px) {
.p-container-ticker {
width: 100%;
}
.p-container-ticker::before {
top: -3rem;
}
.p-container-ticker::after {
top: -3rem;
}
.p-container-ticker .p-text.cx-datetime {
white-space: nowrap;
}
}
.p-container-ticker .s-headline {
width: var(--headline-width);
}
.p-container-ticker .p-container-ticker-wrapper {
width: auto;
max-width: var(--container-max-width);
}
.p-container-ticker .s-buttons {
width: var(--buttons-width);
align-items: flex-end;
}
@media print, screen and (max-width: 1024px) {
.p-container-ticker .p-container-ticker-wrapper {
width: auto;
max-width: none;
}
}
.p-container-ticker .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
font-size: 2rem;
font-weight: 600;
}
.p-container-ticker {
padding: 1rem 0;
display: flex;
gap: var(--grid-gap);
align-items: center;
}
.p-container-ticker .p-buttons {
margin-top: 0;
}
@media print, screen and (max-width: 1024px) {
.p-container-ticker {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.p-container-ticker .p-container-list {
width: 100%;
}
.p-container-ticker .p-buttons {
width: 100%;
}
.p-container-ticker .p-container-list::before {
top: -3rem;
}
.p-container-ticker .p-container-list::after {
top: -3rem;
}
.p-container-ticker .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
white-space: nowrap;
}
.p-container-ticker .p-text.cx-datetime {
white-space: nowrap;
}
}
.s-container-ticker{
--container-width: var(--s-container-ticker__container-width);
--link-text: var(--s-container-ticker__link-text);
--link-text-hover: var(--s-container-ticker__link-text-hover);
--max-width: var(--s-container-ticker__max-width);
}
.p-container-vertical-001 {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical-001.grid-1 { --grid-num: 1; }
.p-container-vertical-001.grid-2 { --grid-num: 2; }
.p-container-vertical-001.grid-3 { --grid-num: 3; }
.p-container-vertical-001.grid-4 { --grid-num: 4; }
.p-container-vertical-001.grid-5 { --grid-num: 5; }
.p-container-vertical-001.grid-6 { --grid-num: 6; }
.p-container-vertical-001.grid-7 { --grid-num: 7; }
.p-container-vertical-001.grid-8 { --grid-num: 8; }
.p-container-vertical-001.grid-9 { --grid-num: 9; }
.p-container-vertical-001.grid-10 { --grid-num: 10; }
.p-container-vertical-001 + * {
margin-top: var(--block--gap);
}
.p-container-vertical-001 .p-container-vertical-001-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical-001.position-left .p-container-vertical-001-items {
justify-content: flex-start;
}
.p-container-vertical-001.position-center .p-container-vertical-001-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical-001 .p-container-vertical-001-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical-001.position-sp-center .p-container-vertical-001-items {
justify-content: center;
}
}
.p-container-vertical-001 .p-container-vertical-001-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-001.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-001.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical-001.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical-001 .p-container-vertical-001-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-001 .p-container-vertical-001-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical-001 .p-container-vertical-001-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical-001.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container {
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > *:nth-last-child(1):not(.p-container-images) {
margin-bottom: var(--block-container-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical-001 .p-container-vertical-001-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-header {
padding: var(--block-container-header-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-footer {
padding: var(--block-container-footer-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-items {
padding: var(--block-container-items-padding);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: var(--block-container-images-padding);
}
.p-container-vertical-001 .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical-001 .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-vertical-001 .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical-001 .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-vertical-001 .p-container-vertical-001-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-vertical-002 {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical-002.grid-1 { --grid-num: 1; }
.p-container-vertical-002.grid-2 { --grid-num: 2; }
.p-container-vertical-002.grid-3 { --grid-num: 3; }
.p-container-vertical-002.grid-4 { --grid-num: 4; }
.p-container-vertical-002.grid-5 { --grid-num: 5; }
.p-container-vertical-002.grid-6 { --grid-num: 6; }
.p-container-vertical-002.grid-7 { --grid-num: 7; }
.p-container-vertical-002.grid-8 { --grid-num: 8; }
.p-container-vertical-002.grid-9 { --grid-num: 9; }
.p-container-vertical-002.grid-10 { --grid-num: 10; }
.p-container-vertical-002 + * {
margin-top: var(--block--gap);
}
.p-container-vertical-002 .p-container-vertical-002-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical-002.position-left .p-container-vertical-002-items {
justify-content: flex-start;
}
.p-container-vertical-002.position-center .p-container-vertical-002-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical-002 .p-container-vertical-002-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical-002.position-sp-center .p-container-vertical-002-items {
justify-content: center;
}
}
.p-container-vertical-002 .p-container-vertical-002-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical-002.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-002.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-002.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical-002.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical-002 .p-container-vertical-002-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-002 .p-container-vertical-002-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical-002 .p-container-vertical-002-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical-002.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container {
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > *:nth-last-child(1):not(.p-container-images) {
margin-bottom: var(--block-container-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical-002 .p-container-vertical-002-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-header {
padding: 0 var(--block-container-header-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-footer {
padding: 0 var(--block-container-footer-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-navi {
padding: 0 var(--block-container-navi-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-items {
padding: 0 var(--block-container-items-padding);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: 0 var(--block-container-images-padding);
}
.p-container-vertical-002 .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical-002 .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-vertical-002 .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical-002 .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-vertical-002 .p-container-vertical-002-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-vertical-003 {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical-003.grid-1 { --grid-num: 1; }
.p-container-vertical-003.grid-2 { --grid-num: 2; }
.p-container-vertical-003.grid-3 { --grid-num: 3; }
.p-container-vertical-003.grid-4 { --grid-num: 4; }
.p-container-vertical-003.grid-5 { --grid-num: 5; }
.p-container-vertical-003.grid-6 { --grid-num: 6; }
.p-container-vertical-003.grid-7 { --grid-num: 7; }
.p-container-vertical-003.grid-8 { --grid-num: 8; }
.p-container-vertical-003.grid-9 { --grid-num: 9; }
.p-container-vertical-003.grid-10 { --grid-num: 10; }
.p-container-vertical-003 + * {
margin-top: var(--block--gap);
}
.p-container-vertical-003 .p-container-vertical-003-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical-003.position-left .p-container-vertical-003-items {
justify-content: flex-start;
}
.p-container-vertical-003.position-center .p-container-vertical-003-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical-003 .p-container-vertical-003-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical-003.position-sp-center .p-container-vertical-003-items {
justify-content: center;
}
}
.p-container-vertical-003 .p-container-vertical-003-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical-003.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-003.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-003.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical-003.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical-003 .p-container-vertical-003-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-003 .p-container-vertical-003-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical-003 .p-container-vertical-003-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical-003.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container {
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > *:nth-last-child(1):not(.p-container-images) {
margin-bottom: var(--block-container-padding);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-header {
flex-direction: row;
gap: var(--gap-container-items);
margin: 0;
padding: var(--block-container-header-padding);
width: calc(100% - var(--block-container-padding)*2);
border-bottom: 1px solid;
margin-bottom: calc(var(--gap-container-items));
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical-003 .p-container-vertical-003-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-footer {
padding: 0 var(--block-container-footer-padding);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-navi {
padding: 0 var(--block-container-navi-padding);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-items {
padding: 0 var(--block-container-items-padding);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: 0 var(--block-container-images-padding);
}
.p-container-vertical-003 .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical-003 .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-vertical-003 .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical-003 .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-vertical-003 .p-container-vertical-003-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-vertical-004 {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical-004.grid-1 { --grid-num: 1; }
.p-container-vertical-004.grid-2 { --grid-num: 2; }
.p-container-vertical-004.grid-3 { --grid-num: 3; }
.p-container-vertical-004.grid-4 { --grid-num: 4; }
.p-container-vertical-004.grid-5 { --grid-num: 5; }
.p-container-vertical-004.grid-6 { --grid-num: 6; }
.p-container-vertical-004.grid-7 { --grid-num: 7; }
.p-container-vertical-004.grid-8 { --grid-num: 8; }
.p-container-vertical-004.grid-9 { --grid-num: 9; }
.p-container-vertical-004.grid-10 { --grid-num: 10; }
.p-container-vertical-004 + * {
margin-top: var(--block--gap);
}
.p-container-vertical-004 .p-container-vertical-004-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical-004.position-left .p-container-vertical-004-items {
justify-content: flex-start;
}
.p-container-vertical-004.position-center .p-container-vertical-004-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical-004 .p-container-vertical-004-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical-004.position-sp-center .p-container-vertical-004-items {
justify-content: center;
}
}
.p-container-vertical-004 .p-container-vertical-004-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical-004.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-004.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-004.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical-004.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical-004 .p-container-vertical-004-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-004 .p-container-vertical-004-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical-004 .p-container-vertical-004-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical-004.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > * {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container {
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical-004 .p-container-vertical-004-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-header {
padding: 0 var(--block-container-header-padding);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-navi {
padding: 0 var(--block-container-navi-padding);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-items {
padding: 0 var(--block-container-items-padding);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: 0 var(--block-container-images-padding);
}
.p-container-vertical-004 .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical-004 .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-vertical-004 .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical-004 .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-footer,
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
margin: 1rem 0 0;
padding: 1rem 2.5rem;
background: var(--mainColor);
color: var(--main-txt-bodyColor);
height: auto;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-footer a {
color: inherit;
}
.p-container-vertical-004 .p-container-vertical-004-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-vertical-004 .link-container.link-icon-container-customfont::before {
right: 1rem;
bottom: 0.7rem;
color: var(--main-txt-bodyColor);
}
.p-container-vertical-2col {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical-2col.grid-1 { --grid-num: 1; }
.p-container-vertical-2col.grid-2 { --grid-num: 2; }
.p-container-vertical-2col.grid-3 { --grid-num: 3; }
.p-container-vertical-2col.grid-4 { --grid-num: 4; }
.p-container-vertical-2col.grid-5 { --grid-num: 5; }
.p-container-vertical-2col.grid-6 { --grid-num: 6; }
.p-container-vertical-2col.grid-7 { --grid-num: 7; }
.p-container-vertical-2col.grid-8 { --grid-num: 8; }
.p-container-vertical-2col.grid-9 { --grid-num: 9; }
.p-container-vertical-2col.grid-10 { --grid-num: 10; }
.p-container-vertical-2col + * {
margin-top: var(--block--gap);
}
.p-container-vertical-2col .p-container-vertical-2col-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical-2col.position-left .p-container-vertical-2col-items {
justify-content: flex-start;
}
.p-container-vertical-2col.position-center .p-container-vertical-2col-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical-2col .p-container-vertical-2col-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical-2col.position-sp-center .p-container-vertical-2col-items {
justify-content: center;
}
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical-2col.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-2col.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-2col.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical-2col.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical-2col .p-container-vertical-2col-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical-2col .p-container-vertical-2col-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical-2col .p-container-vertical-2col-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical-2col.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > * {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: var(--gap);
height: 100%;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container {
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items, 2rem);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
}
.p-container-vertical-2col .p-container-vertical-2col-header {
display: flex;
flex-direction: column;
gap: 2rem;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-items > * {
width: calc(50% - 2rem);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-items .p-group .p-group-container > .p-group-items {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 1rem;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-navi {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)* 2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap-container-items);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical-2col .p-container-vertical-2col-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-header {
padding: 1rem 2rem 3rem;
border-bottom: 2px solid;
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-footer {
padding: 0 var(--block-container-footer-padding);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-footer a.p-text {
color: var(--main-txt-bodyColor);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-navi {
padding: 0 var(--block-container-navi-padding);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-items {
padding: 0 var(--block-container-items-padding);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: 0 var(--block-container-images-padding);
}
.p-container-vertical-2col .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical-2col .p-container-images .p-image .p-figure > img {
object-fit: contain;
}
.p-container-vertical-2col .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical-2col .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
margin: 1rem 0 0;
padding: 1rem 2.5rem;
background: var(--mainColor);
color: var(--main-txt-bodyColor);
}
.p-container-vertical-2col .p-container-vertical-2col-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.p-container-vertical-2col .link-container.link-icon-container-customfont::before {
right: 1rem;
bottom: 0.7rem;
color: var(--main-txt-bodyColor);
}
.p-container-vertical {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-container-vertical.grid-1 { --grid-num: 1; }
.p-container-vertical.grid-2 { --grid-num: 2; }
.p-container-vertical.grid-3 { --grid-num: 3; }
.p-container-vertical.grid-4 { --grid-num: 4; }
.p-container-vertical.grid-5 { --grid-num: 5; }
.p-container-vertical.grid-6 { --grid-num: 6; }
.p-container-vertical.grid-7 { --grid-num: 7; }
.p-container-vertical.grid-8 { --grid-num: 8; }
.p-container-vertical.grid-9 { --grid-num: 9; }
.p-container-vertical.grid-10 { --grid-num: 10; }
.p-container-vertical + * {
margin-top: var(--block--gap);
}
.p-container-vertical .p-container-vertical-items {
display: flex;
flex-wrap: wrap;
justify-content: var(--horizontal-justify);
gap: var(--gap);
}
.p-container-vertical.position-left .p-container-vertical-items {
justify-content: flex-start;
}
.p-container-vertical.position-center .p-container-vertical-items {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.p-container-vertical .p-container-vertical-items {
justify-content: var(--horizontal-justify-sp);
}
.p-container-vertical.position-sp-center .p-container-vertical-items {
justify-content: center;
}
}
.p-container-vertical .p-container-vertical-wrapper {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-container-vertical .p-container-vertical-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-container-vertical.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical.s-sub-bgcolor { background-color: var(--subColor); }
.p-container-vertical .p-container-vertical-wrapper.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical .p-container-vertical-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical .p-container-vertical-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical .p-container-vertical-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }
.p-container-vertical.s-bgcolor {
padding: var(--padding-container);
}
.p-container-vertical .p-container-vertical-wrapper > * {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
height: 100%;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container {
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
width: 100%;
gap: var(--gap-container-items);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > *:nth-child(1):not(.p-container-images) {
margin-top: var(--block-container-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > *:nth-last-child(1):not(.p-container-images) {
margin-bottom: var(--block-container-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-header {
flex-direction: column;
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
min-height: var(--block-container-header-height);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-items {
gap: var(--gap-container-text);
margin: 0 var(--block-container-padding);
width: calc(100% - var(--block-container-padding)*2);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > *.position-center {
align-items: center;
text-align: center;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > *.position-left {
align-items: flex-start;
text-align: left;
}
/* .p-container-vertical .p-container-vertical-wrapper > .p-container-container .p-image {
width: 100%;
} */
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container {
text-decoration: none;
}
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container .p-image > .p-figure {
transition: all .5s;
}
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container:hover .p-image > .p-figure {
transform: scale(1.05);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-header {
padding: var(--block-container-header-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-footer {
padding: var(--block-container-footer-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-items {
padding: var(--block-container-items-padding);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-images {
align-items: var(--image-container-align);
padding: var(--block-container-images-padding);
}
.p-container-vertical .p-container-images .p-image {
justify-content: center;
align-items: center;
display: flex;
}
.p-container-vertical .p-container-images .p-image.size-cover {
width: 100%;
padding: 0;
}
.p-container-vertical .p-container-images .p-image.size-cover .p-figure > img {
width: 100%;
object-fit: var(--image-fit);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-navi {
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-bottom: 0;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
width: 100%;
}
.s-container-vertical{
--block-container-images-padding: var(--s-container-vertical__block-container-images-padding);
--gap: var(--s-container-vertical__gap);
--gap-container-items: var(--s-container-vertical__gap-container-items);
--grid-num: var(--s-container-vertical__grid-num);
--horizontal-justify: var(--s-container-vertical__horizontal-justify);
--horizontal-justify-sp: var(--s-container-vertical__horizontal-justify-sp);
--image-container-align: var(--s-container-vertical__image-container-align);
--image-fit: var(--s-container-vertical__image-fit);
}
.s-container-vertical-001{
--block-container-images-padding: var(--s-container-vertical-001__block-container-images-padding);
--frame-container: var(--s-container-vertical-001__frame-container);
--gap: var(--s-container-vertical-001__gap);
--gap-container-items: var(--s-container-vertical-001__gap-container-items);
--grid-num: var(--s-container-vertical-001__grid-num);
--horizontal-justify: var(--s-container-vertical-001__horizontal-justify);
--horizontal-justify-sp: var(--s-container-vertical-001__horizontal-justify-sp);
--image-container-align: var(--s-container-vertical-001__image-container-align);
--image-fit: var(--s-container-vertical-001__image-fit);
}
/* ../../components_v5/comp__container-vertical/s-container-vertical-001.css */
/* s-container-vertical-001 */
.p-container-vertical.s-container-vertical-001 {
width: 100%;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > * {
position: relative;
overflow: hidden;
/* border: 1px solid var(--borderColor); */
/* background-color: var(--baseColor); */
/* padding: 2rem; */
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > * {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
gap: 0.5rem;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-images .p-image {
border-radius: calc(var(--s-radius, 0) * 0.3rem);
overflow: hidden;
height: 100%;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-header {
border-bottom: 2px dotted var(--borderColor);
padding-bottom: var(--gap-container-items);
justify-content: space-between;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-header .p-headline {
padding-bottom: 1rem;
margin-bottom: .5rem;
width: 100%;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-header .p-headline > .p-headline-container {
text-align: left;
align-items: flex-start;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-header .p-headline + * {
margin-top: 0;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-items .p-text:not(.cx-datetime) {
width: 100%;
}
.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper > .p-container-container > .p-container-footer {
padding: var(--gap-container-items);
padding-top: 0;
text-align: center;
justify-content: center;
}
/* 共通 */
.p-container > a.p-container-container {
text-decoration: none;
}
.p-container.s-bgcolor {
padding: var(--padding-container);
}
.p-container.s-base-bgcolor { background-color: var(--baseColor); }
.p-container.s-main-bgcolor { background-color: var(--des-main-defColor); }
.p-container.s-main-light-bgcolor { background-color: var(--des-main-lightColor); }
.p-container.s-main-middle-bgcolor { background-color: var(--des-main-middleColor); }
.p-container.s-main-dark-bgcolor { background-color: var(--des-main-darkColor); }
.p-container.s-sub-bgcolor { background-color: var(--des-sub-defColor); }
.p-container.s-sub-light-bgcolor { background-color: var(--des-sub-lightColor); }
.p-container.s-sub-middle-bgcolor { background-color: var(--des-sub-middleColor); }
.p-container.s-sub-dark-bgcolor { background-color: var(--des-sub-darkColor); }
.p-container.s-primary-bgcolor { background-color: var(--des-primary-defColor); }
.p-container.s-primary-light-bgcolor { background-color: var(--des-primary-lightColor); }
.p-container.s-primary-middle-bgcolor { background-color: var(--des-primary-middleColor); }
.p-container.s-primary-dark-bgcolor { background-color: var(--des-primary-darkColor); }
.p-container.grid-2 .p-container-items {
flex-direction: row;
margin: auto;
justify-content: var(--s-align-flex, flex-start);
}
/* s-horizontal-contents */
.p-container.s-horizontal-contents > .p-container-container {
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
}
.p-container.s-horizontal-contents > .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
flex-direction: row;
align-items: center;
justify-content: center;
}
.p-container.s-faq-contents {
margin: 0 0 3rem;
color: var(--txt-body-dark);
text-align: left;
border-radius: calc(var(--s-radius, 0) * 0.3rem);
overflow: hidden;
border-bottom: 1px solid var(--des-sub-defColor);
}
.p-container.s-faq-contents > .p-container-container > .p-container-header {
min-height: 4rem;
position: relative;
padding: 1rem 1rem 2rem 5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-header > .p-textarea {
font-weight: 600;
font-size: 110%;
}
.p-container.s-faq-contents > .p-container-container > .p-container-header::before {
content: "Q";
position: absolute;
background-color: var(--des-main-defColor);
color: var(--des-main-def-txt-bodyColor);
font-size: 1.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 3rem;
width: 3rem;
top: 0;
left: 0;
border-radius: 1.5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-items {
min-height: 4rem;
position: relative;
padding: 1rem 1rem 3rem 5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-items::before {
content: "A";
position: absolute;
background-color: var(--des-main-defColor);
color: var(--des-main-def-txt-bodyColor);
font-size: 1.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
height: 3rem;
width: 3rem;
top: 0;
left: 0;
border-radius: 1.5rem;
}
.s-main-bgcolor.block__faqInfo.layout01 .faq-box,
.s-main-light-bgcolor.block__faqInfo.layout01 .faq-box
{
background-color: var(--baseColor);
border-bottom: 0;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-header,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-header
{
padding: 3rem 2rem 0 7rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-items,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-items
{
padding: 3rem 2rem 2rem 7rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-header::before,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-header::before
{
top: 2rem;
left: 2rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-items::before,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-items::before
{
top: 2rem;
left: 2rem;
}
/* 共通 */
.p-conversion-horizontal {
--s-grid-num: 1;
--gap-container: 1.5em;
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.p-conversion-horizontal + * {
margin-top: calc(var(--gap-container) * 1.5);
}
.p-conversion-horizontal .p-conversion-horizontal-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-conversion-horizontal.grid-2 .p-conversion-horizontal-wrapper { --s-grid-num: 2; }
.p-conversion-horizontal.grid-3 .p-conversion-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-conversion-horizontal.grid-2 .p-conversion-horizontal-wrapper { --s-grid-num: 1; }
.p-conversion-horizontal.grid-3 .p-conversion-horizontal-wrapper { --s-grid-num: 1; }
}
.p-conversion-horizontal a.p-container-container {
text-decoration: none;
}
.p-conversion-horizontal .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0;
position: relative;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper.block-bg-container-color .p-container-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-text);
padding: var(--block-container-padding);
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
padding: 0;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-navi {
order: 2;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-padding);
order: 1;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
/* .p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
padding: 2em;
} */
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-conversion-horizontal.s-bgcolor {
padding: var(--padding-container);
}
.p-conversion-horizontal .p-container-container > .p-container-images {
align-items: center;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-navi { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-conversion-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-conversion-horizontal.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 520px) {
.p-conversion-horizontal .p-container-container {
flex-direction: column;
gap: 2em;
}
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.p-dl {
display: flex;
flex-direction: column;
gap: 0;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.p-dl .p-dl-horizontal-items {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
gap: var(--gap-container-text);
background: var(--baseColor);
}
.p-dl .p-dl-container {
display: flex;
margin: 0;
gap: 0;
justify-content: flex-start;
font-size: inherit;
width: calc(100% / var(--dl-grid-num));
background: var(--bgColor);
color: var(--txt-headColor);
}
.p-dl .p-dl-container + .p-dl-container {
background: var(--bgColor);
color: var(--txt-headColor);
}
.p-dl .p-dl-container > .p-dl-header {
padding: var(--block-container-header-padding);
background: var(--bgColor);
color: var(--txt-headColor);
width: var(--dl-head-width);
flex: 0 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
}
.p-dl .p-dl-container > .p-dl-header.position-center {
justify-content: center;
text-align: center;
}
.p-dl .p-dl-container > .p-dl-header [class^="icon-"] {
color: var(--accentColor);
}
.p-dl .p-dl-container > .p-dl-items {
padding: var(--block-container-items-padding);
background: var(--bgColor);
color: var(--txt-headColor);
width: var(--dl-body-width);
flex: 1 1 auto;
margin: 0;
gap: var(--items-gap);
width: fit-content;
text-align: left;
}
.p-dl.size-1-11 .p-dl-container > .p-dl-header { width: calc((100%) * 1/12); }
.p-dl.size-1-11 .p-dl-container > .p-dl-items { width: calc((100%) * 11/12); }
.p-dl.size-2-10 .p-dl-container > .p-dl-header { width: calc((100%) * 2/12); }
.p-dl.size-2-10 .p-dl-container > .p-dl-items { width: calc((100%) * 10/12); }
.p-dl.size-3-9 .p-dl-container > .p-dl-header { width: calc((100%) * 3/12); }
.p-dl.size-3-9 .p-dl-container > .p-dl-items { width: calc((100%) * 9/12); }
.p-dl.size-4-8 .p-dl-container > .p-dl-header { width: calc((100%) * 4/12); }
.p-dl.size-4-8 .p-dl-container > .p-dl-items { width: calc((100%) * 8/12); }
.p-dl.size-5-7 .p-dl-container > .p-dl-header { width: calc((100%) * 5/12); }
.p-dl.size-5-7 .p-dl-container > .p-dl-items { width: calc((100%) * 7/12); }
.p-dl.size-6-6 .p-dl-container > .p-dl-header { width: calc((100%) * 6/12); }
.p-dl.size-6-6 .p-dl-container > .p-dl-items { width: calc((100%) * 6/12); }
.p-dl.size-7-5 .p-dl-container > .p-dl-header { width: calc((100%) * 7/12); }
.p-dl.size-7-5 .p-dl-container > .p-dl-items { width: calc((100%) * 5/12); }
.p-dl.size-8-4 .p-dl-container > .p-dl-header { width: calc((100%) * 8/12); }
.p-dl.size-8-4 .p-dl-container > .p-dl-items { width: calc((100%) * 4/12); }
.p-dl.size-9-3 .p-dl-container > .p-dl-header { width: calc((100%) * 9/12); }
.p-dl.size-9-3 .p-dl-container > .p-dl-items { width: calc((100%) * 3/12); }
.p-dl.size-10-2 .p-dl-container > .p-dl-header { width: calc((100%) * 10/12); }
.p-dl.size-10-2 .p-dl-container > .p-dl-items { width: calc((100%) * 2/12); }
.p-dl.size-11-1 .p-dl-container > .p-dl-header { width: calc((100%) * 11/12); }
.p-dl.size-11-1 .p-dl-container > .p-dl-items { width: calc((100%) * 1/12); }
@media only screen and (max-width: 1024px) {
.p-dl .p-dl-container {
flex-direction: column;
}
.p-dl.size-1-11 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-2-10 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-3-9 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-4-8 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-5-7 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-6-6 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-7-5 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-8-4 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-9-3 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-10-2 .p-dl-container > .p-dl-header { width: 100%; }
.p-dl.size-11-1 .p-dl-container > .p-dl-header { width: 100%; }
}
[class^="grid-"] > .p-dl-horizontal-items > *,
[class*=" grid-"] > .p-dl-horizontal-items > * {
flex: 0 0 calc((100% - (var(--dl-gap) * (var(--dl-grid-num) - 1))) / var(--dl-grid-num));
width: calc((100% - (var(--dl-gap) * (var(--dl-grid-num) - 1))) / var(--dl-grid-num));
max-width: 100%;
}
@media only screen and (max-width: 1024px) {
[class^="grid-"] > .p-dl-horizontal-items > *,
[class*=" grid-"] > .p-dl-horizontal-items > * {
flex-direction: column;
}
[class^="grid-"] > .p-dl-horizontal-items > *,
[class*=" grid-"] > .p-dl-horizontal-items > * {
flex: 0 0 100%;
width: 100%;
}
.p-dl .p-dl-container > .p-dl-header {
}
}
.p-dl .p-dl-container > .p-dl-header .p-image .p-image-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.p-dl .p-dl-container > .p-dl-header .p-image .p-image-wrapper figure {
text-align: center;
}
.s-dl{
--align-container-header: var(--s-dl__align-container-header);
--align-container-items: var(--s-dl__align-container-items);
--block-bg-container-header-color: var(--s-dl__block-bg-container-header-color);
--block-bg-container-items-color: var(--s-dl__block-bg-container-items-color);
--block-container-header-padding: var(--s-dl__block-container-header-padding);
--block-container-items-padding: var(--s-dl__block-container-items-padding);
--dl-body-width: var(--s-dl__dl-body-width);
--dl-gap: var(--s-dl__dl-gap);
--dl-grid-num: var(--s-dl__dl-grid-num);
--dl-head-width: var(--s-dl__dl-head-width);
--items-gap: var(--s-dl__items-gap);
}
/* p-embed */
.p-embed.image-fit-cover {
width: 100%;
}
.p-embed.image-fit-cover .p-embed-container iframe {
width: 100%;
}
@media print, screen and (max-width: 1024px) {
.p-embed .p-embed-container > * {
margin-left: auto;
margin-right: auto;
max-width: calc(100vw - var(--page-side--margin-sp)*2) !important;
}
}
.p-emphasis {
--gap-container-items: 2rem;
--bgColor: var(--bg-mainColor);
--txt-headColor: var(--bg-main-txt-headColor);
--txt-bodyColor: var(--bg-main-txt-bodyColor);
--borderColor: var(--bg-main-borderColor);
--accentColor: var(--bg-main-accentColor);
--accent-txtColor: var(--bg-main-accent-txtColor);
--emphasisColor: var(--bg-main-emphasisColor);
--emphasis-txtColor: var(--bg-main-emphasis-txtColor);
--infoColor: var(--bg-main-infoColor);
--info-txtColor: var(--bg-main-info-txtColor);
--lightColor: var(--bg-main-lightColor);
--darkColor: var(--bg-main-darkColor);
--monoColor: var(--bg-main-monoColor);
position: relative;
background: var(--bgColor);
color: var(--txt-bodyColor);
font-family: var(--ffamily-container-headline);
font-size: var(--fsize-container-headline);
font-weight: var(--fweight-container-headline);
line-height: var(--flineheight-container-headline);
letter-spacing: var(--fletterspacing-container-headline);
padding: 0.5em;
}
.p-emphasis .p-emphasis-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
.p-emphasis .p-emphasis-container .p-emphasis-items {
gap: var(--gap-container-items);
display: flex;
flex-direction: column;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
text-align: var(--s-emphasis__s-align, center);
}
.p-emphasis.cx-emphasis-info .p-emphasis-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-info .p-emphasis-header {
width: 100%;
}
.p-emphasis.cx-emphasis-info .p-emphasis-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-emphasis-info-border */
.p-emphasis.cx-emphasis-info-border {
border: 1px solid var(--bg-info-defColor);
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-header {
width: 100%;
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-emphasis-attention */
.p-emphasis.cx-emphasis-attention {
background: var(--bg-info-alertColor);
color: var(--bg-info-alert-txt-bodyColor);
}
.p-emphasis.cx-emphasis-attention .p-emphasis-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-attention .p-emphasis-header {
width: 100%;
}
.p-emphasis.cx-emphasis-attention .p-emphasis-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-emphasis-attention-border */
.p-emphasis.cx-emphasis-attention-border {
border: 1px solid var(--bg-info-alertColor);
color: var(--alertColor);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-header {
width: 100%;
padding-bottom: var(--gap-container-items);
border-bottom: 1px solid var(--alertColor);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* 共通 */
.p-entry {
--s-grid-num: 1;
display: flex;
flex-direction: column;
gap: var(--gap-container);
max-width: var(--entry-max-width);
margin-left: auto;
margin-right: auto;
font-size: 1.2em;
letter-spacing: .2em;
line-height: 2;
}
.p-entry + * {
margin-top: calc(var(--gap-container) * 1.5);
}
.p-entry .p-entry-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-entry .p-entry-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-entry.grid-2 .p-entry-wrapper { --s-grid-num: 2; }
.p-entry.grid-3 .p-entry-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-entry.grid-2 .p-entry-wrapper { --s-grid-num: 1; }
.p-entry.grid-3 .p-entry-wrapper { --s-grid-num: 1; }
}
.p-entry a.p-container-container {
text-decoration: none;
}
.p-entry .p-container-container {
flex-direction: column;
display: flex;
align-items: flex-start;
gap: var(--gap-container-items);
}
.p-entry .p-entry-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap-container-items);
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper {
flex-direction: row;
align-items: flex-start;
text-align: left;
padding: 0;
}
@media only screen and (max-width: 1024px) {
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper {
flex-direction: column;
align-items: center;
}
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
width: 100%;
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
.p-entry .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-entry.s-bgcolor {
padding: var(--padding-container);
}
.p-entry.s-base-bgcolor { background-color: var(--baseColor); }
.p-entry.s-main-bgcolor { background-color: var(--mainColor); }
.p-entry.s-sub-bgcolor { background-color: var(--subColor); }
/* .p-entry.size-1-11 { --s-grid-num: 1; }
.p-entry.size-2-10 { --s-grid-num: 1; }
.p-entry.size-3-9 { --s-grid-num: 1; }
.p-entry.size-4-8 { --s-grid-num: 1; }
.p-entry.size-5-7 { --s-grid-num: 1; }
.p-entry.size-6-6 { --s-grid-num: 1; }
.p-entry.size-7-5 { --s-grid-num: 1; }
.p-entry.size-8-4 { --s-grid-num: 1; }
.p-entry.size-9-3 { --s-grid-num: 1; }
.p-entry.size-10-2 { --s-grid-num: 1; }
.p-entry.size-11-1 { --s-grid-num: 1; } */
.p-entry .p-container-container > .p-container-images {
align-items: center;
justify-content: flex-start;
flex: 0 0 var(--entry-image-width);
}
.p-entry .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-entry .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-entry .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-entry .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-entry.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-entry.size-1-11 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entry.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entry.size-2-10 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entry.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entry.size-3-9 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entry.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entry.size-4-8 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entry.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entry.size-5-7 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entry.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entry.size-6-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entry.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entry.size-7-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entry.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entry.size-8-4 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entry.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entry.size-9-3 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entry.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entry.size-10-2 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entry.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entry.size-11-1 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-entry.layout-image-left .p-container-images { order: inherit; }
.p-entry.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 520px) {
.p-entry .p-container-container {
flex-direction: column;
}
.p-entry.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-1-11 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-2-10 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-3-9 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-4-8 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-5-7 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-6-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-7-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-8-4 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-9-3 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-10-2 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entry.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-entry.size-11-1 .p-container-container > .p-container-wrapper { width: 100%; }
}
.s-entry{
--entry-image-width: var(--s-entry__entry-image-width);
--entry-max-width: var(--s-entry__entry-max-width);
}
/* 共通 */
.p-entryimage {
--s-grid-num: 1;
display: flex;
flex-direction: column;
gap: var(--gap-container);
max-width: var(--entry-max-width);
margin-left: auto;
margin-right: auto;
font-size: 1.2em;
letter-spacing: .2em;
line-height: 2;
}
.p-entryimage + * {
margin-top: calc(var(--gap-container) * 1.5);
}
.p-entryimage .p-entryimage-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-entryimage .p-entryimage-wrapper {
flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-entryimage.grid-2 .p-entryimage-wrapper { --s-grid-num: 2; }
.p-entryimage.grid-3 .p-entryimage-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-entryimage.grid-2 .p-entryimage-wrapper { --s-grid-num: 1; }
.p-entryimage.grid-3 .p-entryimage-wrapper { --s-grid-num: 1; }
}
.p-entryimage a.p-container-container {
text-decoration: none;
}
.p-entryimage .p-container-container {
flex-direction: column;
display: flex;
align-items: flex-start;
gap: var(--gap-container-items);
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: var(--s-align-flex);
flex-direction: column;
gap: var(--gap-container-items);
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
padding: 0;
display: block;
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .s-image {
float: right;
margin-left: var(--gap-container-items);
margin-bottom: var(--gap-container-items);
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .s-image figcaption {
text-align: left;
line-height: 1.5;
font-size: 0.8em;
background: var(--mainColor);
color: var(--main-txt-bodyColor);
padding: 0.5rem 1.5rem;
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .p-text + .p-text {
margin-top: var(--gap-container-items);
}
@media only screen and (max-width: 1024px) {
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .p-text {
font-size: var(--fsize-base-sp);
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper {
display: flex;
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .s-image {
float: none;
order: 999;
}
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
width: 100%;
}
.p-entryimage .p-entryimage-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
margin-top: var(--gap-container-text);
}
.p-entryimage .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-entryimage.s-bgcolor {
padding: var(--padding-container);
}
.p-entryimage.s-base-bgcolor { background-color: var(--baseColor); }
.p-entryimage.s-main-bgcolor { background-color: var(--mainColor); }
.p-entryimage.s-sub-bgcolor { background-color: var(--subColor); }
/* .p-entryimage.size-1-11 { --s-grid-num: 1; }
.p-entryimage.size-2-10 { --s-grid-num: 1; }
.p-entryimage.size-3-9 { --s-grid-num: 1; }
.p-entryimage.size-4-8 { --s-grid-num: 1; }
.p-entryimage.size-5-7 { --s-grid-num: 1; }
.p-entryimage.size-6-6 { --s-grid-num: 1; }
.p-entryimage.size-7-5 { --s-grid-num: 1; }
.p-entryimage.size-8-4 { --s-grid-num: 1; }
.p-entryimage.size-9-3 { --s-grid-num: 1; }
.p-entryimage.size-10-2 { --s-grid-num: 1; }
.p-entryimage.size-11-1 { --s-grid-num: 1; } */
.p-entryimage .p-container-container > .p-container-images {
align-items: center;
justify-content: flex-start;
flex: 0 0 var(--entry-image-width);
}
.p-entryimage .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
}
.p-entryimage .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: cover;
}
.p-entryimage .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-entryimage .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-entryimage.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 1/12); }
.p-entryimage.size-1-11 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entryimage.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entryimage.size-2-10 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entryimage.size-3-9 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entryimage.size-3-9 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entryimage.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entryimage.size-4-8 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entryimage.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entryimage.size-5-7 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entryimage.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entryimage.size-6-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entryimage.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entryimage.size-7-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entryimage.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entryimage.size-8-4 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entryimage.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entryimage.size-9-3 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entryimage.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entryimage.size-10-2 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entryimage.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entryimage.size-11-1 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }
.p-entryimage.layout-image-left .p-container-images { order: inherit; }
.p-entryimage.layout-image-right .p-container-images { order: 3; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 520px) {
.p-entryimage .p-container-container {
flex-direction: column;
}
.p-entryimage.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-1-11 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-2-10 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-3-9 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-4-8 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-5-7 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-6-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-7-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-8-4 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-9-3 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-10-2 .p-container-container > .p-container-wrapper { width: 100%; }
.p-entryimage.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-entryimage.size-11-1 .p-container-container > .p-container-wrapper { width: 100%; }
}
input[type="text"],
input[type="email"],
input[type="date"],
input.p-inputtext {
width: 100%;
font-size: inherit;
font-family: inherit;
padding: var(--gap-container-text);
color: var(--bg-input-txt-bodyColor);
border: 1px solid var(--bg-input-lightColor);
background: var(--bg-inputColor);
}
input.re-type {
margin-top: var(--gap-container-text);
}
textarea,
textarea.p-textarea {
width: 100%;
font-size: inherit;
font-family: inherit;
padding: var(--gap-container-text);
color: var(--bg-input-txt-bodyColor);
border: 1px solid var(--bg-input-lightColor);
background: var(--bg-inputColor);
}
.p-radio {
display: inline-block;
margin-right: 1em;
}
input[type="radio"],
.p-radio > input {
margin-right: 0.5em;
}
.p-checkbox {
display: inline-block;
margin-right: 1em;
}
.p-checkbox > input {
margin-right: 0.5em;
}
select,
select.p-select {
font-size: inherit;
padding: var(--gap-container-text);
color: var(--bg-input-txt-bodyColor);
border: 1px solid var(--bg-input-lightColor);
background: var(--bg-inputColor);
}
.block__form input.name { width: var(--comp__form__name-width); }
.block__form input.furigana { width: var(--comp__form__furigana-width); }
.block__form input.email { width: var(--comp__form__email-width); }
.block__form input.date { width: 15rem; }
.block__form input.tel { width: 20rem; }
.block__form button.zipsearch {
margin-left: 1rem;
font-size: inherit;
}
/* フォントサイズは16px で固定 */
@media only screen and (max-width: 1024px) {
input[type="text"],
input.p-inputtext {
font-size: 16px;
}
textarea,
textarea.p-textarea {
font-size: 16px;
}
}
.p-body-container .p-group {
padding: 2rem;
}
.p-body-container .p-group .p-group-container {
display: flex;
flex-wrap: wrap;
background: var(--bg-info-monoColor);
}
.p-body-container .p-group .p-group-container > * {
padding: 2rem;
}
.p-body-container .p-group .p-group-header {
width: 100%;
}
.p-body-container .p-group .p-group-footer {
width: 100%;
}
.p-body-container .p-group .p-group-images { width: 100%; }
.p-body-container .p-group .p-group-items { width: 100%; }
.p-body-container .p-group.cols6-6 .p-group-images { width: calc(6 / 12* 100%); }
.p-body-container .p-group.cols6-6 .p-group-items { width: calc(6 / 12* 100%); }
.p-body-container .p-group.cols5-7 .p-group-images { width: calc(5 / 12* 100%); }
.p-body-container .p-group.cols5-7 .p-group-items { width: calc(7 / 12* 100%); }
.p-body-container .p-group.cols4-8 .p-group-images { width: calc(4 / 12* 100%); }
.p-body-container .p-group.cols4-8 .p-group-items { width: calc(8 / 12* 100%); }
.p-body-container .p-group.cols3-9 .p-group-images { width: calc(3 / 12* 100%); }
.p-body-container .p-group.cols3-9 .p-group-items { width: calc(9 / 12* 100%); }
@media only screen and (max-width: 1024px) {
.p-body-container .p-group-images {
width: 100% !important;
}
.p-body-container .p-group-items {
width: 100% !important;
}
}
.p-body-container .p-group .p-headline.s-headline-h3 .p-headline-items {
padding-bottom: 10px;
}
:root {
--s-headline__h2-txt-color: var(--txt-headColor);
--s-headline__h2-subtxt-color: var(--txt-headColor);
--s-headline__h3-margintop: 3.0rem;
--s-headline__h4-margintop: 2.0rem;
--s-headline__h5-margintop: 1.0rem;
--s-headline__h4-rate: 1.0;
--s-headline__h5-rate: 0.9;
}
.p-headline {
position: relative;
}
.p-headline>.p-headline-container {
display: flex;
justify-content: var(--s-align-flex, flex-start);
text-align: var(--s-align, left);
align-items: center;
flex-direction: row;
gap: 0;
padding: 0;
}
.p-headline .p-headline-items {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
/* .p-headline.s-headline-h2 */
.p-headline.s-headline-h2 .p-headline-items {
--ffamily-head: var(--ffamily-2head);
--fsize-head: var(--fsize-2head);
--fweight-head: var(--fweight-2head);
--flineheight-head: var(--flineheight-2head);
--fletterspacing-head: var(--fletterspacing-2head);
font-family: var(--ffamily-head);
font-size: var(--fsize-head);
font-weight: var(--fweight-head);
line-height: var(--flineheight-head);
letter-spacing: var(--fletterspacing-head);
color: var(--h2-txt-color);
}
.l-section-wrapper.s-align-center .p-headline.s-headline-h2>.p-headline-container {
text-align: center;
justify-content: center;
align-items: center;
}
.p-headline.s-headline-h2>.p-headline-container>*>.p-subtext {
}
.s-headline-h2 .p-headline-items>.p-subtext {
color: var(--headlineColor);
}
@media screen and (max-width: 1024px) {
.p-headline.s-headline-h2 .p-headline-items {
--fsize-head: var(--fsize-2head-sp);
--flineheight-head: var(--flineheight-2head-sp);
}
}
/* .p-headline.s-headline-h3 */
.p-headline.s-headline-h3 .p-headline-items {
--ffamily-head: var(--ffamily-3head);
--fsize-head: var(--fsize-3head);
--fweight-head: var(--fweight-3head);
--flineheight-head: var(--flineheight-3head);
--fletterspacing-head: var(--fletterspacing-3head);
font-family: var(--ffamily-head);
font-size: var(--fsize-head);
font-weight: var(--fweight-head);
line-height: var(--flineheight-head);
letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h3>.p-headline-container>*>.p-subtext {
font-size: 80%;
}
.p-body-inner > .p-headline.s-headline-h3 {
margin-top: var(--h3-margintop);
}
@media screen and (max-width: 1024px) {
.p-headline.s-headline-h3 .p-headline-items {
--fsize-head: var(--fsize-3head-sp);
--flineheight-head: var(--flineheight-3head-sp);
}
}
/* .p-headline.s-headline-h4 */
.p-headline.s-headline-h4 .p-headline-items {
--ffamily-head: var(--ffamily-4head);
--fsize-head: var(--fsize-4head);
--fweight-head: var(--fweight-4head);
--flineheight-head: var(--flineheight-4head);
--fletterspacing-head: var(--fletterspacing-4head);
font-family: var(--ffamily-head);
font-size: var(--fsize-head);
font-weight: var(--fweight-head);
line-height: var(--flineheight-head);
letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h4>.p-headline-container>*>.p-subtext {
font-size: 80%;
}
.p-body-inner > .p-headline.s-headline-h4 {
margin-top: var(--h4-margintop);
}
.p-body-inner > .p-headline.s-headline-h4 .p-headline-container {
justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
.p-headline.s-headline-h4 .p-headline-items {
--fsize-head: var(--fsize-4head-sp);
--flineheight-head: var(--flineheight-4head-sp);
}
}
/* .p-headline.s-headline-h5 */
.p-headline.s-headline-h5 .p-headline-items {
--ffamily-head: var(--ffamily-5head);
--fsize-head: var(--fsize-5head);
--fweight-head: var(--fweight-5head);
--flineheight-head: var(--flineheight-5head);
--fletterspacing-head: var(--fletterspacing-5head);
font-family: var(--ffamily-head);
font-size: var(--fsize-head);
font-weight: var(--fweight-head);
line-height: var(--flineheight-head);
letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h5>.p-headline-container>*>.p-subtext {
font-size: 80%;
}
@media screen and (max-width: 1024px) {
.p-headline.s-headline-h5 .p-headline-items {
--fsize-head: var(--fsize-5head-sp);
--flineheight-head: var(--flineheight-5head-sp);
}
}
/* ../../components_v5/comp__headline/s-headline-sideline.css */
.p-headline.s-headline-sideline {
}
.p-headline.s-headline-sideline.s-headline-h2 {
position: relative;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container .p-subtext.cx-text-title-en {
opacity: .2;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: .5em;
font-weight: 900;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: var(--s-align, left);
gap: 1em;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::before {
content: "";
display: inline-block;
height: 2px;
width: 7em;
background: var(--txt-headColor);
order: 1;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::after {
content: "";
display: inline-block;
height: 2px;
width: 7em;
background: var(--txt-headColor);
order: 3;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: var(--s-align, left);
order: 2;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items>.p-subtext {
order: 2;
letter-spacing: 3px;
font-size: 0.4em;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
margin-top: 3px;
order: 3;
letter-spacing: 2px;
}
.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 1em;
padding-bottom: 1em;
}
.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
background: var(--accentColor);
width: 10%;
height: 3px;
}
.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
background: var(--accentColor);
width: 100%;
height: 3px;
}
.p-headline.s-headline-sideline.s-headline-h3 em {
font-size: 1em;
border-bottom: dotted 3px var(--txt-head-primary);
}
.s-border-small .p-headline.s-headline-sideline.s-headline-h3 em {
border-bottom: solid 3px var(--txt-head-primary);
}
.p-headline.s-headline-sideline.s-headline-h4 {
padding: 0;
margin: auto;
}
.p-headline.s-headline-sideline.s-headline-h5 {
width: 100%;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: var(--s-align, left);
gap: 1em;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container::before {
content: "";
display: inline-block;
height: 2px;
width: 2em;
background: var(--txt-headColor);
order: 1;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container::after {
content: "";
display: inline-block;
height: 2px;
width: 2em;
background: var(--txt-headColor);
order: 3;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container>.p-headline-items {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: var(--s-align, left);
order: 2;
}
@media print, screen and (max-width: 1024px) {
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::before {
width: 3em;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::after {
width: 3em;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container .p-headline-items {
text-align: center;
}
}
.p-image > a {
text-decoration: none;
}
.p-image {
padding: var(--image-padding);
margin: var(--image-margin);
}
.p-image .p-image-wrapper {
display: block;
}
/* p-figure */
.p-image .p-figure {
display: flex;
justify-content: stretch;
align-items: var(--s-align-flex, flex-start);
flex-direction: column;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: fit-content;
height: 100%;
gap: var(--gap-image-caption);
}
.p-image .p-figure figcaption {
width: 100%;
padding: var(--image-padding-caption);
background: var(--bgColor);
color: var(--txt-bodyColor);
z-index: 1;
}
.p-image .p-figure figcaption.position-center {
text-align: center;
}
.p-image .p-figure .image {
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 100%;
}
.p-image .p-figure .image>img {
margin: auto;
opacity: 0;
}
.p-image .p-figure>img {
width: var(--image-width);
height: var(--image-height);
max-width: 100%;
max-height: 100%;
}
.p-image.size-height-20 .p-figure {
height: 20rem;
overflow: hidden;
}
.p-image-def {
display: inherit;
}
.p-image-wh {
display: none;
}
.p-image {
position: relative;
}
.p-image>figure>img {
position: relative;
z-index: 100;
}
.p-image.p-image-drop-shadow img {
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .4));
}
.p-image.p-image-overlap-container {
margin: 2rem 3rem;
}
.p-image .p-image-overlap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.p-image .p-image-overlap:nth-child(1) {
transform: translate(10%, 7%);
}
.p-image .p-image-overlap:nth-child(2) {
transform: translate(-10%, -7%);
}
.p-image .p-image-overlap img {
object-fit: contain;
width: 100%;
height: 100%;
}
.p-image.image-bg-gray {
background-color: #e9e9e9;
}
.p-image.image-fit-cover {
height: 100%;
padding: 0;
}
.p-image.image-fit-cover figure {
height: 100%;
}
.p-image.image-fit-cover figure>img {
object-fit: cover;
height: 100%;
width: 100%;
transition: all .3s;
}
.p-image figure > div > svg {
max-width: 100%;
height: auto;
}
.p-image.image-vertical-middle {
height: 100%;
}
a.p-group-container .p-image.image-fit-cover figure {
overflow: hidden;
}
a.p-group-container:hover .p-image.image-fit-cover figure>img {
transform: scale(1.1);
}
.p-image.image-fit-contain {
height: 100%;
}
.p-image.image-fit-contain figure {
height: 100%;
}
.p-image.image-fit-contain .p-image-overlap {
top: 1.5rem;
left: 1.5rem;
width: calc(100% - 3rem);
height: calc(100% - 3rem);
}
.p-image.image-fit-contain figure>img {
object-fit: contain;
height: 100%;
width: 100%;
transition: all .3s;
}
.p-image.size-cover .p-figure > img {
object-fit: cover;
}
.p-image.size-cover .p-figure > img {
object-fit: contain;
}
.p-image.position-top .p-figure > img {
object-position: top;
}
.p-image.position-center .p-figure {
align-items: center;
margin: auto;
}
a.p-group-container .p-image.image-fit-contain figure {
overflow: hidden;
}
a.p-group-container:hover .p-image.image-fit-contain figure>img {
transform: scale(1.1);
}
.p-image>.p-icon {
color: var(--des-main-defColor);
}
.p-image>.p-icon i.size-1 {
font-size: 1rem;
}
.p-image>.p-icon i.size-2 {
font-size: 2rem;
}
.p-image>.p-icon i.size-3 {
font-size: 3rem;
}
.p-image>.p-icon i.size-4 {
font-size: 4rem;
}
.p-image>.p-icon i.size-5 {
font-size: 5rem;
}
.p-image>.p-icon i.size-6 {
font-size: 6rem;
}
.p-image>.p-icon i.size-7 {
font-size: 7rem;
}
.p-image>.p-icon i.size-8 {
font-size: 8rem;
}
.p-image.maxheight-1 {
max-height: 1rem;
}
.p-image.maxheight-2 {
max-height: 2rem;
}
.p-image.maxheight-3 {
max-height: 3rem;
}
.p-image.maxheight-4 {
max-height: 4rem;
}
.p-image.maxheight-5 {
max-height: 5rem;
}
.p-image.maxheight-6 {
max-height: 6rem;
}
.p-image.maxheight-7 {
max-height: 7rem;
}
.p-image.maxheight-8 {
max-height: 8rem;
}
.p-image.maxheight-9 {
max-height: 9rem;
}
.p-image.maxheight-10 {
max-height: 10rem;
}
.p-image.maxheight-11 {
max-height: 11rem;
}
.p-image.maxheight-12 {
max-height: 12rem;
}
.p-image.maxheight-13 {
max-height: 13rem;
}
.p-image.maxheight-14 {
max-height: 14rem;
}
.p-image.maxheight-15 {
max-height: 15rem;
}
.p-image.maxheight-16 {
max-height: 16rem;
}
.p-image.maxheight-17 {
max-height: 17rem;
}
.p-image.maxheight-18 {
max-height: 18rem;
}
.p-image.maxheight-19 {
max-height: 19rem;
}
.p-image.maxheight-20 {
max-height: 20rem;
}
.p-image.maxheight-21 {
max-height: 21rem;
}
.p-image.maxheight-22 {
max-height: 22rem;
}
.p-image.maxheight-23 {
max-height: 23rem;
}
.p-image.maxheight-24 {
max-height: 24rem;
}
.p-image.maxheight-25 {
max-height: 25rem;
}
.p-image.maxheight-26 {
max-height: 26rem;
}
.p-image.maxheight-27 {
max-height: 27rem;
}
.p-image.maxheight-28 {
max-height: 28rem;
}
.p-image.maxheight-29 {
max-height: 29rem;
}
.p-image.maxheight-30 {
max-height: 30rem;
}
.p-images.grid {
display: flex;
flex-wrap: wrap;
}
.s-image{
--bg-image-caption: var(--s-image__bg-image-caption);
--gap-image-caption: var(--s-image__gap-image-caption);
--image-fit: var(--s-image__image-fit);
--image-height: var(--s-image__image-height);
--image-margin: var(--s-image__image-margin);
--image-padding: var(--s-image__image-padding);
--image-padding-caption: var(--s-image__image-padding-caption);
--image-position: var(--s-image__image-position);
--image-position-caption: var(--s-image__image-position-caption);
--image-width: var(--s-image__image-width);
}
.p-image-slide.size-fix-width img {
width: 100%;
}
.p-images-slide {
gap: var(--gap);
flex-wrap: wrap;
overflow: hidden;
position: initial;
}
.p-images-slide.grid-1 { --grid-num: 1; }
.p-images-slide.grid-2 { --grid-num: 2; }
.p-images-slide.grid-3 { --grid-num: 3; }
.p-images-slide.grid-4 { --grid-num: 4; }
.p-images-slide.grid-5 { --grid-num: 5; }
.p-images-slide.grid-6 { --grid-num: 6; }
.p-images-slide.grid-7 { --grid-num: 7; }
.p-images-slide.grid-8 { --grid-num: 8; }
.p-images-slide.grid-9 { --grid-num: 9; }
.p-images-slide.grid-10 { --grid-num: 10; }
.p-images-slide .swiper-wrapper {
max-width: none;
width: max-content;
display: block;
overflow: hidden;
}
.p-images-slide .swiper-wrapper > * {
/* flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num)); */
/* width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num)) !important; */
padding: 0 10px;
max-width: 100%;
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.p-images-slide .swiper-wrapper > * {
width: 100%;
flex: 0 0 100%;
}
.p-images-slide.position-sp-center {
justify-content: center;
align-items: center;
}
}
.p-images-slide .swiper-button-next,
.p-images-slide .swiper-button-prev {
color: #FFF;
opacity: 1;
}
.p-images-slide .swiper-button-next {
right: -4rem;
}
.p-images-slide .swiper-button-prev {
left: -4rem;
}
@media only screen and (max-width: 1240px) {
.p-images-slide .swiper-button-next {
right: 0;
}
.p-images-slide .swiper-button-prev {
left: 0;
}
}
.p-image.size-fix-width img {
width: 100%;
}
.p-images {
display: flex;
gap: var(--gap);
flex-wrap: wrap;
}
.p-images.grid-1 { --grid-num: 1; }
.p-images.grid-2 { --grid-num: 2; }
.p-images.grid-3 { --grid-num: 3; }
.p-images.grid-4 { --grid-num: 4; }
.p-images.grid-5 { --grid-num: 5; }
.p-images.grid-6 { --grid-num: 6; }
.p-images.grid-7 { --grid-num: 7; }
.p-images.grid-8 { --grid-num: 8; }
.p-images.grid-9 { --grid-num: 9; }
.p-images.grid-10 { --grid-num: 10; }
.p-images > * {
flex: 0 0 calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc((var(--root-content-width) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
@media only screen and (max-width: 1024px) {
.p-images.position-sp-center {
justify-content: center;
align-items: center;
}
}
.s-images{
--gap: var(--s-images__gap);
}
/* ../../components_v5/comp__images/s-images-001.css */
/* s-images-001 */
:root {
--s-grid-gap: 1em;
}
.p-images {
display: flex;
flex-wrap: wrap;
justify-content: var(--s-align-flex,flex-start);
gap: var(--s-grid-gap);
}
.p-images > * {
width: calc((100% - var(--s-grid-gap) * 3) / 4);
padding: var(--s-text-gap);
}
/* 共通 */
.p-text.cx-text-link {
text-decoration: none;
}
.p-text.cx-datetime {
font-size: .9em;
}
.p-label.s-label-primary {
--bgColor: var(--label-primaryColor);
--txt-headColor: var(--label-primary-txt-headColor);
--txt-bodyColor: var(--label-primary-txt-bodyColor);
--borderColor: var(--label-primary-borderColor);
--accentColor: var(--label-primary-accentColor);
--accent-txtColor: var(--label-primary-accent-txtColor);
--emphasisColor: var(--label-primary-emphasisColor);
--emphasis-txtColor: var(--label-primary-emphasis-txtColor);
--infoColor: var(--label-primary-infoColor);
--info-txtColor: var(--label-primary-info-txtColor);
--lightColor: var(--label-primary-lightColor);
--darkColor: var(--label-primary-darkColor);
--monoColor: var(--label-primary-monoColor);
}
.p-label.s-label-alert {
--bgColor: var(--label-alertColor);
--txt-headColor: var(--label-alert-txt-headColor);
--txt-bodyColor: var(--label-alert-txt-bodyColor);
--borderColor: var(--label-alert-borderColor);
--accentColor: var(--label-alert-accentColor);
--accent-txtColor: var(--label-alert-accent-txtColor);
--emphasisColor: var(--label-alert-emphasisColor);
--emphasis-txtColor: var(--label-alert-emphasis-txtColor);
--infoColor: var(--label-alert-infoColor);
--info-txtColor: var(--label-alert-info-txtColor);
--lightColor: var(--label-alert-lightColor);
--darkColor: var(--label-alert-darkColor);
--monoColor: var(--label-alert-monoColor);
}
.p-label {
display: inline-flex;
position: relative;
background: var(--bgColor);
color: var(--txt-bodyColor);
box-sizing: border-box;
border-radius: var(--label-radius);
}
.p-label.s-label-color-headline {
color: var(--headlineColor);
}
.p-label > * {
display: inline-block;
padding: var(--label-padding);
}
.p-label > .p-text {
font-size: var(--fsize-label);
font-weight: var(--fweight-label);
line-height: var(--flineheight-label);
}
.p-label.size-fix-width {
width: 100%;
}
.p-label.s-absolute-top-right {
position: absolute;
top: 0;
left: 0;
}
.s-label{
--bg-color: var(--s-label__bg-color);
--flineheight-label: var(--s-label__flineheight-label);
--fsize-label: var(--s-label__fsize-label);
--fweight-label: var(--s-label__fweight-label);
--label-padding: var(--s-label__label-padding);
--label-radius: var(--s-label__label-radius);
}
.p-label-container {
display: inline-flex;
justify-content: flex-start;
align-items: center;
gap: var(--gap-container-items);
font-size: var(--fsize-base);
font-weight: var(--fweight-base);
line-height: var(--flineheight-base);
letter-spacing: var(--fletterspacing-base);
}
.p-label-container + .p-label-container {
margin-left: var(--gap-container-items);
}
.p-label-container.cx-labels-alert .p-label {
background-color: var(--bg-head-alertColor);
color: var(--bg-head-alert-txt-bodyColor);
border-color: var(--bg-head-alertColor);
}
.p-labels-container {
display: flex;
gap: 0.5em;
flex-wrap: wrap;
}
/* p-link */
.p-links.s-align-right {
margin-left: auto;
}
.p-links.s-align-left {
margin-right: auto;
}
.p-links.s-align-center {
margin-left: auto;
margin-right: auto;
}
.p-link > span {
display: inline-block;
position: relative;
}
#app.btn-def-gradient .p-link > span::after {
background: var(--btn-def-gradient);
}
.p-link-def,
.p-link.s-btn-default {
background-color: var(--btn-defColor);
border-color: var(--btn-def-txt-bodyColor);
color: var(--btn-def-txt-bodyColor);
border-width: calc(2px * var(--s-border,0));
box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
}
#app.btn-def-gradient .p-link-def,
#app.btn-def-gradient .p-link.s-btn-default {
background: var(--btn-def-gradient);
}
.p-link-def:hover,
.p-link.s-btn-default:hover {
background-color: var(--btn-def-darkColor);
border-color: var(--btn-def-darkColor);
color: var(--btn-def-dark-txt-bodyColor);
box-shadow: none;
}
.p-link-primary,
.p-link.s-btn-primary {
background-color: var(--btn-primaryColor);
border-color: var(--btn-primary-txt-bodyColor);
color: var(--btn-primary-txt-bodyColor);
border-width: calc(2px * var(--s-border,0));
box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
}
#app.btn-primary-gradient .p-link-primary,
#app.btn-primary-gradient .p-link.s-btn-primary {
background: var(--btn-primary-gradient);
}
.p-link-primary:hover,
.p-link.s-btn-primary:hover {
background-color: var(--btn-primary-darkColor);
border-color: var(--btn-primary-darkColor);
color: var(--btn-primary-dark-txt-bodyColor);
box-shadow: none;
}
.p-links.p-link-container {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-items);
}
.p-note {
--gap-container-items: 2rem;
position: relative;
background: inherit;
border: 1px solid var(--txt-bodyColor);
font-size: calc(var(--fsize-base) * 0.8);
padding: var(--block-container-padding);
}
.p-note .p-note-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
.p-note .p-note-container .p-note-items {
gap: var(--gap-container-items);
display: flex;
flex-direction: column;
justify-content: center;
align-items: var(--s-align-flex, flex-start);
}
.p-note.cx-note-info .p-note-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-note.cx-note-info .p-note-header {
width: 100%;
}
.p-note.cx-note-info .p-note-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-note-info-border */
.p-note.cx-note-info-border {
border: 1px solid var(--bg-info-defColor);
}
.p-note.cx-note-info-border .p-note-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-note.cx-note-info-border .p-note-header {
width: 100%;
}
.p-note.cx-note-info-border .p-note-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-note-attention */
.p-note.cx-note-attention {
background: var(--bg-info-alertColor);
color: var(--bg-info-alert-txt-bodyColor);
}
.p-note.cx-note-attention .p-note-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-note.cx-note-attention .p-note-header {
width: 100%;
}
.p-note.cx-note-attention .p-note-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* cx-note-attention-border */
.p-note.cx-note-attention-border {
border: 1px solid var(--bg-info-alertColor);
color: var(--alertColor);
}
.p-note.cx-note-attention-border .p-note-container {
justify-content: flex-start;
align-items: flex-start;
padding: var(--gap-container-items);
}
.p-note.cx-note-attention-border .p-note-header {
width: 100%;
padding-bottom: var(--gap-container-items);
border-bottom: 1px solid var(--alertColor);
}
.p-note.cx-note-attention-border .p-note-header .p-headline > .p-headline-container {
justify-content: flex-start;
align-items: flex-start;
}
/* p-ollist */
.p-ollist.s-border {
padding: 1rem;
}
.p-ollist {
display: flex;
flex-direction: column;
gap: 1em;
}
.p-ollist > ol {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
gap: 1rem;
}
.p-ollist > ol > li {
display: inline-flex;
position: relative;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
}
.p-ollist > ol > li > .p-ollist-child {
margin-left: var(--gap-container-items);
width: 100%;
}
.p-ollist > ol > li > .p-text {
display: inline-flex;
align-items: center;
flex: 1 1 calc(100% - 4rem);
}
.p-ollist > ol {
counter-reset:item;
}
.p-ollist > ol > li {
counter-increment:item;
}
.p-ollist > ol > li:before {
content: counter(item);
width: 4rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--accentColor);
font-size: inherit;
font-family: system-ui;
line-height: inherit;
text-align: center;
}
.l-pagination-container {
font-weight: 400;
font-size: calc(1rem * 9 / 11);
line-height: calc(1em * 66 / 40);
margin-top: 4rem;
}
.l-pagination-container .pagination {
display: flex;
flex-wrap: wrap;
margin: auto;
justify-content: center;
}
@media(min-width:48em) {
.l-pagination-container {
font-weight: 600;
font-size: calc(1rem * 9 / 9);
line-height: calc(1em * 63 / 40)
}
}
.l-pagination-container .page-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: color .3s cubic-bezier(.6, -.01, .1, 1);
color: var(--txt-linkColor);
}
.l-pagination-container .page-item a {
z-index: 2;
}
.l-pagination-container .page-item.page-prev {
margin-right: 1.5rem;
width: auto;
}
.l-pagination-container .page-item.page-next {
margin-left: 1.5rem;
width: auto;
}
@media(min-width:48em) {
.Pagination-pageLink {
width: 3.5rem;
height: 3.5rem
}
}
.l-pagination-container .page-item.active {
color: var(--accent-txtColor);
background-color: var(--accentColor);
}
.l-pagination-container .page-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid var(--base-baseColor);
opacity: 1;
transform: scale(0);
transition: transform .6s cubic-bezier(.6, -.01, .1, 1), opacity .6s cubic-bezier(.6, -.01, .1, 1) .2s;
z-index: 1;
}
.l-pagination-container .page-item.page-prev:before { display: none; }
.l-pagination-container .page-item.page-next:before { display: none; }
@media(hover:hover) {
.l-pagination-container .page-item:not(.active):hover {
color: var(--base-baseColor);
}
.l-pagination-container .page-item:not(.active):hover:before {
opacity: 0;
transform: scale(1)
}
}
.Pagination-ellipsis {
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem
}
@media(min-width:48em) {
.Pagination-ellipsis {
width: 3.5rem;
height: 3.5rem
}
}
.p-point {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-horizontal);
}
/* ĺ
ąé */
.p-rel-link-article {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-rel-link-article .p-rel-link-article-items {
display: flex;
flex-wrap: wrap;
gap: var(--gap-container-vertical);
}
.p-rel-link-article .p-rel-link-article-wrapper {
flex: 0 0 calc((var(--parent-content-width) - (var(--gap-container-vertical) * (var(--grid-num) - 1))) / var(--grid-num));
width: calc(var(--parent-content-width) / var(--grid-num) - (var(--gap-container-vertical) * (var(--grid-num) - 1)));
max-width: 100%;
}
.p-rel-link-article .p-rel-link-article-wrapper.frame-container:not(.frame-container-none),
.p-rel-link-article .p-rel-link-article-wrapper.frame-container-valid {
padding: var(--block-container-padding);
}
.p-rel-link-article .p-rel-link-article-wrapper .p-container-container.frame-container:not(.frame-container-none),
.p-rel-link-article .p-rel-link-article-wrapper .p-container-container.frame-container-valid {
padding: var(--block-container-padding);
}
.p-rel-link-article.grid-2 .p-rel-link-article-wrapper { --grid-num: 2; }
.p-rel-link-article.grid-3 .p-rel-link-article-wrapper { --grid-num: 3; }
@media only screen and (max-width: 1024px) {
.p-rel-link-article.grid-2 .p-rel-link-article-wrapper { --grid-num: 1; }
.p-rel-link-article.grid-3 .p-rel-link-article-wrapper { --grid-num: 1; }
}
.p-rel-link-article a.p-container-container {
text-decoration: none;
}
.p-rel-link-article .p-container-container {
flex-direction: row;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--gap-container-items);
position: relative;
height: 100%;
width: var(--container-width);
margin: auto;
}
.p-rel-link-article .p-rel-link-article-wrapper.block-bg-container-color .p-container-container {
background: var(--info-lightColor);
color: var(--txt-bodyColor);
}
.p-rel-link-article .p-rel-link-article-wrapper.block-bg-container-color.s-bg-none .p-container-container {
background: transparent;
color: inherit;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
gap: var(--gap-container-items);
padding: 0;
flex: auto;
justify-content: flex-start;
text-align: var(--s-align, left);
margin: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items {
align-items: flex-start;
text-align: left;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.position-left > .p-container-items .p-headline-container {
align-items: flex-start;
text-align: left;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.position-center > .p-container-items {
align-items: center;
text-align: center;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > * {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 1.5em;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > *.vposition-top {
align-items: flex-start;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.vposition-top .p-container-items {
justify-content: flex-start;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > *.vposition-middle {
justify-content: center;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.vposition-middle .p-container-items {
justify-content: center;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > *.vposition-bottom {
justify-content: flex-end;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.vposition-bottom .p-container-items {
justify-content: flex-end;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper {
text-align: left;
align-items: flex-start;
padding: var(--block-container-items-padding);
width: 100%;
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper.block-bg-container-items-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
width: 100%;
}
.p-rel-link-article .p-container-container > .p-container-images {
padding: var(--block-container-images-padding);
align-items: var(--image-container-align);
justify-content: var(--image-container-vertical-align);
}
.p-rel-link-article .p-container-container > .p-container-images.block-bg-container-images-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-rel-link-article .p-container-container > .p-container-navi {
padding: var(--block-container-navi-padding);
}
.p-rel-link-article .p-container-container > .p-container-navi.block-bg-container-navi-color {
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-rel-link-article .p-container-container > .p-container-items {
padding: var(--s-horizontal-box-gap);
text-align: left;
}
.p-rel-link-article.s-bgcolor {
padding: var(--padding-container);
}
.p-rel-link-article .p-container-container > .p-container-navi {
--images-max-width: none;
}
.p-rel-link-article .p-container-container > .p-container-images {
--images-max-width: none;
}
.p-rel-link-article .p-container-container > .p-container-images .p-image.size-cover {
height: 100%;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.p-rel-link-article .p-container-container > .p-container-images .p-image.size-cover img {
height: 100%;
object-fit: var(--image-fit);
}
.p-rel-link-article .p-container-container > .p-container-images .p-embed iframe {
width: 100%;
}
.p-rel-link-article .p-container-container > .p-container-images .p-embed {
width: 100%;
}
.p-rel-link-article .p-container-container > .p-container-images > .p-image {
max-width: var(--images-max-width);
}
.p-rel-link-article .p-container-container > .p-container-navi > .p-image {
max-width: var(--images-max-width);
}
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 2/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 2/12);
}
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 4/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 4/12);
}
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-navi {
width: calc((100% - var(--gap-container-items)) * 3/12);
--images-max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-rel-link-article.size-12 .p-container-container { flex-direction: column; }
.p-rel-link-article.size-12 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-1-11 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-rel-link-article.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-rel-link-article.size-2-10 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-rel-link-article.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-rel-link-article.size-3-9 .p-container-container > .p-container-images {
width: calc((100% - var(--gap-container-items)) * 3/12);
max-width: calc((var(--root-content-width) - var(--gap-container-items)) * 3/12);
}
.p-rel-link-article.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-rel-link-article.size-4-8 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-rel-link-article.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-rel-link-article.size-5-7 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-rel-link-article.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-rel-link-article.size-6-6 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-rel-link-article.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 6/12); }
.p-rel-link-article.size-7-5 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 7/12); }
.p-rel-link-article.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 5/12); }
.p-rel-link-article.size-8-4 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 8/12); }
.p-rel-link-article.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 4/12); }
.p-rel-link-article.size-9-3 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 9/12); }
.p-rel-link-article.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 3/12); }
.p-rel-link-article.size-10-2 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 10/12); }
.p-rel-link-article.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 2/12); }
.p-rel-link-article.size-11-1 .p-container-container > .p-container-images { width: calc((100% - var(--gap-container-items)) * 11/12); }
.p-rel-link-article.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container-items)) * 1/12); }
.p-rel-link-article.layout-image-left .p-container-images { order: inherit; }
.p-rel-link-article.layout-image-right .p-container-images { order: 3; }
.p-rel-link-article a.p-container-container {
padding: 1.5rem 1.5rem 3rem;
border-bottom: 3px solid var(--bg-def-borderColor);
}
.p-rel-link-article a .text-box {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.p-rel-link-article a.p-container-container h3 {
--ffamily-head: var(--ffamily-2head);
--fsize-head: var(--fsize-2head);
--fweight-head: var(--fweight-2head);
--flineheight-head: var(--flineheight-2head);
--fletterspacing-head: var(--fletterspacing-2head);
font-family: var(--ffamily-head);
font-size: var(--fsize-head);
font-weight: var(--fweight-head);
line-height: var(--flineheight-head);
letter-spacing: var(--fletterspacing-head);
color: var(--h2-txt-color);
}
.p-rel-link-article a.p-container-container
.p-headline.s-headline-h3 >.p-headline-container>.p-headline-items::before {
display: none;
}
.p-rel-link-article .text-right {
text-decoration: underline;
}
.p-rel-link-article .text-right .fa-chevron-right {
margin-left: 0.5rem;
}
@media screen and (max-width: 1024px) {
.block__blog_linklist.layout02 .l-content-container li a {
padding: 2rem 2rem 2.5rem;
}
.block__blog_linklist.layout02 .text-right {
font-size: 0.8em;
}
}
@media screen and (max-width: 1024px) {
.block__blog_linklist.layout02 .l-content-container li a figure {
flex: 0 0 40%;
}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.p-rel-link-article .p-rel-link-article-wrapper > .p-container-container > .p-container-wrapper {
}
.p-rel-link-article .p-container-container {
flex-direction: column;
gap: 2rem;
height: auto;
}
.p-rel-link-article .p-container-container > .p-container-images {
align-self: center;
}
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-navi { width: 100%; }
.p-rel-link-article.size-4-2-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-navi { width: 100%; }
.p-rel-link-article.size-3-3-6 .p-container-container > .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-navi { width: 100%; }
.p-rel-link-article.size-4-3-5 .p-container-container > .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-1-11 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-2-10 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-3-9 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-4-8 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-5-7 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-6-6 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-7-5 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-8-4 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-9-3 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-10-2 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-rel-link-article.size-11-1 .p-container-container > .p-container-images { width: 100%; }
.p-rel-link-article.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}
.l-section-wrapper.p-rel-link-list {
--block-bg-image: none;
--block-bg-color: var(--bgColor);
--h2-txt-color: var(--txt-headColor);
--h2-subtxt-color: var(--txt-headColor);
--headline-accent-color: var(--accentColor);
padding: 0;
font-size: 80%;
}
.p-rel-link-list {
padding: 3rem;
}
.p-rel-link-list .l-section-container {
border: 1px solid var(--info-darkColor);
}
.p-rel-link-list .l-content-container {
flex-direction: column;
}
.p-rel-link-list .l-content-wrapper {
margin-top: 1rem;
}
.p-rel-link-list .l-content-wrapper > .l-content-container {
padding: 0;
}
.p-rel-link-list .l-section-bg {
background: var(--baseColor);
}
body.blog-detail .p-rel-link-list .l-section-container {
padding: 2rem 3rem;
}
.p-rel-link-list .l-content-container {
gap: 1rem;
}
.p-rel-link-list .l-content-container li a {
display: flex;
gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
.p-rel-link-list .l-content-container li a > * {
line-height: 1.8;
}
.p-rel-link-list .l-content-container li a figure {
flex: 0 0 20%;
}
.p-rel-link-list .p-headline.s-headline-h2 .p-headline-items {
font-size: 120%;
}
.p-rel-link-reference {
padding-bottom: calc(var(--block--margin) * var(--block--margin-diff));
}
.p-rel-link-reference .l-section-container {
padding: 3rem !important;
background-color: var(--info-monoColor);
}
.p-rel-link-reference .l-content-wrapper > .l-content-container {
padding: 0;
flex-direction: column;
}
.p-rel-link-reference .l-content-container li a {
text-decoration: underline;
}
/** p-remarks **/
.p-remarks {
font-size: 80%;
color: gray;
position: relative;
}
/* p-table */
.p-table > table {
width: 100%;
max-width: var(--s-content-width);
border: var(--border-container);
margin-bottom: 0;
background: var(--bgColor);
color: var(--txt-bodyColor);
font-size: inherit;
}
.p-table > .p-title .p-text {
font-size: var(--fsize-container-headline);
font-weight: var(--fweight-container-headline);
background: var(--mainColor);
color: var(--main-txt-bodyColor);
padding: 0.5em;
}
.p-table.s-radius-large > table {
border-radius: 1em;
overflow: hidden;
}
.p-table > table > thead > tr > th {
--bgColor: var(--bg-col-theadColor);
--txt-headColor: var(--bg-col-thead-txt-headColor);
--txt-bodyColor: var(--bg-col-thead-txt-bodyColor);
--borderColor: var(--bg-col-thead-borderColor);
--accentColor: var(--bg-col-thead-accentColor);
--accent-txtColor: var(--bg-col-thead-accent-txtColor);
--emphasisColor: var(--bg-col-thead-emphasisColor);
--emphasis-txtColor: var(--bg-col-thead-emphasis-txtColor);
--infoColor: var(--bg-col-thead-infoColor);
--info-txtColor: var(--bg-col-thead-info-txtColor);
--lightColor: var(--bg-col-thead-lightColor);
--darkColor: var(--bg-col-thead-darkColor);
--monoColor: var(--bg-col-thead-monoColor);
background: var(--bgColor);
color: var(--txt-headColor);
text-align: center;
}
.p-table > table > tbody > tr > th {
--bgColor: var(--bg-col-head1Color);
--txt-headColor: var(--bg-col-head1-txt-headColor);
--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
--borderColor: var(--bg-col-head1-borderColor);
--accentColor: var(--bg-col-head1-accentColor);
--accent-txtColor: var(--bg-col-head1-accent-txtColor);
--emphasisColor: var(--bg-col-head1-emphasisColor);
--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
--infoColor: var(--bg-col-head1-infoColor);
--info-txtColor: var(--bg-col-head1-info-txtColor);
--lightColor: var(--bg-col-head1-lightColor);
--darkColor: var(--bg-col-head1-darkColor);
--monoColor: var(--bg-col-head1-monoColor);
background: var(--bgColor);
color: var(--txt-headColor);
text-align: center;
width: 17%;
}
.p-table > table > tbody > tr:nth-child(2n+1) > th {
--bgColor: var(--bg-col-head2Color);
--txt-headColor: var(--bg-col-head2-txt-headColor);
--txt-bodyColor: var(--bg-col-head2-txt-bodyColor);
--borderColor: var(--bg-col-head2-borderColor);
--accentColor: var(--bg-col-head2-accentColor);
--accent-txtColor: var(--bg-col-head2-accent-txtColor);
--emphasisColor: var(--bg-col-head2-emphasisColor);
--emphasis-txtColor: var(--bg-col-head2-emphasis-txtColor);
--infoColor: var(--bg-col-head2-infoColor);
--info-txtColor: var(--bg-col-head2-info-txtColor);
--lightColor: var(--bg-col-head2-lightColor);
--darkColor: var(--bg-col-head2-darkColor);
--monoColor: var(--bg-col-head2-monoColor);
}
.p-table > table > tbody > tr > td {
--bgColor: var(--bg-col-body1Color);
--txt-headColor: var(--bg-col-body1-txt-headColor);
--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
--borderColor: var(--bg-col-body1-borderColor);
--accentColor: var(--bg-col-body1-accentColor);
--accent-txtColor: var(--bg-col-body1-accent-txtColor);
--emphasisColor: var(--bg-col-body1-emphasisColor);
--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
--infoColor: var(--bg-col-body1-infoColor);
--info-txtColor: var(--bg-col-body1-info-txtColor);
--lightColor: var(--bg-col-body1-lightColor);
--darkColor: var(--bg-col-body1-darkColor);
--monoColor: var(--bg-col-body1-monoColor);
background: var(--bgColor);
color: var(--txt-headColor);
}
.p-table > table > tbody > tr:nth-child(2n+1) > td {
--bgColor: var(--bg-col-body2Color);
--txt-headColor: var(--bg-col-body2-txt-headColor);
--txt-bodyColor: var(--bg-col-body2-txt-bodyColor);
--borderColor: var(--bg-col-body2-borderColor);
--accentColor: var(--bg-col-body2-accentColor);
--accent-txtColor: var(--bg-col-body2-accent-txtColor);
--emphasisColor: var(--bg-col-body2-emphasisColor);
--emphasis-txtColor: var(--bg-col-body2-emphasis-txtColor);
--infoColor: var(--bg-col-body2-infoColor);
--info-txtColor: var(--bg-col-body2-info-txtColor);
--lightColor: var(--bg-col-body2-lightColor);
--darkColor: var(--bg-col-body2-darkColor);
--monoColor: var(--bg-col-body2-monoColor);
}
.p-table > table th,
.p-table > table td {
border-right: var(--border-container);
border-bottom: var(--border-container);
padding: 1em;
}
.s-table{
--bg-color: var(--s-table__bg-color);
--ffamily: var(--s-table__ffamily);
--fletterspacing: var(--s-table__fletterspacing);
--flineheight: var(--s-table__flineheight);
--fsize: var(--s-table__fsize);
--fweight: var(--s-table__fweight);
--padding: var(--s-table__padding);
}
/* p-taglist */
.p-taglist {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
font-size: var(--fsize-tag);
font-weight: var(--fweight-tag);
line-height: var(--flineheight-tag);
}
.p-taglist.s-align-center {
margin: auto;
}
.p-taglist.s-align-left {
margin: 0 auto 0 0;
}
.p-taglist.s-align-right {
margin: 0 0 0 auto;
}
.p-taglist > ul {
list-style: none;
margin: 0;
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
gap: var(--gap-tag);
padding: 0;
}
.p-taglist > ul > li {
display: inline-flex;
position: relative;
align-items: flex-start;
text-align: left;
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: 0.2rem 1.3rem;
border-radius: 3em;
}
.p-taglist > ul > li a {
text-decoration: none;
}
.p-taglist > ul > li .p-taglist-child {
margin-left: 0;
width: calc(100% - 2em);
}
.p-taglist > ul > li .p-text {
display: flex;
align-items: center;
margin: 0;
width: 100%;
line-height: 2;
}
.p-taglist > ul > li .p-headline {
padding-top: 0 !important;
}
.p-taglist > ul > li .p-headline > .p-headline-container {
justify-content: flex-start;
}
/* .p-taglist.s-ullist-taglist .p-taglist-header {
font-size: calc(var(--fsize-base) * 1.2);
font-weight: bold;
} */
.p-taglist.s-ullist-taglist > ul > li::before {
color: var(--txt-bodyColor);
display: none;
}
/* .p-taglist.s-ullist-emphasis {
font-size: calc(var(--fsize-base) * 1.2);
line-height: calc(var(--flineheight-base) * 1.2);
} */
.p-taglist.s-ullist-emphasis > ul > li .p-text {
line-height: inherit;
}
.p-taglist.s-ullist-primary {
background: var(--bg-col-body2Color);
}
.p-taglist.s-ullist-primary > * {
padding: 0 1em;
}
.p-taglist.s-ullist-primary > .p-taglist-header {
background: var(--emphasisColor);
color: var(--emphasis-txtColor);
width: 100%;
}
.p-taglist > ul > li .p-taglist-item {
flex: 1 1 calc(100% - 1.5em);
}
.p-taglist > ul > li.s-ullist-icon-checkbox {
align-items: center;
gap: 0.5em;
}
.s-taglist{
--flineheight-tag: var(--s-taglist__flineheight-tag);
--fsize-tag: var(--s-taglist__fsize-tag);
--fweight-tag: var(--s-taglist__fweight-tag);
--gap-tag: var(--s-taglist__gap-tag);
--tag-bg-color: var(--s-taglist__tag-bg-color);
}
/* 共通 */
/* base parts */
.s-text-accent { color: var(--accentColor);}
.s-text-primary { color: var(--emphasisColor);}
.p-title {}
.p-subtitle {
margin: 0;
}
.p-text {
font-size: var(--fsize-base);
}
.p-textarea {
line-height: var(--flineheight-base);
font-size: var(--fsize-base);
text-align: left;
display: block;
}
.p-text.cx-text-link {
text-decoration: none;
}
.p-inlinetext.s-align-center,
.p-text.s-align-center {
margin: auto;
}
.p-inlinetext.s-align-left,
.p-text.s-align-left {
margin: 0 auto 0 0;
}
.p-inlinetext.s-align-right,
.p-text.s-align-right {
margin: 0 0 0 auto;
}
.size-text-message {
font-size: var(--fsize-message);
align-items: var(--s-align-flex, flex-start);
}
.p-text.cx-datetime {
font-size: .9em;
}
.p-text i + span {
margin-left: 0.5em;
}
.p-text span + i {
margin-left: 0.5em;
}
a.p-text,
a.p-tel {
text-decoration: none;
}
.p-text .icon-image {
width: 1.3em;
height: 1.3em;
display: inline-block;
mask-size: 100% 100%;
vertical-align: bottom;
margin-bottom: 1px;
background: var(--txt-bodyColor, var(--base-txt-bodyColor));
}
.p-text .right-icon-image {
width: 1em;
height: 1em;
display: inline-block;
mask-size: 100% 100%;
vertical-align: bottom;
margin-bottom: 1px;
background: var(--txt-bodyColor, var(--base-txt-bodyColor));
}
.s-tel.s-tel-large01 > span {
font-size: 1.5em;
}
.s-tel.s-tel-large01 > i {
font-size: 2em;
margin-right: 0.5rem;
vertical-align: bottom;
line-height: 1em;
color: var(--accentColor);
}
.s-tel.s-tel-large02 > span {
font-size: 1.5em;
}
.s-tel.s-tel-large02 > i {
font-size: 2em;
margin-right: 0.5rem;
vertical-align: bottom;
line-height: 1em;
color: var(--accentColor);
}
.s-tel.s-tel-large02 > i::before {
background-color: var(--accentColor);
}
/* p-ullist */
.p-ullist.s-border {
padding: 1rem;
}
.p-ullist {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.p-ullist > ul {
flex-wrap: wrap;
gap: var(--gap);
}
.p-ullist.grid-1 ul { --grid-num: 1; }
.p-ullist.grid-2 ul { --grid-num: 2; flex-direction: row; }
.p-ullist.grid-3 ul { --grid-num: 3; flex-direction: row; }
.p-ullist.grid-4 ul { --grid-num: 4; flex-direction: row; }
.p-ullist.grid-5 ul { --grid-num: 5; flex-direction: row; }
.p-ullist.grid-6 ul { --grid-num: 6; flex-direction: row; }
.p-ullist.grid-7 ul { --grid-num: 7; flex-direction: row; }
.p-ullist.grid-8 ul { --grid-num: 8; flex-direction: row; }
.p-ullist.grid-9 ul { --grid-num: 9; flex-direction: row; }
.p-ullist.grid-10 ul { --grid-num: 10; flex-direction: row; }
.p-ullist > ul > * {
width: calc((var(--root-content-width) - (var(--ullist_padding)*2) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
max-width: 100%;
}
.p-ullist.block-bg-container-color > ul > * {
width: calc((var(--root-content-width) - (var(--block-container-padding)*2) - (var(--ullist_padding)*2) - (var(--gap) * (var(--grid-num) - 1))) / var(--grid-num));
}
.p-ullist.block-bg-container-color:not(.s-bg-none) {
padding: var(--block-container-padding);
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.p-ullist.s-align-center {
margin: auto;
}
.p-ullist.s-align-left {
margin: 0 auto 0 0;
}
.p-ullist.s-align-right {
margin: 0 0 0 auto;
}
.p-ullist > ul {
display: flex;
flex-direction: column;
list-style: none;
gap: var(--ullist_list-gap);
margin: 0;
padding: var(--ullist_padding);
width: 100%;
}
.p-ullist > ul > li {
display: inline-flex;
position: relative;
align-items: var(--ullist_list-vertical);
text-align: left;
}
.p-ullist > ul > li a {
text-decoration: none;
}
.p-ullist > ul > li .p-ullist-child {
margin-left: 0;
width: calc(100% - 2em);
}
.p-ullist > ul > li .p-text {
display: flex;
align-items: center;
margin: 0;
width: 100%;
line-height: var(--flineheight);
}
.p-ullist > ul > li .p-headline {
padding-top: 0 !important;
}
.p-ullist > ul > li .p-headline > .p-headline-container {
justify-content: flex-start;
}
.p-ullist.grid-2 > ul {
flex-direction: row;
flex-wrap: wrap;
}
.p-ullist.grid-2 > ul > li {
width: calc((100% / 2) - (1em * 1));
}
.p-ullist.cx-ullist-message {
font-size: inherit;
}
.p-ullist.s-ullist-taglist {
--bgColor: var(--bg-annotationColor);
--txt-headColor: var(--bg-annotation-txt-headColor);
--txt-bodyColor: var(--bg-annotation-txt-bodyColor);
--borderColor: var(--bg-annotation-borderColor);
--headlineColor: var(--annotation-headlineColor);
--headline-txtColor: var(--annotation-headline-txtColor);
--accentColor: var(--bg-annotation-accentColor);
--accent-txtColor: var(--bg-annotation-accent-txtColor);
--emphasisColor: var(--bg-annotation-emphasisColor);
--emphasis-txtColor: var(--bg-annotation-emphasis-txtColor);
--infoColor: var(--bg-annotation-infoColor);
--info-txtColor: var(--bg-annotation-info-txtColor);
--lightColor: var(--bg-annotation-lightColor);
--darkColor: var(--bg-annotation-darkColor);
--monoColor: var(--bg-annotation-monoColor);
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: 1em;
gap: 0.5em;
}
.p-ullist.s-ullist-taglist > ul {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
gap: 1em;
padding: 1em;
}
.p-ullist.s-ullist-taglist > ul > li {
--bgColor: var(--label-defColor);
--txt-headColor: var(--label-def-txt-headColor);
--txt-bodyColor: var(--label-def-txt-bodyColor);
--borderColor: var(--label-def-borderColor);
--headlineColor: var(--label-def-headlineColor);
--headline-txtColor: var(--label-def-headline-txtColor);
--accentColor: var(--label-def-accentColor);
--accent-txtColor: var(--label-def-accent-txtColor);
--emphasisColor: var(--label-def-emphasisColor);
--emphasis-txtColor: var(--label-def-emphasis-txtColor);
--infoColor: var(--label-def-infoColor);
--info-txtColor: var(--label-def-info-txtColor);
--lightColor: var(--label-def-lightColor);
--darkColor: var(--label-def-darkColor);
--monoColor: var(--label-def-monoColor);
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: 0.2em 1em;
border-radius: 3em;
}
.p-ullist.s-ullist-taglist .p-ullist-header {
font-size: calc(var(--fsize-base) * 1.2);
font-weight: bold;
}
.p-ullist.s-ullist-taglist > ul > li::before {
color: var(--txt-bodyColor);
display: none;
}
.p-ullist.s-ullist-emphasis {
font-size: calc(var(--fsize-base) * 1.2);
line-height: calc(var(--flineheight-base) * 1.2);
}
.p-ullist.s-ullist-emphasis > ul > li .p-text {
line-height: inherit;
}
.p-ullist.s-ullist-primary {
background: var(--bg-col-body2Color);
}
.p-ullist.s-ullist-primary > * {
padding: 0 1em;
}
.p-ullist.s-ullist-primary > .p-ullist-header {
background: var(--emphasisColor);
color: var(--emphasis-txtColor);
width: 100%;
}
.p-ullist > ul > li {
--flineheight: 2;
}
.p-ullist > ul > li::before {
content: "●";
width: 1.5em;
height: calc(1em * 1.2 * var(--flineheight));
display: flex;
justify-content: flex-start;
align-items: center;
color: inherit;
font-size: 10px;
font-family: system-ui;
color: var(--headlineColor);
}
.p-ullist > ul > li .p-ullist-item {
flex: 1 1 calc(100% - 1.5em);
}
.p-ullist > ul > li.s-ullist-icon-checkbox {
align-items: center;
gap: 0.5em;
}
.p-ullist.s-ullist-icon-content > ul > li::before {
content: var(--s-ullist-icon-content);
}
.s-ullist{
--gap: var(--s-ullist__gap);
--grid-num: var(--s-ullist__grid-num);
--ullist_list-bg-color: var(--s-ullist__ullist_list-bg-color);
--ullist_list-gap: var(--s-ullist__ullist_list-gap);
--ullist_list-vertical: var(--s-ullist__ullist_list-vertical);
--ullist_padding: var(--s-ullist__ullist_padding);
}
/* ../../components_v5/link/btn-hover/link-btn-hover-scaledown01.css */
.link-btn-hover-scaledown01:hover {
transform: scale(0.95);
}
/* ../../components_v5/link/btn-hover/link-btn-hover-scaledown01.css */
.link-btn-hover-scaledown01:hover {
transform: scale(0.95);
}
/* ../../components_v5/link/btn-hover/link-btn-hover-scaledown01.css */
.link-btn-hover-scaledown01:hover {
transform: scale(0.95);
}
/* ../../components_v5/link/btn/link-btn-rightside-icon.css */
.link-btn.link-btn-rightside-icon {
position: relative;
}
.link-btn.link-btn-rightside-icon::before {
position: absolute;
right: 1em;
}
/* ../../components_v5/link/btn/link-btn-none.css */
/* ../../components_v5/link/btn/link-btn-arrow01.css */
.link-container-hover-imagescaleup:hover .p-image {
overflow: hidden;
}
.link-container-hover-imagescaleup:hover img {
transform: scale(1.05);
transition: all 0.5s;
}
.link-container-hover-scaledown01:hover {
transform: scale(0.95);
}
.link-container-hover-scaleup01:hover {
transform: scale(1.05);
}
.link-container.link-container-hover-shadow01:hover {
box-shadow: 0 3px 6px var(--lightColor);
}
/* ../../components_v5/link/container-hover/link-container-hover-imagescaleup.css */
.link-container.link-container-rightbottom-icon::before {
display: flex;
position: absolute;
align-items: center;
justify-content: center;
right: 0.5em;
bottom: 0.5em;
width: 2.2rem;
height: 2.5rem;
z-index: 10;
}
.link-container.link-container-def::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 3.5rem 3.5rem;
border-color: transparent transparent var(--primary-defColor) transparent;
}
.link-container.link-container-def:hover {
box-shadow: 0 3px 6px rgb(0 0 0 / 40%);
}
.link-container.link-container-def .p-container-images .p-image .p-figure {
overflow: hidden;
}
.link-container.link-container-def .p-container-images .p-image .p-figure img {
transition: all .3s;
}
.link-container.link-container-def:hover .p-container-images .p-image .p-figure img {
transform: scale(1.07);
}
.link-container.link-container-arrow01::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 3.5rem 3.5rem;
border-color: transparent transparent var(--accentColor) transparent;
z-index: 9;
}
.link-container.link-container-arrow01:hover {
box-shadow: 0 3px 6px var(--lightColor);
}
.link-container.link-container-arrow01 .p-container-images .p-image .p-figure {
overflow: hidden;
}
.link-container.link-container-arrow01 .p-container-images .p-image .p-figure img {
transition: all .3s;
}
.link-container.link-container-arrow01:hover .p-container-images .p-image .p-figure img {
transform: scale(1.07);
}
.link-container-shadow01 {
box-shadow: var(--frame-container-shadow) var(--lightColor);
border-radius: var(--frame-container-radius);
overflow: hidden;
}
.link-container-shadow01:hover {
box-shadow: var(--frame-container-hover-shadow) var(--lightColor);
}
/* ../../components_v5/link/container/link-container-none.css */
.link-text.link-external-image.externalLinkIcon::after {
content: "";
width: 1em;
height: 1em;
line-height: 1em;
background-image: var(--link-external-content);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
text-align: right;
text-decoration: none;
vertical-align: middle;
margin-left: 0.5em;
}
/* ../../components_v5/link/external/link-external-image.css */
.p-text.link-icon-customfont a::before {
line-height: 2;
display: inline-block;
vertical-align: text-top;
text-decoration: none;
}
.p-text.link-icon-customfont a::after {
text-decoration: none;
}
.link-container.link-icon-container-customfont {
position: relative;
}
.link-image.link-icon-image-customfont {
position: relative;
}
.p-image.p-image-caption .link-image.link-icon-image-customfont figcaption {
position: relative;
padding-left: 1em !important;
padding-right: 1.5em !important;
}
/* ../../components_v5/link/icon/link-icon-image.css */
.link-text.link-icon-image::before {
content: "";
width: 1.8rem;
height: 1.8rem;
line-height: 1em;
background-image: var(--link-icon-content);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
text-decoration: none;
vertical-align: sub;
text-align: left;
margin-right: 0.5em;
}
.link-gmenu-head1-text.link-icon-fontawsome::before {
content: var(--link-gmenu-head1-icon-content);
}
.link-gmenu-head2-text.link-icon-fontawsome::before {
content: var(--link-gmenu-head2-icon-content);
}
.link-gmenu-sub-text.link-icon-fontawsome::before {
content: var(--link-gmenu-sub-icon-content);
}
/* ../../components_v5/link/icon/link-icon-btn-customfont.css */
/* ../../components_v5/link/icon/link-icon-container-image.css */
/* ../../components_v5/link/icon/link-icon-none.css */
/* ../../components_v5/link/icon/link-icon-none.css */
.link-image-hover-imagescaleup figure {
overflow: hidden;
}
.link-image-hover-imagescaleup img {
transition: all 0.5s;
}
.link-image-hover-imagescaleup:hover img {
transform: scale(1.05);
}
.link-image-hover-scaledown01:hover {
transform: scale(0.95);
}
.link-image-hover-scaleup01:hover {
transform: scale(1.05);
}
.link-image.link-container-hover-shadow01:hover {
box-shadow: 0 3px 6px var(--lightColor);
}
/* ../../components_v5/link/image-hover/link-image-hover-none.css */
.link-text.link-text-hover-underline01 > span {
position: relative;
}
.link-text.link-text-hover-underline01 > span::after {
content: "";
position: absolute;
display: block;
width: 0;
height: 1px;
left: 0;
background: var(--txt-linkColor);
transition: all .3s;
}
.link-text.link-text-hover-underline01:hover span::after {
width: 100%;
}
/* ../../components_v5/link/text-hover/link-text-hover-underline01.css */
/* ../../components_v5/link/text-hover/link-text-hover-underline01.css */
/* ../../components_v5/link/text-hover/link-text-hover-underline01.css */
.link-text,
.p-textarea a,
.p-textarea a > * {
text-decoration: none;
color: var(--txt-linkColor);
}
.link-text:hover,
.p-textarea a:hover,
.p-textarea a:hover > * {
color: var(--txt-linkhoverColor);
}
.link-text.link-text-icon-right,
.p-textarea.link-text-icon-right a {
display: inline-flex;
align-items: center;
gap: 0.8em;
}
.link-text.link-text-icon-right::before,
.p-textarea.link-text-icon-right a::before {
width: auto;
line-height: 2;
order: 2;
color: var(--headlineColor);
}
.link-text.link-text-def::before,
.p-textarea.link-text-def a::before {
transition: all .3s;
}
.link-text.link-text-def.externalLinkIcon::after,
.p-textarea.link-text-def a.externalLinkIcon::after {
transition: all .3s;
}
.link-text.link-text-def:hover::before,
.p-textarea.link-text-def a:hover::before {
transform: translateX(0.3em);
}
.link-text.link-text-color01,
.p-textarea.link-text-color01 a {
color: var(--emphasisColor);
text-decoration: underline;
transition: all .3s cubic-bezier(.55, .085, .68, .53);
}
.link-text.link-text-color01:hover,
.p-textarea.link-text-color01 a:hover {
text-decoration-color: transparent;
}
.link-text.link-text-arrow01.externalLinkIcon::after,
.p-textarea.link-text-arrow01 a.externalLinkIcon::after {
transition: all .3s cubic-bezier(.55, .085, .68, .53);
}
.link-text.link-text-arrow01:hover::before,
.p-textarea.link-text-arrow01 a:hover::before {
transform: translateX(0.3em);
}
.link-text.link-text-arrow01::before,
.p-textarea.link-text-arrow01 a::before {
transition: all .3s;
}
.link-text.link-text-arrow01.externalLinkIcon::after,
.p-textarea.link-text-arrow01 a.externalLinkIcon::after {
transition: all .3s;
}
.link-text.link-text-arrow01:hover::before,
.p-textarea.link-text-arrow01 a:hover::before {
transform: translateX(0.3em);
}
/* ../../components_v5/link/text/link-text-arrow01.css */
/* ../../components_v5/link/text/link-text-none.css */
/* ../../components_v5/link/text/link-text-none.css */
/* ../../components_v5/frame/btn/frame-btn-valid.css */
.frame-btn-valid {
border-radius: var(--frame-btn-radius);
box-shadow: var(--frame-btn-shadow);
}
.frame-container-def {
}
.frame-container-border {
border: 1px solid var(--lightColor);
}
.frame-container-border-dark {
border: 2px solid var(--txt-bodyColor);
}
.frame-container-border-dark-thick {
border: 5px solid var(--txt-bodyColor);
}
.frame-container-shadow01 {
box-shadow: var(--frame-container-shadow) var(--lightColor);
border-radius: var(--frame-container-radius);
overflow: hidden;
}
.frame-container-valid {
border-radius: var(--frame-container-radius);
box-shadow: var(--frame-container-shadow);
overflow: hidden;
}
/* ../../components_v5/frame/container/none.css */
/* ../../components_v5/frame/image/frame-image-def.css */
.frame-image {
}
.frame-label-def {
}
.frame-label-border {
border: 1px solid var(--lightColor);
}
.frame-label-border-dark {
border: 2px solid var(--txt-bodyColor);
}
.frame-label-border-dark-thick {
border: 5px solid var(--txt-bodyColor);
}
.frame-label-shadow01 {
box-shadow: var(--frame-label-shadow) var(--lightColor);
border-radius: var(--frame-label-radius);
overflow: hidden;
}
.frame-label-valid {
border-radius: var(--frame-label-radius);
box-shadow: var(--frame-label-shadow);
overflow: hidden;
}
/* ../../components_v5/frame/label/frame-label-def.css */
/* ../../components_v5/decoration/em/style.css */
/* a../../components_v5/decoration/em/decoration-em-underline01.css */
.decoration-em-underline01 em {
position: relative;
display: inline;
background: linear-gradient(transparent 80%, var(--headlineColor) 20%);
}
/* ../../components_v5/decoration/strong/style.css */
.decoration-strong-emphasisColor01 strong {
color: var(--emphasisColor);
}
/* a../../components_v5/decoration/strong/decoration-strong-scaleup01.css */
@media screen and (max-width: 1024px) {
footer > .l-footer-container {
display: none;
}
}
.p-copyright-container {
padding-top: var(--footer-copyright-padding);
padding-bottom: var(--footer-copyright-padding);
text-align: var(--footer-copyright-align);
}
footer > .l-footersp-container {
display: none;
}
@media screen and (max-width: 1024px) {
footer > .l-footersp-container {
display: flex;
}
}
/* footer__default */
.l-footer-container {
background: var(--bgColor);
color: var(--txt-bodyColor);
padding: 1.5em 0 1em;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
}
.l-footer-container .p-link {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
text-decoration: none;
}
.l-footer-container .p-links.p-link-container {
font-size: 0.9em;
gap: 0.1em 1.5em;
justify-content: center;
}
.l-footer-container .p-image .p-figure {
align-items: center;
}
.l-footer-container > .l-footer-items .p-image {
max-width: 20rem;
}
.l-footer-container > .l-footer-header {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: var(--s-content-width);
max-width: 100%;
margin: auto;
padding: var(--s-grid-gap) 0;
}
.l-footer-container > .l-footer-header > .l-footer-header-wrapper {
width: 100%;
}
.l-footer-container > .l-footer-items {
display: flex;
justify-content: center;
align-items: flex-start;
gap: var(--gap-container);
width: var(--s-content-width);
margin: auto;
padding: 1rem 0;
}
.l-footer-container .l-footer-left-wrapper,
.l-footer-container .l-footer-right-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--s-grid-gap);
width: 50%;
}
.l-footer-container .l-footer-left-wrapper .p-headline > .p-headline-container {
text-align: left;
}
.l-footer-container .l-footer-left-wrapper .p-textarea {
text-align: left;
}
.l-footer-container .l-footer-footer .p-links.p-link-container {
margin: 1em 0;
justify-content: center;
}
.l-footer-container .p-copyright-container {
padding: 0.5rem 0;
font-size: var(--footer-fsize-copyright);
font-family: var(--footer-ffamily-copyright);
font-weight: var(--footer-fweight-copyright);
line-height: var(--footer-flineheight-copyright);
letter-spacing: var(--footer-fletterspacing-copyright);
}
/* block__form*/
.block__form{
--block--margin-diff: var(--block__form__block--margin-diff);
--block--margin-sp-diff: var(--block__form__block--margin-sp-diff);
--block-bg-color: var(--block__form__block-bg-color);
--block-bg-image: var(--block__form__block-bg-image);
--block-bg-image-style: var(--block__form__block-bg-image-style);
--block-content-width-type: var(--block__form__block-content-width-type);
--block-sphide: var(--block__form__block-sphide);
--container-bg-color: var(--block__form__container-bg-color);
--form_fsize_input: var(--block__form__form_fsize_input);
--form_fsize_policy: var(--block__form__form_fsize_policy);
--form_fsize_tbody: var(--block__form__form_fsize_tbody);
--form_fsize_thead: var(--block__form__form_fsize_thead);
--gap-section-vertical-diff: var(--block__form__gap-section-vertical-diff);
--gap-section-vertical-sp-diff: var(--block__form__gap-section-vertical-sp-diff);
}
:root {
--form__fsize_thead: inherit;
--form__fsize_thead_sp: inherit;
--form__fflineheight_thead: inherit;
--form__fsize_tbody: inherit;
--form__fsize_tbody_sp: inherit;
--form__fflineheight_tbody: inherit;
--form__fsize_input: inherit;
--form__fsize_input_sp: inherit;
--form__flineheight_input: 1.2;
--form__fsize_policy: 0.9em;
--form__fsize_policy_sp: 0.9em;
--form__flineheight_policy: inherit;
--form__margin_tr: 2px;
--form__padding_thead: 1rem;
--form__padding_tbody: 1rem;
--comp__form__input-padding_pc: 3px;
--comp__form__input-padding_sp: 7px;
--comp__form__input-padding: var(--comp__form__input-padding_pc);
--comp__form__agree-flex-direction: column;
}
@media only screen and (max-width: 1024px) {
:root {
--form__fsize_thead: var(--form__fsize_thead_sp);
--form__fsize_tbody: var(--form__fsize_tbody_sp);
--form__fsize_input: var(--form__fsize_input_sp);
--form__fsize_policy: var(--form__fsize_policy_sp);
--comp__form__input-padding: var(--comp__form__input-padding_sp);
}
}
.p-container.row>* {
margin: 0;
}
.l-body-wrapper.contents-header + .l-body-wrapper.contents-items > .block__form {
padding: 0;
}
@media only screen and (max-width: 1024px) {
.l-body-wrapper.contents-header + .l-body-wrapper.contents-items > .block__form {
padding-left: var(--page-side--margin-sp);
padding-right: var(--page-side--margin-sp);
}
}
.alert-danger {
color: var(--alert-txt-bodyColor);
background-color: var(--alertColor);
list-style: none;
padding: 1em;
margin-top: 0;
}
.alert-all {
text-align: left;
list-style: disc;
padding-left: 2.5em;
}
.date_select select {
padding: 8px;
}
body .l-body-wrapper.contents-items {
padding: 0;
width: 100%;
}
body.form-iframe .l-body-wrapper.contents-items {
margin-top: 0;
}
/* required */
.s-required-type1 .required,
.s-required-type1 .p-required {
background-color: var(--alertColor);
color: var(--alert-txt-bodyColor);
font-size: .8em;
line-height: 1em;
padding: 0.2em 0.4em;
border-radius: 3px;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
}
.s-required-type1 .required::after,
.s-required-type1 .p-required::after {
content: "必須";
}
.s-required-type2 .required,
.s-required-type2 .p-required {
color: var(--alertColor);
font-size: 1em;
line-height: 0.8em;
padding: 0.2em 0.4em;
border-radius: 3px;
vertical-align: middle;
}
.s-required-type2 .required::after,
.s-required-type2 .p-required::after {
content: "*";
}
.block__form {
padding-left: var(--page-side--margin-sp);
padding-right: var(--page-side--margin-sp);
}
.block__form .l-content-container {
max-width: var(--s-content-width);
width: 100%;
margin: auto;
margin-bottom: 3rem;
background-color: unset;
}
.block__form .l-content-container+.p-btn-container {
margin-top: 5rem;
margin-bottom: 5rem;
text-align: center;
}
.block__form .l-content-container+form>.p-btn-container {
margin-top: 4rem;
}
.block__form .l-content-container+form>.p-btn-container>* {
margin: 1rem;
}
.block__form .p-table {
width: 100%;
overflow: hidden;
max-width: var(--s-content-width);
border: 0;
}
.block__form .p-table tr {
overflow: hidden;
}
.block__form .p-table tr + tr {
margin-top: var(--form__margin_tr);
}
.block__form .p-table tr td {
--bgColor: var(--bg-col-body1Color);
--txt-headColor: var(--bg-col-body1-txt-headColor);
--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
--borderColor: var(--bg-col-body1-borderColor);
--accentColor: var(--bg-col-body1-accentColor);
--accent-txtColor: var(--bg-col-body1-accent-txtColor);
--emphasisColor: var(--bg-col-body1-emphasisColor);
--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
--infoColor: var(--bg-col-body1-infoColor);
--info-txtColor: var(--bg-col-body1-info-txtColor);
--lightColor: var(--bg-col-body1-lightColor);
--darkColor: var(--bg-col-body1-darkColor);
--monoColor: var(--bg-col-body1-monoColor);
vertical-align: middle;
text-align: left;
padding: var(--form__padding_tbody);
font-size: var(--form__fsize_tbody);
line-height: var(--form__flineheight_tbody);
font-size: inherit;
text-align: left;
border: 0;
background: var(--bgColor);
color: var(--txt-bodyColor);
}
.block__form .p-table tr th {
--bgColor: var(--bg-col-head1Color);
--txt-headColor: var(--bg-col-head1-txt-headColor);
--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
--borderColor: var(--bg-col-head1-borderColor);
--accentColor: var(--bg-col-head1-accentColor);
--accent-txtColor: var(--bg-col-head1-accent-txtColor);
--emphasisColor: var(--bg-col-head1-emphasisColor);
--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
--infoColor: var(--bg-col-head1-infoColor);
--info-txtColor: var(--bg-col-head1-info-txtColor);
--lightColor: var(--bg-col-head1-lightColor);
--darkColor: var(--bg-col-head1-darkColor);
--monoColor: var(--bg-col-head1-monoColor);
vertical-align: middle;
padding: var(--form__padding_thead);
font-size: var(--form__fsize_tbody);
line-height: var(--form__flineheight_tbody);
width: 28%;
text-align: left;
box-sizing: border-box;
border: 0;
font-size: inherit;
background: var(--bgColor);
color: var(--txt-headColor);
}
.block__form .p-table tr th a {
color: inherit;
}
.block__form .p-table .after_text {
display: block;
white-space: pre-wrap;
}
.block__form .p-table tr.info_text {
margin-bottom: 2rem;
background-color: var(--des-sub-defColor);
color: var(--des-sub-def-txt-bodyColor);
}
.block__form .p-table tr.info_text td {
--bgColor: var(--bg-col-head1Color);
--txt-headColor: var(--bg-col-head1-txt-headColor);
--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
--borderColor: var(--bg-col-head1-borderColor);
--accentColor: var(--bg-col-head1-accentColor);
--accent-txtColor: var(--bg-col-head1-accent-txtColor);
--emphasisColor: var(--bg-col-head1-emphasisColor);
--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
--infoColor: var(--bg-col-head1-infoColor);
--info-txtColor: var(--bg-col-head1-info-txtColor);
--lightColor: var(--bg-col-head1-lightColor);
--darkColor: var(--bg-col-head1-darkColor);
--monoColor: var(--bg-col-head1-monoColor);
background: var(--bgColor);
}
.block__form .p-table tr.info_text td p,
.block__form .p-table tr.info_text td a {
color: var(--des-sub-def-txt-bodyColor);
}
.block__form .p-table tr:nth-last-child(1) th {
border: 0;
}
.block__form .p-table tr:nth-last-child(1) td{
border: 0;
}
.block__form input[type="text"],
.block__form input[type="email"] {
max-width: 100%;
}
.block__form input[type="text"],
.block__form input[type="email"],
.block__form input[type="date"],
.block__form input.p-inputtext {
width: 100%;
font-size: inherit;
font-family: inherit;
padding: var(--comp__form__input-padding);
color: var(--bg-input-txt-bodyColor);
border: 1px solid var(--bg-input-lightColor);
background: var(--bg-inputColor);
}
.block__form input[size]{
width: auto;
}
.block__form textarea {
padding: var(--comp__form__input-padding);
width: 100%;
}
.block__form select {
padding: var(--comp__form__input-padding);
}
.block__form input[type="text"].size-5 { width: 5em; }
.block__form input[type="text"].size-10 { width: 10em; }
.block__form input[type="text"].size-15 { width: 15em; }
.block__form input[type="text"].size-20 { width: 20em; }
.block__form input[type="text"].size-25 { width: 25em; }
.block__form input[type="text"].size-30 { width: 30em; }
.block__form input[type="text"].size-35 { width: 35em; }
.block__form input[type="text"].size-40 { width: 40em; }
.block__form input[type="text"].size-45 { width: 45em; }
.block__form input[type="email"].email { width: 50rem; }
.block__form input[type="text"].tel { width: 20rem; }
.block__form .telsplit input[type="text"].tel { width: 10rem; }
.block__form input[type="text"].department { width: 30rem; }
.block__form input[type="text"].position { width: 30rem; }
.block__form input[type="text"].zip { width: 7rem; }
.block__form input[type="text"].split_name { width: 25%; }
.block__form input[type="text"].date { width: 15rem; }
.block__form input[type="text"].company { width: 50rem; }
.block__form .address123 {
display: flex;
flex-direction: column;
gap: 5px;
}
.block__form .address123 .addr1::before {
content: "市区町村: ";
width: 11rem;
display: inline-block;
}
.block__form .address123 .addr2::before {
content: "町丁目・番地: ";
width: 11rem;
display: inline-block;
}
.block__form .address123 .addr3::before {
content: "ビル名等: ";
width: 11rem;
display: inline-block;
}
.block__form .address123 input[type="text"] { width: 50rem; }
@media only screen and (max-width: 1024px) {
/* .block__form input[type="text"] {
width: 100%;
}
.block__form input[type="text"].split_name {
width: 45%;
}
.block__form input[type="text"].zip { width: 10rem; } */
.block__form .address123 input[type="text"] { width: 100%; }
}
.block__form .form-text.privacyPolicy {
overflow: scroll;
height: 20rem;
white-space: pre-wrap;
padding: var(--gap-container-text);
margin-top: 1rem;
font-size: var(--form__fsize_policy);
line-height: 1.4;
color: var(--bg-input-txt-bodyColor);
border: 1px solid var(--border-inputColor);
background: var(--bg-inputColor);
}
.block__form .info_image .container {
display: flex;
justify-content: space-around;
}
.block__form .info_image .container figure {
display: block;
padding: 0 1rem;
box-sizing: border-box;
}
.block__form .info_image .container figure img {
max-width: 100%;
}
.block__form .info_image .container>p {
display: block;
padding: 0 1rem;
max-width: 50%;
box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
.block__form .p-table tr,
.block__form .p-table tr th,
.block__form .p-table tr td {
display: block;
width: 100%;
border: 0;
max-width: calc(100vw - var(--page-side--margin-sp) - var(--page-side--margin-sp));
}
}
.block__form .l-content-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
margin: auto;
}
.block__form .l-content-wrapper > .l-col-detail__item {
width: 100%;
}
.block__form .l-col-three__item {
display: block;
flex: 0 0 auto;
padding: 0 0.75rem 0.75rem;
width: 100%;
}
.block__form .l-col-three__item .l-col-container {
border-radius: calc(var(--s-radius, 0) * 0.3rem);
box-shadow: var(--s-shadow, none) rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
position: relative;
}
.block__form .l-col-three__item .l-col-container::before {
border-radius: var(--s-box-radius);
box-shadow: 0 0 30px rgb(49 49 49 / 30%);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
width: 100%;
}
.block__form .l-col-three__item figure {
background-color: #bfbfbf;
background-position: 50%;
background-size: contain;
border-bottom: 4px solid var(--des-main-defColor);
border-top-left-radius: var(--s-box-radius);
border-top-right-radius: var(--s-box-radius);
margin: 0;
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.block__form .l-col-three__item figure > img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
width: 100%;
}
.block__form .l-col-three__item figure.objfit-contain > img {
object-fit: contain;
}
@media (hover:hover) {
.block__form .l-col-three__item .l-col-container:hover::before {
opacity: 1;
}
.block__form .l-col-three__item .l-col-container:hover figure > img {
transform: scale(1.1);
}
}
@media (min-width: 40rem) {
.block__form .l-col-three__item {
width: 20rem;
}
}
.block__form.layout02 .s-table-container {
width: 100%;
}
.block__form.layout02 .s-table-container > * {
align-items: center;
}
.block__form.layout02 .p-table tr {
display: flex;
flex-direction: column;
}
.block__form.layout02 .p-table tr th {
width: 100%;
}
.block__form.layout02 .p-table tr td {
width: 100%;
}
.block__form.layout02 .s-table-container > * > .p-container-header {
align-self: center;
flex: 0 0 auto;
}
.block__form.layout02 .s-table-container > * > .p-container-items {
flex: 1 1 auto;
transition: all 0.3s;
}
.block__form.layout02 .s-table-container > * > .p-container-items > h3 {
font-size: 1rem;
}
.block__form.layout02 .s-table-container > a[href]:hover > .p-container-items {
color: var(--primary-defColor);
}
.block__form.layout02 .s-table-container > * > .p-container-footer {
align-self: center;
flex: 0 0 auto;
width: 6rem;
}
.block__form.layout02 .s-table-container .l-tag-wapper {
margin-top: 1rem;
}
.block__form.layout02 .s-table-container > * > i {
color: var(--des-main-defColor);
transition: all 0.3s;
}
.block__form.layout02 .s-table-container.s-main-bgcolor > * > i {
color: var(--des-main-def-txt-bodyColor);
}
.block__form.layout02 .s-table-container > a[href]:hover > i {
color: var(--primary-defColor);
transform: translateX(5px);
}
.block__form.layout02 .s-table-container > a > i {
display: none;
}
.block__form.layout02 .s-table-container > a[href] > i {
display: inherit;
}
.block__form.layout02 .s-table-container .l-category-wapper {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: -0.25rem;
overflow: hidden;
}
.block__form.layout02 .s-table-container .p-category a {
background-color: var(--des-main-defColor);
border-radius: var(--s-label-radius);
color: #fff;
display: inline-block;
font-size: calc(1rem * 9 / 12);
font-weight: 400;
line-height: calc(1em * 60 / 40);
margin: 0.25rem;
padding: 0.125rem 1rem;
text-decoration: none;
}
.block__form.layout02 .s-table-container .date {
color: #9096a2;
font-family: var(--font-pri-sans-serif);
font-size: calc(1rem * 9 / 11);
font-weight: 400;
line-height: calc(1em * 55 / 40);
margin: 0.25rem;
}
@media only screen and (max-width: 767px) {
.block__form.layout02 .s-table-container .l-category-wapper {
flex-direction: column-reverse;
}
}
/* block__newsList*/
.l-section-wrapper.block__newsList {
--block-bg-image: none;
--block-bg-color: var(--bgColor);
--h2-txt-color: var(--txt-headColor);
--h2-subtxt-color: var(--txt-headColor);
--headline-accent-color: var(--accentColor);
}
.l-section-wrapper.block__newsList.s-main-bgcolor .l-content-wrapper {
background: var(--baseColor);
padding: var(--gap-section-vertical);
}
.b-newsList-list .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
white-space: nowrap;
}
@media only screen and (max-width:520px) {
.b-newsList-list .p-container-list .p-container-list-wrapper > * {
flex-wrap: wrap;
}
.b-newsList-list .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
flex: 0 0 100%;
}
.b-newsList-list .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-images {
flex: 0 0 100%;
}
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > * {
display: block;
}
.b-newsList-ookawalist.l-section-wrapper.block__newsList.s-main-bgcolor .l-content-wrapper {
padding: 0;
background: transparent;
}
.b-newsList-ookawalist .p-container-list .p-container-list-items {
border-top: 0;
border-bottom: 0;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > * {
align-items: flex-start;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper {
padding: 18px 0;
background: url(https://www.okawaseira.co.jp/images/arrow_bk.png) no-repeat right 2% center;
background-size: 8px 12px;
position: relative;
border-top: 1px solid #eee;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > a.p-container-container::after {
background-color: #eee;
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
transition: background-color 0.25s linear 0s;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper:after {
content: '';
display: block;
clear: both;
height: 0;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
display: block;
float: left;
line-height: 1.8;
background: url(https://www.okawaseira.co.jp/images/line_news.png) no-repeat left center;
background-size: 15px 2px;
margin-left: 2%;
padding-left: 3%;
width: 14%;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-images {
display: none;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
float: left;
line-height: 1.8;
width: 80%;
margin-right: 4%;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items > .p-label-container {
display: none;
}
@media screen and (max-width: 740px) {
.b-newsList-ookawalist .s-container-fix {
width: 80%;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
float: none;
margin-left: 4%;
padding-left: 8%;
width: 96%;
}
.b-newsList-ookawalist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
float: none;
margin-left: 4%;
margin-right: 10%;
padding-left: 8%;
width: 86%;
}
}
.b-newsList-vertical .p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-header {
padding: var(--gap-container-items) var(--gap-container-items) 0;
}
.b-newsList-suginamilist.s-main-bgcolor > .l-section-bg {
}
.b-newsList-suginamilist .p-headline.s-headline-suginami.s-headline-h2 > .p-headline-container > * > .p-subtext {
}
.b-newsList-suginamilist .p-headline.s-headline-suginami.s-headline-h2 > .p-headline-container > .p-headline-items::after {
display: none;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > a.p-container-container {
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > * {
display: block;
}
.b-newsList-suginamilist.l-section-wrapper.block__newsList.s-main-bgcolor .l-content-wrapper {
padding: 0;
background: transparent;
}
.b-newsList-suginamilist .p-container-list .p-container-list-items {
border-top: 0;
border-bottom: 0;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > * {
align-items: flex-start;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper {
padding: 18px 0;
background: url(https://test01.files.cmssv.awsv.jp/_assets_/suginami/arrow_bk.png) no-repeat right 2% center;
background-size: 8px 12px;
position: relative;
border-top: 1px solid #eee;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > a.p-container-container::after {
background-color: #eee;
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
transition: background-color 0.25s linear 0s;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper:after {
content: '';
display: block;
clear: both;
height: 0;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
display: block;
float: left;
line-height: 1.8;
background: url(https://test01.files.cmssv.awsv.jp/_assets_/suginami/line_news.png) no-repeat left center;
background-size: 15px 2px;
margin-left: 2%;
padding-left: 3%;
width: 14%;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-images {
display: none;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
float: left;
line-height: 1.8;
width: 80%;
margin-right: 4%;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items > .p-label-container {
display: none;
}
@media screen and (max-width: 740px) {
.b-newsList-suginamilist .s-container-fix {
width: 80%;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
float: none;
margin-left: 4%;
padding-left: 8%;
width: 96%;
}
.b-newsList-suginamilist .p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
float: none;
margin-left: 4%;
margin-right: 10%;
padding-left: 8%;
width: 86%;
}
}
.p-container-list .p-container-list-wrapper > .p-container-container::before {
display: none;
}
#news{
--block-bg-image: url(https://wit-awscms-witweb.s3-ap-northeast-1.amazonaws.com/hjangeunite/20230412f786706e083c063ad16a404074f74ca7.png);
--block-bg-color: #000000;
}
/* block__container_horizontal*/
.block__container_horizontal.b-container-angeunite-about .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_about.svg) no-repeat;
background-size: contain;
width: 9.5rem;
height: 2.8rem;
}
.block__container_horizontal.b-container-angeunite-about .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
.block__container_horizontal.b-container-angeunite-about .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items
p.p-text {
text-align: left;
font-size: 0.8em;
}
#about{
--s-image__image-width: 40rem;
}
/* block__container_horizontal*/
.block__container_horizontal.b-container-angeunite-product .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_product.svg) no-repeat;
background-size: contain;
width: 15.8rem;
height: 3.5rem;
}
.block__container_horizontal.b-container-angeunite-product .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
#product{
--size: "size-3-9";
}
/* block__container_vertical*/
.block__container_vertical{
--block-container-header-align-flex: var(--block__container_vertical__block-container-header-align-flex);
}
.cx-headline-h2{
--h2-subtxt-color: var(--cx-headline-h2__h2-subtxt-color);
--h2-txt-color: var(--cx-headline-h2__h2-txt-color);
--htype: var(--cx-headline-h2__htype);
}
.s-buttons{
--horizontal-justify: var(--s-buttons__horizontal-justify);
--horizontal-justify-sp: var(--s-buttons__horizontal-justify-sp);
}
.block__container_vertical .l-section-container .l-content-wrapper {
display: flex;
flex-direction: column;
gap: var(--gap-container-vertical);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-header {
align-items: var(--block-container-header-align-flex);
}
.block__container_vertical.b-container-angeunite-card .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_card.svg) no-repeat;
background-size: contain;
width: 8.6rem;
height: 3.3rem;
}
.block__container_vertical.b-container-angeunite-card .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
#card{
--s-container-vertical-001__horizontal-justify: center;
}
/* block__imageList*/
.cx-headline-h2{
--h2-subtxt-color: var(--cx-headline-h2__h2-subtxt-color);
--h2-txt-color: var(--cx-headline-h2__h2-txt-color);
--htype: var(--cx-headline-h2__htype);
}
/* .block__imageList .p-images {
display: flex;
gap: var(--gap-container-items);
flex-wrap: wrap;
justify-content: center;
} */
.block__imageList .p-images .p-figure > img {
width: auto;
max-width: 100%;
margin: auto;
}
/* .block__imageList.s-main-bgcolor .l-content-wrapper {
background: var(--baseColor);
padding: var(--gap-section-vertical);
} */
.block__imageList.b-imageList-angeunite-rules .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_rules.svg) no-repeat;
background-size: contain;
width: 9.5rem;
height: 2.8rem;
}
.block__imageList.b-imageList-angeunite-rules .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
#rules{
--comp__images__grid-num: 3;
}
/* block__imageList*/
.cx-headline-h2{
--h2-subtxt-color: var(--cx-headline-h2__h2-subtxt-color);
--h2-txt-color: var(--cx-headline-h2__h2-txt-color);
--htype: var(--cx-headline-h2__htype);
}
.block__imageList.b-imageList-angeunite-event .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_event.svg) no-repeat;
background-size: contain;
width: 10.3rem;
height: 3.2rem;
}
.block__imageList.b-imageList-angeunite-event .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
#event{
--comp__images__grid-num: 3;
}
/* block__container_2col*/
.l-section-wrapper.block__container_2col .p-container .p-container-items {
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap-container-items);
}
.l-section-wrapper.block__container_2col .p-container .p-container-items > * {
flex: 0 0 calc(50% - var(--gap-container-items) / 2);
}
@media only screen and (max-width: 1024px) {
.l-section-wrapper.block__container_2col .p-container .p-container-items > * {
flex: 0 0 100%;
}
}
.block__container_2col.l-section-wrapper.b-container-angeunite-2col
.p-container .p-container-items > * .l-header-wrapper {
margin-bottom: 5rem;
}
.block__container_2col.l-section-wrapper.b-container-angeunite-2col
.l-content-wrapper .p-container-items
.p-embed
.p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_twitter.svg) no-repeat;
background-size: contain;
width: 14.9rem;
height: 3.4rem;
}
.block__container_2col.l-section-wrapper.b-container-angeunite-2col
.l-content-wrapper .p-container-items
.p-embed
.p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
.block__container_2col.l-section-wrapper.b-container-angeunite-2col
.l-content-wrapper .p-container-items
.p-group
.p-embed
.p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_contact.svg) no-repeat;
background-size: contain;
width: 14.9rem;
height: 3.4rem;
}
.block__container_2col.l-section-wrapper.b-container-angeunite-2col
.l-content-wrapper .p-container-items
.p-group .p-group-container > .p-group-items {
flex-direction: column;
gap: 3rem;
}
#contact{
--block-bg-image: url(https://wit-awscms-witweb.s3-ap-northeast-1.amazonaws.com/hjangeunite/20230412f786706e083c063ad16a404074f74ca7.png);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
:root {
font-size: 62.5%;
}
@media only screen and (max-width: 1024px) {
:root {
font-size: 42.5%;
--fsize-small: 0.9em;
}
}
.page-wrapper > main > .bg {
background-image: url(/_assets_/hjangeunite/bg.jpg);
background-position: top center;
z-index: 1;
opacity: 1;
}
@media only screen and (max-width: 1024px) {
.page-wrapper > main > .bg {
background-image: url(/_assets_/hjangeunite/bg_sp.jpg);
background-size: contain;
}
}
.text-nowrap {
white-space: nowrap;
}
.l-section-bg {
opacity: 0.4;
}
.p-container-vertical .p-container-vertical-wrapper>.p-container-container>.p-container-header:last-child {
padding-bottom: 3rem;
}
.p-ullist > ul > li {
align-items: center;
}
.p-ollist > ol {
gap: 0.5rem;
}
.p-ollist > ol > li {
flex-wrap: nowrap;
}
.p-ollist > ol > li:before {
margin-right: 0.5rem;
min-width: 1.2em;
}
@media print, screen and (max-width: 1024px) {
.block__dup_news_list.b-newsList-ticker .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
white-space: nowrap;
}
.block__dup_news_list.b-newsList-ticker .p-text.cx-datetime {
white-space: nowrap;
}
}
@media only screen and (max-width: 520px) {
.p-container-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
height: auto;
object-fit: contain;
}
.p-ullist > ul {
gap: 0.7rem;
}
}
.p-ullist.p-ullist-links > ul > li:not(.s-ullist-li-link)::before {
content: "";
width: 1em;
height: 0.9em;
margin-right: 1rem;
background: url(/_assets_/agtax/arrow_blue.svg) no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
}
.p-ullist.p-ullist-links a {
color: var(--accentColor);
font-weight: 600;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-text strong {
font-weight: 600;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-text strong em {
background-image: linear-gradient(90deg, rgba(19,139,204,0.33), rgba(49,172,149,0.33));
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 40%;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-image {
margin-top: 5rem;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-image .p-figure {
align-items: center;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist {
margin-top: 5rem;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul {
display: flex;
flex-direction: row;
background: var(--bg-mainColor);
gap: 1.5rem;
padding: 3rem;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li {
flex: auto;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li:not(.s-ullist-li-link)::before {
display: none;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li span {
display: inline-block;
width: 100%;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li a {
background-color: #fff;
color: var(--accentColor);
padding: 3rem 2rem;
font-weight: 600;
text-decoration: none;
display: inline-block;
width: 100%;
text-align: center;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li a strong {
line-height: 1.5;
}
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul > li a:hover {
opacity: .7;
}
@media only screen and (max-width: 1024px) {
.block__default.b-agtax-grouptop .l-content-wrapper > .p-ullist > ul {
flex-direction: column;
}
}
.block__container_list.b-agtax-history .p-container-list .p-container-list-items {
border-top: 1px solid #DCDCDC;
border-bottom: 0;
}
.block__container_list.b-agtax-history .p-container-list .p-container-list-wrapper + .p-container-list-wrapper {
border-top: 1px solid #DCDCDC;
}
.block__container_list.b-agtax-history .p-headline.s-headline-h4 .p-headline-items {
font-size: inherit;
min-width: 17rem;
color: var(--accentColor);
padding-left: 5rem;
}
.block__container_list.b-agtax-history .p-container-items .p-textarea {
font-weight: 400;
}
.block__container_list.b-agtax-history .p-container-list .p-container-list-wrapper {
padding-top: calc(var(--gap-container-items) * 1.8);
padding-bottom: calc(var(--gap-container-items) * 1.8);
}
@media print, screen and (max-width: 1024px) {
.block__container_list.b-agtax-history .p-headline.s-headline-h4 .p-headline-items {
min-width: 15rem;
padding-left: 1rem;
}
}
.block__container_list.b-agtax-group-profile .p-container-list .p-container-list-items {
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.block__container_list.b-agtax-group-profile .p-container-list .p-container-list-wrapper + .p-container-list-wrapper {
border-top: 1px solid #DCDCDC;
}
.block__container_list.b-agtax-group-profile .p-container-list .p-container-list-wrapper > * {
align-items: flex-start
}
.block__container_list.b-agtax-group-profile .p-headline.s-headline-h4 .p-headline-items {
min-width: 17rem;
color: var(--accentColor);
padding-left: 5rem;
}
.block__container_list.b-agtax-group-profile .p-container-items .p-textarea {
font-weight: 400;
}
.block__container_list.b-agtax-group-profile .p-container-list .p-container-list-wrapper {
padding-top: calc(var(--gap-container-items) * 1.8);
padding-bottom: calc(var(--gap-container-items) * 1.8);
}
@media print, screen and (max-width: 1024px) {
.block__container_list.b-agtax-group-profile .p-headline.s-headline-h4 .p-headline-items {
min-width: 15rem;
padding-left: 1rem;
}
}
.block__ullist.b-agtax-partner-index .l-section-bg {
background-color: var(--bg-secondColor);
}
.block__ullist.b-agtax-partner-index .l-section-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background: var(--bg-second-image-style);
background-image: var(--bg-second-image);
}
.block__ullist.b-agtax-partner-index ul.p-ullist-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding: 3rem;
background-color: #fff;
}
.block__ullist.b-agtax-partner-index ul.p-ullist-container > li {
flex: 0 0 33.3%;
width: 33.3%;
}
.block__container_list.b-agtax-partner-list .l-section-bg {
background-color: #fff;
}
.block__container_list.b-agtax-partner-list .l-section-bg::before {
display: none;
}
.block__container_list.b-agtax-partner-list .p-container-list .p-container-list-items {
border-top: 0;
border-bottom: 0;
}
.block__container_list.b-agtax-partner-list .p-container-list .p-container-list-wrapper > * {
flex-direction: column;
}
.block__container_list.b-agtax-partner-list
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
flex: 0 0 100%;
width: 100%;
}
.block__container_list.b-agtax-partner-list .p-headline.s-headline-h4 .p-headline-items {
color: var(--accentColor);
font-size: calc(var(--fsize-headline) * 0.8);
font-weight: 600;
letter-spacing: 0.2em;
position: relative;
display: block;
}
.block__container_list.b-agtax-partner-list .p-headline.s-headline-h4>.p-headline-container>.p-headline-items::after {
width: 100%;
height: 2px;
background: var(--mainColor);
content: "";
display: inline-block;
margin-top: 0.3em;
order: 3;
}
.block__container_list.b-agtax-partner-list .p-container-list-wrapper > .p-container-container > .p-container-items {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 2rem;
}
.block__container_list.b-agtax-partner-list .p-container-list-wrapper > .p-container-container > .p-container-items
> .p-image {
width: 210px;
}
.block__default.b-agtax-partner-business .p-embed-container > .p-container-list-items {
padding: 3rem;
background-color: #F9F9F9;
display: flex;
gap: 3rem;
justify-content: space-between;
}
@media print, screen and (max-width: 1024px) {
.block__default.b-agtax-partner-business .p-embed-container > .p-container-list-items {
flex-direction: column;
}
}
.block__default.b-agtax-greeting .l-section-bg {
background: url(/_assets_/agtax/group_greeting_right.jpg) no-repeat;
background-size: 50%;
background-position: right center;
}
.block__default.b-agtax-greeting .l-content-wrapper > * + * {
margin-top: calc(var(--gap-container-vertical) * 1.4);
}
.block__default.b-agtax-greeting .l-content-wrapper > .p-textarea {
font-weight: 600;
}
.block__default.b-agtax-greeting .l-content-wrapper > .p-image {
max-width: 620px;
}
.block__default.b-agtax-greeting .l-content-wrapper > p.p-text {
font-weight: 600;
font-size: calc(var(--fsize-headline) * 0.6);
}
@media only screen and (max-width: 1024px) {
.block__default.b-agtax-greeting {
padding-bottom: 24vw;
}
.block__default.b-agtax-greeting .l-section-bg {
background-size: 70%;
background-position: bottom 4rem right;
}
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > .p-ullist-container > li {
flex-wrap: wrap;
font-weight: 600;
margin-top: 2rem;
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > .p-ullist-container > li:not(.s-ullist-li-link)::before {
font-size: 1.1em;
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > .p-ullist-container > li > .p-text {
width: calc(100% - 2em);
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > .p-ullist-container > li > .p-text strong {
font-size: calc(var(--fsize-headline) * 0.5);
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > .p-ullist-container > li
> .p-ullist {
width: 100%;
margin-top: 1rem;
padding-left: 3rem;
}
.block__default.b-agtax-partner-business
.p-ullist.p-ullist-business > ul > li >
.p-ullist > ul > li:not(.s-ullist-li-link)::before {
content: "・";
color: var(--txt-bodyColor);
}
.block__default.b-agtax-partner-business .p-embed-container > .p-container-list-items > .p-container-list-wrapper:nth-of-type(1) {
flex: 0 0 70%;
}
.block__default.b-agtax-partner-business .p-embed-container > .p-container-list-items > .p-container-list-wrapper:nth-of-type(2)
.p-container-header {
background-color: var(--emphasisColor);
color: var(--emphasis-txtColor);
padding: 1rem 3rem;
}
.block__default.b-agtax-partner-business .p-embed-container > .p-container-list-items > .p-container-list-wrapper:nth-of-type(2)
.p-container-items {
background-color: var(--bgColor);
padding: 1rem 3rem;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list > .p-container-list-items > .p-container-list-wrapper > .p-container-container {
align-items: flex-start;
}
.block__container_list.b-agtax-partner-containerlist .p-container-header h4.p-headline-items {
flex-direction: column;
font-size: var(--fsize-headline);
align-items: flex-start;
position: relative;
padding-bottom: 1rem;
gap: 0;
}
.block__container_list.b-agtax-partner-containerlist .p-container-header h4.p-headline-items >.p-subtext {
font-size: var(--fsize-headline);
color: var(--accentColor);
line-height: 1.33333;
}
.block__container_list.b-agtax-partner-containerlist .p-container-header h4.p-headline-items >.p-inlinetext {
order: 2;
font-weight: 400;
font-size: var(--fsize-base);
}
.block__container_list.b-agtax-partner-containerlist .p-container-header h4.p-headline-items::after {
content: "";
display: inline-block;
height: 2px;
width: 0.7em;
background: var(--accentColor);
margin-top: 0.3em;
order: 3;
}
.block__container_list.b-agtax-partner-containerlist .l-content-wrapper > .p-container-list > .p-container-list-items > .p-container-list-wrapper {
border-top: 0;
}
.block__container_list.b-agtax-partner-containerlist .l-content-wrapper > .p-container-list > .p-container-list-items > .p-container-list-wrapper > .p-container-container > .p-container-items {
margin-top: var(--gap-section-vertical);
}
.block__container_list.b-agtax-partner-containerlist .p-container-items {
background-color: #fff;
padding: 3rem;
}
.block__container_list.b-agtax-partner-containerlist .l-content-wrapper > .p-container-list > .p-container-list-items {
border-top: 0;
border-bottom: 0;
gap: var(--block--margin);
}
.block__container_list.b-agtax-partner-containerlist .l-content-wrapper > .p-container-list > .p-container-list-items > .p-container-list-wrapper > .p-container-container {
flex-direction: column;
}
.block__container_list.b-agtax-partner-containerlist
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
display: block;
width: 100%;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career {
border-top: 0;
border-bottom: 0;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career .p-container-header {
flex: 0 0 auto;
padding-right: 8.5rem;
position: relative;
min-width: 16rem;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career .p-container-header::after {
content: "";
display: inline-block;
height: 2px;
width: 1.5em;
background: var(--accentColor);
margin-top: 0.7em;
position: absolute;
right: 0;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career .p-container-header .p-text.cx-datetime {
white-space: nowrap;
font-weight: 600;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career .p-container-items em {
display: block;
font-weight: 600;
}
@media only screen and (max-width: 1024px) {
.block__container_list.b-agtax-partner-containerlist .p-container-list .p-container-list-wrapper > * {
flex-direction: column;
align-items: flex-start;
}
.block__container_list.b-agtax-partner-containerlist .p-container-list-items-career .p-container-items {
padding: 0;
}
}
.block__container_list.b-agtax-partner-containerlist
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items > .p-ullist:nth-of-type(2) {
display: block;
width: 100%;
}
.block__conversion.b-agtax-partner-conversion .l-content-wrapper .p-btn-container {
justify-content: center;
}
.block__conversion.b-agtax-partner-conversion .l-content-wrapper .p-btn-container > .p-btn {
background: transparent;
border-radius: 6rem;
padding: 2em 4em;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2em;
}
.block__conversion.b-agtax-partner-conversion .l-content-wrapper .p-btn-container > .p-btn::after {
position: absolute;
content: "";
display: inline-block;
width: 2rem;
height: 0.7rem;
background: url(/_assets_/agtax/arrow_white.svg) no-repeat;
background-size: contain;
background-position: center;
right: 3rem;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(-90deg);
}
.block__conversion.b-agtax-partner-conversion .l-content-wrapper .p-btn-container > .p-btn > span {
position: relative;
padding-left: 5rem;
}
.block__conversion.b-agtax-partner-conversion .l-content-wrapper .p-btn-container > .p-btn > span::before {
position: absolute;
content: "";
display: inline-block;
width: 3rem;
height: 2rem;
background: url(/_assets_/agtax/partner_contact.svg) no-repeat;
background-size: contain;
background-position: center;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.block__text.b-agtax-seminar-overview h2.p-headline-items {
width: 100%;
padding: 1rem 2rem;
background: url(https://wit-awscms-witweb.s3-ap-northeast-1.amazonaws.com/agtax/20221226b490aa3a6984d3950dc81cc7d913d9ad.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.block__text.b-agtax-seminar-overview
.l-header-wrapper .p-headline.s-headline-only-title h2.p-headline-items>.p-inlinetext {
color: var(--txt-head-light);
font-size: calc(var(--fsize-headline) * 0.8);
font-weight: 600;
}
.block__text.b-agtax-seminar-overview .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::after {
display: none;
}
.block__text.b-agtax-seminar-overview .l-content-wrapper > .p-text {
font-weight: 600;
}
.block__dup_news_list.b-agtax-seminar-list .p-image {
display: none;
}
.block__dup_news_list.b-agtax-seminar-list .p-headline.s-headline-h2>.p-headline-container>.p-headline-items {
padding-bottom: 1rem;
margin-bottom: 3rem;
width: 100%;
}
.block__dup_news_list.b-agtax-seminar-list .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::after {
width: 100%;
height: 2px;
background: var(--mainColor);
}
.block__dup_news_list.b-agtax-seminar-list
.l-header-wrapper .p-headline.s-headline-only-title h2.p-headline-items>.p-inlinetext {
font-size: calc(var(--fsize-headline) * 0.8);
font-weight: 600;
letter-spacing: 0.2em;
}
.b-agtax-seminar-list .p-container::before {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent var(--bgColor);
}
.b-agtax-seminar-btn .p-btn {
background: var(--accentColor);
border-radius: 6rem;
padding: 2em 2em;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.1em;
}
.b-agtax-seminar-btn .p-btn::after {
position: absolute;
content: "";
display: inline-block;
width: 2rem;
height: 0.7rem;
background: url(/_assets_/agtax/arrow_white.svg) no-repeat;
background-size: contain;
background-position: center;
right: 3rem;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(-90deg);
}
.b-agtax-seminar-contact .p-btn {
background: transparent;
border-radius: 6rem;
padding: 2em 2em;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.1em;
}
.b-agtax-seminar-contact .p-btn::before {
position: absolute;
content: "";
display: inline-block;
width: 2rem;
height: 0.7rem;
background: url(/_assets_/agtax/partner_contact.svg) no-repeat;
background-size: contain;
background-position: center;
left: 3rem;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(-90deg);
}
.b-agtax-seminar-contact .p-btn::after {
position: absolute;
content: "";
display: inline-block;
width: 2rem;
height: 0.7rem;
background: url(/_assets_/agtax/arrow_white.svg) no-repeat;
background-size: contain;
background-position: center;
right: 3rem;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(-90deg);
}
.b-agtax-seminar-contents {
background-color: var(--bgColor);
}
.b-agtax-seminar-contents .h3 {
position: relative;
}
.b-agtax-seminar-contents .h3::after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 2px;
background: linear-gradient(#138BCC, #31AC95);
bottom: 0;
left: 0;
}
.b-agtax-seminar-contents table {
margin-right: 3rem;
margin-left: 3rem;
}
.b-agtax-seminar-contents table th {
width: 30%;
}
.b-agtax-seminar-contents .p-image {
margin-right: 3rem;
margin-left: 3rem;
}
.b-agtax-column-list .h3 {
position: relative;
padding-bottom: 2rem;
}
.b-agtax-column-list .h3::after {
position: absolute;
display: block;
background-color: var(--accentColor);
width: 100%;
height: 1px;
bottom: 0;
left: 0;
}
.b-agtax-column-category .h3 .p-inlinetext {
color: var(--accentColor);
}
.b-agtax-column-category .p-category::before {
content: "";
width: 1em;
height: 0.8em;
margin-right: 1rem;
background: url(/_assets_/agtax/arrow_blue.svg) no-repeat;
background-size: contain;
background-position: center;
}
.b-agtax-column-sidebtn {
background: url(https://wit-awscms-witweb.s3-ap-northeast-1.amazonaws.com/agtax/20221226b490aa3a6984d3950dc81cc7d913d9ad.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.b-agtax-column-sidebtn p.p-text {
background: rgba(0, 0, 0, 0.3);
padding: 1rem;
}
.b-agtax-column-section .l-section-bg {
background-image: url(/_assets_/agtax/header_text_bg.svg);
background-position: right top;
background-color: #F0F0F2;
}
.b-agtax-column-page {
background-color: var(--bgColor);
padding: 2rem;
}
.b-agtax-column-page p.p-text {
font-weight: 600;
}
.b-agtax-column-h4 .h4 {
position: relative;
padding-bottom: 3rem;
}
.b-agtax-column-h4 .h4::after {
position: absolute;
display: block;
background-color: #D2D2D2;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
}
.block__dup_news_list .p-headline.s-headline-h2>.p-headline-container>.p-headline-items::before {
content: "";
display: inline-block;
background: url(/_assets_/hjangeunite/tit_news.svg) no-repeat;
background-size: contain;
width: 9.5rem;
height: 3.1rem;
}
.block__dup_news_list .p-headline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
display: none;
}
@media only screen and (max-width: 1024px) {
.p-embed iframe {
max-width: 100%;
width: 100%;
}
.twitter-tweet iframe {
max-width: 100%;
width: 100%;
}
.l-section-wrapper.block__container_2col .p-container .p-container-items {
justify-content: center;
}
}
html, body {
}
.page-wrapper {
}
a:hover {
opacity: 1;
}
/* .s-param-view {
position: absolute;
top: 0;
right: calc((100vw - var(--s-content-width)) / 2 * -1 + 20px);
width: 300px;
} */
.l-body-wrapper {
}
@media only screen and (max-width:1700px) {
.l-body-wrapper + .l-body-wrapper {
margin-top: 6vw;
}
}
/* breadcrumb */
@media only screen and (max-width: 1024px) {
.block__breadcrumb { display: none; }
}
/* .p-figure */
.p-figure > img {
width: auto;
max-width: 100%;
}
a > figure {
transition: all .3s;
}
a:hover > figure {
/* transform: scale(1.02); */
}
.l-section-wrapper {
/* margin-top: calc(-1 * var(--header-height)); */
/* padding-top: var(--header-height); */
background: none;
}
/* p-contatiner */
.l-section-container > .l-content-wrapper > .p-contatiner {
margin-bottom: 5rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-2 > .p-contatiner-items > * {
flex: 0 0 calc(50% - 2rem);
margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-3 > .p-contatiner-items > * {
flex: 0 0 calc(33.3% - 2rem);
margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-4 > .p-contatiner-items > * {
flex: 0 0 calc(25% - 2rem);
margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-5 > .p-contatiner-items > * {
flex: 0 0 calc(20% - 2rem);
margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-6 > .p-contatiner-items > * {
flex: 0 0 calc(16.6% - 2rem);
margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 { flex: 0 0 calc(100%); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
padding: 0 3rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text .p-buttons {
text-align: center;
margin-top: 1rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container {
padding: 0.1rem 0 0.1rem 1rem;
font-size: 1.3rem;
line-height: 1.6;
border-left: 4px solid var(--base-primaryColor);
margin-bottom: 1.5rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container .p-text-inner.color-default {
font-weight: 600;
}
@media only screen and (max-width: 1024px) {
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
flex-direction: column;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
margin-bottom: 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
flex: 0 0 100%;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11,
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 {
flex: 0 0 calc(100%);
}
/* .p-contatiner > .p-contatiner-header .p-headline-container {
font-size: 1.6rem;
} */
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
padding: 0;
margin-bottom: 2rem;
}
}
.subtext-bg-red .p-subtext {
overflow: hidden;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default {
background: var(--base-baseColor-light2);
color: var(--base-baseColor-opp);
padding: 0.6rem 1.0rem;
display: inline-block;
position: relative;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5.0rem 5.0rem 0 0;
border-color: var(--base-baseColor-light2) transparent transparent transparent;
position: absolute;
top: 0;
right: -5.0rem;
}
.p-group.grid > .p-group-container > .p-group-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.p-group.grid > .p-group-container > .p-group-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.p-group.grid > .p-group-container > .p-group-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.p-group.grid > .p-group-container > .p-group-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.p-group.grid > .p-group-container > .p-group-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.p-group.grid > .p-group-container > .p-group-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.p-group.grid > .p-group-container > .p-group-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.p-group.grid > .p-group-container > .p-group-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.p-group.grid > .p-group-container > .p-group-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.p-group.grid > .p-group-container > .p-group-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.p-group.grid > .p-group-container > .p-group-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.p-group.grid > .p-group-container > .p-group-items > *.col-12 { flex: 0 0 calc(100%); }
.p-group.grid > .p-group-container > .p-group-items > *.col-text {
padding: 0 3rem;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-child(1) { padding-left: 0; }
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-last-child(1) { padding-right: 0; }
.p-group.col-text .p-buttons {
text-align: center;
margin-top: 1rem;
}
.p-group.col-text .p-label {
padding: 0 3rem;
margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container {
font-size: 1.4rem;
color: var(--base-primaryColor);
margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container .p-subtext {
font-size: 80%;
}
.p-group.col-text .p-group-items > .p-textarea {
margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline-container em {
font-style: normal;
font-size: 250%;
color: var(--base-primaryColor);
font-weight: 700;
}
@media only screen and (max-width: 1024px) {
.p-group.grid > .p-group-container > .p-group-items {
flex-direction: column;
}
.p-group.grid > .p-group-container > .p-group-items > * {
margin-bottom: 2rem;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-1,
.p-group.grid > .p-group-container > .p-group-items > *.col-2,
.p-group.grid > .p-group-container > .p-group-items > *.col-3,
.p-group.grid > .p-group-container > .p-group-items > *.col-4,
.p-group.grid > .p-group-container > .p-group-items > *.col-5,
.p-group.grid > .p-group-container > .p-group-items > *.col-6,
.p-group.grid > .p-group-container > .p-group-items > *.col-7,
.p-group.grid > .p-group-container > .p-group-items > *.col-8,
.p-group.grid > .p-group-container > .p-group-items > *.col-9,
.p-group.grid > .p-group-container > .p-group-items > *.col-10,
.p-group.grid > .p-group-container > .p-group-items > *.col-11,
.p-group.grid > .p-group-container > .p-group-items > *.col-12 {
flex: 0 0 calc(100%);
}
.p-group.col-text .p-group-items > .p-textarea {
margin-bottom: 1rem;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-text {
padding: 0;
}
}
.block__blog_list .l-col-three__item {
background: var(--base-defColor);
text-decoration: none;
}
.block__blog_list .l-col-three__item:hover {
box-shadow: 0 0 0.5rem var(--base-primaryColor);
}
.block__blog_list .l-col-container {
position: relative;
height: 100%;
}
.block__blog_list .l-col-container figure {
height: 15.0rem;
display: flex;
overflow: hidden;
position: relative;
background-image: url(/_build_/template/pages/svltd/assets/blog_sample.png);
background-repeat: no-repeat;
background-size: cover;
}
.block__blog_list .l-col-container figure::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .5;
}
.block__blog_list .l-col-container figure img {
object-fit: cover;
height: 100%;
}
.block__blog_list .l-col-container .l-body-container {
padding-bottom: 3rem;
}
.block__blog_list .l-col-container .l-body-container .category {
padding: 1rem 1rem 0;
}
.block__blog_list .l-col-container .l-body-container .category .label {
background: var(--base-defColor-dark1);
color: var(--base-defColor);
font-size: .9rem;
padding: 0.5rem 1rem;
}
.block__blog_list .l-col-container .l-body-container .date {
position: absolute;
bottom: 1rem;
/* color: var(--base-defColor-light1); */
right: 1rem;
}
.block__blog_list .l-col-container .l-body-container .title {
position: absolute;
display: flex;
align-items: center;
top: 0;
width: 80%;
height: 15.0rem;
left: 10%;
color: #FFF;
font-size: 1.2rem;
font-weight: 400;
}
.block__blog_list .l-col-container .l-body-container .summary {
padding: 1rem 1rem 0;
}
@media only screen and (max-width: 1024px) {
.p-group.grid > .p-group-container > .p-group-items {
flex-direction: column;
}
}
/* service-3point */
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
margin: 5rem 3rem 7rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
text-align: center;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
display: inline-block;
position: relative;
border: 1px solid var(--base-defColor-opp);
text-align: center;
font-size: 1rem;
font-weight: 400;
padding: 3rem;
background: var(--base-defColor);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container::before {
content: "";
position: absolute;
display: block;
top: .5rem;
left: .5rem;
width: 100%;
height: 100%;
border-right: 1px solid var(--base-defColor-opp);
border-bottom: 1px solid var(--base-defColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container .p-textarea {
line-height: 1.5;
font-size: 1.2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container em {
font-style: normal;
font-size: 250%;
color: var(--base-primaryColor);
font-weight: 700;
}
@media only screen and (max-width: 1024px) {
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
margin: 2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
width: 100%;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
margin-bottom: 2rem;
}
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *{
justify-content: center;
align-items: center;
display: flex;
position: relative;
border: 1px solid var(--base-defColor-opp);
text-align: center;
font-size: 1rem;
font-weight: 400;
min-height: 4rem;
margin-bottom: 2rem;
padding: 1rem;
background: var(--base-defColor);
transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > * a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
z-index: 9;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *::before {
content: "";
position: absolute;
display: block;
top: .5rem;
left: .5rem;
width: 100%;
height: 100%;
border-right: 1px solid var(--base-defColor-opp);
border-bottom: 1px solid var(--base-defColor-opp);
transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive {
padding-left: 2rem;
padding-right: 2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover {
cursor: pointer;
background: var(--base-primaryColor);
color: var(--base-primaryColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive::after {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 0;
right: 1rem;
height: 100%;
display: flex;
align-items: center;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover::before {
top: 0;
left: 0;
}
/* case-list */
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *{
justify-content: center;
align-items: center;
display: flex;
position: relative;
border: 1px solid var(--base-defColor-opp);
font-size: 1rem;
font-weight: 400;
min-height: 4rem;
margin-bottom: 2rem;
padding: 2rem;
background: var(--base-defColor);
transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *::before {
content: "";
position: absolute;
display: block;
top: .5rem;
left: .5rem;
width: 100%;
height: 100%;
border-right: 1px solid var(--base-defColor-opp);
border-bottom: 1px solid var(--base-defColor-opp);
transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items .p-group-footer {
text-align: center;
}
/* profile */
.profile {
margin-bottom: 5rem;
padding: 4rem;
background-color: #FFF;
}
.profile .profile-container {
padding: 0 3rem;
}
.profile .profile-container .profile-name {
}
.profile .profile-container .profile-name .p-subtext {
font-size: 1rem;
}
.profile .profile-container .profile-name .p-text {
font-size: 1.2rem;
font-style: normal;
}
.profile .profile-container .profile-name .p-text em {
font-style: normal;
font-size: 150%;
}
@media only screen and (max-width: 1024px) {
.profile {
padding: 1rem;
}
.profile .p-image {
padding: 3rem;
}
.profile .profile-container {
padding: 0;
}
.p-group.grid > .p-group-container > .p-group-items {
display: flex;
}
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > * {
margin: 0 1rem 1rem 0;
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-image {
flex: 0 0 calc(29.3% - 1rem);
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-group {
margin-left: 1rem;
flex: 0 0 calc(39.3% - 2rem);
}
/* block__explanationInfo */
.block__explanationInfo .p-textarea {
text-align: var(--s-align, left);
font-size: var(--fsize-base-primary);
font-weight: var(--fweight-base-primary);
line-height: var(--flineheight-base-primary);
}
/* .p-container-horizontal */
.p-container-horizontal .p-headline > .p-headline-container {
justify-content: flex-start;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container .p-container-items > * + * {
margin-top: var(--gap-container-items);
}
/* p-container */
.p-container .p-container-items {
display: flex;
flex-direction: column;
gap: var(--gap-container);
}
.work-block {
width: 100%;
gap: calc(var(--gap-container) + 2em);
}
.work-block .p-container-container {
position: relative;
}
.work-block .p-container-vertical-items {
justify-content: var(--s-align-flex, flex-start);
}
.s-border-small .work-block .p-container-vertical-items > * .p-container-container {
position: relative;
border-bottom: 1px solid var(--primary-defColor);
}
.s-border-small .work-block .p-container-vertical-items > * .p-container-container::before {
content: "";
position: absolute;
display: block;
width: 75%;
height: 1px;
top: 0.4rem;
right: 0;
background: var(--primary-defColor);
}
.work-block .p-container-header {
text-align: center;
margin-bottom: calc(-3rem / 3);
z-index: 2;
}
.work-block .p-container-header > .p-badge.s-badge-003 {
position: absolute;
top: -1em;
left: calc(50% - 1em);
display: flex;
height: 3rem;
width: 3rem;
border-radius: calc(3rem / 2);
background: var(--btn-defColor);
color: var(--txt-head-lightColor);
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 1.3rem;
}
#app.btn-def-gradient .work-block .p-container-header > .p-badge.s-badge-003 {
background: linear-gradient(-90deg, var(--btn-def-gradient-st) 0%, var(--btn-def-gradient-en) 100%);
}
.work-block .p-container-header > .p-badge.s-badge-004 {
position: absolute;
top: -.5em;
left: 0;
display: flex;
width: 3rem;
background: var(--btn-defColor);
color: var(--txt-head-lightColor);
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 1.3rem;
}
.p-badge.s-badge-004 {
white-space: nowrap;
}
#app.btn-def-gradient .work-block .p-container-header > .p-badge.s-badge-004 {
background: linear-gradient(-90deg, var(--btn-def-gradient-st) 0%, var(--btn-def-gradient-en) 100%);
}
.work-block .p-container-items {
position: relative;
background: var(--baseColor);
padding: 2rem 1rem;
width: 100%;
align-items: center !important;
}
.work-block .p-container-items > .p-textarea {
text-align: center;
font-size: 1.6rem;
}
.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper > .p-container-container .p-container-items > .p-textarea {
letter-spacing: .1em;
line-height: 1.6;
}
.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper > .p-container-container > .p-container-images {
background: #FFF;
align-self: center;
}
@media only screen and (max-width: 1024px) {
.l-header-container .l-header-logo-container {
max-width: none;
width: 100%;
}
}
.block__searchInfo {
margin-top: 0;
padding-top: var(--block--margin);
padding-bottom: var(--block--margin);
}
.block__searchInfo .search-ullist {
list-style: none;
padding: 0;
margin: 0;
}
.block__searchInfo .search-ullist >li:nth-of-type(n+2) {
border-top: 1px solid #DEE2E5;
margin-top: calc(var(--block--margin) * 0.8);
padding-top: calc(var(--block--margin) * 0.8);
}
.block__searchInfo .h3.p-headline > .p-headline-container {
justify-content: left;
margin-bottom: calc(var(--block--margin) * 0.2);
}
.block__searchInfo .search-ullist .p-text-searchText {
margin-bottom: calc(var(--block--margin) * 0.1);
}
.block__searchInfo .search-ullist .p-text-searchUrl a {
opacity: 0.7;
text-decoration: none;
font-size: 0.95em;
}
.block__searchInfo .search-ullist .p-text-searchUrl a:hover {
opacity: 0.4;
text-decoration: underline;
}
.hero-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
}
.swiper-wrapper {
height: auto;
align-items: stretch;
}
.swiper-wrapper .l-hero-wrapper {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-button-next, .swiper-button-prev {
color: #FFF;
filter: drop-shadow(2px 4px 6px black);
}
.page-wrapper > main > .bg {
background: url(/_assets_/hjangeunite/bg.jpg);
background-position: top center;
background-size: cover;
z-index: 1;
opacity: 1;
}
.l-section-bg {
opacity: 0.4;
}@media only screen and (max-width: 1024px) {
.page-wrapper > main > .bg {
background: url(/_assets_/hjangeunite/bg_sp.jpg);
background-size: contain;
}
}