/** Shopify CDN: Minification failed Line 2165:0 Unexpected end of file **/ #ceoc2025 html { -webkit-text-size-adjust: 100%; box-sizing: border-box; -moz-tab-size: 4; tab-size: 4; word-break:normal } #ceoc2025 *, #ceoc2025 :after, #ceoc2025 :before { background-repeat: no-repeat; box-sizing:inherit } #ceoc2025 :after, #ceoc2025 :before { text-decoration: inherit; vertical-align:inherit } #ceoc2025 * { margin: 0; padding:0 } #ceoc2025 hr { color: inherit; height: 0; overflow:visible } #ceoc2025 details, #ceoc2025 main { display:block } #ceoc2025 summary { display:list-item } #ceoc2025 small { font-size:80% } #ceoc2025 [hidden] { display:none } #ceoc2025 abbr[title] { border-bottom: none; text-decoration: underline; text-decoration:underline dotted } #ceoc2025 a { background-color:transparent } #ceoc2025 a:active, #ceoc2025 a:hover { outline-width:0 } #ceoc2025 code, #ceoc2025 kbd, #ceoc2025 pre, #ceoc2025 samp { font-family:monospace, monospace } #ceoc2025 pre { font-size:1em } #ceoc2025 b, #ceoc2025 strong { font-weight:bolder } #ceoc2025 sub, #ceoc2025 sup { font-size: 75%; line-height: 0; position: relative; vertical-align:baseline } #ceoc2025 sub { bottom:-.25em } #ceoc2025 sup { top:-.5em } #ceoc2025 table { border-color: inherit; text-indent:0 } #ceoc2025 iframe { border-style:none } #ceoc2025 input { border-radius:0 } #ceoc2025 [type=number]::-webkit-inner-spin-button, #ceoc2025 [type=number]::-webkit-outer-spin-button { height:auto } #ceoc2025 [type=search] { -webkit-appearance: textfield; outline-offset:-2px } #ceoc2025 [type=search]::-webkit-search-decoration { -webkit-appearance:none } #ceoc2025 textarea { overflow: auto; resize:vertical } #ceoc2025 button, #ceoc2025 input, #ceoc2025 optgroup, #ceoc2025 select, #ceoc2025 textarea { font:inherit } #ceoc2025 optgroup { font-weight:700 } #ceoc2025 button { overflow:visible } #ceoc2025 button, #ceoc2025 select { text-transform:none } #ceoc2025 [role=button], #ceoc2025 [type=button], #ceoc2025 [type=reset], #ceoc2025 [type=submit], #ceoc2025 button { cursor:pointer } #ceoc2025 [type=button]::-moz-focus-inner, #ceoc2025 [type=reset]::-moz-focus-inner, #ceoc2025 [type=submit]::-moz-focus-inner, #ceoc2025 button::-moz-focus-inner { border-style: none; padding:0 } #ceoc2025 [type=button]::-moz-focus-inner, #ceoc2025 [type=reset]::-moz-focus-inner, #ceoc2025 [type=submit]::-moz-focus-inner, #ceoc2025 button:-moz-focusring { outline:1px dotted ButtonText } #ceoc2025 [type=reset], #ceoc2025 [type=submit], #ceoc2025 button, #ceoc2025 html [type=button] { -webkit-appearance:button } #ceoc2025 button, #ceoc2025 input, #ceoc2025 select, #ceoc2025 textarea { background-color: transparent; border-style:none } #ceoc2025 a:focus, #ceoc2025 button:focus, #ceoc2025 input:focus, #ceoc2025 select:focus, #ceoc2025 textarea:focus { outline-width:0 } #ceoc2025 select { -moz-appearance: none; -webkit-appearance:none } #ceoc2025 select::-ms-expand { display:none } #ceoc2025 select::-ms-value { color:currentColor } #ceoc2025 legend { border: 0; color: inherit; display: table; max-width: 100%; white-space:normal } #ceoc2025 ::-webkit-file-upload-button { -webkit-appearance: button; color: inherit; font:inherit } #ceoc2025 [disabled] { cursor:default } #ceoc2025 img { border-style:none } #ceoc2025 progress { vertical-align:baseline } #ceoc2025 [aria-busy=true] { cursor:progress } #ceoc2025 [aria-controls] { cursor:pointer } #ceoc2025 [aria-disabled=true] { cursor: default } /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @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} #ceoc2025 :root{--swiper-theme-color:#007aff} #ceoc2025 :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1} #ceoc2025 .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block} #ceoc2025 .swiper-vertical>.swiper-wrapper{flex-direction:column} #ceoc2025 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} #ceoc2025 .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} #ceoc2025 .swiper-horizontal{touch-action:pan-y} #ceoc2025 .swiper-vertical{touch-action:pan-x} #ceoc2025 .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden} #ceoc2025 .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} #ceoc2025 .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} #ceoc2025 .swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden} #ceoc2025 .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} #ceoc2025 .swiper-3d .swiper-wrapper{transform-style:preserve-3d} #ceoc2025 .swiper-3d{perspective:1200px} #ceoc2025 .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d} #ceoc2025 .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} #ceoc2025 .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} #ceoc2025 .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} #ceoc2025 .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory} #ceoc2025 .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory} #ceoc2025 .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none} #ceoc2025 .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none} #ceoc2025 .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} #ceoc2025 .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} #ceoc2025 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)} #ceoc2025 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} #ceoc2025 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)} #ceoc2025 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} #ceoc2025 .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} #ceoc2025 .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} #ceoc2025 .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} #ceoc2025 .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} #ceoc2025 .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} #ceoc2025 .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} #ceoc2025 .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} #ceoc2025 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} #ceoc2025 .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} #ceoc2025 .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} #ceoc2025 .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)} #ceoc2025 .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none} #ceoc2025 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)} #ceoc2025 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)} #ceoc2025 :root{--swiper-navigation-size:44px} #ceoc2025 .swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,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))} #ceoc2025 .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} #ceoc2025 .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none} #ceoc2025 .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important} #ceoc2025 .swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center} #ceoc2025 .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)} #ceoc2025 .swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto} #ceoc2025 .swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto} #ceoc2025 .swiper-button-lock{display:none} #ceoc2025 .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} #ceoc2025 .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'} #ceoc2025 .swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto} #ceoc2025 .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'} #ceoc2025 .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10} #ceoc2025 .swiper-pagination.swiper-pagination-hidden{opacity:0} #ceoc2025 .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important} #ceoc2025 .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%} #ceoc2025 .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} #ceoc2025 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} #ceoc2025 .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:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)} #ceoc2025 button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none} #ceoc2025 .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} #ceoc2025 .swiper-pagination-bullet:only-child{display:none!important} #ceoc2025 .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))} #ceoc2025 .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)} #ceoc2025 .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} #ceoc2025 .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} #ceoc2025 .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} #ceoc2025 .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)} #ceoc2025 .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} #ceoc2025 .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} #ceoc2025 .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right} #ceoc2025 .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)} #ceoc2025 .swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute} #ceoc2025 .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} #ceoc2025 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} #ceoc2025 .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:var(--swiper-pagination-progressbar-size,4px);left:0;top:0} #ceoc2025 .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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0} #ceoc2025 .swiper-pagination-lock{display:none} #ceoc2025 .swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))} #ceoc2025 .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important} #ceoc2025 .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} #ceoc2025 .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} #ceoc2025 .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0} #ceoc2025 .swiper-scrollbar-cursor-drag{cursor:move} #ceoc2025 .swiper-scrollbar-lock{display:none} #ceoc2025 .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} #ceoc2025 .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain} #ceoc2025 .swiper-slide-zoomed{cursor:move;touch-action:none} #ceoc2025 .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} #ceoc2025 .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} #ceoc2025 .swiper-grid>.swiper-wrapper{flex-wrap:wrap} #ceoc2025 .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} #ceoc2025 .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out} #ceoc2025 .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity} #ceoc2025 .swiper-fade .swiper-slide .swiper-slide{pointer-events:none} #ceoc2025 .swiper-fade .swiper-slide-active{pointer-events:auto} #ceoc2025 .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} #ceoc2025 .swiper.swiper-cube{overflow:visible} #ceoc2025 .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%} #ceoc2025 .swiper-cube .swiper-slide .swiper-slide{pointer-events:none} #ceoc2025 .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0} #ceoc2025 .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} #ceoc2025 .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} #ceoc2025 .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0} #ceoc2025 .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)} #ceoc2025 .swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible} #ceoc2025 .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} #ceoc2025 .swiper.swiper-flip{overflow:visible} #ceoc2025 .swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} #ceoc2025 .swiper-flip .swiper-slide .swiper-slide{pointer-events:none} #ceoc2025 .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} #ceoc2025 .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} #ceoc2025 .swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height} #ceoc2025 .swiper.swiper-cards{overflow:visible} #ceoc2025 .swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} #ceoc2025 { margin: 0 -15px; } #ceoc2025 button { display: inline-flex; align-items: center; justify-content: center; height: auto; width: auto; font-size: 1.8rem !important; line-height: 58px !important; letter-spacing: 0.03em; text-transform: none; box-shadow: none; opacity: 1; white-space: nowrap; border-radius: 0.5rem !important; text-decoration: none !important; transition: 0.2s; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } /* PC版とスマホ版切り替え */ #ceoc2025 .mobile-content { display: none; } #ceoc2025 .desktop-content { display: block; max-width: 1440px; /* 最大幅を1440pxに設定 */ width: 100%; /* 幅を親要素に合わせて100%に設定 */ margin: 0 auto; /* 中央揃え */ } @media (max-width: 768px) { #ceoc2025 .mobile-content { display: block; } #ceoc2025 .desktop-content { display: none; } } /* PC版とスマホ版切り替え */ #ceoc2025 * { margin: 0; padding: 0; box-sizing: border-box; font-weight: 400; } /* スタート */ #ceoc2025 { margin: 0; padding: 0; box-sizing: border-box; background-color: white; font-size: 100%; font-family: "Noto Sans JP", sans-serif; /* フォールバックフォントの追加 */ height: 100%; /* bodyの高さをウィンドウに合わせる */ } #ceoc2025 .container { max-width: 1440px; /* 最大幅を1440pxに設定 */ width: 100%; /* 幅を親要素に合わせて100%に設定 */ margin: 0 auto; /* 中央揃え */ padding: 0 0px; /* 左右のパディング */ display: flex; justify-content: center; } #ceoc2025 .container_2 { max-width: 1440px; /* 最大幅を1440pxに設定 */ width: 100%; /* 幅を親要素に合わせて100%に設定 */ margin: 0 auto; /* 中央揃え */ padding: 0 0px; /* 左右のパディング */ display: flex; justify-content: center; } #ceoc2025 p { text-align: justify; text-justify: inter-ideograph; font-family: "Noto Sans JP", sans-serif; } #ceoc2025 img { max-width: 100%; /* イメージの最大幅 */ height: auto; /* 自動的に高さを調整 */ display: block; margin-left: auto; /* 画像を中央に配置 */ margin-right: auto; } #ceoc2025 .normal-image { max-width: 100%; /* ロゴイメージの最大幅 */ } #ceoc2025 .historylogo-image { max-width: 50%; /* ロゴイメージの最大幅 */ } #ceoc2025 .line { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid rgb(1, 33, 105); /* 下部に黒い実線を追加 */ width: 100%; /* 幅を100%に設定 */ margin: 20px 0; /* 上下の余白 */ } #ceoc2025 .line_black { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid #000000; /* 下部に黒い実線を追加 */ vertical-align: top; width: 90%; /* 幅を100%に設定 */ margin: 20px auto; /* 上下の余白 */ } #ceoc2025 .head2 { vertical-align: top; margin-left: 10%; margin-right: 10%; font-size: 35px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 600; /* セミボールド */ color: rgb(1, 33, 105); padding-top: 40px; /* 上の空間 */ padding-bottom: 40px; /* 下の空間 */ } #ceoc2025 .head3 { vertical-align: top; margin-left: 10%; margin-right: 10%; font-size: 35px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 700; /* セミボールド */ color: rgb(1, 33, 105); padding-top: 50px; /* 上の空間 */ padding-bottom: 50px; /* 下の空間 */ line-height: 1.1; } #ceoc2025 .head4 { width: 100%; /* 幅を100%に設定 */ margin: 0 auto; /* 上下のマージンを0、左右のマージンを自動に設定 */ vertical-align: top; font-size: 19px; font-family: "Roboto", sans-serif; font-weight: 700; padding-bottom: 10px; letter-spacing: -0.02em; line-height: 1.6; } #ceoc2025 .catch { width: 100%; margin: 0 auto; /* 上下のマージンを0、左右のマージンを自動に設定 */ vertical-align: top; font-size: 19px; font-family: "Roboto", sans-serif; font-weight: 700; padding-bottom: 10px; } #ceoc2025 .center { text-align: center; } #ceoc2025 .element { vertical-align: top; margin-left: 20%; margin-right: 20%; text-align: justify; text-justify: inter-ideograph; font-size: 16px; /* より大きいフォントサイズ */ font-family: "Noto Sans JP", sans-serif; color: #000; } #ceoc2025 .element_red { vertical-align: top; margin-left: 20%; margin-right: 20%; text-align: justify; text-justify: inter-ideograph; font-size: 16px; /* より大きいフォントサイズ */ font-family: "Noto Sans JP", sans-serif; color: rgb(1, 33, 105); } #ceoc2025 .element_column { vertical-align: top; text-align: justify; text-justify: inter-ideograph; font-size: 16px; /* より大きいフォントサイズ */ font-family: "Noto Sans JP", sans-serif; color: #000; } #ceoc2025 .tag_lead_red { font-size: 21px; /* より大きいフォントサイズ */ font-family: "Noto Sans JP", sans-serif; font-weight: 700; text-align: justify; text-justify: inter-ideograph; color: rgb(1, 33, 105); padding-bottom: 90px; /* 下の空間 */ max-width: 80%; } #ceoc2025 .number { text-align: center; font-size: 76px; /* より大きいフォントサイズ */ font-family: "PPMigra-Italic", "Times New Roman", Times, serif; letter-spacing: 0px; } #ceoc2025 .head3_black { vertical-align: top; text-align: center; margin-left: 0%; margin-right: 0%; font-size: 19px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 700; /* ボールド */ padding-bottom: 10px; /* 下の空間 */ } #ceoc2025 .tag_lead_year { width: 80%; /* 適切な幅を設定 */ margin: 0 auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .tag_year { width: 90%; /* 適切な幅を設定 */ margin: 0 auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .tag_year .mid-image { margin-bottom: 20px; } #ceoc2025 .tag_year .element { width: 90%; /* 適切な幅を設定 */ margin: 0 auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .column_second { vertical-align: top; margin-left: 20%; margin-right: 20%; color: rgb(1, 33, 105); text-align: justify; text-justify: inter-ideograph; font-family: "Noto Sans JP", sans-serif; } #ceoc2025 .parent_container { display: flex; flex-direction: column; /* 垂直方向に要素を配置 */ align-items: center; /* すべての子要素を中央揃えに */ max-width: 100%; } #ceoc2025 .container_center { display: flex; flex-direction: row; /* 水平方向に要素を配置 */ justify-content: center; /* 子要素を水平方向に中央揃えに */ width: 100%; /* コンテナの幅を親の幅に合わせる */ align-items: center; /* 垂直方向の中央揃え */ margin-bottom: 20px; /* 各コンテナ間の余白 */ max-width: 1440px; /* コンテナの最大幅を1440pxに設定 */ } #ceoc2025 .image-block_left { flex: 1; /* 画像とテキストブロックが同じ幅を取るように設定 */ max-width: 50%; /* 画像ブロックの最大幅をコンテナの50%に制限 */ text-align: left; } #ceoc2025 .image-block_right { flex: 1; /* 画像とテキストブロックが同じ幅を取るように設定 */ max-width: 50%; /* 画像ブロックの最大幅をコンテナの50%に制限 */ text-align: right; } #ceoc2025 .image-block img { width: 100%; /* 画像を親要素の幅いっぱいに広げる */ height: auto; /* 画像の高さを自動調整してアスペクト比を保持 */ } #ceoc2025 .text-block_left { flex: 1; /* テキストブロックが画像ブロックと同じ幅を取るように設定 */ max-width: 40%; /* テキストブロックの最大幅をコンテナの40%に制限 */ padding: 0 40px; /* テキストの周囲にパディングを設定 */ text-align: right; } #ceoc2025 .text-block_right { flex: 1; /* テキストブロックが画像ブロックと同じ幅を取るように設定 */ max-width: 40%; /* テキストブロックの最大幅をコンテナの40%に制限 */ padding: 0 40px; /* テキストの周囲にパディングを設定 */ text-align: left; } #ceoc2025 .text-block h2 { margin-top: 0; /* 見出しの上のマージンを取り除く */ font-family: "Roboto", sans-serif; } #ceoc2025 .text-block p { margin-top: 10px; /* 段落の上のマージンを設定 */ font-family: "Noto Sans JP", sans-serif; } #ceoc2025 .Archives-block { display: flex; /* Flexboxレイアウトを使用 */ flex-direction: column; /* 子要素を垂直方向に並べる */ align-items: center; /* 子要素を水平方向の中央に配置 */ width: 100%; /* コンテナの幅を100%に設定 */ margin-top: 20px; margin-bottom: 20px; } #ceoc2025 .Archives-text { max-width: 60%; text-align: justify; text-justify: inter-ideograph; font-size: 16px; /* フォントサイズ */ font-family: "Noto Sans JP", sans-serif; margin-bottom: 10px; } /* タイトル */ /* アコーディオン */ #ceoc2025 .accordion { width: 100%; /* 全体の幅から左右マージンを引いた値 */ } #ceoc2025 .accordion-button { width: 100%; padding: 50px 10px 10px 20px; font-size: 47px; /* より大きいフォントサイズ */ text-align: center; position: relative; border: none; background: none; outline: none; cursor: pointer; color: rgb(1, 33, 105); /* ボタンのテキスト色を白に */ border-bottom: 1px solid rgb(1, 33, 105); /* 下線を白に */ transition: background-color 0.3s ease; border-radius: 0px !important; } #ceoc2025 .accordion-button.inverted { background-color: rgb(1, 33, 105); /* 背景色を赤に */ color: #fff; /* 文字色を白に */ } #ceoc2025 .accordion-button.inverted::after { color: #fff; /* +記号の色も白に */ } #ceoc2025 .accordion-button .index { font-size: 123px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 19.6%; /* 数字の位置 */ transform: translateY(-7%); } #ceoc2025 .accordion-button .index_1 { font-size: 123px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 19.6%; /* 数字の位置 */ transform: translateY(-7%); } #ceoc2025 .accordion-button .title { font-size: 47px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 600; /* セミボールド */ letter-spacing: -0.02em; } #ceoc2025 .accordion-button:hover { background-color: rgb(1, 33, 105); /* ホバー時の背景色 */ color: #ffff; /* ホバー時のテキスト色 */ } #ceoc2025 .accordion-button::before { content: attr(data-index); position: absolute; left: 20%; /* 数字の位置 */ font-size: calc(8rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-31%); } #ceoc2025 .accordion-button::before { content: attr(data-index_1); position: absolute; left: 21%; /* 数字の位置 */ font-size: calc(8rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-31%); } #ceoc2025 .accordion-button span { font-weight: 100; } #ceoc2025 .accordion-button::after { content: "+"; position: absolute; right: 20%; /* +の位置 */ top: 75%; /* 上端から%の位置に設定 */ transform: translateY(-50%); font-size: 47px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* より軽いウェイトに設定 */ color: inherit; /* ボタンと同じ色を継承 */ } #ceoc2025 .accordion-content { background-color: white; /* コンテンツ背景を白に */ color: black; /* コンテンツの文字色を黒に */ display: none; padding: 0% 10% 5% 10%; overflow: hidden; transition: max-height 0.2s ease-out; position: relative; } #ceoc2025 .accordion-content p { margin: 0; } /* アコーディオン */ #ceoc2025 .Champion_History { padding-top: 50px; padding-bottom: 100px; background: #fff; margin-left: auto; /* 左マージンを自動に設定 */ margin-right: auto; /* 右マージンを自動に設定 */ } #ceoc2025 .history-logo { margin-bottom: 50px; /* 既存の下の空間設定 */ } /* コラム */ #ceoc2025 .column-container { display: flex; justify-content: center; width: 100%; /* 親要素が全幅を取るように設定 */ background: #fff; padding: 30px; color: #000; box-sizing: border-box; } #ceoc2025 .column { padding: 0 15px; font-size: 16px; border-right: 1px solid #000; box-sizing: border-box; } #ceoc2025 .column:last-child { border-right: none; } #ceoc2025 .left-column, #ceoc2025 .right-column, #ceoc2025 .left-column-year, #ceoc2025 .right-column-year { flex: 0 0 33%; } #ceoc2025 .left-column { padding-right: 30px; text-align: right; align-items: center; } #ceoc2025 .right-column { padding-left: 30px; } #ceoc2025 .center-column { flex: 0 0 33%; display: flex; flex-direction: column; justify-content: center; } #ceoc2025 .right-column { text-align: left; align-items: center; } #ceoc2025 .left-column-year, #ceoc2025 .right-column-year { text-align: right; font-size: 100px; align-items: center; } #ceoc2025 .center-column .head4 { text-align: center; vertical-align: top; font-size: 19px; font-family: "Roboto", sans-serif; font-weight: 700; color: #000000; } #ceoc2025 .center-column p { text-align: justify; text-justify: inter-ideograph; font-family: "Noto Sans JP", sans-serif; } #ceoc2025 .left-column figure { max-width: 100%; float: right; margin: 0; /* マージンを0に設定 */ } #ceoc2025 .left-column img { display: block; max-width: 100%; height: auto; } #ceoc2025 .left-column figcaption { text-align: right; /* キャプションを右寄せ */ font-size: 13px; /* フォントサイズを統一 */ color: #000; } #ceoc2025 .right-column figure { max-width: 100%; float: left; } #ceoc2025 .right-column img { display: block; max-width: 100%; height: auto; margin: 0 auto; } #ceoc2025 .right-column figcaption { text-align: left; font-size: 13px; /* フォントサイズを統一 */ color: #000; } /*7追加*/ #ceoc2025 .line_white { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid #000; /* 下部に黒い実線を追加 */ vertical-align: top; margin-left: auto; margin-right: auto; } #ceoc2025 .year { text-align: center; margin-bottom: 50px; } #ceoc2025 .numberofyear { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; } #ceoc2025 .numberofyear span { position: absolute; left: 50%; transform: translateX(-50%); } #ceoc2025 .button-container { display: flex; justify-content: center; /* 水平方向の中央揃え */ width: 100%; /* コンテナの幅を全幅に設定 */ } #ceoc2025 .shop-button { background-color: white; color: rgb(1, 33, 105); border: 1px solid rgb(1, 33, 105); /* 初期のボーダーを白に設定 */ padding: 5px 10px; cursor: pointer; font-size: 16px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; padding-bottom: 10px; /* 下の空間 */ } #ceoc2025 .shop-button:hover { background-color: rgb(1, 33, 105); color: white; border: 1px solid white; /* アクティブ時のボーダーを赤に設定 */ } #ceoc2025 .link-button { background-color: white; color: rgb(1, 33, 105); border: 1px solid rgb(1, 33, 105); /* 初期のボーダーを白に設定 */ padding: 5px 10px; cursor: pointer; font-size: 19px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; text-align: center; margin-top: 10px; } #ceoc2025 .link-button:hover { background-color: rgb(1, 33, 105); color: white; border: 1px solid white; /* アクティブ時のボーダーを赤に設定 */ } #ceoc2025 .number_pc { font-size: 100px; letter-spacing: 3px; color: #000; vertical-align: middle; /* flexbox使用時にはこのプロパティは影響を与えない */ font-family: "Times New Roman", Times, serif; } #ceoc2025 .number_s_pc { font-size: 35px; /* フォントサイズ */ font-family: "Roboto", sans-serif; letter-spacing: 0px; vertical-align: middle; /* flexbox使用時にはこのプロパティは影響を与えない */ } #ceoc2025 .year .small-image { display: block; margin: 10px auto; max-width: 50%; } #ceoc2025 .normal-image { max-width: 100%; /* イメージの最大幅 */ height: auto; /* 高さを自動調整 */ display: block; margin-left: auto; margin-right: auto; } #ceoc2025 .mid-image { max-width: 100%; /* イメージの最大幅 */ height: auto; /* 高さを自動調整 */ } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*　---------------------------------------------------------------------------------------------*/ /* フェードイン・フェードアウト効果 */ /* ------------------------------------------------------------------------- */ @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } #ceoc2025 .fade { animation-name: fade; animation-duration: 3s; } /* ------------------------------------------------------------------------- */ /* フェードイン・フェードアウト効果 */ /* スマートフォン用の画像設定 */ @media (max-width: 768px) { #ceoc2025 button { line-height: 43px !important; } #ceoc2025 .lead { font-family: "Roboto", sans-serif; font-size: 17px; } #ceoc2025 .history-logo { max-width: 80%; /* ロゴイメージの最大幅 */ height: auto; /* 高さを自動調整 */ display: block; margin-left: auto; margin-right: auto; } #ceoc2025 .head2 { vertical-align: top; margin-left: 5%; margin-right: 5%; font-size: calc(1.8rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 600; /* セミボールド */ color: rgb(1, 33, 105); padding-top: 10px; /* 上の空間 */ padding-bottom: 0px; /* 下の空間 */ } #ceoc2025 .head3 { vertical-align: top; font-size: 17px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 600; /* ボールド */ color: rgb(1, 33, 105); padding-top: 10px; /* 上の空間 */ padding-bottom: 10px; /* 下の空間 */ } #ceoc2025 .head3_black { vertical-align: top; font-size: 17px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 600; /* ボールド */ padding-bottom: 10px; /* 下の空間 */ color: #000000; padding-top: 0px; /* 上の空間 */ } #ceoc2025 .head4 { vertical-align: top; font-size: 14px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 600; /* ボールド */ color: #000000; padding-bottom: 10px; /* 下の空間 */ } #ceoc2025 .catch { width: 100%; margin: 0 auto; /* 上下のマージンを0、左右のマージンを自動に設定 */ vertical-align: top; font-size: 14px; font-family: "Roboto", sans-serif; font-weight: 700; padding-bottom: 10px; } #ceoc2025 .Archives-block { display: flex; /* Flexboxレイアウトを使用 */ flex-direction: column; /* 子要素を垂直方向に並べる */ align-items: center; /* 子要素を水平方向の中央に配置 */ width: 100%; /* コンテナの幅を100%に設定 */ margin-bottom: 20px; } #ceoc2025 .Archives-text { max-width: 80%; text-align: justify; text-justify: inter-ideograph; font-size: 14px; /* フォントサイズ */ font-family: "Noto Sans JP", sans-serif; margin-bottom: 10px; } #ceoc2025 .element { vertical-align: top; text-align: justify; text-justify: inter-ideograph; font-size: 14px; /* フォントサイズ */ font-family: "Noto Sans JP", sans-serif; color: #000000; } #ceoc2025 .element_red { vertical-align: top; text-align: justify; text-justify: inter-ideograph; font-size: 14px; /* フォントサイズ */ font-family: "Noto Sans JP", sans-serif; color: rgb(1, 33, 105); } #ceoc2025 .number { text-align: center; font-size: 62px; /* より大きいフォントサイズ */ font-family: "PPMigra-Italic", "Times New Roman", Times, serif; letter-spacing: 0px; color: #000000; margin-top: 20px; margin-bottom: 20px; box-sizing: border-box; /* パディングとボーダーを幅に含める */ line-height: 1.5; } #ceoc2025 .number_s_sp { font-size: calc(1.8rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; letter-spacing: 0px; display: inline-block; /* spanにblockの特性を持たせる */ transform: translateY(-20%); /* Y軸に沿って上に移動 */ } #ceoc2025 .head3_black { vertical-align: top; text-align: center; margin-left: 0%; margin-right: 0%; font-size: 17px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; font-weight: 700; /* ボールド */ } #ceoc2025 .tag_lead_red { vertical-align: top; text-align: justify; text-justify: inter-ideograph; font-size: 14px; /* フォントサイズ */ font-family: "Noto Sans JP", sans-serif; font-weight: 700; color: rgb(1, 33, 105); padding-bottom: 10px; /* 下の空間 */ max-width: 100%; } #ceoc2025 figcaption { text-align: left; font-size: 13px; color: #000; margin-bottom: 10px; } /* アコーディオン */ #ceoc2025 .accordion { width: 100%; /* 全体の幅から左右マージンを引いた値 */ } #ceoc2025 .accordion-button { width: 100%; padding: 30px 0px 0px 0px; font-size: 24px; text-align: center; position: relative; border: none; background: none; outline: none; cursor: pointer; color: rgb(1, 33, 105); /* ボタンのテキスト色を白に */ border-bottom: 1px solid rgb(1, 33, 105); /* 下線を白に */ transition: background-color 0.3s ease; } #ceoc2025 .accordion-button .index { font-size: calc(3.9rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 3%; /* 数字の位置 */ transform: translateY(-35%) !important; } #ceoc2025 .accordion-button .index_1 { font-size: calc(3.9rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 4.3%; /* 数字の位置 */ transform: translateY(-35%) !important; } #ceoc2025 .accordion-button .title { font-size: 24px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 600; /* セミボールド */ } #ceoc2025 .accordion-button:hover { background-color: rgb(1, 33, 105); /* ホバー時の背景色 */ color: #fff; /* ホバー時のテキスト色 */ } #ceoc2025 .accordion-button::before { content: attr(data-index); position: absolute; left: 3%; /* 数字の位置 */ font-size: calc(3.9rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-35%) !important; } #ceoc2025 .accordion-button::before { content: attr(data-index_1); position: absolute; left: 4.3%; /* 数字の位置 */ font-size: calc(3.9rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-35%) !important; } #ceoc2025 .accordion-button span { font-weight: 100; } #ceoc2025 .accordion-button::after { content: "+"; position: absolute; right: 5%; /* +の位置 */ top: 70%; /* 上端から%の位置に設定 */ transform: translateY(-50%); font-size: 24px; /* サイズ調整 */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* より軽いウェイトに設定 */ } #ceoc2025 .accordion-content { background-color: white; /* コンテンツ背景を白に */ color: black; /* コンテンツの文字色を黒に */ display: none; padding: 0% 0% 5% 0%; overflow: hidden; transition: max-height 0.2s ease-out; } #ceoc2025 .accordion-content p { margin: 0; } /* アコーディオン */ /* スライドショー */ /* 矢印右 */ #ceoc2025 .dli-chevron-round-right { display: inline-block; vertical-align: middle; color: rgb(1, 33, 105); line-height: 1; position: relative; width: 1em; height: 1em; transform: translateX(-25%) rotate(45deg); } #ceoc2025 .dli-chevron-round-right::before, #ceoc2025 .dli-chevron-round-right::after { content: ""; position: absolute; background: currentColor; border-radius: 0.1em; } #ceoc2025 .dli-chevron-round-right::before { top: 0; left: 0; right: 0; height: 0.1em; } #ceoc2025 .dli-chevron-round-right::after { top: 0; right: 0; bottom: 0; width: 0.1em; } /* 矢印右 */ /* 矢印左 */ #ceoc2025 .dli-chevron-round-left { display: inline-block; vertical-align: middle; color: rgb(1, 33, 105); line-height: 1; position: relative; width: 1em; height: 1em; transform: translateX(25%) rotate(-135deg); } #ceoc2025 .dli-chevron-round-left::before, #ceoc2025 .dli-chevron-round-left::after { content: ""; position: absolute; background: currentColor; border-radius: 0.1em; } #ceoc2025 .dli-chevron-round-left::before { top: 0; left: 0; right: 0; height: 0.1em; } #ceoc2025 .dli-chevron-round-left::after { top: 0; right: 0; bottom: 0; width: 0.1em; } /* 矢印左 */ /* スライドショーの○ */ #ceoc2025 .mySlides { display: none; } #ceoc2025 img { vertical-align: middle; } /* スライドのインジケーション用スタイル */ #ceoc2025 .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: transparent; border: 2px solid rgb(1, 33, 105); border-radius: 50%; display: inline-block; } #ceoc2025 .active, #ceoc2025 .dot:hover { background-color: rgb(1, 33, 105); } /* スライドショーの○ */ #ceoc2025 .slideshow-container { max-width: 768px; position: relative; /* ナビゲーション要素の基準となる */ margin: auto; padding-bottom: 10px; } /* スライドのスタイル */ #ceoc2025 .slide { display: none; position: relative; /* 相対位置を指定 */ } /* フェードエフェクト */ #ceoc2025 .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } /* 前後ボタンのスタイル */ #ceoc2025 .prev, #ceoc2025 .next { cursor: pointer; position: absolute; width: auto; color: white; font-weight: bold; font-size: 12px; transition: 0.6s ease; user-select: none; z-index: 1000; /* 高い値を設定して前面に表示 */ } #ceoc2025 .next { right: 37%; /* 中心から右にずらす */ transform: translateX(50%); /* 位置を右に半分ずらす */ border-radius: 3px 0 0 3px; } #ceoc2025 .prev { left: 37%; /* 中心から左にずらす */ transform: translateX(-50%); /* 位置を左に半分ずらす */ border-radius: 0 3px 3px 0; } #ceoc2025 .prev:hover, #ceoc2025 .next:hover { background-color: transparent; /* ホバー時の背景色を透明に設定 */ } /* ドットインジケーターの位置調整が必要な場合 */ #ceoc2025 .dot-container { position: absolute; bottom: -40px; width: 100%; text-align: center; z-index: 999; /* インジケータが前面に表示されるように */ } #ceoc2025 .slide .head4 { width: 80%; /* 幅を80%に設定 */ margin: 10px auto 0; /* 左右のマージンを自動で設定し中央揃え */ } #ceoc2025 .slide p { width: 80%; /* 幅を80%に設定 */ margin: 0 auto 10px; /* 左右のマージンを自動で設定し中央揃え */ margin-bottom: 30px; } #ceoc2025 .Archives-section { width: 100%; /* 幅を親要素に合わせる */ text-align: center; padding-top: 30px; /* 上部に30pxのパディングを追加 */ } #ceoc2025 .section1 { width: 80%; /* 幅を親要素に合わせる */ text-align: center; margin: 30px auto; } #ceoc2025 .section1 .head4 { width: 80%; /* 幅を親要素に合わせる */ text-align: left; } /* スライドショー */ #ceoc2025 .shop-button { background-color: white; color: rgb(1, 33, 105); border: 1px solid rgb(1, 33, 105); /* 初期のボーダーを白に設定 */ padding: 5px 10px; cursor: pointer; font-size: 0.9; /* フォントサイズ */ font-family: "Roboto", sans-serif; padding-bottom: 10px; /* 下の空間 */ } #ceoc2025 .shop-button:hover { background-color: rgb(1, 33, 105); color: white; border: 1px solid white; /* アクティブ時のボーダーを赤に設定 */ } #ceoc2025 .number_sp { font-size: calc(3.9rem * 1.58); font-family: "PPMigra-Italic", "Times New Roman", Times, serif; letter-spacing: 0px; color: #000; } /*6追加*/ #ceoc2025 .tag_year { width: 80%; /* 適切な幅を設定 */ margin: 0 auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .tag_year .mid-image { margin-bottom: 10px; max-width: 50%; height: auto; box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .tag_year .element { width: 80%; /* 適切な幅を設定 */ margin: 0 auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } /*7追加*/ #ceoc2025 .line { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid rgb(1, 33, 105); /* 下部に黒い実線を追加 */ width: 100%; /* 幅を100%に設定 */ margin: 5px auto; /* 上下の余白 */ } #ceoc2025 .line_black { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid #000000; /* 下部に黒い実線を追加 */ width: 80%; /* 幅を80%に設定 */ margin-top: 15px; margin-bottom: 15px; } #ceoc2025 .line_white_sp { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid #000000; /* 下部に黒い実線を追加 */ width: 100%; /* 幅を100%に設定 */ margin-top: 15px; margin-bottom: 15px; } #ceoc2025 .history_line { height: 0; /* 要素の高さを0にする */ border-bottom: 1px solid #000000; /* 下部に黒い実線を追加 */ width: 100%; /* 幅を100%に設定 */ margin: 15px auto; /* 上下の余白 */ } #ceoc2025 .history_year { width: 80%; /* 適切な幅を設定 */ margin: 0px auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ } #ceoc2025 .history_year .mid-image { margin-bottom: 10px; max-width: 100%; height: auto; } #ceoc2025 .history_year .element { width: 80%; /* 適切な幅を設定 */ margin: 0px auto; /* 上下のマージンを0にし、左右のマージンを自動で設定 */ } #ceoc2025 .history .head3_black { text-align: center; } #ceoc2025 .element_sp { color: #000; font-size: 14px } #ceoc2025 .link-area { text-align: center; justify-content: center; /* 中央揃え */ margin-bottom: 0px; } #ceoc2025 .toggle-button { width: 20%; color: #fff; background-color: rgb(1, 33, 105); border: 1px solid rgb(1, 33, 105); /* 初期のボーダーを白に設定 */ cursor: pointer; font-size: 13px; font-family: "Roboto", sans-serif; padding: 5px 50px; } #ceoc2025 .toggle-button:hover { background-color: #fff; /* ホバー時の背景色 */ color: rgb(1, 33, 105); /* ホバー時のテキスト色 */ } #ceoc2025 .hidden { display: none; } #ceoc2025 .button-container { display: flex; justify-content: center; /* 水平方向の中央揃え */ width: 100%; /* コンテナの幅を全幅に設定 */ } #ceoc2025 .year .small-image { display: block; margin: 10px auto; max-width: 50%; } #ceoc2025 .normal-image { max-width: 100%; /* イメージの最大幅 */ height: auto; /* 高さを自動調整 */ display: block; margin-left: auto; margin-right: auto; } #ceoc2025 .button-active { background-color: rgb(1, 33, 105); /* グリーン */ color: white; } #ceoc2025 .link-button { background-color: white; color: rgb(1, 33, 105); border: 1px solid rgb(1, 33, 105); /* 初期のボーダーを白に設定 */ padding: 5px 10px; cursor: pointer; font-size: 13px; font-family: "Roboto", sans-serif; text-align: center; white-space: nowrap; /* テキストの折り返しを禁止 */ } #ceoc2025 .link-button:hover { background-color: rgb(1, 33, 105); color: white; border: 1px solid white; /* アクティブ時のボーダーを赤に設定 */ } } /* TOPへ戻るボタン */ #backToTop { position: fixed; /* ビューポートに対して固定位置 */ bottom: 0px; /* 下から0pxの位置 */ right: 0px; /* 右から0pxの位置 */ cursor: pointer; /* カーソルをポインターに */ width: 25px; /* 画像の幅 */ height: 65px; /* 画像の高さ */ } @media (max-width: 768px) and (orientation: landscape) { #ceoc2025 .head4 { width: 90%; /* 横向きでは幅を90%に拡大 */ margin: 0 auto; /* 上下のマージンを0、左右のマージンを自動に設定 */ } } /* ----------------------------------------------------------------- */ #ceoc2025 .center { text-align: center; } #ceoc2025 .left { text-align: left; } #ceoc2025 .right { text-align: right; } /* メインコンテナの設定 */ #ceoc2025 .container_main1, #ceoc2025 .container_main2, #ceoc2025 .container_main3, #ceoc2025 .container_main4, #ceoc2025 .container_main5 { display: grid; grid-gap: 20px; width: 100%; max-width: 1440px; margin: auto; justify-content: center; align-items: start; justify-items: center; } /* 基本のブロックスタイル */ #ceoc2025 .block { display: grid; align-items: center; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 80%; justify-content: center; justify-items: center; } #ceoc2025 .block:last-child { margin-bottom: 0; } /* 各ブロックの詳細設定 */ /* 1キング */ #ceoc2025 .block1 { grid-template-columns: 410px 40px 420px; grid-template-areas: "image gap text"; } #ceoc2025 .block1 img { grid-area: image; width: 100%; /* 親グリッドエリア内で縮小 */ height: auto; } #ceoc2025 .block1 .text { grid-area: text; } /* 2カレッジ */ #ceoc2025 .block2 { grid-template-columns: 435px 40px 720px; grid-template-areas: "text gap image"; } #ceoc2025 .block2 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block2 .text { grid-area: text; } #ceoc2025 .block3 { grid-template-columns: 700px 40px 450px; grid-template-areas: "image gap text"; } #ceoc2025 .block3 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block3 .text { grid-area: text; } #ceoc2025 .block4 { grid-template-columns: 800px 40px 370px; grid-template-areas: "image gap text"; } #ceoc2025 .block4 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block4 .text { grid-area: text; } #ceoc2025 .block5 { grid-template-columns: 400px 40px 770px; grid-template-areas: "text gap image"; } #ceoc2025 .block5 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block5 .text { grid-area: text; } #ceoc2025 .block6 { grid-template-columns: 300px 40px 450px; grid-template-areas: "image gap text"; } #ceoc2025 .block6 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block6 .text { grid-area: text; } /* 3ミリタリー */ #ceoc2025 .block7 { grid-template-columns: 365px 40px 450px; grid-template-areas: "image gap text"; } #ceoc2025 .block7 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block7 .text { grid-area: text; } #ceoc2025 .block8 { grid-template-columns: 510px 40px 320px; grid-template-areas: "text gap image"; } #ceoc2025 .block8 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block8 .text { grid-area: text; } #ceoc2025 .block9 { grid-template-columns: 430px 40px 400px; grid-template-areas: "image gap text"; } #ceoc2025 .block9 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block9 .text { grid-area: text; } /* 4スポーツ */ #ceoc2025 .block10 { grid-template-columns: 430px 40px 400px; grid-template-areas: "image gap text"; } #ceoc2025 .block10 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block10 .text { grid-area: text; } #ceoc2025 .block11 { grid-template-columns: 300px 40px 830px; grid-template-areas: "text gap image"; } #ceoc2025 .block11 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block11 .text { grid-area: text; } #ceoc2025 .block12 { grid-template-columns: 360px 40px 450px; grid-template-areas: "image gap text"; } #ceoc2025 .block12 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block12 .text { grid-area: text; } #ceoc2025 .block13 { grid-template-columns: 435px 40px 380px; grid-template-areas: "text gap image"; } #ceoc2025 .block13 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block13 .text { grid-area: text; } /* 5カルチャー */ #ceoc2025 .block14 { grid-template-columns: 480px 40px 420px; grid-template-areas: "image gap text"; } #ceoc2025 .block14 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block14 .text { grid-area: text; } #ceoc2025 .block15 { grid-template-columns: 350px 40px 600px; grid-template-areas: "text gap image"; } #ceoc2025 .block15 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block15 .text { grid-area: text; } #ceoc2025 .block16 { grid-template-columns: 410px 40px 390px; grid-template-areas: "image gap text"; } #ceoc2025 .block16 img { grid-area: image; width: 100%; height: auto; } #ceoc2025 .block16 .text { grid-area: text; } /* フッターのスタイル */ #ceoc2025 footer { padding: 20px; background-color: #f4f4f4; text-align: center; margin-bottom: 100px; /* フッターの下のスペース */ } @media (max-width: 600px) { #ceoc2025 footer { margin-bottom: 16px; /* 小さな画面でのマージンを調整 */ } } /* スワイパースタイル */ @media (max-width: 768px) { #ceoc2025 .swiper-container { position: relative; /* Swiperコンテナに対して相対位置を設定 */ width: 100%; /* コンテナの幅を100%に設定 */ } #ceoc2025 .swiper-wrapper { position: relative; /* Swiperコンテナに対して相対位置を設定 */ width: 100%; /* コンテナの幅を100%に設定 */ margin-top: 0px; } #ceoc2025 .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } #ceoc2025 .swiper-slide img { width: 100%; height: auto; max-height: 70%; object-fit: cover; } #ceoc2025 .text-area { width: 80%; color: #000; } #ceoc2025 .swiper-pagination { position: absolute; width: 100%; /* 幅を100%に設定 */ text-align: center; /* ドットを中央揃えに */ } #ceoc2025 .swiper-pagination-bullet-active { background: rgb(1, 33, 105); } #ceoc2025 .swiper-button-next, #ceoc2025 .swiper-button-prev { position: absolute; top: 50%; font-size: 16px; /* 矢印の大きさ */ color: rgb(1, 33, 105); z-index: 10; } #ceoc2025 .swiper-button-next { right: 0%; } #ceoc2025 .swiper-button-prev { left: 0%; } } /* 追加css */ #ceoc2025 .custom-link { color: rgb(1, 33, 105) !important; text-decoration: none; /* 下線を消す場合 */ font-size: 17px; } #ceoc2025 .custom-link:hover { background-color: rgb(1, 33, 105); color: white !important; } @media (max-width: 768px) { #ceoc2025 .custom-link { color: rgb(1, 33, 105) !important; text-decoration: none; /* 下線を消す場合 */ font-size: 13px; } #ceoc2025 .custom-link:hover { background-color: rgb(1, 33, 105); color: white !important; } } @media (max-width: 768px) { #ceoc2025 .tag_year .number { line-height: 1.5; } #ceoc2025 .history_year .number { line-height: 1.5; } #ceoc2025 .accordion-button .index { font-size: calc(3.9rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 3%; /* 数字の位置 */ transform: translateY(-15%) !important; } #ceoc2025 .accordion-button .index_1 { font-size: calc(3.9rem * 1.58); /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ position: absolute; left: 3%; /* 数字の位置 */ transform: translateY(-15%) !important; } #ceoc2025 .accordion-button .title { font-size: 24px; /* より大きいフォントサイズ */ font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 600; /* セミボールド */ } #ceoc2025 .accordion-button:hover { background-color: rgb(1, 33, 105); /* ホバー時の背景色 */ color: #fff; /* ホバー時のテキスト色 */ } #ceoc2025 .accordion-button::before { content: attr(data-index); position: absolute; left: 3%; /* 数字の位置 */ font-size: calc(3.9rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-40%) !important; } #ceoc2025 .accordion-button::before { content: attr(data-index_1); position: absolute; left: 4.3%; /* 数字の位置 */ font-size: calc(3.9rem * 1.58); font-family: "Roboto", sans-serif; /* デフォルトのフォントファミリー */ font-weight: 100; /* 軽いフォントウェイト */ transform: translateY(-40%) !important; } }