/*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/sc_member.scss ***! \************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* アイテムパス */ /* 表示領域 */ /* フォントサイズ定義 */ /* ボタンサイズ定義 */ /* マイページ用カラー定義 */ body { min-width: 1360px; font-family: "メイリオ", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; word-wrap: break-word; word-break: break-word; font-feature-settings: "palt"; color: #333333; } footer { margin-top: 80px; } .contents { display: flex; align-items: center; justify-content: center; flex-direction: column; } .contents .sc-render:not(:first-child):not(.rd-page-title):not(.rd-general-error) { margin-top: 40px; } .sc-render { min-width: 1360px; } .sc-render-content { width: 100%; height: 100%; max-width: 1360px; min-width: 1360px; padding: 0 80px; } a { color: #0066cc; font-size: 16px; text-decoration: none; } a:hover { text-decoration: underline; cursor: pointer; } input[type=text] { border-radius: 4px; border: 1px solid #cccccc; color: #333333; font-size: 16px; text-align: left; } input[type=text]::-moz-placeholder { font-size: 16px; color: #aaaaaa; } input[type=text]::placeholder { font-size: 16px; color: #aaaaaa; } input[type=email] { border-radius: 4px; border: 1px solid #cccccc; color: #333333; font-size: 16px; text-align: left; } input[type=email]::-moz-placeholder { font-size: 16px; color: #aaaaaa; } input[type=email]::placeholder { font-size: 16px; color: #aaaaaa; } input[type=tel] { border-radius: 4px; border: 1px solid #cccccc; color: #333333; font-size: 16px; text-align: left; } input[type=tel]::-moz-placeholder { font-size: 16px; color: #aaaaaa; } input[type=tel]::placeholder { font-size: 16px; color: #aaaaaa; } input[type=button] { cursor: pointer; } textarea { font-size: 16px; } textarea::-moz-placeholder { font-size: 16px; color: #aaaaaa; } textarea::placeholder { font-size: 16px; color: #aaaaaa; } pre { font-family: "メイリオ", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; margin: 0; white-space: pre-wrap; } .symbol-required::before { content: "＊"; color: #e60012; font-size: 16px; } .card { border-radius: 8px; border: 1px solid #cccccc; } .field-input-guide-frame { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; } .field-input-guide-frame .field-input-guide { opacity: 0; display: block; position: absolute; width: -moz-max-content; width: max-content; top: -42px; background-color: #4182fa; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; display: inline; margin-top: 0; margin-bottom: 0; transition: 0.2s; width: max-content; line-height: 1.5em; } .field-input-guide-frame .field-input-guide::before { content: ""; position: absolute; left: calc(50% - 4px); top: 100%; width: 0; height: 0; border-style: solid; border-width: 6px 4px 4px 4px; border-color: #4182fa transparent transparent transparent; width: -moz-max-content; width: max-content; } input.show-input-guide + .field-input-guide { opacity: 1; transition: 0.2s; } select.show-input-guide + .field-input-guide { opacity: 1; transition: 0.2s; } input.input-validation-error { background-color: #fef2f2; } select.input-validation-error { background-color: #fef2f2; } input[type=radio].input-validation-error::before { background-color: transparent; } sup { vertical-align: text-top; font-size: 0.6em; } sub { vertical-align: text-bottom; font-size: 0.6em; } #loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; z-index: 100; } #loading-overlay .loader { border: 6px solid #b3d1f0; border-radius: 50%; border-top: 6px solid #0066cc; width: 72px; height: 72px; animation: rotation 1.2s infinite linear; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .movie-modal { z-index: 3; } .movie-modal .modal__container { display: flex; flex-direction: column; max-width: 1084px; } .movie-modal .modal__container .modal__header .modal__title { font-size: 28px; font-weight: bold; } .movie-modal .modal__container .modal__content { flex: auto; display: flex; flex-direction: column; } .movie-modal .modal__container .modal__content .modal_text { margin-bottom: 32px; } .movie-modal .modal__container .modal__content .modal_video { flex: auto; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1024px; overflow-y: hidden; } .movie-modal .modal__container .modal__content .modal_video video { max-height: 100%; max-width: 100%; min-height: 144px; min-width: 256px; -o-object-fit: contain; object-fit: contain; height: 0; } .movie-modal .modal__container .modal__footer { margin-top: 40px; } /* アニメーション定義 */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } /** * 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 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, 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 { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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; } :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: 0.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: 0.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(0.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(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.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, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 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: 0.2s transform, 0.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: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 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 Custom Style */ .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; border: 1px solid #0066cc; border-radius: 50%; background-color: #fff; } .swiper-button-prev:after, .swiper-button-next:after { content: ""; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 25px; background-image: url("/-/media/Member/images/common/icon/icon_accordion.svg"); background-size: 20px; transition: 0.2s; } .swiper-button-prev:after { transform: rotate(90deg); } .swiper-button-next:after { transform: rotate(-90deg); } .swiper-button-prev:hover::before, .swiper-button-next:hover::before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #000000; position: absolute; top: 0; left: 0; opacity: 0.1; mix-blend-mode: multiply; } /* .swiper-button-prev:hover::after { font-size: 36px; transform: translate(-4px, 0); } .swiper-button-next:hover::after { font-size: 36px; transform: translate(4px, 0); }*/ .swiper-pagination { position: static; } .swiper-pagination-bullet { width: 16px !important; height: 16px !important; margin: 0 0 0 24px !important; background: #cccccc !important; border-radius: 100%; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0066cc !important; } .swiper-pagination-bullet:first-child { margin: 0 !important; } /* Micromodal Custom Style */ .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; z-index: 2; } .modal__container { background-color: #fff; padding: 30px; max-width: 1360px; max-height: 100vh !important; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; margin-right: 20px; font-size: 1.4rem; line-height: 1.4; box-sizing: border-box; } .modal__close { color: #0066cc; background: transparent; border: 0; cursor: pointer; } .modal__close.pos-top-right { position: absolute; top: 16px; right: 16px; } .modal__header .modal__close:after { content: "✕"; margin-left: 10px; } .modal__content { margin: 10px 0; } .modal__btn { font-size: 0.875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; -moz-appearance: button; appearance: button; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.25s ease-out; } .modal__btn:focus, .modal__btn:hover { transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } .modal__footer { display: flex; align-items: center; justify-content: center; } /* Demo Animation Style */ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden=false] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .rd-common-header-top { width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #cccccc; } .rd-common-header-top.is-simple { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); } .rd-common-header-top.is-simple a { color: #0066cc; font-weight: bold; } .rd-common-header-top.is-simple .header-icon::after { margin-left: 8px; margin-bottom: 2px; } .rd-common-header-top .sc-render-content.header-contents { display: flex; justify-content: space-between; align-items: center; } .rd-common-header-top .sc-render-content.header-contents .header-left { display: flex; } .rd-common-header-top .sc-render-content.header-contents .header-logo img { display: flex; } .rd-common-header-top .sc-render-content.header-contents .login-info { margin-left: 60px; text-wrap: nowrap; text-align: left; } .rd-common-header-top .sc-render-content.header-contents .login-info .company-name { width: 280px; font-size: 14px; line-height: 21px; text-align: left; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } .rd-common-header-top .sc-render-content.header-contents .login-info .login-info-user { display: flex; width: 308px; } .rd-common-header-top .sc-render-content.header-contents .login-info .login-info-user .user-name { font-size: 14px; line-height: 21px; text-align: left; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } .rd-common-header-top .sc-render-content.header-contents .login-info .login-info-user .user-name-honorific { font-size: 14px; line-height: 21px; text-align: left; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul { display: flex; justify-content: space-between; align-items: center; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul li { text-wrap: nowrap; text-align: left; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul li.a { text-align: right; margin-left: 32px; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul .logout { text-align: right; margin-left: 32px; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul .kanden-logo { text-align: right; margin-left: 54px; } .rd-common-header-top .sc-render-content.header-contents .header-menu ul .kanden-logo img { display: flex; } .rd-common-header-bottom { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843); position: relative; } .rd-common-header-bottom .gnav { width: 100%; margin: 0 auto; font-size: 18px; font-weight: bold; } .rd-common-header-bottom .gnav ul { display: flex; justify-content: space-between; align-items: center; } .rd-common-header-bottom .gnav ul li { width: 100%; height: 72px; text-wrap: nowrap; display: flex; justify-content: center; align-items: center; } .rd-common-header-bottom .gnav ul li:hover { color: #0066cc; background-color: #f5f5f5; } .rd-common-header-bottom .gnav ul li:hover > .megamenu { visibility: visible; opacity: 1; } .rd-common-header-bottom .gnav ul li.current .menu-title { height: 100%; color: #0066cc; border-bottom: 4px solid #0066cc; display: flex; align-items: center; } .rd-common-header-bottom .gnav ul li + li.menu-list { border-left: solid; -o-border-image: linear-gradient(0deg, #fff 29.3%, #cccccc 29.3%, #cccccc 70.7%, #fff 70.7%) 1/0 0 0 1px; border-image: linear-gradient(0deg, #fff 29.3%, #cccccc 29.3%, #cccccc 70.7%, #fff 70.7%) 1/0 0 0 1px; } .rd-common-header-bottom .gnav ul li .menu-title { font-size: 18px; } .rd-common-header-bottom .gnav ul li a.menu-link { width: 100%; height: 100%; padding: 0 48px; color: #333333; text-decoration: none; display: flex; align-items: center; justify-content: center; } .rd-common-header-bottom .gnav ul li a.menu-link:hover { color: #0066cc; } .rd-common-header-bottom .gnav ul li a sub { line-height: normal; } .rd-common-header-bottom .gnav ul li .megamenu { width: 100%; padding: 40px 0; background-color: #f5f5f5; position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; display: flex; justify-content: space-evenly; font-size: 16px; font-weight: normal; line-height: 21px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); z-index: 2; } .rd-common-header-bottom .gnav ul li .megamenu .category img { padding-bottom: 24px; display: block; } .rd-common-header-bottom .gnav ul li .megamenu .category .category-title { height: 45px; margin-top: 13px; margin-bottom: 8px; color: #333333; font-size: 16px; font-weight: bold; display: flex; align-items: center; } .rd-common-header-bottom .gnav ul li .megamenu .category ul { display: flex; flex-direction: column; } .rd-common-header-bottom .gnav ul li .megamenu .category ul li { height: auto; padding: 0; margin-bottom: 16px; justify-content: flex-start; } .rd-common-header-bottom .gnav ul li .megamenu .category ul li:last-child { margin-bottom: 0; } .rd-common-header-bottom .gnav ul li .megamenu .links { display: flex; flex-direction: column; } .rd-common-header-bottom .gnav ul li .megamenu .links .link-title { margin-bottom: 30px; } .rd-common-header-bottom .gnav ul li .megamenu .links .link-title a { font-weight: bold; } .rd-common-header-bottom .gnav ul li .megamenu .links ul li { height: auto; padding: 0; margin-right: 80px; } .rd-common-header-bottom .gnav ul li .megamenu .currentFee-category-list { width: 648px; display: flex; justify-content: space-between; } .rd-common-header-bottom .gnav ul li .megamenu .currentSvc-category-list { width: 360px; display: flex; justify-content: space-between; } .rd-common-header-bottom .gnav ul li .megamenu .currentSvc-category-list .category .currentSvc { display: flex; align-items: center; flex-direction: column; } .rd-common-header-bottom .gnav ul li .megamenu .currentSvc-category-list .category .currentSvc-category-title { margin-top: 24px; } .rd-common-header-bottom .gnav ul .megamenu-title { padding: 0 48px; } .rd-page-title { margin-top: 40px; } .rd-page-title .employee-only-item-big-label { margin-bottom: 40px; } .rd-page-title .page-title { display: flex; align-items: baseline; } .rd-page-title .page-description { padding-top: 32px; } .rd-page-title .page-annotation { margin-left: 24px; } .rd-contact-person { display: flex; justify-content: center; margin-top: 80px; position: relative; } .rd-contact-person img.main-visual { min-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; position: absolute; } .rd-contact-person .support-counter { position: relative; } .rd-contact-person .support-counter .support-title { font-size: 32px; letter-spacing: 6.4px; font-weight: bold; margin-top: 41px; margin-bottom: 28px; text-align: center; } .rd-contact-person .support-counter .support-detail-area { width: 1080px; height: auto; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1607843137); margin: 0 auto 54px auto; display: flex; flex-flow: column; justify-content: center; } .rd-contact-person .support-counter .support-detail-area .sub-title { font-size: 20px; letter-spacing: 2px; font-weight: bold; height: 46px; width: 980px; padding-bottom: 15px; text-align: center; margin: 35px auto 0 auto; border-bottom: 1px solid rgba(229, 229, 229, 0.9019607843); } .rd-contact-person .support-counter .support-detail-area .support-content { display: flex; justify-content: center; align-items: center; margin: 17px 0 19px 0; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn { display: flex; justify-content: center; margin-right: 40px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry { background-color: #ff7900; color: #fff; font-weight: bold; border: none; text-align: left; display: flex; align-items: center; justify-content: center; width: 372px; height: 74px; font-size: 16px; border-radius: 8px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry .icon-inquiry { display: flex; width: 52px; height: 36px; margin-right: 16px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry .icon-btn-circle { width: 18px; height: 18px; border: 2px solid #fff; margin-left: 17px; background-color: transparent; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry .icon-btn-circle:hover { text-decoration: none; filter: none; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry .icon-main::after { content: ""; background-color: #fff; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry .icon-small::after { content: ""; width: 10px; height: 10px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .btn-inquiry:hover { text-decoration: none; filter: brightness(90%); } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-btn .inquiry-btn { width: 372px; height: 74px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-announce { display: flex; flex-flow: column; justify-content: center; align-items: center; margin-left: 40px; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-announce .support-center-title { font-size: 14px; font-weight: bold; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-announce .support-center-Reception-time { text-align: center; font-size: 14px; font-weight: bold; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-announce .support-tel { font-size: 30px; font-weight: bold; display: flex; justify-content: center; align-items: center; } .rd-contact-person .support-counter .support-detail-area .support-content .content .support-announce .support-tel .icon-free-call { display: flex; width: 39.77px; height: 31.24px; margin-right: 9.23px; } #rd-confirm-modal .confirm-modal-container { background-color: #fff; padding: 40px; width: 90%; max-width: 960px; max-height: 90%; border-radius: 4px; overflow-y: auto; box-sizing: border-box; position: relative; } #rd-confirm-modal .confirm-modal-container .confirm-modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } #rd-confirm-modal .confirm-modal-container .confirm-modal-header { display: flex; flex-flow: column; } #rd-confirm-modal .confirm-modal-container .confirm-modal-header .confirm-rich { width: 40px; height: 40px; background-size: 40px; } #rd-confirm-modal .confirm-modal-container .confirm-modal-header .confirm-modal-title { margin-top: 0; margin-bottom: 16px; font-size: 24px; font-weight: bold; box-sizing: border-box; } #rd-confirm-modal .confirm-modal-container .confirm-modal-explain { margin-bottom: 40px; } #rd-confirm-modal .confirm-modal-container .confirm-modal-explain-text { margin-bottom: 30px; } #rd-confirm-modal .confirm-modal-container .confirm-modal-count-text { margin-bottom: 20px; } #rd-confirm-modal .confirm-modal-container .confirm-modal-footer { display: flex; align-items: center; justify-content: center; margin-top: 15px; -moz-column-gap: 20px; column-gap: 20px; } .rd-common-footer .links { margin: auto; padding-top: 84px; padding-bottom: 60px; margin-top: 18px; position: relative; } .rd-common-footer .links .footer-icon { padding: 0px 10px; } .rd-common-footer .links .footer-icon::after { width: 16px; height: 16px; margin-bottom: 4px; } .rd-common-footer .links a.btn-top { height: 40px; width: 40px; margin-top: -20px; background: center; background-repeat: no-repeat; background-color: #fff; border: 1px solid #0066cc; border-radius: 50%; background-size: 30px; position: absolute; opacity: 1; bottom: 512px; z-index: 999; right: 83px; display: flex; align-items: center; justify-content: center; } .rd-common-footer .links a.btn-top:hover { text-decoration: none; filter: brightness(90%); } .rd-common-footer .links a.btn-top.fixed { position: fixed; bottom: 20px; } .rd-common-footer .links a.link-top { font-size: 18px; font-weight: bold; color: #333333; } .rd-common-footer .links a.link-top:hover { color: #333333; } .rd-common-footer .links .link-menu { padding-top: 30px; display: flex; justify-content: space-between; } .rd-common-footer .links .link-menu ul li { max-width: 300px; padding-bottom: 24px; } .rd-common-footer .links .link-menu ul li:last-child { padding-bottom: 0; } .rd-common-footer .links .link-menu ul li.bold { font-weight: bold; } .rd-common-footer .links .link-menu ul li a { color: #333333; display: flex; } .rd-common-footer .footer-box { width: 100%; border-top: 1px solid #cccccc; } .rd-common-footer .footer-box .footer-link { margin: auto; } .rd-common-footer .footer-box .footer-link ul.footer-navi { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 33px; } .rd-common-footer .footer-box .footer-link ul.footer-navi li a { color: #333333; padding: 0 10px; } .rd-common-footer .footer-box .footer-link ul.footer-navi li:not(:last-child):after { content: ""; height: 16px; border: 1px solid #cccccc; } .rd-common-footer .footer-box .footer-link .footer-logo { text-decoration: none; height: 40px; margin: 25px 0; display: flex; align-items: center; justify-content: center; } .rd-common-footer .footer-box .footer-link .footer-copyright { margin-bottom: 40px; text-align: center; font-size: 10px; color: #888888; } .rd-bredcrumb { height: auto; margin: 0 auto; margin-top: 24px; } .rd-bredcrumb ul { display: flex; align-items: center; justify-content: flex-end; list-style: none; } .rd-bredcrumb ul li:not(:last-of-type)::after { content: ">"; margin: 0 6px; } .rd-login-parts { width: 100%; height: 630px; background-color: #f2f7fd; display: flex; justify-content: center; align-items: center; position: relative; } .rd-login-parts img.main-visual { min-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; position: absolute; } .rd-login-parts .login-area { position: relative; } .rd-login-parts .login-area .login-form { width: 520px; background-color: #fff; border-radius: 8px; position: absolute; top: 20px; right: 0; z-index: 2; display: flex; flex-wrap: wrap; } .rd-login-parts .login-area .login-form #tab-login:not(:checked) ~ .login-content { display: none; } .rd-login-parts .login-area .login-form #tab-signup:not(:checked) ~ .signup-content { display: none; } .rd-login-parts .login-area .login-form label.tab-label { width: 50%; height: 40px; margin: 0; font-size: 14px; display: flex; align-items: center; justify-content: center; } .rd-login-parts .login-area .login-form .login-content, .rd-login-parts .login-area .login-form .signup-content { width: 100%; height: auto; padding: 32px 24px 24px 24px; font-size: 16px; border: 1px solid #cccccc; border-top: none; border-radius: 0 0 8px 8px; } .rd-login-parts .login-area .login-form .login-content .text-area, .rd-login-parts .login-area .login-form .signup-content .text-area { margin-bottom: 8px; font-size: 18px; text-align: center; } .rd-login-parts .login-area .login-form .login-content .sub-text-area, .rd-login-parts .login-area .login-form .signup-content .sub-text-area { margin-bottom: 24px; font-size: 16px; text-align: center; } .rd-login-parts .login-area .login-form .login-content input[type=text], .rd-login-parts .login-area .login-form .signup-content input[type=text] { width: 100%; height: 40px; padding-left: 16px; margin-bottom: 20px; } .rd-login-parts .login-area .login-form .login-content input[type=submit], .rd-login-parts .login-area .login-form .signup-content input[type=submit] { cursor: pointer; } .rd-login-parts .login-area .login-form .login-content .register-link, .rd-login-parts .login-area .login-form .signup-content .register-link { display: flex; flex-direction: column; justify-content: center; align-items: center; } .rd-login-parts .login-area .login-form .login-content .register-link .btn-large, .rd-login-parts .login-area .login-form .signup-content .register-link .btn-large { margin-bottom: 20px; } .rd-login-parts .login-area .login-form .login-content .register-link ul.disc-list a:hover, .rd-login-parts .login-area .login-form .signup-content .register-link ul.disc-list a:hover { text-decoration: none; } .rd-login-parts .login-area .login-form .login-content .text-line, .rd-login-parts .login-area .login-form .signup-content .text-line { width: 100%; margin-bottom: 20px; color: #333333; display: flex; align-items: center; } .rd-login-parts .login-area .login-form .login-content .text-line::before, .rd-login-parts .login-area .login-form .login-content .text-line::after, .rd-login-parts .login-area .login-form .signup-content .text-line::before, .rd-login-parts .login-area .login-form .signup-content .text-line::after { content: ""; height: 1px; margin: 0.3em; background-color: #cccccc; flex-grow: 1; } .rd-before-login-notice { margin-bottom: 24px; border: 1px solid #e60012; border-radius: 8px; } .rd-before-login-notice .heading .title { display: inline-block; font-size: 18px; font-weight: bold; color: #e60012; margin-top: 24px; margin-bottom: 19px; margin-left: 20px; margin-right: 24px; } .rd-before-login-notice .heading .time-frame { display: inline-block; font-size: 16px; font-weight: bold; color: #333333; } .rd-before-login-notice .content { font-size: 16px; color: #333333; margin-left: 20px; margin-bottom: 24px; } .rd-intro-main-content .margin-bottom-title { margin-bottom: 90px; } .rd-intro-main-content .func { position: relative; width: 100%; height: 257px; margin-bottom: 106px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.1); } .rd-intro-main-content .func:last-child { margin-bottom: 40px; } .rd-intro-main-content .func .top-icon { z-index: 2; position: absolute; top: -50px; left: calc(50% - 50px); } .rd-intro-main-content .func .top-icon .icon-rich { width: 100px; height: 100px; background-size: 100px; } .rd-intro-main-content .func .func-image { z-index: 2; position: absolute; top: 0; right: 80px; } .rd-intro-main-content .func .content { width: 563px; height: 155px; padding-top: 70px; margin-left: 32px; margin-right: 605px; padding-bottom: 32px; } .rd-intro-main-content .func .content .label { padding-top: 2px; padding-bottom: 1px; padding-left: 12px; padding-right: 11px; margin-right: 8px; color: #fff; background-color: #333333; font-size: 16px; font-weight: bold; display: inline-block; } .rd-intro-main-content .func .content .title { margin-bottom: 16px; color: #333333; font-size: 20px; font-weight: bold; display: inline-block; } .rd-intro-main-content .func .content .text { font-size: 16px; color: #333333; } .rd-intro-main-content .func .content .text.coming { text-align: center; margin-top: 35px; font-size: 40px; font-weight: bold; color: #888888; } .rd-intro-main-content .gas { background-color: rgba(143, 130, 188, 0.1); } .rd-intro-main-content .gas .func-image { top: -25px; } .rd-intro-main-content .gas .content .label { background-color: #8f82bc; } .rd-intro-main-content .solution { background-color: rgba(65, 130, 250, 0.1); } .rd-intro-main-content .solution .func-image { top: 25px; } .rd-intro-main-content .solution .content .label { background-color: #4182fa; } .rd-intro-main-content .question-manual { background-color: rgba(30, 166, 147, 0.1); } .rd-intro-main-content .question-manual .func-image { top: 12px; } .rd-intro-main-content .question-manual .content .label { background-color: #1ea693; } .rd-intro-main-content .elec { background-color: rgba(251, 170, 60, 0.1); } .rd-intro-main-content .elec .func-image { top: 33px; } .rd-intro-main-content .elec .content .label { background-color: #fbaa3c; } .rd-about-first-login > h2 { margin-bottom: 43px; } .rd-about-first-login .text { font-size: 16px; color: #333333; margin-bottom: 40px; } .rd-about-first-login .step-list { width: 100%; margin-bottom: 40px; border: 1px solid #cccccc; border-radius: 8px; position: relative; } .rd-about-first-login .step-list .default-checkbox { display: none; } .rd-about-first-login .step-list .step-block { width: 100%; height: 56px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } .rd-about-first-login .step-list .step-block .title { font-size: 20px; font-weight: bold; } .rd-about-first-login .step-list .step-block .pull-down { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; } .rd-about-first-login .step-list #tab-letter:checked ~ .step-block, .rd-about-first-login .step-list #tab-site:checked ~ .step-block, .rd-about-first-login .step-list #tab-mail:checked ~ .step-block { border-bottom: 1px solid #cccccc; } .rd-about-first-login .step-list #tab-letter:checked ~ .step-block .title::before, .rd-about-first-login .step-list #tab-site:checked ~ .step-block .title::before, .rd-about-first-login .step-list #tab-mail:checked ~ .step-block .title::before { content: ""; width: 100%; position: absolute; left: 0; top: 40px; } .rd-about-first-login .step-list #tab-letter:checked ~ .step-block .pull-down, .rd-about-first-login .step-list #tab-site:checked ~ .step-block .pull-down, .rd-about-first-login .step-list #tab-mail:checked ~ .step-block .pull-down { top: 0px; transform: rotate(180deg); } .rd-about-first-login .step-list #tab-letter:not(:checked) ~ .content, .rd-about-first-login .step-list #tab-site:not(:checked) ~ .content, .rd-about-first-login .step-list #tab-mail:not(:checked) ~ .content { height: 0; margin-top: 0; opacity: 0; visibility: hidden; } .rd-about-first-login .step-list .content { height: 100%; margin-top: 40px; transition: 0.2s; } .rd-about-first-login .step-list .content .step { position: relative; margin-left: 20px; margin-bottom: 32px; } .rd-about-first-login .step-list .content .step:not(:last-child) { margin-bottom: 64px; } .rd-about-first-login .step-list .content .step:not(:last-child)::after { content: ""; position: absolute; border-left: 22.5px solid transparent; border-right: 22.5px solid transparent; border-top: 16px solid #cccccc; top: calc(100% + 24px); left: calc(50% - 22.5px); } .rd-about-first-login .step-list .content .step .step-label { display: inline-block; position: relative; font-size: 16px; font-weight: bold; color: #fff; background-color: #ff7900; padding-top: 4px; padding-right: 12px; padding-left: 12px; padding-bottom: 2px; margin-right: 24px; line-height: 1.5em; } .rd-about-first-login .step-list .content .step .step-label::before { content: ""; position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 16px solid #ff7900; right: -16px; top: 0; } .rd-about-first-login .step-list .content .step .step-name { display: inline-block; font-size: 20px; color: #333333; margin-bottom: 18px; } .rd-about-first-login .step-list .content .step .step-detail { font-size: 16px; color: #333333; line-height: 24px; } .rd-about-first-login .step-list .content .step .link { margin-top: 16px; } .rd-about-first-login .step-list .content .step .link a { font-size: 16px; } .rd-before-login-faq .qa-content { margin-top: 56px; } .rd-before-login-faq .qa-content .qa-item { margin-bottom: 40px; border: 1px solid #cccccc; border-radius: 8px; display: flex; flex-direction: column; } .rd-before-login-faq .qa-content .qa-item .default-checkbox { display: none; } .rd-before-login-faq .qa-content .qa-item .icon-rich { width: 32px; height: 32px; margin-right: 8px; background-size: 32px; } .rd-before-login-faq .qa-content .qa-item .question-block { width: 100%; height: 56px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } .rd-before-login-faq .qa-content .qa-item .question-block .title { display: flex; justify-content: flex-start; align-items: center; } .rd-before-login-faq .qa-content .qa-item .question-block .title .text-bold { font-size: 20px; font-weight: bold; } .rd-before-login-faq .qa-content .qa-item .question-block .pull-down { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; } .rd-before-login-faq .qa-content .qa-item [id^=faq-]:checked ~ .question-block { border-bottom: 1px solid #cccccc; } .rd-before-login-faq .qa-content .qa-item [id^=faq-]:checked ~ .question-block .pull-down { top: 0px; transform: rotate(180deg); } .rd-before-login-faq .qa-content .qa-item [id^=faq-]:not(:checked) ~ .answer-block { height: 0; opacity: 0; visibility: hidden; padding-top: 0; padding-bottom: 0; } .rd-before-login-faq .qa-content .qa-item [id^=faq-]:not(:checked) ~ .answer-block .image-box { height: 0; } .rd-before-login-faq .qa-content .qa-item .answer-block { display: flex; padding: 32px 20px; transition: 0.2s; } .rd-before-login-faq .qa-content .qa-item .answer-block .answer-content { width: 1100px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul { display: flex; flex-direction: column; gap: 32px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li { line-height: 24px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li:first-child .answer-title, .rd-before-login-faq .qa-content .qa-item .answer-block ul li:first-child .answer-detail:first-child, .rd-before-login-faq .qa-content .qa-item .answer-block ul li:first-child .link:first-child { margin-top: 5px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .answer-title { font-size: 18px; font-weight: bold; display: flex; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .answer-title .number { color: #ff7900; font-size: 20px; font-weight: bold; margin-right: 10px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .answer-detail { font-size: 16px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .image-box { width: 450px; height: 300px; margin: 0 auto; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .image-box img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .link { line-height: 19px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li .answer-title ~ .answer-detail { margin-top: 12px; } .rd-before-login-faq .qa-content .qa-item .answer-block ul li * ~ .image-box, .rd-before-login-faq .qa-content .qa-item .answer-block ul li * ~ .link { margin-top: 32px; } .rd-before-login-faq .put-btn { margin-top: 40px; display: flex; justify-content: center; } .rd-point-refine { margin-top: 32px; padding: 16px 20px; background-color: #f5f5f5; border-radius: 8px; position: relative; } .rd-point-refine .title { display: inline-block; color: #333333; } .rd-point-refine .count { display: inline-block; font-weight: bold; color: #333333; margin-left: 16px; } .rd-point-refine .switch { position: absolute; top: calc(50% - 10.5px); right: 20px; font-weight: bold; } .rd-important-notice { height: auto; margin-bottom: 24px; display: flex; align-items: center; position: relative; border: 1px solid #e60012; border-radius: 6px; } .rd-important-notice .notice-title { margin-left: 20px; margin-right: 20px; min-width: 112px; font-weight: bold; color: #e60012; } .rd-important-notice .notice-list { position: relative; width: 100%; margin-top: 24.79px; margin-bottom: 24px; } .rd-important-notice .notice-list ul { padding-left: 20px; border-left: 1px solid #cccccc; line-height: normal; } .rd-important-notice .notice-list ul li { margin-bottom: 16px; } .rd-important-notice .notice-list ul li:last-child { margin-bottom: 0; } .rd-important-notice .notice-list ul .date { display: inline-block; min-width: 124px; font-size: 14px; color: #888888; padding-right: 0; margin-right: 10px; } .rd-important-notice .notice-list ul .info { display: inline-block; font-size: 16px; } .rd-important-notice .notice-list ul .info a { color: #e60012; } .rd-important-notice .notice-list .info-list { display: inline-block; position: absolute; color: #0066cc; min-width: 80px; margin-left: 5px; right: 20px; bottom: 0; } .rd-contract-service { margin-bottom: 40px; } .rd-contract-service .put-tab { width: 100%; position: relative; text-align: center; } .rd-contract-service .put-tab .put-btn { position: absolute; right: 0; top: 0; } .rd-contract-service .put-tab .put-btn .selectbox::after { top: calc(50% - 2px); } .rd-contract-service .put-tab .put-btn .selectbox select { color: #0066cc; font-size: 16px; font-weight: bold; border-color: #0066cc; padding: 9px 36px 7px 12px; height: 40px; } .rd-contract-service .put-tab .put-btn .selectbox select option { font-size: 16px; text-align: start; } .rd-contract-service .date-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; } .rd-contract-service .date-radio:checked + .date-label { background-color: #0066cc; color: #fff; } .rd-contract-service .date-radio:disabled + .date-label { pointer-events: none; color: #cccccc; } .rd-contract-service .date-label { background-color: #f5f5f5; color: #0066cc; width: auto; height: 40px; border: 1px solid #cccccc; border-left: none; border-right: none; font-size: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 7px; padding-left: 24px; padding-right: 24px; margin-left: -6px; margin-right: -6px; margin-bottom: 20px; display: inline-block; } .rd-contract-service .date-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .rd-contract-service .date-label:first-of-type { border-radius: 20px 0 0 20px; border-left: 1px solid #cccccc; } .rd-contract-service .date-label:last-of-type { border-radius: 0 20px 20px 0; border-right: 1px solid #cccccc; } .rd-contract-service .result-info-table { display: none; } .rd-contract-service #date1:checked ~ #date1-content { display: block; } .rd-contract-service #date2:checked ~ #date2-content { display: block; } .rd-contract-service #date3:checked ~ #date3-content { display: block; } .rd-contract-service .label-letter { text-align: left; } .rd-contract-service a.small-table-btn { height: 32px; } .rd-contract-service .table-notes .table-note { font-size: 14px; color: #333333; margin-top: 16px; } .rd-contract-service .table-notes :not(:first-child) { margin-top: 10px; } .rd-contract-service .table-notes a { font-size: 14px; } .rd-contract-service .margin-bottom { margin-bottom: 80px; } .rd-contract-service .contract-error .title { font-size: 18px; font-weight: bold; } .rd-contract-service .contract-error .description { margin-top: 20px; } .rd-chart-and-html { margin-bottom: 40px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap { margin-bottom: 41px; display: flex; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart { flex: 1; box-sizing: border-box; position: relative; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart .c-chart-head { display: flex; align-items: center; justify-content: space-between; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart .c-chart-head .c-chart-head-lead { font-size: 16px; font-weight: bold; color: #333333; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart .c-chart-body { margin: 20px 0; border: 1px solid #cccccc; border-radius: 8px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart .c-chart-body canvas { height: 300px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-chart .c-chart-foot .c-chart-foot-remarks { font-size: 0.8rem; opacity: 0.8; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html { flex: 1; margin-left: 20px; margin-top: 0; margin-left: 30px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-title { position: relative; font-size: 20px; font-weight: bold; color: #1ea693; padding-left: 56px; margin-bottom: 21.5px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-title::before { content: ""; position: absolute; left: -8px; width: 48px; height: 48px; background-image: url("/-/media/Member/images/common/2-P_TopPage/question.svg"); } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-message { position: relative; width: 450px; font-size: 16px; color: #333333; border: 1px solid #cccccc; border-radius: 8px; padding: 16.5px; padding-bottom: 9.5px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-message::before { content: ""; position: absolute; top: calc(50% + 21.3px); right: -15px; border-style: solid; border-color: #fff transparent; border-width: 6px 17px 0 0; z-index: 2; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-message::after { content: ""; position: absolute; top: calc(50% + 20px); right: -20px; border-style: solid; border-color: #cccccc transparent; border-width: 8px 20px 0 0; z-index: 1; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .put-person { position: relative; margin-bottom: 24.51px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .put-person::after { content: ""; position: absolute; top: 0; right: 0px; width: 110px; height: 122px; background-image: url("/-/media/Member/images/common/2-P_TopPage/person.png"); } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-graph { font-size: 16px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 13px; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-images { display: flex; } .rd-chart-and-html .c-chart-html .c-chart-html-wrap .c-html .html-images img { height: 226px; width: auto; } .rd-chart-and-html .c-chart-html .c-chart-html-bottom { display: flex; justify-content: center; } .rd-chart-and-html .c-chart-html .c-chart-html-bottom .put-bottom { margin-right: 40px; } .rd-notice { margin-bottom: 40px; } .rd-notice .list-btn { display: flex; justify-content: center; } .rd-card-carousel { margin-bottom: 40px; } .rd-card-carousel .card-carousel { margin: 0 -20px; position: relative; } .rd-card-carousel .card-carousel .swiper-img-txt-card { width: 100%; padding: 20px; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper { display: flex; align-items: stretch; padding: 0; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide { display: inline-block; width: 282px; height: 298px; border-radius: 8px; border: 1px solid #cccccc; position: relative; text-decoration: none; margin-right: 18px; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .label-new { position: absolute; z-index: 2; top: -12px; left: -8px; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .label-industry { position: absolute; z-index: 1; top: 164px; left: -8px; background-color: #4182fa; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .label-industry::before { border-color: #0741db #0741db transparent transparent; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .image-box { width: 100%; height: 176px; border-radius: 8px 8px 0 0; overflow: hidden; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .image-box img { display: block; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .card-title { display: inline-block; font-size: 16px; font-weight: bold; color: #0066cc; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-left: 20px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 0; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide .card-text { display: inline-block; font-size: 16px; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0; margin-left: 20px; margin-right: 20px; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide:hover { text-decoration: none; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide:hover .image-box img { transform: scale(1.1); transition: 0.5s; } .rd-card-carousel .card-carousel .swiper-img-txt-card .swiper-wrapper a.swiper-slide:hover .image-box::before { content: ""; position: absolute; z-index: 1; width: 278px; height: 176px; border-radius: 8px 8px 0 0; background-color: #000000; opacity: 0.1; mix-blend-mode: multiply; } .rd-card-list { margin-bottom: 40px; } .rd-card-list .card-list { display: flex; margin-bottom: 40px; } .rd-card-list .card { display: inline-block; width: 282px; height: 330px; border-radius: 8px; border: 1px solid #cccccc; position: relative; text-decoration: none; margin-right: 18px; } .rd-card-list .card .label-new { position: absolute; z-index: 2; top: -12px; left: -8px; } .rd-card-list .card .image-box { width: 100%; height: 176px; border-radius: 8px 8px 0 0; overflow: hidden; } .rd-card-list .card .image-box img { display: block; } .rd-card-list .card .card-name { display: inline-block; font-size: 16px; font-weight: bold; color: #0066cc; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-left: 20px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 0; } .rd-card-list .card .card-title { display: inline-block; font-size: 14px; font-weight: bold; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-left: 20px; margin-bottom: 10px; padding-bottom: 0; } .rd-card-list .card .card-text { display: inline-block; font-size: 16px; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0; margin-left: 20px; margin-right: 20px; } .rd-card-list .card:hover { text-decoration: none; } .rd-card-list .card:hover .image-box img { transform: scale(1.1); transition: 0.5s; } .rd-card-list .card:hover .image-box::before { content: ""; position: absolute; z-index: 1; width: 280px; height: 176px; border-radius: 8px 8px 0 0; background-color: #000000; opacity: 0.1; mix-blend-mode: multiply; } .rd-card-list .card-list-btn { display: flex; justify-content: center; } .rd-graph .no-data { margin-bottom: 40px; margin-top: 18px; } .rd-graph input.hidebox { display: none; } .rd-graph #toggle-detail:not(:checked) ~ .chart-head .btn-weak.btn-medium-icon.icon-accordion::after { transform: rotate(180deg); transition: all 0.4s ease; } .rd-graph #toggle-detail:not(:checked) ~ .chart-detail { opacity: 0; animation: fadeOut 0.4s linear 0s forwards; } .rd-graph .content-chart { border: 1px solid #cccccc; border-radius: 8px; } .rd-graph .content-chart .chart-head { margin: 20px 40px; display: flex; align-items: center; justify-content: space-between; } .rd-graph .content-chart .chart-head .ch-select { display: flex; align-items: center; } .rd-graph .content-chart .chart-head .ch-select .ch-select-box { display: flex; align-items: center; } .rd-graph .content-chart .chart-head .ch-select .ch-select-box .chs-box-title { text-align: center; } .rd-graph .content-chart .chart-head .ch-select .ch-select-box .chs-box-options { margin: 0 40px 0 10px; display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } .rd-graph .content-chart .chart-head .ch-open { display: flex; -moz-column-gap: 10px; column-gap: 10px; } .rd-graph .content-chart .chart-head .ch-open .btn-weak::after { transition: all 0.4s ease; } .rd-graph .content-chart .chart-detail { border-top: 1px solid #cccccc; opacity: 1; animation: fadeIn 0.4s linear 0s; display: flex; flex-direction: column; } .rd-graph .content-chart .chart-detail .cd-view { padding: 20px 40px; display: flex; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select { padding-right: 60px; display: flex; flex-direction: column; row-gap: 20px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item { display: flex; align-items: center; -moz-column-gap: 30px; column-gap: 30px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .cdvs-item-title { width: 80px; font-size: 14px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item a.btn-modal { min-width: 190px; color: #333333; border-color: #cccccc; font-size: 16px; font-weight: 100; justify-content: space-between; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal { z-index: 3; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__header .modal__title { font-size: 28px; font-weight: bold; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__container { width: 960px; padding: 40px 32px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__close { padding: 8px; position: absolute; top: 8px; right: 8px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content { margin-top: 24px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content { display: flex; flex-direction: column; row-gap: 20px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item { display: flex; align-items: center; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item .ci-type { width: 180px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item .ci-type #view-point-one:disabled + label, .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item .ci-type #view-point-two:disabled + label, .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item .ci-type #view-point-three:disabled + label { color: #cccccc; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-point-modal-content .vpm-content-item .ci-info { margin-left: 20px; color: #888888; font-size: 14px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-counter { font-size: 0.8rem; color: #888888; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table { max-width: 1100px; margin-top: 16px; font-size: 14px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table { overflow: hidden; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table thead { display: block; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table thead th { padding: 4px; text-align: center; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table thead th:first-child { border-radius: 0; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table thead th:last-child { border-radius: 0; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table thead th .vpm-cth-sub { font-size: 12px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody { max-height: 420px; display: block; overflow-y: auto; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody::-webkit-scrollbar { width: 10px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 5px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td { padding: 8px 15px; border-bottom: none; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td:first-child { border-radius: 0; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td:last-child { border-radius: 0; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area { padding: 0; display: flex; align-items: center; justify-content: space-evenly; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area .select-field { width: 100%; padding: 11px 0; height: 100%; display: flex; justify-content: center; align-items: center; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area .select-field + .select-field { border-left: 1px solid #cccccc; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area .select-field-hide { display: none; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area .select-field .checkbox { padding: 0; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table tbody td.select-area .select-field .checkbox::before { position: initial; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(1), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(1) { min-width: 63px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(2), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(2) { min-width: 140px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(3), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(3) { min-width: 180px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(4), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(4) { min-width: 140px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(5), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(5) { min-width: 200px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table th:nth-child(6), .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-table table td:nth-child(6) { width: 999px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-operation { margin-top: 14px; display: flex; align-items: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-place-modal-content .vpm-content-operation .toggle-checkboxes-btn { color: #0066cc; margin-right: 22px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content { display: flex; flex-direction: column; row-gap: 20px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content .vrm-content-item { display: flex; align-items: center; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content .vrm-content-item .ci-type { width: 100px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content .vrm-content-item .ci-type-disabled { color: #cccccc; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content .vrm-content-item .ci-type-disabled + .ci-detail { color: #cccccc; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__content .view-range-modal-content .vrm-content-item .ci-detail { margin-left: 20px; display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-select .cdv-select-item .ch-modal .modal__footer { margin-top: 40px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option { display: flex; flex-direction: column; row-gap: 20px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item { display: flex; align-items: center; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-title { width: 100px; display: flex; align-items: center; font-size: 14px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input { display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 20px; column-gap: 20px; row-gap: 10px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item { display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item .checkbox { padding: 5px 10px; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-breakdown-price-adjustment:disabled, .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-breakdown-price-settlement:disabled { display: none; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-breakdown-price-adjustment:disabled + label, .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-breakdown-price-settlement:disabled + label { display: none; } .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-diff-one-year:disabled + label, .rd-graph .content-chart .chart-detail .cd-view .cd-view-option .cdv-option-item .oi-input .oi-input-item #view-diff-two-year:disabled + label { color: #cccccc; } .rd-graph .content-chart .chart-detail .cd-annotation { padding: 0 40px 20px 40px; font-size: 14px; } .rd-graph .content-chart .chart-detail .cd-operation { padding: 0 40px 20px 40px; display: flex; align-items: center; justify-content: flex-end; -moz-column-gap: 20px; column-gap: 20px; } .rd-graph .content-chart .chart-main { padding: 20px 40px; border-top: 1px solid #cccccc; } .rd-graph .content-chart .chart-main .chart-title { font-weight: bold; display: flex; align-items: center; justify-content: center; position: relative; } .rd-graph .content-chart .chart-main .chart-title .ct-scale { display: flex; align-items: center; position: absolute; left: 0; } .rd-graph .content-chart .chart-main .chart-title .ct-scale .icon-rich { width: 24px; height: 24px; background-size: 24px; } .rd-graph .content-chart .chart-main .chart-title .ct-scale .ct-scale-title { margin-left: 8px; } .rd-graph .content-chart .chart-main .chart-title .ct-kind { display: flex; align-items: center; } .rd-graph .content-chart .chart-main .chart-title .ct-kind .icon-rich { width: 40px; height: 40px; background-size: 40px; } .rd-graph .content-chart .chart-main .chart-title .ct-kind .ct-kind-title { font-size: 1.4rem; } .rd-graph .content-chart .chart-main .chart-content { margin: 0 20px; } .rd-graph .content-chart .chart-main .chart-content .ct-canvas { position: relative; } .rd-graph .content-chart .chart-main .chart-content .ct-canvas #graph-send-prev { position: absolute; top: 30%; left: -80px; } .rd-graph .content-chart .chart-main .chart-content .ct-canvas #graph-send-next { position: absolute; top: 30%; right: -80px; } .rd-graph .content-chart .chart-main .chart-content .ct-canvas .ct-canvas-graph { height: 300px; } .rd-graph .content-chart .chart-main .chart-content #chart-legend .graph-legend { display: flex; flex-wrap: wrap; } .rd-graph .content-chart .chart-main .chart-content #chart-legend .hide-legend { display: none; } .rd-graph .content-chart .chart-main .chart-content .chart-point { margin-top: 20px; font-size: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; } .rd-graph .content-chart .chart-main .chart-content .hide-legend-btn { width: 200px; margin: 0 auto; padding: 0px; } .rd-graph .content-chart .chart-main .chart-content .hide-legend-btn a { display: flex; justify-content: center; font-size: 14px; } .rd-graph .content-chart .chart-main .chart-content .disable { display: none; } .rd-graph .content-csv { margin-top: 56px; display: flex; align-items: center; justify-content: center; -moz-column-gap: 40px; column-gap: 40px; } .rd-graph .content-csv .csv-modal { z-index: 3; } .rd-graph .content-csv .csv-modal .modal__header .modal__title { font-size: 28px; font-weight: bold; } .rd-graph .content-csv .csv-modal .modal__content .csv-modal-content { margin-top: 16px; } .rd-graph .content-csv .csv-modal .modal__content .csv-modal-content .modal-content-range { margin-top: 24px; display: flex; align-items: center; -moz-column-gap: 16px; column-gap: 16px; } .rd-graph .content-csv .csv-modal .modal__content .csv-modal-content .modal-content-range .range-select { display: flex; align-items: center; -moz-column-gap: 16px; column-gap: 16px; } .rd-graph .content-csv .csv-modal .modal__footer { margin-top: 40px; } .rd-graph .content-table { margin-top: 56px; } .rd-graph .content-table .chart-data-table { height: 300px; overflow-y: hidden; position: relative; } .rd-graph .content-table .chart-data-table label.open-table-label { margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; } .rd-graph .content-table .chart-data-table .table-mask { width: 100%; height: 40px; position: absolute; bottom: 0px; background: transparent linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .rd-graph .content-table .chart-data-table table th { text-align: center; word-break: keep-all; overflow-wrap: anywhere; min-width: 100px; } .rd-graph .content-table .chart-data-table table td.td-label { text-align: center; min-width: 90px; } .rd-graph .content-table .chart-data-table table td { font-size: 14px; text-align: right; word-break: keep-all; overflow-wrap: anywhere; } .rd-graph .content-table #open-table:checked ~ .chart-data-table { height: auto; } .rd-graph .content-table #open-table:checked ~ .chart-data-table label.open-table-label { visibility: hidden; } .rd-graph .content-table #open-table:checked ~ .chart-data-table .table-mask { visibility: hidden; } .rd-graph .content-remarks { margin-top: 16px; font-size: 14px; } .rd-graph .disable-color { color: #cccccc; } .rd-price-and-used-chart .title-area { margin: 24px 0; font-size: 34px; font-weight: bold; } .rd-price-and-used-chart .info-area { margin-bottom: 40px; } .rd-price-and-used-chart .border { border-bottom: 1px solid #cccccc; height: 0; width: 100%; } .rd-price-and-used-chart .search { width: 100%; height: -moz-fit-content; height: fit-content; border-radius: 8px; border: 1px solid #cccccc; } .rd-price-and-used-chart .search .search-header { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .rd-price-and-used-chart .search .search-header .select-target-service { margin: 20px 0; display: flex; align-items: center; } .rd-price-and-used-chart .search .search-header .select-target-service .target, .rd-price-and-used-chart .search .search-header .select-target-service .service { display: flex; align-items: center; } .rd-price-and-used-chart .search .search-header .select-target-service .target .title, .rd-price-and-used-chart .search .search-header .select-target-service .service .title { margin-left: 40px; } .rd-price-and-used-chart .search .search-header .select-target-service .target .search-radio, .rd-price-and-used-chart .search .search-header .select-target-service .service .search-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; } .rd-price-and-used-chart .search .search-header .select-target-service .target .search-radio:checked + .search-label, .rd-price-and-used-chart .search .search-header .select-target-service .service .search-radio:checked + .search-label { border: 0px; background-color: #0066cc; color: #fff; } .rd-price-and-used-chart .search .search-header .select-target-service .target .search-label, .rd-price-and-used-chart .search .search-header .select-target-service .service .search-label { width: auto; height: 40px; margin-left: 20px; padding: 0 16px; background-color: #f5f5f5; color: #0066cc; border: 1px solid #cccccc; border-radius: 20px; font-weight: bold; display: flex; justify-content: center; align-items: center; } .rd-price-and-used-chart .search .search-header .select-target-service .target .search-label:hover, .rd-price-and-used-chart .search .search-header .select-target-service .service .search-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .rd-price-and-used-chart .search #open-detail-chk:not(:checked) ~ .detail { opacity: 0; height: 0px; visibility: hidden; transition: all 0.4s ease; } .rd-price-and-used-chart .search #open-detail-chk:not(:checked) ~ .detail table tr td { padding-top: 0px; transition: all 0.1s ease; } .rd-price-and-used-chart .search #open-detail-chk:not(:checked) ~ .border { display: none; transition: all 0.4s ease; } .rd-price-and-used-chart .search #open-detail-chk:checked ~ .detail { opacity: 1; height: 192px; visibility: visible; transition: all 0.1s ease; } .rd-price-and-used-chart .search #open-detail-chk:checked ~ .detail table tr td { padding-top: 24px; transition: all 0.4s ease; } .rd-price-and-used-chart .search #open-detail-chk:checked ~ .open-detail-label .icon { transform: rotate(180deg); } .rd-price-and-used-chart .search .open-detail-label { height: 40px; margin-right: 40px; padding: 0 12px; border: 1px solid #0066cc; border-radius: 6px; color: #0066cc; font-weight: bold; display: flex; justify-content: center; align-items: center; } .rd-price-and-used-chart .search .open-detail-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .rd-price-and-used-chart .search .open-detail-label .title { margin-right: 8px; } .rd-price-and-used-chart .search .open-detail-label .icon { width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; transition: transform 0.3s ease; } .rd-price-and-used-chart .search .detail table { font-size: 14px; border: none; } .rd-price-and-used-chart .search .detail table tr { display: table; width: 100%; } .rd-price-and-used-chart .search .detail table tr td { padding-top: 24px; padding-bottom: 0; padding-right: 0; padding-left: 0; border: none; } .rd-price-and-used-chart .search .detail table tr td.selectbox-category { width: 130px; padding-left: 32px; padding-right: 16px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell { width: 224px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell select { min-width: 170px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting { position: relative; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting #period-checkbox:not(:checked) ~ .period-card { visibility: hidden; opacity: 0; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-label { width: 160px; height: 32px; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 6px; color: #333333; position: relative; display: inline-block; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-label::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #0066cc; border-right: 2px solid #0066cc; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-card { width: 875px; height: 280px; background-color: #fff; transition: all 0.1s; position: absolute; top: 32px; left: 0; z-index: 99; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-card table tr { font-size: 16px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-card table tr td.title { width: 120px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .period-card table tr td.selector { display: flex; align-items: center; -moz-column-gap: 16px; column-gap: 16px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .place-label { width: auto; height: 32px; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 6px; color: #333333; position: relative; display: inline-block; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .place-label::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #0066cc; border-right: 2px solid #0066cc; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card { position: absolute; top: 32px; left: 0; z-index: 99; background-color: #fff; transition: all 0.1s; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card.period-card { width: 875px; height: 280px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card.achievement-card { width: 547px; height: 214px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card.achievement-card .achievement-explanation { color: #888888; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card.place-card { width: 960px; height: 867px; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .period-setting .card table tr { display: table-row; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting { position: relative; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting #achievement-checkbox:not(:checked) ~ .achievement-card { visibility: hidden; opacity: 0; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting .achievement-label { width: 160px; height: 32px; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 6px; color: #333333; position: relative; display: inline-block; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting .achievement-label::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #0066cc; border-right: 2px solid #0066cc; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting .achievement-card { width: 547px; height: 214px; position: absolute; top: 32px; left: 0; z-index: 99; background-color: #fff; transition: all 0.1s; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting .achievement-card .achievement-explanation { color: #888888; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .achievement-setting .achievement-card table tr { display: table-row; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting { position: relative; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting #place-checkbox:not(:checked) ~ .place-card { visibility: hidden; opacity: 0; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting .place-label { width: 160px; height: 32px; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 6px; color: #333333; position: relative; display: inline-block; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting .place-label::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #0066cc; border-right: 2px solid #0066cc; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting .place-card { width: 960px; height: 867px; position: absolute; top: 32px; left: 0; z-index: 99; background-color: #fff; transition: all 0.1s; } .rd-price-and-used-chart .search .detail table tr td.selectbox-cell .place-setting .place-card table tr { display: table-row; } .rd-price-and-used-chart .search .detail table tr .radiobtn-category { width: 100px; } .rd-price-and-used-chart .search .detail table tr input[type=radio] { margin-left: 20px; } .rd-price-and-used-chart .search .detail table tr:last-child td { padding-bottom: 24px; vertical-align: middle; } .rd-price-and-used-chart .search .detail table tr:last-child td:last-child { display: flex; } .rd-price-and-used-chart .search .detail table tr:last-child td:last-child .toggle-category { margin-right: 20px; } .rd-price-and-used-chart .search .detail table tr:last-child td:last-child li:nth-child(2) { margin-right: 32px; } .rd-price-and-used-chart .chart { height: 430px; padding-top: 20px; } .rd-price-and-used-chart .chart .chart-title { display: flex; font-weight: bold; margin-bottom: 13px; height: 40px; justify-content: center; } .rd-price-and-used-chart .chart .chart-title .scale { font-size: 16px; width: 246px; padding-left: 32px; background-repeat: no-repeat; background-position: top 4px left 0; line-height: 40px; } .rd-price-and-used-chart .chart .chart-title .chart-kind { width: auto; font-size: 20px; background-repeat: no-repeat; background-position: top 0 left 0; background-size: 40px; padding-left: 48px; line-height: 40px; } .rd-price-and-used-chart .chart .chart-title .period { width: 556px; font-size: 16px; line-height: 40px; } .rd-price-and-used-chart .chart .chart-content { height: 300px; width: 1064px; margin: 0 auto; } .rd-price-and-used-chart .chart #chart-legend { height: 55px; padding-top: 16px; } .rd-price-and-used-chart .chart #chart-legend ul li { height: 14px; } .rd-suggest { width: 100%; margin-bottom: 16px; background-color: #f1f6fc; } .rd-suggest .suggest-content { display: flex; margin: 39px auto 40px auto; } .rd-suggest .suggest-content .speech-bubble { width: 100%; height: 230px; margin-left: 40px; background-color: #fff; padding: 32px 89px 32px 32px; border-radius: 10px; position: relative; } .rd-suggest .suggest-content .speech-bubble::before { position: absolute; content: ""; width: 50px; height: 120px; top: 75px; left: -32px; z-index: 1; border-radius: 60px 0 0px 60px; box-shadow: inset -25px -50px 0px -15px #fff; } .rd-suggest .suggest-content .speech-bubble p.normal-text { margin-bottom: 16px; } .rd-suggest .suggest-content .speech-bubble p.emphasized-text { font-size: 18px; margin-bottom: 4px; } .rd-price-breakdown-table { padding-top: 40px; margin-bottom: 24px; } .rd-price-breakdown-table .btn-menu { display: flex; justify-content: center; margin-bottom: 56px; } .rd-price-breakdown-table .btn-menu a { margin-right: 40px; } .rd-price-breakdown-table #csv-open-radiobtn:not(:checked) ~ .csv-modal { visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; } .rd-price-breakdown-table .csv-modal { z-index: 9999; width: 100%; height: 100%; position: fixed; opacity: 1; visibility: visible; transition: opacity 0.3s ease-in-out; } .rd-price-breakdown-table .csv-modal-contents { width: 960px; height: 383px; border-radius: 8px; background-color: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 1; padding-left: 32px; } .rd-price-breakdown-table .csv-modal-contents .csv-close-label { background-position: top 0 right 0; background-repeat: no-repeat; width: 24px; height: 24px; display: block; margin: 16px 16px 0 auto; } .rd-price-breakdown-table .csv-modal-contents h1 { font-size: 28px; margin-bottom: 16px; } .rd-price-breakdown-table .csv-modal-contents p.normal-text { margin-bottom: 8px; } .rd-price-breakdown-table .csv-modal-contents p.remarks-text { margin-bottom: 27px; } .rd-price-breakdown-table .csv-modal-contents ul { display: flex; margin-bottom: 60px; } .rd-price-breakdown-table .csv-modal-contents ul li { margin-right: 16px; } .rd-price-breakdown-table .csv-modal-contents ul li:first-child, .rd-price-breakdown-table .csv-modal-contents ul li:nth-child(3) { padding-top: 9px; } .rd-price-breakdown-table .csv-modal-contents .submit-hover { position: relative; width: 320px; height: 60px; margin: 0 auto; display: block; } .rd-price-breakdown-table .csv-modal-contents .submit-hover:hover::before { content: ""; width: 320px; height: 60px; border-radius: 8px; background-color: #000000; position: absolute; top: 0; left: 0; opacity: 0.1; mix-blend-mode: multiply; z-index: 3; cursor: pointer; } .rd-price-breakdown-table .csv-modal-contents .submit-hover .csv-close-btn { z-index: 1; } .rd-price-breakdown-table .screen { position: fixed; background-color: #000000; opacity: 0.3; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; opacity: 0.3; } .rd-price-breakdown-table table { text-align: center; } .rd-price-breakdown-table th.rowspan-left { border-right: 1px solid #cccccc; } .rd-price-breakdown-table .accordion { position: relative; margin-bottom: 32px; } .rd-price-breakdown-table .accordion .gradient { position: absolute; bottom: 0px; width: 100%; height: 112px; background: transparent linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); visibility: hidden; z-index: 1; } .rd-price-breakdown-table .accordion #open-table-checkbox:not(:checked) ~ .table-view { height: 350px; overflow-y: hidden; transition: all 0.4s ease; } .rd-price-breakdown-table .accordion #open-table-checkbox:not(:checked) ~ .open-table-label { visibility: visible; transition: all 0.4s ease; } .rd-price-breakdown-table .accordion #open-table-checkbox:not(:checked) ~ .gradient { visibility: visible; } .rd-price-breakdown-table .accordion .open-table-label { padding: 19px 104px 17px 104px; position: absolute; bottom: 0; z-index: 2; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); visibility: hidden; } .rd-price-breakdown-table p.remarks-text:first-child { margin-bottom: 8px; } .rd-related-link .faq-link { position: absolute; right: 20px; bottom: 25px; font-size: 16px; } .rd-local-navigation { width: 100%; height: 60px; background-color: #f2f7fd; border-top: 1px solid #cccccc; position: relative; display: flex; justify-content: center; align-items: center; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843) inset; } .rd-local-navigation .local-nav ul { display: flex; margin: 0 auto; text-align: left; padding: 14px 0; width: 1200px; } .rd-local-navigation .local-nav ul li { position: relative; padding-left: 24px; padding-right: 24px; } .rd-local-navigation .local-nav ul li:first-child { padding-left: 27px; } .rd-local-navigation .local-nav ul li:not(:last-child)::after { position: absolute; top: 7px; right: 0px; content: ""; width: 1px; height: 50%; background-color: #cccccc; } .rd-faq-list h1 { margin: 40px 0; } .rd-faq-list .anker-links { margin-bottom: 40px; display: flex; align-items: center; justify-content: flex-start; -moz-column-gap: 40px; column-gap: 40px; } .rd-faq-list .search-word { position: relative; width: -moz-fit-content; width: fit-content; margin-bottom: 20px; margin-top: 40px; } .rd-faq-list .search-word input.search-input { width: 400px; height: 32px; border-radius: 4px; border: 1px solid #cccccc; padding: 6px 38px 5px 11px; font-size: 14px; } .rd-faq-list .search-word input.search-input::-moz-placeholder { font-size: 14px; } .rd-faq-list .search-word input.search-input::placeholder { font-size: 14px; } .rd-faq-list .search-word input.search-btn { border: none; outline: none; width: 24px; height: 24px; position: absolute; top: 4px; right: 8px; background: url("/-/media/Member/images/common/icon/icon_search.svg") no-repeat; cursor: pointer; } .rd-faq-list .search-word input.search-btn:hover { position: absolute; top: 1px; transition: 0.1s; } .rd-faq-list .search-result { height: 24px; margin-bottom: 36px; display: block; } .rd-faq-list h2 { margin-bottom: 55px; } .rd-faq-list .faq-list { margin-bottom: 80px; } .rd-faq-list a.question { margin-bottom: 16px; display: flex; } .rd-faq-list a.question .icon-rich { width: 32px; height: 32px; background-size: 32px; margin-right: 8px; } .rd-faq-list a.question .question-text { display: inline-block; max-width: 1160px; font-size: 16px; padding-top: 4px; padding-bottom: 4px; } .rd-faq-list .faq-not-matched-area { margin-bottom: 80px; } .rd-faq-list .faq-not-matched-area .faq-not-matched-hint-area { display: flex; } .rd-faq-list .faq-not-matched-area .faq-not-matched-hint-area .faq-not-matched-hint-list { margin-left: 8px; } .rd-faq-list .faq-not-matched-area .faq-not-matched-hint-area .faq-not-matched-hint { line-height: 24px; } .rd-faq-list .faq-list-link { margin-top: -24px; display: flex; justify-content: center; } .rd-faq-list .icon-arrow::after { margin-left: 8px; } .rd-faq-detail .question { display: flex; margin-top: 40px; margin-bottom: 40px; } .rd-faq-detail .question .icon-rich-q { margin-right: 16px; } .rd-faq-detail .question .question-title { max-width: 1128px; font-size: 28px; font-weight: bold; line-height: 32px; display: inline-block; margin-top: 8px; margin-bottom: 6px; padding-top: 5px; padding-bottom: 5px; } .rd-faq-detail .answer { display: flex; margin-bottom: 24px; } .rd-faq-detail .answer .icon-rich-a { margin-right: 16px; } .rd-faq-detail .answer .free-contents { margin-bottom: 32px; } .rd-faq-detail .answer ul li { line-height: 24px; width: 1128px; } .rd-faq-detail .answer ul li:first-child { margin-top: 16px; } .rd-faq-detail .answer ul li .answer-title { font-size: 18px; font-weight: bold; display: flex; margin-bottom: 12px; } .rd-faq-detail .answer ul li .answer-title .number { color: #ff7900; font-size: 20px; font-weight: bold; margin-right: 10px; } .rd-faq-detail .answer ul li .answer-detail { font-size: 16px; margin-bottom: 32px; } .rd-faq-detail .answer ul li .image-box { width: 450px; height: 300px; margin: 0 auto; margin-bottom: 32px; } .rd-faq-detail .answer ul li .image-box img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .rd-faq-detail .answer ul li .link { line-height: 19px; margin-bottom: 32px; } .rd-faq-detail a.btn-weak { margin: 0 auto; } .rd-service-manual-list .page-title { margin: 40px 0; display: flex; align-items: baseline; } .rd-service-manual-list .anker-links { margin-bottom: 80px; display: flex; align-items: center; justify-content: flex-start; -moz-column-gap: 40px; column-gap: 40px; } .rd-service-manual-list .icon-arrow::after { margin-left: 8px; } .rd-service-manual-list h2 { margin-bottom: 55px; } .rd-service-manual-list .service-manual-list { margin-bottom: 80px; } .rd-service-manual-list ul.manual-item { margin-bottom: 25px; display: flex; -moz-column-gap: 16px; column-gap: 16px; } .rd-service-manual-list ul.manual-item li { height: 24px; display: flex; align-items: center; justify-content: center; } .rd-service-manual-list ul.manual-item li.manual-label { width: 108px; height: 24px; font-size: 14px; text-align: center; border: 1px solid #cccccc; } .rd-service-manual-list ul.manual-item li.manual-text a.manual { max-width: 1160px; font-size: 16px; display: flex; } .rd-service-manual-list ul.manual-item li.manual-text a.manual .icon-pdf::after { margin-left: 10px; } .rd-service-manual-list .no-service-manual-text { margin-bottom: 80px; } .rd-service-manual-list .service-manual-link { margin-top: -24px; display: flex; justify-content: center; } .rd-contact .description { margin-bottom: 16px; font-size: 16px; } .rd-contact .card-list-btn { margin-top: 40px; display: flex; justify-content: left; } .rd-contact .contact-content .title { margin-top: 64px; } .rd-contact .contact-content p.contact-description { margin-top: 24px; } .rd-contract-detail-gas-large .page-top .description { margin-bottom: 16px; } .rd-contract-detail-gas-large .page-top .list { position: relative; margin-bottom: 64px; } .rd-contract-detail-gas-large .page-top .list li:not(:last-child) { margin-bottom: 8px; } .rd-contract-detail-gas-large .page-top .list li .label { margin-right: 16px; } .rd-contract-detail-gas-large .page-top .list li .text-bold { font-weight: bold; } .rd-contract-detail-gas-large .page-top .list .contract-point-info { line-height: 1.3em; } .rd-contract-detail-gas-large .page-top .list .put-table { position: absolute; right: 0; bottom: 0; } .rd-contract-detail-gas-large .page-top .list .put-graph { position: absolute; right: 52px; bottom: 0; } .rd-contract-detail-gas-large .service-tab { justify-content: space-between; } .rd-contract-detail-gas-large .service-tab a:hover { text-decoration: none; } .rd-contract-detail-gas-large .download-table { margin-top: 16px; font-size: 14px; margin-bottom: 22px; } .rd-contract-detail-gas-large .download-table .checkbox-field { width: 57px; } .rd-contract-detail-gas-large .download-table .checkbox-field .checkbox { padding: 0; } .rd-contract-detail-gas-large .download-table .upload-date-field { width: 299px; } .rd-contract-detail-gas-large .download-table tr th { height: 48px; text-align: center; padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large .download-table tr td { height: 40px; padding: 0 16px; } .rd-contract-detail-gas-large .all-checkbox-switch { margin-bottom: 40px; } .rd-contract-detail-gas-large .all-checkbox-switch .toggle-checkboxes-btn { color: #0066cc; margin-right: 22px; } .rd-contract-detail-gas-large .download-btn { margin: 0 auto; } .rd-contract-detail-gas-large .download-btn input { width: 100%; height: 100%; } .rd-contract-detail-gas-large-meter .meter-content .title { margin-top: 56px; margin-bottom: 32px; } .rd-contract-detail-gas-large-meter .meter-content .font-large { font-size: 18px; font-weight: bold; } .rd-contract-detail-gas-large-meter .meter-content .display-period { width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between; } .rd-contract-detail-gas-large-meter .meter-content .display-period .text { font-size: 14px; margin-right: 16px; } .rd-contract-detail-gas-large-meter .meter-content .display-period .selectbox select { padding-right: 50px; height: 40px; width: 160px; font-size: 16px; line-height: 1.8; } .rd-contract-detail-gas-large-meter .meter-content .display-period .selectbox select:has(option[value=""]:checked:first-child), .rd-contract-detail-gas-large-meter .meter-content .display-period .selectbox select:has(option:not([value]):checked:first-child) { font-weight: normal; color: #333333; } .rd-contract-detail-gas-large-meter .meter-content .display-period .selectbox select:invalid { color: #333333; } .rd-contract-detail-gas-large-meter .meter-content .display-period .selectbox select option { color: #333333; } .rd-contract-detail-gas-large-meter .meter-content .display-period .btn-list { display: flex; } .rd-contract-detail-gas-large-meter .meter-content table tr > * { padding-top: 10px; padding-bottom: 9px; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table { margin-bottom: 32px; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:first-child th:first-child { width: 120px; border-radius: 8px 0 0 8px; font-size: 16px; font-weight: bold; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:first-child th:not(:first-child) { width: 200px; font-size: 14px; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:first-child td:first-child { width: 279px; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:first-child td:not(:first-child) { font-size: 14px; } .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:not(:first-child) th, .rd-contract-detail-gas-large-meter .meter-content .year-month-table tr:not(:first-child) td { font-size: 14px; } .rd-contract-detail-gas-large-meter .meter-content .usage-table { margin-bottom: 32px; } .rd-contract-detail-gas-large-meter .meter-content .usage-table tr th { width: 240px; font-size: 16px; } .rd-contract-detail-gas-large-meter .meter-content .usage-table tr td { text-align: right; width: 360px; font-size: 18px; } .rd-contract-detail-gas-large-meter .meter-content .usage-table tr > * { padding-top: 28px; padding-bottom: 26px; font-weight: bold; } .rd-contract-detail-gas-large-meter .meter-content .reference-table { margin-top: 16px; margin-bottom: 32px; } .rd-contract-detail-gas-large-meter .meter-content .reference-table tr th { width: 240px; } .rd-contract-detail-gas-large-meter .meter-content .reference-table tr td { text-align: right; width: 360px; font-size: 14px; } .rd-contract-detail-gas-large-meter .meter-content .customer-table { width: 590px; height: 40px; margin-bottom: 40px; } .rd-contract-detail-gas-large-meter .meter-content .customer-table th { width: 240px; } .rd-contract-detail-gas-large-meter .meter-content .customer-table td { font-size: 14px; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table { margin-top: 16px; margin-bottom: 40px; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table .pascal-column { width: 100px; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table .month-usage { width: 320px; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table .text-center { text-align: center; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table .text-right { text-align: right; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table tr:nth-child(odd) { background-color: #f5f5f5; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table tr th { height: 48px; text-align: center; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table tr td { height: 40px; } .rd-contract-detail-gas-large-meter .meter-content .using-detail-table tr > * { font-size: 14px; padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large-meter .meter-content .undecided-message { margin: 30px 0; } .rd-contract-detail-gas-large-breakdown .fee-content .title { margin-top: 56px; margin-bottom: 32px; } .rd-contract-detail-gas-large-breakdown .fee-content .text { display: inline-block; font-size: 16px; color: #333333; margin-right: 16px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period { width: 1200px; position: relative; margin-bottom: 20px; display: flex; align-items: center; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .text { font-size: 14px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .selectbox select { padding-right: 50px; height: 40px; width: 160px; font-size: 16px; line-height: 1.8; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .selectbox select:has(option[value=""]:checked:first-child), .rd-contract-detail-gas-large-breakdown .fee-content .display-period .selectbox select:has(option:not([value]):checked:first-child) { font-weight: normal; color: #333333; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .selectbox select:invalid { color: #333333; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .selectbox select option { color: #333333; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .btn-list { position: absolute; right: 0; display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-period .contract-pdf-btn { padding: 9px 12px !important; font-size: 16px; font-weight: bold; } .rd-contract-detail-gas-large-breakdown .fee-content .customer-table { width: 590px; height: 40px; margin-bottom: 40px; } .rd-contract-detail-gas-large-breakdown .fee-content .customer-table tr > * { font-size: 14px; height: 40px; padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large-breakdown .fee-content .customer-table th { width: 240px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table { display: flex; justify-content: space-between; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table table { width: 590px; height: 80px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table table tr > * { padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .year-month-table { margin-bottom: 32px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .year-month-table table tr > * { padding: 0 20px 0 20px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .year-month-table table th { width: 240px; font-size: 16px; font-weight: bold; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .year-month-table table td { font-size: 18px; font-weight: bold; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .price-table { margin-bottom: 32px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .price-table table tr > * { padding: 0 20px 0 20px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .price-table table th { width: 240px; font-size: 16px; font-weight: bold; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .price-table table td { font-size: 18px; font-weight: bold; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .detail-table table tr { height: 40px; font-size: 14px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .detail-table table tr th { width: 240px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .billing-amount-table { margin-bottom: 40px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .billing-amount-table p.normal-text { margin-bottom: 16px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table th { height: 48px; text-align: center; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table tr { height: 40px; font-size: 14px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table td { width: 180px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table .fee-label { width: 48px; border-radius: 0 0 0 8px; padding: 0 16px 0 16px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table p.normal-text { margin-bottom: 7px; } .rd-contract-detail-gas-large-breakdown .fee-content .display-table .consignment-fee-table p.remarks-text { padding-left: 14px; margin-bottom: 20px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table { margin-bottom: 40px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table tr { font-size: 14px; height: 40px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table th { text-align: center; padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table td { padding-top: 0; padding-bottom: 0; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .gray-category { background-color: #f5f5f5; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .small-category-name { padding-left: 60px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .medium-category-name { padding-left: 40px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .price-breakdown { width: 300px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .price-amount { width: 200px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table p.normal-text { margin-bottom: 8px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .display-table { justify-content: left; margin-bottom: 8px; } .rd-contract-detail-gas-large-breakdown .fee-content .fee-detail-table .display-table p.normal-text { margin-right: 16px; } .rd-contract-detail-gas-large-breakdown .fee-content .price-cell { text-align: right; } .rd-contract-detail-gas-large-breakdown .fee-content .undecided-message { margin: 30px 0; } .rd-contract-detail-gas-large-contract .contract-content .title { margin-top: 56px; margin-bottom: 24px; } .rd-contract-detail-gas-large-contract .contract-content p.content-description { margin-bottom: 40px; } .rd-contract-detail-gas-large-contract .contract-content .btn-list { display: flex; justify-content: center; margin-bottom: 56px; gap: 40px; } .rd-supply-conditions-gas-large { margin-top: 40px; } .rd-supply-conditions-gas-large .supply-condition { margin-top: 40px; margin-bottom: 56px; } .rd-supply-conditions-gas-large .supply-condition .pdf-items-list { margin-top: 55px; display: flex; flex-direction: column; gap: 8px; } .rd-supply-conditions-gas-large .supply-condition .no-data { margin-top: 55px; } .rd-supply-conditions-gas-large .back-area { display: flex; justify-content: center; } .rd-notice-list .default-tab { margin-top: 24px; margin-bottom: 40px; flex-wrap: nowrap; } .rd-notice-list .default-tab .default-label { width: 100%; margin: 0; } .rd-notice-list .default-tab .default-label:hover { text-decoration: none; } .rd-notice-list .default-tab .default-label.active { color: #fff; background-color: #0066cc; } .rd-notice-list .view-rule { display: flex; align-items: center; } .rd-notice-list .view-rule .view-rule-label { margin-right: 16px; font-size: 14px; } .rd-notice-list .view-rule .view-rule-select { margin-right: 40px; } .rd-notice-list .view-rule .view-rule-select .selectbox select { padding-top: 0; padding-bottom: 0; width: 160px; height: 40px; display: flex; align-items: center; } .rd-notice-list .pagination-items { justify-content: center; } .rd-notice-list .no-info-text { font-size: 18px; margin-top: 30px; } .rd-info-detail .title { margin-top: 27px; margin-bottom: 16px; font-size: 28px; font-weight: bold; } .rd-info-detail .sub-info { padding-bottom: 24px; display: flex; justify-content: flex-start; border-bottom: 1px solid #cccccc; } .rd-info-detail .sub-info .date { font-size: 14px; color: #888888; margin-right: 16px; } .rd-info-detail .sub-info .label { width: 178px; font-size: 14px; text-align: center; border: 1px solid #cccccc; } .rd-info-detail .text-detail { margin-top: 40px; font-size: 16px; } .rd-info-detail ul.text-link { margin-top: 32px; } .rd-info-detail ul.text-link li:not(:first-child) { margin-top: 16px; } .rd-info-detail .img-items { margin-top: 40px; display: flex; justify-content: center; flex-wrap: wrap; gap: 40px 40px; } .rd-info-detail .img-items .img-box { width: 400px; } .rd-info-detail .img-items .img-box img { width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; margin-bottom: 16px; } .rd-info-detail .img-items .img-box .img-text { font-size: 14px; text-align: left; } .rd-info-detail .img-items .img-box:last-child:nth-child(n+2):nth-child(odd) { margin-right: 440px; } .rd-info-detail .info-table { margin-top: 40px; font-size: 14px; } .rd-info-detail .info-table th { text-align: center; } .rd-info-detail .info-table td.left { text-align: left; } .rd-info-detail .info-table td.center { text-align: center; } .rd-info-detail .info-table td.right { text-align: right; } .rd-info-detail .info-list-btn { margin-top: 40px; display: flex; justify-content: center; } .rd-settings { padding-top: 40px; } .rd-settings .page-title { display: flex; align-items: baseline; } .rd-settings .page-description { padding-top: 32px; } .rd-settings .page-annotation { margin-left: 24px; } .rd-settings .title-label { display: flex; align-items: baseline; font-weight: bold; } .rd-settings .title-label p { font-size: 14px; } .rd-settings .title { margin-right: 24px; } .rd-settings .info-area { margin-top: 13px; } .rd-settings .settings-block:not(:first-child) { margin-top: 48px; } .rd-settings .settings-list { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 24px; } .rd-settings .settings-list a.settings-card { width: 32%; padding: 20px; border: 1px solid #cccccc; border-radius: 8px; background-color: #fff; } .rd-settings .settings-list a.settings-card:hover { text-decoration: none; filter: brightness(90%); } .rd-settings .settings-list a.settings-card .card-icon { text-align: center; margin: 10px auto; } .rd-settings .settings-list a.settings-card .card-icon .icon-rich { width: 74px; height: 74px; text-decoration: none; background-repeat: no-repeat; background-size: 74px; display: inline-block; } .rd-settings .settings-list a.settings-card .card-title-flex { display: flex; justify-content: center; margin-bottom: 16px; align-items: center; } .rd-settings .settings-list a.settings-card .card-title-flex .title-spacer-left { flex: 1 1 0; } .rd-settings .settings-list a.settings-card .card-title-flex .card-title-wrap { max-width: 70%; } .rd-settings .settings-list a.settings-card .card-title-flex .card-title-wrap .card-title { text-align: center; font-size: 18px; font-weight: bold; color: #0066cc; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .rd-settings .settings-list a.settings-card .card-title-flex .title-spacer-right { flex: 1 1 0; } .rd-settings .settings-list a.settings-card .card-title-flex .title-spacer-right .badge-label { display: block; position: relative; text-align: center; margin-left: 15px; } .rd-settings .settings-list a.settings-card .card-title-flex .title-spacer-right .badge-label-2 { display: block; position: relative; text-align: center; margin-left: 15px; } .rd-settings .settings-list a.settings-card .card-text { width: 100%; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 10px; } .rd-settings .settings-list a.settings-card .card-text .remarks-text { margin-top: 8px; } .rd-settings .settings-list a.panel-disabled { pointer-events: none; background-color: #cccccc; color: #cccccc; border: 1px solid #cccccc; } .rd-name-change .centering { text-align: center; } .rd-name-change input { font-size: 16px; } .rd-name-change input::-moz-placeholder { font-size: 16px; } .rd-name-change input::placeholder { font-size: 16px; } .rd-name-change .checkbox { width: 24px; padding: 0px; } .rd-name-change .page-description { margin-bottom: 40px; } .rd-name-change .page-description .remarks-text { margin-top: 16px; } .rd-name-change .search-conditions { border: 1px solid #cccccc; box-sizing: border-box; border-radius: 8px; padding: 24px 20px; margin-bottom: 28px; } .rd-name-change .search-conditions .condition-row { display: flex; flex-direction: row; align-items: center; } .rd-name-change .search-conditions .condition-row .condition-title-label { font-size: 14px; min-width: 136px; } .rd-name-change .search-conditions .condition-row input[type=text] { min-width: 560px; padding: 8px 11px; } .rd-name-change .search-conditions .condition-row .checkboxes-wrap { display: flex; flex-direction: row; gap: 20px; } .rd-name-change .search-conditions .condition-row .spacer { flex-grow: 1; } .rd-name-change .search-conditions .condition-row .one-time-selection { display: flex; flex-direction: row; gap: 20px; } .rd-name-change .search-conditions .stable-conditions-box { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px; } .rd-name-change .search-conditions .collapsible-conditions-box { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px; max-height: 200px; transition: max-height 350ms linear; } .rd-name-change .search-conditions .collapsible-conditions-box .created-at-select-row .date-pickers { display: flex; flex-direction: row; gap: 24px; align-items: center; } .rd-name-change .search-conditions .collapsible-conditions-box.collapsed { overflow: hidden; max-height: 0; transition: max-height 350ms linear; } .rd-name-change .search-conditions .rule { max-height: 0; border-bottom: 1px solid #cccccc; margin-bottom: 24px; } .rd-name-change .search-conditions .collapse-button-row { display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 24px; } .rd-name-change .search-conditions .collapse-button-row #collapseToggleButton .expanded-text { display: inline; } .rd-name-change .search-conditions .collapse-button-row #collapseToggleButton .collapsed-text { display: none; } .rd-name-change .search-conditions .collapse-button-row #collapseToggleButton.collapsed .expanded-text { display: none; } .rd-name-change .search-conditions .collapse-button-row #collapseToggleButton.collapsed .collapsed-text { display: inline; } .rd-name-change .search-conditions .reset-and-search-row { display: flex; flex-direction: row; justify-content: flex-end; gap: 20px; } .rd-name-change .operation-buttons { display: flex; flex-direction: row; gap: 20px; margin-bottom: 28px; } .rd-name-change .selected-counts-display-row { font-size: 14px; color: #888888; margin-bottom: 28px; } .rd-name-change .name-change-table-area { max-width: 100%; overflow-x: auto; padding-bottom: 16px; scrollbar-width: 8px; margin-bottom: 16px; } .rd-name-change .name-change-table-area table th, .rd-name-change .name-change-table-area table td { white-space: nowrap; } .rd-name-change .name-change-table-area table th { padding: 8px 20px; } .rd-name-change .name-change-table-area table .icon-btn { display: inline-flex; vertical-align: middle; margin-left: 8px; } .rd-name-change .name-change-table-area table .icon-sort::after { background-color: #0066cc; } .rd-name-change .gray-out { color: #cccccc; } .rd-name-change .one-time-selection-row { display: flex; flex-direction: row; gap: 20px; margin-bottom: 20px; } .rd-name-change .pagination-row { display: flex; flex-direction: row; justify-content: center; } .rd-leave-request .leave-request-status { margin-top: 16px; margin-bottom: 64px; padding-top: 16px; } .rd-leave-request .explain-title { margin-bottom: 36px; } .rd-leave-request .leave-reason-title { margin-bottom: 32px; } .rd-leave-request .info-table th { width: 240px; padding: 16px; } .rd-leave-request .explain-info { margin-bottom: 67px; } .rd-leave-request .explain-info td { padding: 24px 20px; } .rd-leave-request .leave-info { margin-bottom: 56px; } .rd-leave-request .leave-info td { padding: 24px; } .rd-leave-request .info-area { margin-bottom: 39px; } .rd-leave-request .leave-reason-list { display: block; } .rd-leave-request .leave-reason-list li { margin-bottom: 24px; line-height: 1.5em; } .rd-leave-request .leave-reason-list li .leave-reason-item { display: flex; align-items: center; } .rd-leave-request .leave-reason-list li .checkbox { padding: 5px 16px; } .rd-leave-request textarea { background-color: #fff; border-radius: 4px; padding: 8px 11px; border: 1px solid #cccccc; color: #333333; resize: vertical; } .rd-leave-request textarea::-moz-placeholder { color: #aaaaaa; } .rd-leave-request textarea::placeholder { color: #aaaaaa; } .rd-leave-request textarea:disabled { border: 1px solid #e4e4e4; color: #e4e4e4; } .rd-leave-request textarea:disabled::-moz-placeholder { color: #e4e4e4; } .rd-leave-request textarea:disabled::placeholder { color: #e4e4e4; } .rd-leave-request textarea:invalid:focus + p { opacity: 1; } .rd-leave-request textarea.free-text-reason { width: 880px; height: 100px; } .rd-leave-request .regist-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; } .rd-leave-request .regist-area #reason-confirm-btn { transition: 0.3s; } .rd-leave-request-confirm .leave-request-status { margin-top: 12px; margin-bottom: 40px; padding-top: 16px; } .rd-leave-request-confirm .leave-request-explain { margin-bottom: 40px; } .rd-leave-request-confirm .info-table { margin-bottom: 56px; } .rd-leave-request-confirm .info-table th { width: 240px; padding: 20px; } .rd-leave-request-confirm .info-table td { padding: 18px; } .rd-leave-request-confirm .regist-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; } .rd-leave-request-confirm .regist-area #leave-btn { transition: 0.3s; } .rd-leave-request-complete .leave-request-status { margin-top: 12px; margin-bottom: 40px; padding-top: 16px; } .rd-leave-request-complete .leave-request-explain { margin-bottom: 76px; } .rd-leave-request-complete .return-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; } .rd-email-receive-settings .settings-status { margin-bottom: 40px; padding-top: 16px; } .rd-email-receive-settings .info-area { margin-bottom: 40px; } .rd-email-receive-settings .mail-explain { margin-bottom: 16px; } .rd-email-receive-settings .news-receive-table { margin-bottom: 56px; } .rd-email-receive-settings .news-receive-table:last-of-type { margin-bottom: 40px; } .rd-email-receive-settings .news-receive-table.mail-sample { margin-top: 32px; } .rd-email-receive-settings .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-email-receive-settings .regist-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-email-receive-settings .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-email-receive-settings .regist-area .margin-right { margin-right: 40px; } .rd-email-receive-settings .regist-area #mail-confirm-btn { transition: 0.3s; } .rd-email-receive-settings .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-email-receive-settings .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-email-receive-settings-confirm .settings-status { margin-bottom: 40px; padding-top: 16px; } .rd-email-receive-settings-confirm .info-area { margin-bottom: 40px; } .rd-email-receive-settings-confirm .mail-explain { margin-bottom: 16px; } .rd-email-receive-settings-confirm .news-receive-table { margin-bottom: 56px; } .rd-email-receive-settings-confirm .news-receive-table:last-of-type { margin-bottom: 40px; } .rd-email-receive-settings-confirm .news-receive-table.mail-sample { margin-top: 32px; } .rd-email-receive-settings-confirm .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-email-receive-settings-confirm .regist-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-email-receive-settings-confirm .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-email-receive-settings-confirm .regist-area .margin-right { margin-right: 40px; } .rd-email-receive-settings-confirm .regist-area #mail-confirm-btn { transition: 0.3s; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-email-receive-settings-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-email-receive-settings-confirm table.mail-sample tr th { font-size: 16px; min-width: 280px; word-break: keep-all; } .rd-email-receive-settings-confirm .account-info-table { margin-bottom: 56px; } .rd-email-receive-settings-confirm .account-info-table:last-of-type { margin-bottom: 40px; } .rd-email-receive-settings-confirm .account-info-table.mail-sample { margin-top: 32px; } .rd-email-receive-settings-complete .settings-status { margin-bottom: 40px; padding-top: 16px; } .rd-email-receive-settings-complete .info-area { margin-bottom: 40px; } .rd-email-receive-settings-complete .mail-explain { margin-bottom: 16px; } .rd-email-receive-settings-complete .news-receive-table { margin-bottom: 56px; } .rd-email-receive-settings-complete .news-receive-table:last-of-type { margin-bottom: 40px; } .rd-email-receive-settings-complete .news-receive-table.mail-sample { margin-top: 32px; } .rd-email-receive-settings-complete .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-email-receive-settings-complete .regist-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-email-receive-settings-complete .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-email-receive-settings-complete .regist-area .margin-right { margin-right: 40px; } .rd-email-receive-settings-complete .regist-area #mail-confirm-btn { transition: 0.3s; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-email-receive-settings-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-user-attribute .link-area { display: flex; align-items: center; -moz-column-gap: 40px; column-gap: 40px; } .rd-user-attribute h2.table-title { margin-bottom: 40px; margin-top: 80px; } .rd-user-attribute h2#member-user { margin-bottom: 40px; margin-top: 64px; } .rd-user-attribute .account-info-table { margin-bottom: 40px; } .rd-user-attribute .change-area { display: flex; align-items: center; justify-content: center; } .rd-user-attribute .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-heading-user-info { margin-top: 32px; font-size: 28px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .rd-login-form .login-form { width: 720px; margin: 0 auto; background-color: #fff; display: flex; flex-wrap: wrap; } .rd-login-form .login-form #tab-login:not(:checked) ~ .login-content { display: none; } .rd-login-form .login-form #tab-signup:not(:checked) ~ .signup-content { display: none; } .rd-login-form .login-form label.tab-label { width: 50%; height: 56px; margin: 0; display: flex; justify-content: center; align-items: center; } .rd-login-form .login-form .login-content, .rd-login-form .login-form .signup-content { width: 100%; height: auto; padding: 40px 24px 0 24px; border: 1px solid #cccccc; border-top: none; border-radius: 0 0 8px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rd-login-form .login-form .login-content .text-area, .rd-login-form .login-form .signup-content .text-area { margin-bottom: 24px; font-size: 16px; text-align: center; } .rd-login-form .login-form .login-content .input-area, .rd-login-form .login-form .signup-content .input-area { width: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .rd-login-form .login-form .login-content .input-area input[type=text], .rd-login-form .login-form .signup-content .input-area input[type=text] { width: 100%; height: 40px; padding-left: 16px; margin-bottom: 20px; } .rd-login-form .login-form .login-content .input-area input[type=text].error, .rd-login-form .login-form .signup-content .input-area input[type=text].error { background-color: #feedee; } .rd-login-form .login-form .login-content .input-area input[type=text] + input[type=text], .rd-login-form .login-form .signup-content .input-area input[type=text] + input[type=text] { margin-bottom: 40px; } .rd-login-form .login-form .login-content .input-area input[type=submit], .rd-login-form .login-form .signup-content .input-area input[type=submit] { cursor: pointer; } .rd-login-form .login-form .login-content .input-area .register-link, .rd-login-form .login-form .signup-content .input-area .register-link { margin-bottom: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .rd-login-form .login-form .login-content .input-area .register-link .btn-large, .rd-login-form .login-form .signup-content .input-area .register-link .btn-large { margin-bottom: 20px; } .rd-login-form .login-form .login-content .input-area .register-link ul.disc-list a:hover, .rd-login-form .login-form .signup-content .input-area .register-link ul.disc-list a:hover { text-decoration: none; } .rd-login-form .login-form .login-content .text-line, .rd-login-form .login-form .signup-content .text-line { width: 500px; margin-bottom: 20px; color: #333333; display: flex; align-items: center; } .rd-login-form .login-form .login-content .text-line::before, .rd-login-form .login-form .login-content .text-line::after, .rd-login-form .login-form .signup-content .text-line::before, .rd-login-form .login-form .signup-content .text-line::after { content: ""; height: 1px; margin: 0.3em; background-color: #cccccc; flex-grow: 1; } .rd-mail-regist .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-mail-regist .info-area { margin-bottom: 32px; } .rd-mail-regist p.required-info { margin-bottom: 16px; } .rd-mail-regist .remarks-text a { font-size: 14px; } .rd-mail-regist .regist-area { padding: 40px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-mail-regist .regist-area .checkbox { padding: 5px 16px; } .rd-mail-regist .regist-area .policy-modal { display: flex; flex-wrap: wrap; font-weight: bold; } .rd-mail-regist .regist-area .spacer { width: 100%; padding-top: 56px; } .rd-mail-regist .regist-area button { margin: 0 20px; } .rd-mail-regist .regist-area a { display: flex; align-items: center; justify-content: center; } .rd-mail-regist .regist-area #mail-confirm-btn { transition: 0.3s; } .rd-mail-regist .regist-area #user-policy:not(:checked) ~ #mail-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; border-radius: 8px; color: #cccccc; transition: 0.3s; } .rd-mail-regist #user-authority-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 40px 32px; } .rd-mail-regist #user-authority-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-mail-regist #user-authority-modal .modal__container .modal__content { margin-top: 16px; } .rd-mail-regist #user-authority-modal .modal__container .modal__footer { margin-top: 40px; } .rd-mail-regist #user-authority-modal .modal__container .modal__footer a.modal__btn.btn-main.btn-large { display: flex; align-items: center; justify-content: center; } .rd-terms-modal { margin-top: 0 !important; } .rd-terms-modal #user-policy-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 90vh; padding: 42px 32px 40px; } .rd-terms-modal #user-policy-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-terms-modal #user-policy-modal .modal__container .modal__content { margin: 14px 0 40px; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-flame { border: 1px solid #cccccc; margin-top: 24px; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 32px; overflow-y: scroll; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents .title { margin-bottom: 11px; text-align: right; font-size: 1.2rem; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents .info { margin-bottom: 33px; text-align: right; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li { padding-left: 24px; padding-bottom: 1rem; list-style-type: none; counter-increment: cnt; position: relative; font-weight: bold; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li::before { content: counter(cnt) "."; text-align: right; position: absolute; top: 0; left: 0; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li p { font-weight: normal; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents::-webkit-scrollbar { width: 10px; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 5px; } .rd-terms-modal #user-policy-modal .modal__container .modal__content .user-policy-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-terms-modal .regist-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-terms-modal .regist-area button { margin: 0 20px; } .modal__container { max-height: initial; } .rd-mail-regist-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-mail-regist-confirm .info-area { margin-bottom: 32px; } .rd-mail-regist-confirm .regist-area { padding: 40px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-mail-regist-complete .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-mail-regist-complete .info-area { margin-bottom: 32px; } .rd-mail-regist-complete .regist-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-mail-regist-complete .regist-area a { display: flex; align-items: center; justify-content: center; } .rd-user-regist .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-regist form { padding-top: 32px; } .rd-user-regist h2.label { margin-bottom: 40px; } .rd-user-regist .explain { margin-bottom: 64px; } .rd-user-regist p.required-info { margin-bottom: 16px; } .rd-user-regist table.account-register-table { margin-bottom: 56px; } .rd-user-regist table.account-register-table + .regist-area { padding-top: 0; } .rd-user-regist table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-regist table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-regist table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-regist table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-regist table.account-register-table .icon-search { display: block; } .rd-user-regist #notice-fee { padding: 5px 14px; } .rd-user-regist #notice-info { padding: 5px 14px; } .rd-user-regist .news-receive-table { margin-bottom: 56px; } .rd-user-regist .news-receive-table:last-of-type { margin-bottom: 16px; } .rd-user-regist .news-receive-table.mail-sample { margin-top: 24px; } .rd-user-regist .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-user-regist .account-info-table { margin-bottom: 56px; } .rd-user-regist .account-info-table:last-of-type { margin-bottom: 16px; } .rd-user-regist .account-info-table.mail-sample { margin-top: 24px; } .rd-user-regist .confirm-content { margin: 0 auto; } .rd-user-regist .confirm-content .checkbox { padding: 5px 16px; } .rd-user-regist .confirm-content .spacer { width: 100%; padding-top: 56px; } .rd-user-regist .confirm-content button { margin: 0 40px; } .rd-user-regist .confirm-content a { display: flex; align-items: center; justify-content: center; } .rd-user-regist .confirm-content a.complete-back { margin-top: -40px; } .rd-user-regist .confirm-content #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist .regist-area { padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-user-regist .regist-area .checkbox { padding: 5px 16px; } .rd-user-regist .regist-area .spacer { width: 100%; padding-top: 56px; } .rd-user-regist .regist-area a { display: flex; align-items: center; justify-content: center; } .rd-user-regist .regist-area #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist #user-policy-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist #user-policy-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-user-regist #user-policy-modal .modal__container .modal__content { margin: 14px 0 40px; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents { width: 100%; height: auto; max-height: 474px; margin-top: 24px; padding: 32px; border: 1px solid #cccccc; overflow-y: scroll; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents .title { margin-bottom: 11px; text-align: right; font-size: 1.2rem; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents .info { margin-bottom: 33px; text-align: right; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li { padding-left: 24px; padding-bottom: 1rem; list-style-type: none; counter-increment: cnt; position: relative; font-weight: bold; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li::before { content: counter(cnt) "."; text-align: right; position: absolute; top: 0; left: 0; } .rd-user-regist #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li p { font-weight: normal; } .rd-user-regist #user-id-modal .modal__container { width: 960px; height: auto; } .rd-user-regist #user-id-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist #user-id-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist #user-id-modal .modal__container .modal__content { margin-top: 16px; margin-bottom: 40px; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents { margin-top: 25px; display: flex; flex-direction: column; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents label { margin-bottom: 14px; display: flex; align-items: center; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents label input[type=radio] { margin-right: 8px; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text { position: relative; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; align-items: center; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email { width: 504px; margin-left: 30px; border: 1px solid #cccccc; border-radius: 4px; padding: 8px 11px; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::-moz-placeholder { color: #aaaaaa; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::placeholder { color: #aaaaaa; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email:invalid:focus + p.input-comment-label { opacity: 1; } .rd-user-regist #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email + p.input-comment-label { position: absolute; width: -moz-max-content; width: max-content; top: calc(-100% - 5px); opacity: 0; transition: 0.2s; } .rd-user-regist .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-user-regist .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-user-regist .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-user-regist .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-user-regist .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-user-regist .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-user-regist-confirm { margin-bottom: 80px; } .rd-user-regist-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-regist-confirm form { padding-top: 32px; } .rd-user-regist-confirm h2.label { margin-bottom: 40px; } .rd-user-regist-confirm .explain { margin-bottom: 64px; } .rd-user-regist-confirm p.required-info { margin-bottom: 16px; } .rd-user-regist-confirm table.account-register-table { margin-bottom: 56px; } .rd-user-regist-confirm table.account-register-table + .regist-area { padding-top: 0; } .rd-user-regist-confirm table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-regist-confirm table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-regist-confirm table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-regist-confirm table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-regist-confirm table.account-register-table .icon-search { display: block; } .rd-user-regist-confirm #notice-fee { padding: 5px 14px; } .rd-user-regist-confirm #notice-info { padding: 5px 14px; } .rd-user-regist-confirm .news-receive-table { margin-bottom: 56px; } .rd-user-regist-confirm .news-receive-table:last-of-type { margin-bottom: 16px; } .rd-user-regist-confirm .news-receive-table.mail-sample { margin-top: 24px; } .rd-user-regist-confirm .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-user-regist-confirm .account-info-table { margin-bottom: 56px; } .rd-user-regist-confirm .account-info-table:last-of-type { margin-bottom: 16px; } .rd-user-regist-confirm .account-info-table.mail-sample { margin-top: 24px; } .rd-user-regist-confirm .confirm-content { margin: 0 auto; } .rd-user-regist-confirm .confirm-content .checkbox { padding: 5px 16px; } .rd-user-regist-confirm .confirm-content .spacer { width: 100%; padding-top: 56px; } .rd-user-regist-confirm .confirm-content button { margin: 0 40px; } .rd-user-regist-confirm .confirm-content a { display: flex; align-items: center; justify-content: center; } .rd-user-regist-confirm .confirm-content a.complete-back { margin-top: -40px; } .rd-user-regist-confirm .confirm-content #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist-confirm .regist-area { padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-user-regist-confirm .regist-area .checkbox { padding: 5px 16px; } .rd-user-regist-confirm .regist-area .spacer { width: 100%; padding-top: 56px; } .rd-user-regist-confirm .regist-area a { display: flex; align-items: center; justify-content: center; } .rd-user-regist-confirm .regist-area #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist-confirm #user-policy-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content { margin: 14px 0 40px; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents { width: 100%; height: auto; max-height: 474px; margin-top: 24px; padding: 32px; border: 1px solid #cccccc; overflow-y: scroll; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents .title { margin-bottom: 11px; text-align: right; font-size: 1.2rem; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents .info { margin-bottom: 33px; text-align: right; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li { padding-left: 24px; padding-bottom: 1rem; list-style-type: none; counter-increment: cnt; position: relative; font-weight: bold; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li::before { content: counter(cnt) "."; text-align: right; position: absolute; top: 0; left: 0; } .rd-user-regist-confirm #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li p { font-weight: normal; } .rd-user-regist-confirm #user-id-modal .modal__container { width: 960px; height: auto; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content { margin-top: 16px; margin-bottom: 40px; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents { margin-top: 25px; display: flex; flex-direction: column; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents label { margin-bottom: 14px; display: flex; align-items: center; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents label input[type=radio] { margin-right: 8px; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text { position: relative; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; align-items: center; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email { width: 504px; margin-left: 30px; border: 1px solid #cccccc; border-radius: 4px; padding: 8px 11px; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::-moz-placeholder { color: #aaaaaa; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::placeholder { color: #aaaaaa; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email:invalid:focus + p.input-comment-label { opacity: 1; } .rd-user-regist-confirm #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email + p.input-comment-label { position: absolute; width: -moz-max-content; width: max-content; top: calc(-100% - 5px); opacity: 0; transition: 0.2s; } .rd-user-regist-confirm .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-user-regist-confirm .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-user-regist-confirm h2.label { margin-bottom: 56px; } .rd-user-regist-confirm table.mail-sample tr th { min-width: 280px; word-break: keep-all; } .rd-user-regist-confirm .regist-area { -moz-column-gap: 20px; column-gap: 20px; } .rd-user-regist-complete .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-regist-complete form { padding-top: 32px; } .rd-user-regist-complete h2.label { margin-bottom: 40px; } .rd-user-regist-complete .explain { margin-bottom: 64px; } .rd-user-regist-complete p.required-info { margin-bottom: 16px; } .rd-user-regist-complete table.account-register-table { margin-bottom: 56px; } .rd-user-regist-complete table.account-register-table + .regist-area { padding-top: 0; } .rd-user-regist-complete table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-regist-complete table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-regist-complete table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-regist-complete table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-regist-complete table.account-register-table .icon-search { display: block; } .rd-user-regist-complete #notice-fee { padding: 5px 14px; } .rd-user-regist-complete #notice-info { padding: 5px 14px; } .rd-user-regist-complete .news-receive-table { margin-bottom: 56px; } .rd-user-regist-complete .news-receive-table:last-of-type { margin-bottom: 16px; } .rd-user-regist-complete .news-receive-table.mail-sample { margin-top: 24px; } .rd-user-regist-complete .news-receive-table tr td:first-of-type { word-break: keep-all; } .rd-user-regist-complete .account-info-table { margin-bottom: 56px; } .rd-user-regist-complete .account-info-table:last-of-type { margin-bottom: 16px; } .rd-user-regist-complete .account-info-table.mail-sample { margin-top: 24px; } .rd-user-regist-complete .confirm-content { margin: 0 auto; } .rd-user-regist-complete .confirm-content .checkbox { padding: 5px 16px; } .rd-user-regist-complete .confirm-content .spacer { width: 100%; padding-top: 56px; } .rd-user-regist-complete .confirm-content button { margin: 0 40px; } .rd-user-regist-complete .confirm-content a { display: flex; align-items: center; justify-content: center; } .rd-user-regist-complete .confirm-content a.complete-back { margin-top: -40px; } .rd-user-regist-complete .confirm-content #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist-complete .regist-area { padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rd-user-regist-complete .regist-area .checkbox { padding: 5px 16px; } .rd-user-regist-complete .regist-area .spacer { width: 100%; padding-top: 56px; } .rd-user-regist-complete .regist-area a { display: flex; align-items: center; justify-content: center; } .rd-user-regist-complete .regist-area #user-policy:not(:checked) ~ #regist-confirm-btn input { pointer-events: none; background-color: #fff; border: 1px solid #cccccc; color: #cccccc; transition: 0.3s; } .rd-user-regist-complete #user-policy-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content { margin: 14px 0 40px; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents { width: 100%; height: auto; max-height: 474px; margin-top: 24px; padding: 32px; border: 1px solid #cccccc; overflow-y: scroll; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents .title { margin-bottom: 11px; text-align: right; font-size: 1.2rem; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents .info { margin-bottom: 33px; text-align: right; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li { padding-left: 24px; padding-bottom: 1rem; list-style-type: none; counter-increment: cnt; position: relative; font-weight: bold; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li::before { content: counter(cnt) "."; text-align: right; position: absolute; top: 0; left: 0; } .rd-user-regist-complete #user-policy-modal .modal__container .modal__content .user-policy-contents .text ol li p { font-weight: normal; } .rd-user-regist-complete #user-id-modal .modal__container { width: 960px; height: auto; } .rd-user-regist-complete #user-id-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist-complete #user-id-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content { margin-top: 16px; margin-bottom: 40px; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents { margin-top: 25px; display: flex; flex-direction: column; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents label { margin-bottom: 14px; display: flex; align-items: center; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents label input[type=radio] { margin-right: 8px; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text { position: relative; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; align-items: center; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email { width: 504px; margin-left: 30px; border: 1px solid #cccccc; border-radius: 4px; padding: 8px 11px; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::-moz-placeholder { color: #aaaaaa; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email::placeholder { color: #aaaaaa; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email:invalid:focus + p.input-comment-label { opacity: 1; } .rd-user-regist-complete #user-id-modal .modal__container .modal__content .user-id-contents .input-text .email + p.input-comment-label { position: absolute; width: -moz-max-content; width: max-content; top: calc(-100% - 5px); opacity: 0; transition: 0.2s; } .rd-user-regist-complete .mail-sample-modal .modal__container { width: 100%; height: auto; max-width: 960px; max-height: 760px; padding: 42px 32px 40px; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__header h2.not-under::after { content: none; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__header h2.not-under::before { content: none; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content { margin-top: 24px; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content .mail-sample-flame { border: 1px solid #cccccc; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents { width: calc(100% - 10px); height: auto; max-height: 474px; margin-top: 10px; margin-bottom: 10px; padding: 14px 30px; border-radius: 8px; overflow-y: auto; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar { width: 10px; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 5px; } .rd-user-regist-complete .mail-sample-modal .modal__container .modal__content .mail-sample-contents::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } .rd-user-regist-complete .remarks-text a { font-size: 14px; } .rd-user-update .regist-status { margin-bottom: 57px; padding-top: 16px; } .rd-user-update .info-area { margin-bottom: 40px; } .rd-user-update table.account-register-table { margin-bottom: 56px; } .rd-user-update table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-update table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-update table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-update table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-update table.account-register-table .icon-search { display: block; } .rd-user-update table.account-info-table { margin-bottom: 56px; } .rd-user-update .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-user-update .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-contract-list .contract-tab { margin-top: 16px; margin-bottom: 64px; justify-content: space-between; } .rd-contract-list .contract-tab a:hover { text-decoration: none; } .rd-contract-list h3.list-title { margin-bottom: 32px; } .rd-contract-list table { width: 100%; font-size: 14px; } .rd-contract-list table .fixed-width { min-width: 180px; } .rd-contract-list table thead th { padding: 5px; text-align: center; white-space: nowrap; } .rd-contract-list table tbody td { padding: 15px; } .rd-contract-list table tbody td.align-end { text-align: end; } .rd-contract-list table tbody td.align-center { text-align: center; } .rd-contract-list table tbody td .text-gray { color: #888888; } .rd-contract-list table tbody td .small-table-btn { white-space: nowrap; } .rd-contract-list table tbody td ul.left-right { justify-content: space-between; font-size: 14px; } .rd-contract-list table tbody td ul.left-right li:first-child { margin-right: 10px; } .rd-contract-list table tbody td ul.center { justify-content: center; } .rd-contract-list table tbody td ul.center li:not(:last-child) { margin-right: 20px; } .rd-contract-list table .no-wrap { white-space: nowrap; } .rd-contract-list .table-notes { margin-top: 16px; font-size: 14px; color: #333333; } .rd-contract-list ul.pagination-items { margin-top: 40px; justify-content: center; } .rd-contract-list .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .rd-contract-list .modal { z-index: 10; } .rd-contract-list .modal .point-name-modal-container { width: 960px; height: 353px; padding: 32px; border-radius: 8px; } .rd-contract-list .modal .point-name-modal-container .modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } .rd-contract-list .modal .point-name-modal-container .modal__title { padding-top: 8px; margin-bottom: 14px; font-weight: bold; font-size: 28px; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group { display: flex; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .label-container { margin-right: 16px; display: flex; flex-direction: column; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .label-container label { display: flex; height: 40px; align-items: center; white-space: nowrap; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container { display: flex; flex-direction: column; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container input { border-radius: 4px; padding: 8px 11px 8px 11px; font-size: 16px; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container input::-moz-placeholder { color: #aaaaaa; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container input::placeholder { color: #aaaaaa; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container input.point-name { width: 520px; height: 40px; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container input.point-name:invalid:focus + p { opacity: 1; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .input-container .modal-note { position: relative; margin-top: 16px; font-size: 14px; text-indent: -1em; padding-left: 1em; } .rd-contract-list .modal .point-name-modal-container .modal__content .point-name-form-group .point-name-label { font-size: 14px; } .rd-contract-list .modal .point-name-modal-container .modal__footer { margin-top: 40px; } .rd-contract-list .modal .point-name-modal-container .modal__footer .register-btn { margin-left: 40px; } .rd-contract-list-gas table .service-name { min-width: 116px; } .rd-contract-list-gas table .usage-status { min-width: 82px; } .usage-status { min-width: 82px; } .rd-contract-detail-solution .page-title { display: flex; align-items: baseline; margin-bottom: 40px; margin-top: 40px; } .rd-contract-detail-solution .page-top .list { position: relative; display: flex; margin-bottom: 60px; } .rd-contract-detail-solution .page-top .list li:not(:last-child) { margin-bottom: 8px; } .rd-contract-detail-solution .page-top .list li .label { margin-right: 16px; } .rd-contract-detail-solution .page-top .list li .text-bold { font-weight: bold; } .rd-contract-detail-solution .page-top .list .contract-point-info { line-height: 1.3em; } .rd-contract-detail-solution .contract-btn-area { display: flex; align-items: flex-end; margin-left: auto; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; white-space: nowrap; } .rd-contract-detail-solution .contract-btn-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-contract-detail-solution .contract-pdf-btn { padding: 9px 12px !important; font-size: 16px; font-weight: bold; } .rd-contract-detail-solution .description { margin-bottom: 16px; } .rd-contract-detail-solution .combind-bill-text { font-weight: bold; margin-bottom: 16px; } .rd-contract-detail-solution .fee-content .title { margin-top: 56px; margin-bottom: 32px; } .rd-contract-detail-solution .fee-content .text { display: inline-block; font-size: 16px; color: #333333; margin-right: 16px; } .rd-contract-detail-solution .fee-content .display-period { width: 1200px; position: relative; margin-bottom: 20px; display: flex; align-items: center; } .rd-contract-detail-solution .fee-content .display-period .text { font-size: 14px; } .rd-contract-detail-solution .fee-content .display-period .selectbox select { padding-right: 50px; height: 40px; font-size: 16px; font-weight: normal; line-height: 1.8; } .rd-contract-detail-solution .fee-content .display-period .selectbox select:invalid { color: #333333; } .rd-contract-detail-solution .fee-content .display-period .btn-list { position: absolute; right: 0; display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-contract-detail-solution .fee-content .solution-table { width: 590px; height: 40px; margin-bottom: 40px; } .rd-contract-detail-solution .fee-content .solution-table tr > * { padding: 10px 20px 10px 20px; } .rd-contract-detail-solution .fee-content .solution-table th { width: 240px; } .rd-contract-detail-solution .fee-content .solution-table td { font-size: 14px; } .rd-contract-detail-solution .fee-content .amount-electricity-generated-table { width: 590px; height: 40px; margin-bottom: 16px; } .rd-contract-detail-solution .fee-content .amount-electricity-generated-table tr > * { padding: 10px 20px 10px 20px; } .rd-contract-detail-solution .fee-content .amount-electricity-generated-table th { width: 240px; } .rd-contract-detail-solution .fee-content .amount-electricity-generated-table td { font-size: 14px; } .rd-contract-detail-solution .fee-content .display-table { display: flex; justify-content: space-between; margin-bottom: 32px; } .rd-contract-detail-solution .fee-content .display-table table { width: 590px; } .rd-contract-detail-solution .fee-content .display-table table tr > * { padding: 10px; height: 40px; } .rd-contract-detail-solution .fee-content .display-table .year-month-table table tr > * { padding: 26px; } .rd-contract-detail-solution .fee-content .display-table .price-table table tr > * { padding: 26px; } .rd-contract-detail-solution .fee-content .display-billing-amount-table { display: flex; justify-content: space-between; margin-bottom: 40px; } .rd-contract-detail-solution .fee-content .display-billing-amount-table table { width: 590px; } .rd-contract-detail-solution .fee-content .display-billing-amount-table table tr > * { padding: 10px; height: 40px; } .rd-contract-detail-solution .fee-content .display-billing-amount-table table td { font-size: 14px; } .rd-contract-detail-solution .fee-content .display-billing-amount-table .detail-table table tr th { padding-left: 16px; } .rd-contract-detail-solution .fee-content .year-month-table th { width: 240px; font-size: 16px; font-weight: bold; } .rd-contract-detail-solution .fee-content .year-month-table td { font-size: 18px; font-weight: bold; } .rd-contract-detail-solution .fee-content .price-table th { width: 240px; font-size: 16px; font-weight: bold; } .rd-contract-detail-solution .fee-content .price-table td { font-size: 18px; font-weight: bold; } .rd-contract-detail-solution .fee-content .detail-table th { width: 240px; } .rd-contract-detail-solution .fee-content .fee-detail .normal-text.description { margin-bottom: 8px; } .rd-contract-detail-solution .fee-content .fee-detail .display-table { justify-content: left; margin-bottom: 16px; } .rd-contract-detail-solution .fee-content .fee-detail .display-table p.normal-text { margin-right: 16px; } .rd-contract-detail-solution .fee-content .fee-detail .breakdown-table th { text-align: center; padding-left: 16px; padding-top: 17px; padding-bottom: 10px; } .rd-contract-detail-solution .fee-content .fee-detail .breakdown-table td { padding-top: 11px; padding-bottom: 8px; padding-left: 16px; font-size: 14px; } .rd-contract-detail-solution .fee-content .fee-detail .breakdown-table tr:nth-child(even) { background-color: #f5f5f5; } .rd-contract-detail-solution .fee-content .price-cell { text-align: right; } .rd-user-update-confirm .regist-status { margin-bottom: 57px; padding-top: 16px; } .rd-user-update-confirm .info-area { margin-bottom: 40px; } .rd-user-update-confirm table.account-register-table { margin-bottom: 56px; } .rd-user-update-confirm table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-update-confirm table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-update-confirm table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-update-confirm table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-update-confirm table.account-register-table .icon-search { display: block; } .rd-user-update-confirm table.account-info-table { margin-bottom: 56px; } .rd-user-update-confirm .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-user-update-confirm .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-user-update-confirm table.account-info-table th { width: 270px; } .rd-user-update-complete .regist-status { margin-bottom: 57px; padding-top: 16px; } .rd-user-update-complete .info-area { margin-bottom: 40px; } .rd-user-update-complete table.account-register-table { margin-bottom: 56px; } .rd-user-update-complete table.account-register-table .company-name:disabled { background-color: #f5f5f5; } .rd-user-update-complete table.account-register-table li.search-icon-btn { margin-right: 15px; } .rd-user-update-complete table.account-register-table ul.no-candidate { margin-top: 20px; } .rd-user-update-complete table.account-register-table ul.no-candidate.checkbox { display: flex; border: none; } .rd-user-update-complete table.account-register-table .icon-search { display: block; } .rd-user-update-complete table.account-info-table { margin-bottom: 56px; } .rd-user-update-complete .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-user-update-complete .regist-area .btn-large { display: flex; align-items: center; justify-content: center; } .rd-mail-update-confirm { display: flex; flex-direction: column; } .rd-mail-update-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-mail-update-confirm .confirm-instruction { margin-bottom: 40px; } .rd-mail-update-confirm .mail-confirm-table th { width: 240px; } .rd-mail-update-confirm .mail-confirm-table td { font-size: 16px; } .rd-mail-update-confirm .confirm-actions { margin-top: 40px; display: flex; flex-direction: row; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-document-gas .document-tab { margin: 0 0 64px 0; justify-content: space-between; } .rd-document-gas .document-tab .tab-label { position: relative; } .rd-document-gas .document-tab .tab-label a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-document-gas h3.list-title { margin-bottom: 32px; } .rd-document-gas .search-conditions { display: flex; flex-direction: column; gap: 24px; border: 1px solid #cccccc; border-radius: 8px; padding: 24px 16px; margin-bottom: 36px; } .rd-document-gas .search-conditions input { padding: 8px 11px; flex-grow: 1; max-width: 560px; } .rd-document-gas .search-conditions .condition-label { display: flex; flex-direction: row; align-items: center; justify-content: left; width: 135px; min-width: 135px; font-size: 0.8rem; } .rd-document-gas .search-conditions .divider { background-color: #cccccc; height: 1px; } .rd-document-gas .search-conditions .area-contractor, .rd-document-gas .search-conditions .area-customer-number, .rd-document-gas .search-conditions .area-file-name { display: flex; flex-direction: row; align-items: center; } .rd-document-gas .search-conditions .hidable-block { display: block; overflow: hidden; padding-top: 0; max-height: 0; transition: max-height 350ms linear; } .rd-document-gas .search-conditions .hidable-block.visible { height: -moz-fit-content; height: fit-content; max-height: 220px; transition: max-height 350ms linear; } .rd-document-gas .search-conditions .area-hidable-conditions { display: flex; flex-direction: column; gap: 36px; } .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-status, .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-type { display: flex; flex-direction: row; align-items: center; } .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-status .condition-label, .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-type .condition-label { align-self: flex-start; margin-top: 4px; } .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-status .link-text, .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-type .link-text { white-space: nowrap; } .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-status .checkboxes, .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-type .checkboxes { flex-grow: 1; display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; margin-right: 100px; } .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-status .checkboxes .checkbox-wrap, .rd-document-gas .search-conditions .area-hidable-conditions .area-doc-type .checkboxes .checkbox-wrap { display: flex; flex-direction: row; align-items: center; gap: 8.5px; } .rd-document-gas .search-conditions .area-hidable-conditions .all-check-and-uncheck { align-self: flex-end; display: flex; flex-direction: row; align-items: center; gap: 20px; } .rd-document-gas .search-conditions .area-hidable-conditions .area-registered-between { display: flex; flex-direction: row; } .rd-document-gas .search-conditions .area-hidable-conditions .area-registered-between .time-pickers { display: flex; flex-direction: row; align-items: center; gap: 12px; } .rd-document-gas .search-conditions .area-hidable-conditions .area-registered-between .time-pickers .dc-date-picker, .rd-document-gas .search-conditions .area-hidable-conditions .area-registered-between .time-pickers .dc-time-picker { width: 184px; } .rd-document-gas .search-conditions .area-toggle-other-conditions { display: flex; flex-direction: row; align-items: center; justify-content: right; } .rd-document-gas .search-conditions .area-toggle-other-conditions .toggle-other-conditions span:first-child { display: inline; } .rd-document-gas .search-conditions .area-toggle-other-conditions .toggle-other-conditions span:not(:first-child) { display: none; } .rd-document-gas .search-conditions .area-toggle-other-conditions .toggle-other-conditions.visible span:first-child { display: none; } .rd-document-gas .search-conditions .area-toggle-other-conditions .toggle-other-conditions.visible span:not(:first-child) { display: inline; } .rd-document-gas .search-conditions .area-reset-and-search { display: flex; flex-direction: row; align-items: center; gap: 24px; justify-content: right; } .rd-document-gas .gas-documents-search-result { display: flex; flex-direction: column; gap: 24px; margin-bottom: 20px; } .rd-document-gas .gas-documents-search-result .multiple-state-change { display: flex; align-items: left; gap: 20px; } .rd-document-gas .gas-documents-search-result .target-doc-count-wrap { display: none; color: #888888; font-size: 0.8rem; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap { max-width: 100%; overflow-x: auto; padding-bottom: 16px; scrollbar-width: 8px; margin-bottom: 16px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table tr > * { padding: 0; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table thead > tr > th { border-radius: 0; border-bottom: solid 1px #cccccc; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table thead > tr > th:first-child { border-top-left-radius: 8px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table thead > tr > th:last-child { border-top-right-radius: 8px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table thead > tr > th > span { padding: 8px; white-space: nowrap; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table thead > tr > th > span .icon-sort::after { background-color: #0066cc; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row td { padding: 8px 16px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content { display: flex; flex-direction: row; justify-content: center; align-items: center; white-space: nowrap; gap: 12px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content.doc-select-checkbox { padding: 0 16px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content.cell-content-doc-status { min-width: 84px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .checkbox { top: -2px; width: 24px; padding: 0; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .wrap-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .wrap-text.cell-data-contractor { min-width: 84px; max-width: 84px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .wrap-text.cell-data-doc-type { min-width: 116px; max-width: 116px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .wrap-text.cell-data-file-name { min-width: 240px; max-width: 240px; } .rd-document-gas .gas-documents-search-result .gas-documents-table-wrap .gas-documents-table .doc-data-row .cell-content .wrap-text.cell-data-note { min-width: 64px; max-width: 64px; } .rd-document-gas .gas-documents-search-result .document-select-all { display: flex; flex-direction: row; justify-content: left; gap: 18px; } .rd-document-gas .paginator-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; } .rd-document-gas .paginator-wrap .arrow { display: block; } .rd-document-gas .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .rd-document-gas textarea { background-color: #fff; border-radius: 4px; padding: 8px 11px; border: 1px solid #cccccc; color: #333333; resize: none; } .rd-document-gas textarea::-moz-placeholder { color: #aaaaaa; } .rd-document-gas textarea::placeholder { color: #aaaaaa; } .rd-document-gas .modal .memo-modal-container { width: 960px; height: 400px; padding: 32px; border-radius: 8px; } .rd-document-gas .modal .memo-modal-container .modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } .rd-document-gas .modal .memo-modal-container .modal__title { padding-top: 8px; margin-bottom: 14px; font-weight: bold; font-size: 28px; } .rd-document-gas .modal .memo-modal-container .modal__content .memo-form-group { display: flex; } .rd-document-gas .modal .memo-modal-container .modal__content .memo-form-group .label-container { margin-right: 16px; display: flex; flex-direction: column; } .rd-document-gas .modal .memo-modal-container .modal__content .memo-form-group .label-container label { display: flex; height: 40px; align-items: center; white-space: nowrap; } .rd-document-gas .modal .memo-modal-container .modal__content .memo-form-group .input-container { display: flex; flex-direction: column; width: 100%; } .rd-document-gas .modal .memo-modal-container .modal__content .memo-form-group .memo-label { font-size: 14px; } .rd-document-gas .modal .memo-modal-container .modal__footer { margin-top: 40px; } .rd-document-gas .modal .memo-modal-container .modal__footer .register-btn { margin-left: 40px; } .rd-general-error { display: flex; flex-direction: column; align-items: center; margin-top: 174px; margin-bottom: 197px; } .rd-general-error .icon-rich { width: 40px; height: 40px; background-size: 40px; margin-bottom: 32px; } .rd-general-error .error-page-title { color: #e60012; font-size: 1.5rem; font-weight: bold; margin-bottom: 16px; } .rd-general-error .error-page-content { margin-bottom: 40px; } .rd-general-error .error-page-link { display: flex; flex-direction: column; justify-content: center; align-items: center; } #rd-error-modal .error-modal-container { background-color: #fff; padding: 40px; width: 90%; max-width: 960px; max-height: 90%; border-radius: 4px; overflow-y: auto; box-sizing: border-box; position: relative; } #rd-error-modal .error-modal-container .error-modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } #rd-error-modal .error-modal-container .error-modal-header { display: flex; justify-content: center; align-items: center; flex-flow: column; } #rd-error-modal .error-modal-container .error-modal-header .error-icon-area { margin: 32px 0; } #rd-error-modal .error-modal-container .error-modal-header .icon-rich { width: 40px; height: 40px; background-size: 40px; } #rd-error-modal .error-modal-container .error-modal-header .error-modal-title { margin-top: 0; margin-bottom: 16px; color: #e60012; font-size: 24px; font-weight: bold; box-sizing: border-box; } #rd-error-modal .error-modal-container .error-modal-content { margin-bottom: 40px; } #rd-error-modal .error-modal-container .error-modal-content-text { text-align: center; } #rd-error-modal .error-modal-container .error-modal-footer { display: flex; align-items: center; justify-content: center; } .rd-faq-category { margin: 40px 0; } .rd-faq-category h2 { margin-bottom: 55px; } .rd-faq-category .faq-card-list { display: flex; flex-wrap: wrap; gap: 20px 21px; } .rd-faq-category .faq-card-list a.faq-card { width: 284px; padding: 20px; border: 1px solid #cccccc; border-radius: 8px; background-color: #fff; } .rd-faq-category .faq-card-list a.faq-card:hover { text-decoration: none; filter: brightness(90%); } .rd-faq-category .faq-card-list a.faq-card .faq-icon { margin-top: 12px; margin-bottom: 32px; display: flex; justify-content: center; } .rd-faq-category .faq-card-list a.faq-card .faq-icon .icon-rich { background-size: contain; background-position: center; height: 74px; width: 168px; } .rd-faq-category .faq-card-list a.faq-card .faq-title { width: 100%; height: 50px; margin-bottom: 8px; padding: 2px 36px; text-align: center; font-size: 18px; line-height: 23px; font-weight: bold; color: #0066cc; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .rd-faq-category .faq-card-list a.faq-card .faq-text { width: 100%; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .rd-tutorial { margin-bottom: 40px; } .rd-tutorial h2 { margin-bottom: 55px; } .rd-tutorial .tutorial-card-list { display: flex; flex-wrap: wrap; gap: 20px 24px; } .rd-tutorial .tutorial-card-list a.tutorial-card { width: 282px; display: flex; flex-direction: column; align-items: center; } .rd-tutorial .tutorial-card-list a.tutorial-card:hover { text-decoration: none; } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-thumb { width: 100%; height: 158px; background-color: #cccccc; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-thumb:hover { text-decoration: none; filter: brightness(90%); } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-thumb .btn-movie { z-index: 1; } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-thumb img { width: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.5s; position: absolute; } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-thumb img:hover { transform: scale(1.1); } .rd-tutorial .tutorial-card-list a.tutorial-card .tutorial-title { margin-top: 16px; color: #0066cc; } .rd-tutorial .tutorial-link { margin-top: 40px; display: flex; justify-content: center; } .rd-tutorial .movie-modal .modal__container { height: 95vh; width: 95vw; } .rd-tutorial-list .in-page-nav { width: 100%; height: 24px; display: flex; align-items: center; } .rd-tutorial-list .in-page-nav ul { display: flex; margin: 0 auto; text-align: left; width: 1200px; } .rd-tutorial-list .in-page-nav ul li { padding-right: 40px; } .rd-tutorial-list .icon-arrow::after { margin-left: 8px; } .rd-tutorial-list section { margin-top: 80px; } .rd-tutorial-list section h2 { margin-bottom: 55px; } .rd-tutorial-list section .tutorial-card-list { display: flex; flex-wrap: wrap; gap: 46px 24px; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card { width: 282px; display: flex; flex-direction: column; align-items: center; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card:hover { text-decoration: none; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-thumb { width: 100%; height: 158px; background-color: #cccccc; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-thumb:hover { text-decoration: none; filter: brightness(90%); } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-thumb .btn-movie { z-index: 1; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-thumb img { width: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.5s; position: absolute; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-thumb img:hover { transform: scale(1.1); } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-title { width: 100%; text-align: center; margin-top: 16px; color: #0066cc; } .rd-tutorial-list section .tutorial-card-list a.tutorial-card .tutorial-text { width: 100%; text-align: left; margin-top: 16px; color: #333333; } .rd-tutorial-list .tutorialList-link { margin-top: 66px; display: flex; justify-content: center; } .rd-tutorial-list .movie-modal .modal__container { height: 95vh; width: 95vw; } .rd-related-links-category { margin-bottom: 40px; } .rd-related-links-category h2 { margin-bottom: 56px; } .rd-related-links-category h3 { margin-bottom: 32px; } .rd-related-links-category ul.related-links { margin-bottom: 56px; display: flex; flex-wrap: wrap; row-gap: 16px; } .rd-related-links-category ul.related-links li.related-link-item { width: 33%; } .rd-related-links-category .icon-external-link::after { margin-left: 8px; } .rd-subtitle-link h2 { margin-bottom: 55px; } .rd-subtitle-link .subtitle-link { display: flex; justify-content: center; align-items: center; } .rd-IDUnPublishedList .search-conditions { display: flex; flex-direction: column; gap: 24px; border: 1px solid #cccccc; border-radius: 8px; padding: 24px 16px; margin-bottom: 36px; } .rd-IDUnPublishedList .search-conditions input { padding: 8px 11px; flex-grow: 1; max-width: 560px; font-size: 16px; } .rd-IDUnPublishedList .search-conditions .condition-label { display: flex; flex-direction: row; align-items: center; justify-content: left; width: 135px; min-width: 135px; font-size: 0.8rem; } .rd-IDUnPublishedList .search-conditions .remarks-text { margin-left: 135px; margin-top: -20px; } .rd-IDUnPublishedList .search-conditions .checkbox-label { font-size: 1rem; } .rd-IDUnPublishedList .search-conditions .divider { background-color: #cccccc; height: 1px; } .rd-IDUnPublishedList .search-conditions .area-text { display: flex; flex-direction: row; align-items: center; } .rd-IDUnPublishedList .search-conditions .hidable-block { display: block; overflow: hidden; padding-top: 0; max-height: 0; transition: max-height 350ms linear; } .rd-IDUnPublishedList .search-conditions .hidable-block.visible { height: -moz-fit-content; height: fit-content; max-height: 220px; transition: max-height 350ms linear; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions { display: flex; flex-direction: column; gap: 36px; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-status, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-necessary, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-method, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-transfertype { display: flex; flex-direction: row; align-items: center; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-status .condition-label, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-necessary .condition-label, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-method .condition-label, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-transfertype .condition-label { align-self: flex-start; margin-top: 4px; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-status .link-text, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-necessary .link-text, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-method .link-text, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-transfertype .link-text { white-space: nowrap; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-status .checkboxes, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-necessary .checkboxes, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-method .checkboxes, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-transfertype .checkboxes { flex-grow: 1; display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; margin-right: 100px; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-status .checkboxes .checkbox-wrap, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-necessary .checkboxes .checkbox-wrap, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-method .checkboxes .checkbox-wrap, .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .area-doc-transfertype .checkboxes .checkbox-wrap { display: flex; flex-direction: row; align-items: center; gap: 8.5px; } .rd-IDUnPublishedList .search-conditions .area-hidable-conditions .all-check-and-uncheck { align-self: flex-end; display: flex; flex-direction: row; align-items: center; gap: 20px; } .rd-IDUnPublishedList .search-conditions .area-toggle-other-conditions { display: flex; flex-direction: row; align-items: center; justify-content: right; } .rd-IDUnPublishedList .search-conditions .area-toggle-other-conditions .toggle-other-conditions span:first-child { display: inline; } .rd-IDUnPublishedList .search-conditions .area-toggle-other-conditions .toggle-other-conditions span:not(:first-child) { display: none; } .rd-IDUnPublishedList .search-conditions .area-toggle-other-conditions .toggle-other-conditions.visible span:first-child { display: none; } .rd-IDUnPublishedList .search-conditions .area-toggle-other-conditions .toggle-other-conditions.visible span:not(:first-child) { display: inline; } .rd-IDUnPublishedList .search-conditions .area-reset-and-search { display: flex; flex-direction: row; align-items: center; gap: 24px; justify-content: right; } .rd-IDUnPublishedList .id-publishedlist-search-result { display: flex; flex-direction: column; gap: 24px; margin-bottom: 20px; } .rd-IDUnPublishedList .id-publishedlist-search-result .multiple-state-change { display: flex; align-items: left; gap: 20px; } .rd-IDUnPublishedList .id-publishedlist-search-result .target-doc-count-wrap { color: #888888; font-size: 0.8rem; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap { max-width: 100%; overflow-x: auto; padding-bottom: 16px; scrollbar-width: 8px; margin-bottom: 16px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table tr > * { padding: 0; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th { border-radius: 0; border-bottom: solid 1px #cccccc; text-align: center; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th:first-child { border-top-left-radius: 8px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th:last-child { border-top-right-radius: 8px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-date { min-width: 140px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-status { min-width: 120px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-idnecessary { min-width: 124px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-method { min-width: 160px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-transfertype { min-width: 120px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-customernumber { min-width: 240px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-contractortype { min-width: 170px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-contractorname { min-width: 350px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-usagelocation { min-width: 350px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-memo { min-width: 210px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-updater { min-width: 210px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-approver { min-width: 210px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th.th-content-doc-pdf { min-width: 182px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th > span { white-space: nowrap; display: flex; flex-direction: row; justify-content: center; padding: 4px 6px; align-items: center; gap: 8px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table thead > tr > th > span .icon-sort::after { background-color: #0066cc; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row td { padding: 8px 16px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row ul.left-right { justify-content: space-between; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content { display: flex; flex-direction: row; justify-content: center; align-items: center; white-space: nowrap; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content.doc-select-checkbox { padding: 0 16px; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content.cell-content-start { justify-content: flex-start; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content.cell-content-doc-groupdetail-customernumber { justify-content: flex-start; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content.cell-content-doc-contractorname, .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content.cell-content-doc-usagelocUsageLocationation { justify-content: left; white-space: normal; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .cell-content .checkbox { top: -2px; width: 24px; padding: 0; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .wrap-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .rd-IDUnPublishedList .id-publishedlist-search-result .id-publishedlist-table-wrap .id-publishedlist-table .doc-data-row .wrap-text.cell-data-note { min-width: 130px; max-width: 130px; } .rd-IDUnPublishedList .id-publishedlist-search-result .toggle-accordion-other-conditions a:first-child { display: inline-flex; } .rd-IDUnPublishedList .id-publishedlist-search-result .toggle-accordion-other-conditions a:not(:first-child) { display: none; } .rd-IDUnPublishedList .id-publishedlist-search-result .toggle-accordion-other-conditions.visible a:first-child { display: none; } .rd-IDUnPublishedList .id-publishedlist-search-result .toggle-accordion-other-conditions.visible a:not(:first-child) { display: inline-flex; } .rd-IDUnPublishedList .id-publishedlist-search-result .document-select-all { display: flex; flex-direction: row; justify-content: left; gap: 18px; } .rd-IDUnPublishedList .paginator-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; } .rd-IDUnPublishedList .paginator-wrap .arrow { display: block; } .rd-user-info-email-update .update-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-info-email-update .info-area { margin-bottom: 37px; } .rd-user-info-email-update p.required-info { margin-bottom: 16px; } .rd-user-info-email-update .remarks-text a { font-size: 14px; } .rd-user-info-email-update .regist-area { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-mail-update-send { display: flex; flex-direction: column; } .rd-mail-update-send .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-mail-update-send .send-actions { margin-top: 40px; display: flex; flex-direction: row; justify-content: center; } .rd-contract-add-request .request-status { margin-bottom: 40px; padding-top: 16px; } .rd-contract-add-request .info-area { margin-bottom: 40px; } .rd-contract-add-request h2.label { margin-bottom: 40px; } .rd-contract-add-request h3.label { margin-bottom: 32px; } .rd-contract-add-request h4.label { margin-bottom: 24px; } .rd-contract-add-request .remarks-text { font-size: 16px; } .rd-contract-add-request .emphasized-text { margin-bottom: 8px; } .rd-contract-add-request .explain { margin-bottom: 64px; } .rd-contract-add-request p.required-info { margin-bottom: 16px; } .rd-contract-add-request .contract-table-area table { margin-bottom: 20px; } .rd-contract-add-request .contract-table-area table tr th { width: 260px; } .rd-contract-add-request .contract-table-area table tr th ul { font-size: 14px; flex-wrap: wrap; gap: 0px 4px; } .rd-contract-add-request .contract-table-area table tr th ul li.required-field { display: block; } .rd-contract-add-request .contract-table-area table tr th ul li.required-field::after { content: "＊"; color: #e60012; font-size: 14px; vertical-align: 8px; } .rd-contract-add-request .contract-table-area table tr th ul li.solution-number-title { display: flex; word-break: keep-all; width: -moz-min-content; width: min-content; } .rd-contract-add-request .contract-table-area table tr th ul li.solution-number-title::after { margin-top: -8px; } .rd-contract-add-request .radiobtn { padding: 0; } .rd-contract-add-request .radio-item { margin-right: 60px; } .rd-contract-add-request .customer-number-01 { width: 100px; } .rd-contract-add-request .customer-number-02 { width: 100px; } .rd-contract-add-request .customer-number-03 { width: 120px; } .rd-contract-add-request .customer-number-04 { width: 160px; } .rd-contract-add-request .solution-contract-number { width: 500px; } .rd-contract-add-request .none-display { display: none; } .rd-contract-add-request select { background-color: #fff; line-height: initial; } .rd-contract-add-request .billing-amount { text-align: right; } .rd-contract-add-request div[class*=remove-btn-area-] { margin-bottom: 20px; } .rd-contract-add-request .add-btn-area { margin-top: 32px; margin-bottom: 64px; display: flex; align-items: center; justify-content: center; } .rd-contract-add-request .regist-area { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-general-image-modal { margin-top: 0 !important; } .rd-general-image-modal #general-image-modal { /* Chrome, Safari 対応 */ } .rd-general-image-modal #general-image-modal .general-image-modal-container { width: 100%; height: auto; max-width: 960px; max-height: 90vh; overflow-y: scroll; background-color: #fff; border-radius: 4px; will-change: transform; animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); /* IE, Edge 対応 */ -ms-overflow-style: none; /* Firefox 対応 */ scrollbar-width: none; padding: 42px 32px 40px; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__title { font-size: 28px; font-weight: bold; } .rd-general-image-modal #general-image-modal .general-image-modal-container .general-image-modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content { margin: 14px 0 40px; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-flame { border: 1px solid #cccccc; border-radius: 8px; margin-top: 24px; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-contents { padding: 24px; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-contents .general-image-modal-title { margin-bottom: 16px; font-size: 18px; font-weight: bold; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-contents .general-sample-modal-text { font-weight: normal; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-image-area { margin-top: 31px; text-align: center; } .rd-general-image-modal #general-image-modal .general-image-modal-container .modal__content .general-image-modal-image-area #general-image-modal-image { border: 1px solid #cccccc; } .rd-general-image-modal #general-image-modal .general-image-modal-container::-webkit-scrollbar { display: none; } .rd-general-image-modal .close-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 0px; } .rd-general-image-modal .close-area button { margin: 0 20px; } .modal__container { max-height: initial; } .rd-contract-add-request-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-contract-add-request-confirm .account-info-table th { width: 260px; } .rd-contract-add-request-confirm .account-info-table-margin-top { margin-top: 40px; } .rd-contract-add-request-confirm .regist-area { margin-top: 40px; display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-contract-add-request-complete .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-contract-add-request-complete .info-area { margin-bottom: 40px; } .rd-contract-add-request-complete .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 40px; column-gap: 40px; } .rd-user-list .search-conditions { border: 1px solid #cccccc; border-radius: 8px; display: flex; flex-direction: column; gap: 24px; margin: 0 0 36px 0; padding: 24px 16px; } .rd-user-list .search-conditions input { flex-grow: 1; max-width: 560px; padding: 8px 11px; } .rd-user-list .search-conditions .condition-label { align-items: center; display: flex; flex-direction: row; font-size: 0.8rem; justify-content: left; min-width: 135px; width: 135px; } .rd-user-list .search-conditions .divider { background-color: #cccccc; height: 1px; } .rd-user-list .search-conditions .condition-row { align-items: center; display: flex; flex-direction: row; } .rd-user-list .search-conditions .area-reset-and-search { align-items: center; display: flex; flex-direction: row; gap: 24px; justify-content: right; } .rd-user-list .user-list { display: flex; flex-direction: column; gap: 24px; } .rd-user-list .user-list .action-button-area { align-items: left; display: flex; gap: 20px; } .rd-user-list .user-list .target-users-count-wrap { color: #888888; display: block; font-size: 0.8rem; } .rd-user-list .user-list .user-list-table-area { max-width: 100%; padding-bottom: -8px; } .rd-user-list .user-list .user-list-table-area .user-list-table tr > * { padding: 0; } .rd-user-list .user-list .user-list-table-area .user-list-table thead > tr > th { border-radius: 0; border-bottom: solid 1px #cccccc; text-align: center; } .rd-user-list .user-list .user-list-table-area .user-list-table thead > tr > th:first-child { border-top-left-radius: 8px; } .rd-user-list .user-list .user-list-table-area .user-list-table thead > tr > th:last-child { border-top-right-radius: 8px; } .rd-user-list .user-list .user-list-table-area .user-list-table thead > tr > th > span { align-items: center; display: flex; flex-direction: row; gap: 8px; justify-content: center; padding: 4px 6px; white-space: nowrap; } .rd-user-list .user-list .user-list-table-area .user-list-table thead > tr > th > span .icon-sort::after { background-color: #0066cc; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row td { padding: 8px 16px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content { align-items: center; display: flex; flex-direction: row; gap: 12px; justify-content: center; white-space: nowrap; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .checkbox { padding: 0; top: -2px; width: 24px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text#cell-full-name { max-width: 110px; min-width: 110px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text#cell-company-name, .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text#cell-department-name { max-width: 140px; min-width: 140px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text#cell-position { max-width: 50px; min-width: 50px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .cell-content .wrap-text#cell-email-address { max-width: 160px; min-width: 160px; } .rd-user-list .user-list .user-list-table-area .user-list-table .user-data-row .text-left { justify-content: start; } .rd-user-list .user-list .user-select-all { display: flex; flex-direction: row; gap: 18px; justify-content: left; } .rd-user-add { margin-top: 40px; display: flex; flex-direction: column; } .rd-user-add .request-status { justify-self: center; margin-bottom: 56px; } .rd-user-add .explain-area { margin-top: 40px; } .rd-user-add .user-add-explain { margin-bottom: 40px; } .rd-user-add .search-conditions { border: 1px solid #cccccc; border-radius: 8px; display: flex; flex-direction: column; gap: 24px; margin: 36px 0; padding: 24px 16px; } .rd-user-add .search-conditions input { flex-grow: 1; max-width: 560px; padding: 8px 11px; } .rd-user-add .search-conditions .remarks-text { margin-left: 135px; margin-top: -20px; } .rd-user-add .search-conditions .condition-label { align-items: center; display: flex; flex-direction: row; font-size: 0.8rem; justify-content: left; min-width: 135px; width: 135px; } .rd-user-add .search-conditions .divider { background-color: #cccccc; height: 1px; } .rd-user-add .search-conditions .condition-row { align-items: center; display: flex; flex-direction: row; } .rd-user-add .search-conditions .area-reset-and-search { align-items: center; display: flex; flex-direction: row; gap: 24px; justify-content: right; } .rd-user-add .search-conditions .search-users { flex-grow: initial; font-size: 14px; max-width: initial; padding: 6px 12px; } .rd-user-add .user-add-submit-row { margin-top: 60px; display: flex; flex-direction: row; justify-content: center; gap: 40px; } .rd-user-add .user-contracts .selected-count-row span { font-size: 0.8rem; color: #888888; } .rd-user-add .user-contracts .user-contracts-table, .rd-user-add .user-contracts .contract-search-result-table { border-radius: 8px; border: 1px solid #cccccc; box-sizing: border-box; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header { background-color: #f2f7fd; font-size: 0.8rem; border-bottom: 1px solid #cccccc; border-radius: 8px 8px 0px 0px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row { display: flex; flex-direction: row; align-items: stretch; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell { display: flex; flex-direction: column; justify-content: center; padding: 6px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell:not(:last-child), .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell .header-cell-content { padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content .sort-button, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell .header-cell-content .sort-button { flex-shrink: 0; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content span, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell .header-cell-content span { align-items: center; display: flex; flex-direction: row; gap: 8px; justify-content: center; padding: 4px 6px; white-space: nowrap; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content span .icon-sort::after, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell .header-cell-content span .icon-sort::after { background-color: #0066cc; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content .customer-number-title, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-header .header-row .header-cell .header-cell-content .customer-number-title { display: flex; text-align: center; align-items: center; } .rd-user-add .user-contracts .user-contracts-table:not(:has(.contract-row)) .user-contracts-header, .rd-user-add .user-contracts .contract-search-result-table:not(:has(.contract-row)) .user-contracts-header { border-bottom: none; border-radius: 8px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap { padding-right: 6px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body { overflow-x: hidden; overflow-y: scroll; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body .contract-row { width: calc(100% + 8px + 6px); display: flex; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell { display: flex; flex-direction: row; align-items: center; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell:not(:last-child), .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .delete-row-button-wrap, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .delete-row-button-wrap { margin: auto; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .delete-row-button-wrap .delete-row-button, .rd-user-add .user-contracts .contract-search-result-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .delete-row-button-wrap .delete-row-button { margin-right: 4px; } .rd-user-add .user-contracts .user-contracts-table { margin-top: 20px; } .rd-user-add .user-contracts .user-contracts-table .column-contract-name { width: 15.9%; } .rd-user-add .user-contracts .user-contracts-table .column-point-address { width: 23.9%; } .rd-user-add .user-contracts .user-contracts-table .column-point-name { width: 14.9%; } .rd-user-add .user-contracts .user-contracts-table .column-customer-number { width: 20.3%; } .rd-user-add .user-contracts .user-contracts-table .column-contract-type { width: 17.6%; } .rd-user-add .user-contracts .user-contracts-table .column-delete { width: 7.4%; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body { max-height: 480px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body .contract-row { height: 48px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body .contract-row .body-cell { padding: 0 16px; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body .contract-row .body-cell .body-cell-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body .contract-row .body-cell .checkbox-wrap { max-width: 0; max-height: 0; overflow: hidden; } .rd-user-add .user-contracts .user-contracts-table .user-contracts-body .contract-row .body-cell .checkbox-wrap .checkbox { width: 24px; padding: 0; } .rd-user-add .user-contracts-table ::-webkit-scrollbar, .rd-user-add .contract-search-result-table ::-webkit-scrollbar { width: 8px; } .rd-user-add .user-contracts-table ::-webkit-scrollbar-thumb, .rd-user-add .contract-search-result-table ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0066cc; } .rd-user-add .user-contracts-table ::-webkit-scrollbar-track, .rd-user-add .contract-search-result-table ::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 4px; margin: 4px 0; } .rd-user-add-modal .modal__container { width: 960px; } .rd-user-add-modal .modal__container .user-add-modal-close { padding: 8px; background: transparent; border: 0; cursor: pointer; position: absolute; top: 8px; right: 8px; } .rd-user-add-modal .modal__container .modal__title { font-size: 28px; font-weight: bold; } .rd-user-add-modal .modal__container .modal__footer { margin-top: 56px; } .rd-user-add-modal .selected-count-row { margin-top: 12px; font-size: 0.8rem; color: #888888; } .rd-user-add-modal .contract-search-result-table { margin-top: 16px; } .rd-user-add-modal .contract-search-result-table .column-target { width: 6.8%; } .rd-user-add-modal .contract-search-result-table .column-contract-name { width: 15.6%; } .rd-user-add-modal .contract-search-result-table .column-point-address { width: 20%; } .rd-user-add-modal .contract-search-result-table .column-point-name { width: 15.3%; } .rd-user-add-modal .contract-search-result-table .column-customer-number { width: 27.6%; } .rd-user-add-modal .contract-search-result-table .column-contract-type { width: 14.7%; } .rd-user-add-modal .contract-search-result-table .contract-type-title { display: flex; text-align: center; align-items: center; } .rd-user-add-modal .contract-search-result-table .user-contracts-body { max-height: 340px; } .rd-user-add-modal .contract-search-result-table .user-contracts-body .contract-row { height: 68px; } .rd-user-add-modal .contract-search-result-table .user-contracts-body .contract-row .body-cell { padding: 0 18px; } .rd-user-add-modal .contract-search-result-table .user-contracts-body .contract-row .body-cell .body-cell-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .rd-user-add-modal .contract-search-result-table .user-contracts-body .contract-row .body-cell .checkbox-wrap { margin: auto; } .rd-user-add-modal .contract-search-result-table .user-contracts-body .contract-row .body-cell .checkbox-wrap .checkbox { width: 24px; padding: 0; } .rd-user-add-modal .all-contract-select-row { margin-top: 16px; display: flex; flex-direction: row; gap: 24px; } .rd-user-add-modal .action-button-area { display: flex; flex-direction: row; gap: 40px; } .rd-user-add-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-add-confirm .info-area { margin-bottom: 64px; } .rd-user-add-confirm h3.label { margin-bottom: 32px; } .rd-user-add-confirm .contract-list-area { margin-bottom: 56px; } .rd-user-add-confirm .contract-list-area .contract-table thead { text-align: center; } .rd-user-add-confirm .contract-list-area .contract-table thead th { padding: 4px; } .rd-user-add-confirm .contract-list-area .contract-table tbody td { padding: 14px 20px; } .rd-user-add-confirm .regist-area { margin-top: 56px; display: flex; align-items: center; justify-content: center; gap: 40px; } .rd-user-add-complete .regist-status { margin-bottom: 56px; padding-top: 16px; } .rd-user-add-complete .info-area { margin-bottom: 40px; } .rd-user-add-complete .info-area-caution { font-weight: bold; } .rd-user-add-complete .regist-area { display: flex; align-items: center; justify-content: center; gap: 40px; } .rd-user-detail .link-area { display: flex; align-items: center; -moz-column-gap: 40px; column-gap: 40px; margin-bottom: 56px; } .rd-user-detail .text-component-margin-bottom { margin-bottom: 40px; } .rd-user-detail .h3-title-lower { margin-bottom: 24px; } .rd-user-detail .h3-title-lower-table { margin-bottom: 32px; } .rd-user-detail .account-info-table { margin-bottom: 40px; } .rd-user-detail .h3-user-detail-margin-bottom { margin-bottom: 64px; } .rd-user-detail .contract-delete-explain { margin-bottom: 16px; } .rd-user-detail .back-area { display: flex; align-items: center; justify-content: center; margin-top: 56px; } .rd-user-detail p.remarks-text { font-size: 16px; } .rd-user-contract-delete { margin-top: 40px; } .rd-user-contract-delete .user-contract-delete-form { display: flex; flex-direction: column; } .rd-user-contract-delete .user-contract-delete-form .request-status { justify-self: center; margin-bottom: 40px; } .rd-user-contract-delete .user-contract-delete-form .explain-area { margin-bottom: 40px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .selected-count-row span { font-size: 0.8rem; color: #888888; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table { margin-top: 20px; border-radius: 8px; border: 1px solid #cccccc; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-delete-target { width: 7.4%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-contract-name { width: 15.9%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-point-address { width: 23.9%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-point-name { width: 14.9%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-customer-number { width: 20.3%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .column-contract-type { width: 17.6%; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header { background-color: #f2f7fd; font-size: 0.8rem; border-bottom: 1px solid #cccccc; border-radius: 8px 8px 0px 0px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header .header-row { display: flex; flex-direction: row; align-items: stretch; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell { display: flex; flex-direction: column; justify-content: center; padding: 6px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content { padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content .customer-number-title { text-align: center; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap { padding-right: 6px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body { overflow-x: hidden; overflow-y: scroll; max-height: 480px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row { width: calc(100% + 8px + 6px); height: 48px; display: flex; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell { display: flex; flex-direction: row; align-items: center; padding: 0 12px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .body-cell-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .checkbox-wrap { margin: auto; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .checkbox-wrap .checkbox { width: 24px; padding: 0; } .rd-user-contract-delete .user-contract-delete-form .user-contracts .all-contract-select-row { margin-top: 17px; display: flex; flex-direction: row; justify-content: left; gap: 20px; } .rd-user-contract-delete .user-contract-delete-form .delete-user-contracts-submit-row { margin-top: 56px; display: flex; flex-direction: row; justify-content: center; gap: 40px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts-table ::-webkit-scrollbar { width: 8px; } .rd-user-contract-delete .user-contract-delete-form .user-contracts-table ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0066cc; } .rd-user-contract-delete .user-contract-delete-form .user-contracts-table ::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 4px; margin: 4px 0; } .rd-user-contract-delete-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-contract-delete-confirm .info-area { margin-bottom: 40px; } .rd-user-contract-delete-confirm .contract-list-area { margin-bottom: 56px; } .rd-user-contract-delete-confirm .contract-list-area h3.label { margin-bottom: 32px; } .rd-user-contract-delete-confirm .contract-list-area .contract-table thead { text-align: center; } .rd-user-contract-delete-confirm .contract-list-area .contract-table thead th { padding: 4px; } .rd-user-contract-delete-confirm .contract-list-area .contract-table tbody td { padding: 14px 20px; } .rd-user-contract-delete-confirm .regist-area { margin-top: 40px; display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-user-contract-delete-complete .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-contract-delete-complete .info-area { margin-bottom: 56px; } .rd-user-contract-delete-complete .regist-area { margin-top: 40px; display: flex; align-items: center; justify-content: center; -moz-column-gap: 40px; column-gap: 40px; } .rd-user-invitation-entry h2.above-text-content { margin-bottom: calc(47px - 1.3em + 24px); } .rd-user-invitation-entry h3.above-text-content { margin-bottom: 24px; } .rd-user-invitation-entry h3.above-textarea { margin-bottom: 24px; } .rd-user-invitation-entry .request-status { margin-bottom: 56px; } .rd-user-invitation-entry .user-invitation-explain-section { margin-bottom: 64px; } .rd-user-invitation-entry .user-invitation-explain-section .user-invitation-explain-text { margin-bottom: 16px; } .rd-user-invitation-entry .preliminary-mail-reception-setting-explain-section { margin-bottom: 64px; } .rd-user-invitation-entry .contracts-modification-explain-section { margin-bottom: 80px; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table { table-layout: fixed; width: 100%; margin-top: 24px; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table .column-contract-name { width: 19.3%; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table .column-point-address { width: 23.5%; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table .column-point-name { width: 14.7%; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table .column-customer-number { width: 20.3%; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table .column-contract-type { width: 22.2%; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table thead tr th { padding: 8px 0; text-align: center; } .rd-user-invitation-entry .contracts-modification-explain-section .contracts-table td { overflow: hidden; } .rd-user-invitation-entry .user-invitation-section { margin-bottom: 64px; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table { margin-top: 24px; width: 100%; table-layout: fixed; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table:not(.user-forms-full) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table thead tr th { padding: 8px 0; text-align: center; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table thead tr th.header-mail-reception { width: 9%; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table thead tr:has(.header-mail-reception) ~ tr .header-email { border-right: 1px solid #cccccc; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table tbody .cell-content { display: flex; flex-direction: center; justify-content: center; align-items: center; gap: 20px; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table tbody .cell-content input[type=text] { padding: 8px 11px; flex-grow: 1; } .rd-user-invitation-entry .user-invitation-section .user-invitation-table tbody .cell-content .checkbox { padding: 0 0 0 24px; } .rd-user-invitation-entry .user-invitation-section .row-user-form-add { display: flex; flex-direction: row; justify-content: center; align-items: center; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 120px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .rd-user-invitation-entry .user-invitation-section .row-user-form-add:has(.user-forms-full) { display: none; } .rd-user-invitation-entry .invitation-message-section { margin-bottom: 64px; } .rd-user-invitation-entry .invitation-message-section textarea { width: 100%; min-height: 180px; padding: 16px; border: 1px solid #cccccc; border-radius: 4px; } .rd-user-invitation-entry .invitation-message-section textarea::-moz-placeholder { color: #888888; } .rd-user-invitation-entry .invitation-message-section textarea::placeholder { color: #888888; } .rd-user-invitation-entry .confirm-section { display: flex; flex-direction: row; justify-content: center; gap: 20px; } .rd-user-invitation { margin-top: 40px; } .rd-user-invitation .user-invitation-form { display: flex; flex-direction: column; } .rd-user-invitation .user-invitation-form .request-status { justify-self: center; margin-bottom: 56px; } .rd-user-invitation .user-invitation-form .explain-area { margin-top: 40px; } .rd-user-invitation .user-invitation-form .user-invitation-explain { margin-bottom: 16px; } .rd-user-invitation .user-invitation-form .user-contracts { margin-top: 40px; } .rd-user-invitation .user-invitation-form .user-contracts .selected-count-row span { font-size: 0.8rem; color: #888888; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table { margin-top: 20px; border-radius: 8px; border: 1px solid #cccccc; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-target { width: 7.4%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-contract-name { width: 15.9%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-point-address { width: 23.9%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-point-name { width: 14.9%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-customer-number { width: 20.3%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .column-contract-type { width: 17.6%; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header { background-color: #f2f7fd; font-size: 0.8rem; border-bottom: 1px solid #cccccc; border-radius: 8px 8px 0px 0px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row { display: flex; flex-direction: row; align-items: stretch; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell { display: flex; flex-direction: column; justify-content: center; padding: 6px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content { padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content .sort-button { flex-shrink: 0; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-header .header-row .header-cell .header-cell-content .customer-number-title { text-align: center; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap { padding-right: 6px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body { overflow-x: hidden; overflow-y: scroll; max-height: 480px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row { width: calc(100% + 8px + 6px); height: 48px; display: flex; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell { display: flex; flex-direction: row; align-items: center; padding: 0 12px; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell:not(:last-child) { border-right: 1px solid #cccccc; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .body-cell-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .checkbox-wrap { margin: auto; } .rd-user-invitation .user-invitation-form .user-contracts .user-contracts-table .user-contracts-body-wrap .user-contracts-body .contract-row .body-cell .checkbox-wrap .checkbox { width: 24px; padding: 0; } .rd-user-invitation .user-invitation-form .user-contracts .all-contract-select-row { margin-top: 20px; display: flex; flex-direction: row; justify-content: left; gap: 20px; } .rd-user-invitation .user-invitation-form .user-contracts-submit-row { margin-top: 60px; display: flex; flex-direction: row; justify-content: center; gap: 20px; } .rd-user-invitation .user-contracts-table ::-webkit-scrollbar { width: 8px; } .rd-user-invitation .user-contracts-table ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0066cc; } .rd-user-invitation .user-contracts-table ::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 4px; margin: 4px 0; } .rd-user-invitation-confirm .regist-status { margin-bottom: 40px; padding-top: 16px; } .rd-user-invitation-confirm .info-area { margin-bottom: 64px; } .rd-user-invitation-confirm h3.label { margin-bottom: 32px; } .rd-user-invitation-confirm .contract-list-area { margin-bottom: 56px; } .rd-user-invitation-confirm .contract-list-area .contract-table { width: 100%; } .rd-user-invitation-confirm .contract-list-area .contract-table .column-contract-name { width: 19.3%; } .rd-user-invitation-confirm .contract-list-area .contract-table .column-point-address { width: 23.5%; } .rd-user-invitation-confirm .contract-list-area .contract-table .column-point-name { width: 14.7%; } .rd-user-invitation-confirm .contract-list-area .contract-table .column-customer-number { width: 20.3%; } .rd-user-invitation-confirm .contract-list-area .contract-table .column-contract-type { width: 22.2%; } .rd-user-invitation-confirm .contract-list-area .contract-table thead { text-align: center; } .rd-user-invitation-confirm .contract-list-area .contract-table thead th { padding: 8px; } .rd-user-invitation-confirm .contract-list-area .contract-table tbody td { padding: 14px 20px; } .rd-user-invitation-confirm .invite-user-list-area { margin-bottom: 56px; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table { width: 100%; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table .column-mail-receive-setting { width: 10%; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table .column-name { width: 45%; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table .column-last-name { width: 22.5%; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table .column-last-name { width: 22.5%; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table .column-mail-address { width: 45%; border-right: 1px solid #cccccc; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table thead { text-align: center; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table thead th { padding: 8px; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table tbody td { padding: 14px 20px; } .rd-user-invitation-confirm .invite-user-list-area .invite-user-table tbody td:last-child { text-align: center; } .rd-user-invitation-confirm .regist-area { margin-top: 56px; display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-user-invitation-complete .regist-status { margin-bottom: 56px; padding-top: 16px; } .rd-user-invitation-complete .info-area { margin-bottom: 56px; } .rd-user-invitation-complete .regist-area { display: flex; align-items: center; justify-content: center; -moz-column-gap: 20px; column-gap: 20px; } .rd-terms .title { margin-bottom: 11px; text-align: right; font-size: 1.2rem; } .rd-terms .info { margin-bottom: 33px; text-align: right; } .rd-terms .text ol li { padding-left: 24px; padding-bottom: 1rem; list-style-type: none; counter-increment: cnt; position: relative; font-weight: bold; } .rd-terms .text ol li::before { content: counter(cnt) "."; text-align: right; position: absolute; top: 0; left: 0; } .rd-terms .text ol li p { font-weight: normal; } .rd-terms .text ol li:last-child { padding-bottom: 0; } .rd-terms .terms-contents { padding-top: 40px; padding-bottom: 60px; } .rd-site-policy .regist-status { padding-top: 16px; margin-bottom: 40px; } .rd-site-policy form { padding-top: 32px; } .rd-site-policy h2.label { margin-top: 20px; margin-bottom: 40px; } .rd-site-policy h3.label { margin-bottom: 24px; } .rd-site-policy .software-plugin-table { margin-top: 25px; } .rd-site-policy .software-plugin-table tbody th { padding: 18px 20px 17px 20px; } .rd-site-policy .software-plugin-table tbody td a img { display: block; } .rd-site-policy .software-plugin-table tbody td.pdf { padding: 9px 20px 8px 20px; } .rd-site-policy .software-plugin-table tbody td.movie { padding: 12px 20px 13px 20px; } .rd-site-policy .send-actions { margin-top: 40px; display: flex; flex-direction: row; justify-content: center; } .rd-site-policy .explain.mb-24 { margin-bottom: 24px; } .rd-site-policy ul.disc-list.text-indent { text-indent: -1em; padding-left: 1em; } .rd-site-policy ul.decimal-list.text-indent { text-indent: -1em; padding-left: 1em; } .rd-site-policy ul.simple-list.text-indent { text-indent: -1em; padding-left: 1em; } .rd-site-policy ul.simple-list.text-indent li::before { content: none; } .rd-site-policy .site-policy-contents { padding-bottom: 64px; } .rd-site-policy img.va-middle { vertical-align: middle; } .rd-site-policy img.va-middle.mb-24 { margin-bottom: 24px; } .rd-site-policy img.va-middle.mr-10 { margin-right: 10px; } .rd-site-policy figure.center { text-align: center; } /* 見出し */ h1 { font-size: 34px; font-weight: bold; line-height: 1.3em; } h2 { font-size: 28px; font-weight: bold; position: relative; line-height: 1.3em; } h2::before { content: ""; width: 100%; height: 5px; background: #888888; top: 42px; left: 0px; display: inline-block; position: absolute; border-radius: 6px 6px 6px 6px; } h2::after { content: ""; width: 101px; height: 5px; background: #4182fa; display: inline-block; position: absolute; top: 42px; left: 0px; border-radius: 6px 0 0 6px; } h3 { font-size: 24px; font-weight: bold; position: relative; padding-left: 13px; line-height: 30px; line-height: 1.3em; } h3::before { content: ""; width: 5px; height: 30px; background: #4182fa; display: inline-block; position: absolute; top: 0px; left: 0px; border-radius: 6px; margin-right: 8px; } h4 { font-size: 20px; font-weight: bold; position: relative; padding-left: 24px; line-height: 20px; line-height: 1.3em; } h4::before { content: ""; width: 16px; height: 16px; border-radius: 50%; background: #4182fa; display: inline-block; position: absolute; top: calc(50% - 8px); left: 0px; } h5 { font-size: 18px; font-weight: bold; } /* テキスト */ p { font-size: 16px; color: #333333; line-height: 1.5em; } p.remarks-text { padding-left: 20px; font-size: 14px; position: relative; } p.remarks-text::before { content: "※"; position: absolute; top: 0px; left: 0px; } p.emphasized-text { font-weight: bold; } p.alert-text { color: #e60012; } /* リスト */ ul { font-size: 16px; line-height: 2em; } ul.disc-list li::before { content: "・"; } ul.decimal-list { list-style: inside; list-style-type: decimal; } ul.upper-alpha-list li { counter-increment: cnt; } ul.upper-alpha-list li::before { content: counter(cnt, upper-latin) ") "; } .btn, .btn-small, .btn-small-icon, .btn-medium, .btn-medium-icon, .btn-large, .btn-large-icon { font-weight: bold; border: none; text-align: center; display: flex; align-items: center; justify-content: center; } .btn:hover, .btn-small:hover, .btn-small-icon:hover, .btn-medium:hover, .btn-medium-icon:hover, .btn-large:hover, .btn-large-icon:hover { text-decoration: none; filter: brightness(90%); } .btn-large, .btn-large-icon { width: 320px; height: 60px; font-size: 16px; border-radius: 8px; } .btn-large-icon { position: relative; } .btn-large-icon::after { content: ""; width: 24px; height: 24px; position: absolute; right: 20px; -webkit-mask: no-repeat center; mask: no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .btn-medium, .btn-medium-icon { padding: 9px 12px; font-size: 16px; border-radius: 6px; background-position: right 9px top 9px; background-repeat: no-repeat; } .btn-medium-icon::after { content: ""; width: 24px; height: 24px; margin-left: 4px; -webkit-mask: no-repeat center; mask: no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .btn-small, .btn-small-icon { padding: 6px 12px; font-size: 14px; border-radius: 6px; background-size: 16px; background-position: right 8px top 8px; background-repeat: no-repeat; } .btn-small-icon::after { content: ""; width: 22px; height: 22px; margin-left: 4px; -webkit-mask: no-repeat center; mask: no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .btn-main { background-color: #0066cc; color: #fff; } .btn-main::after { background-color: #fff; } .btn-strong { background-color: #ff7900; color: #fff; } .btn-strong::after { background-color: #fff; } .btn-weak { background-color: #fff; color: #0066cc; border: 1px solid #0066cc; } .btn-weak::after { background-color: #0066cc; } .btn-alert { background-color: #fff; color: #e60012; border: 1px solid #e60012; } .btn-alert::after { background-color: #e60012; } .btn-disabled { pointer-events: none; background-color: #fff; color: #cccccc; border: 1px solid #cccccc; } .btn-disabled::after { background-color: #cccccc; } .btn-movie { width: 48px; height: 48px; background-color: #fff; border: 2px solid #0066cc; border-radius: 50%; position: relative; } .btn-movie::before { content: ""; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #0066cc; top: calc(50% - 6px); left: calc(50% - 5px); } .btn-movie:hover { text-decoration: none; filter: brightness(90%); } .btn-movie-large { width: 72px; height: 72px; background-color: #fff; border: 3px solid #0066cc; border-radius: 50%; position: relative; } .btn-movie-large::before { content: ""; position: absolute; border-top: 8.5px solid transparent; border-bottom: 8.5px solid transparent; border-left: 17px solid #0066cc; top: calc(50% - 8.5px); left: calc(50% - 7px); } .btn-movie-large:hover { text-decoration: none; filter: brightness(90%); } input[type=submit] { cursor: pointer; } button { cursor: pointer; } .icon::after, .icon-large::after, .icon-medium::after, .icon-small::after { content: ""; display: inline-block; vertical-align: middle; -webkit-mask: no-repeat center; mask: no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .icon-small::after { width: 24px; height: 24px; } .icon-medium::after { width: 36px; height: 36px; } .icon-large::after { width: 48px; height: 48px; } .icon-main::after { background-color: #0066cc; } .icon-strong::after { background-color: #ff7900; } .icon-disable::after { background-color: #cccccc; } .icon-white::after { background-color: #fff; } .icon-main-grad::after { background: linear-gradient(to bottom, #0066cc 50%, #cccccc 50%); } .icon-white-grad::after { background: linear-gradient(to bottom, #fff 50%, #cccccc 50%); } .icon-rotate-right::after { transform: rotate(90deg); } .icon-rotate-under::after { transform: rotate(180deg); } .icon-rotate-left::after { transform: rotate(270deg); } .icon-btn, .icon-btn-disable, .icon-btn-active { width: 32px; height: 32px; border: 1px solid #0066cc; background-color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; } .icon-btn:hover, .icon-btn-disable:hover, .icon-btn-active:hover { text-decoration: none; filter: brightness(90%); } .icon-btn-active { background-color: #0066cc; } .icon-btn-disable { border: 1px solid #cccccc; pointer-events: none; } .icon-btn-circle { width: 40px; height: 40px; border: 1px solid #0066cc; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .icon-btn-circle:hover { text-decoration: none; filter: brightness(90%); } .icon-sort::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_sort.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_sort.svg"); } .icon-search::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_search.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_search.svg"); } .icon-switch::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_switch.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_switch.svg"); } .icon-arrow::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_arrow.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_arrow.svg"); } .icon-arrow-under-bar::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_arrow_under_bar_white.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_arrow_under_bar_white.svg"); } .icon-external-link::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_external_link.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_external_link.svg"); } .icon-edit::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_edit.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_edit.svg"); } .icon-plus::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_plus.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_plus.svg"); } .icon-visible::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_visible.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_visible.svg"); } .icon-pdf::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_pdf.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_pdf.svg"); } .icon-close::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_close.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_close.svg"); } .icon-graph::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_graph.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_graph.svg"); } .icon-table::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_table.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_table.svg"); } .icon-detail::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_detail.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_detail.svg"); } .icon-accordion::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_accordion.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_accordion.svg"); } .icon-view-more::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_abbreviated_characters_active.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_abbreviated_characters_active.svg"); } .icon-up::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_up.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_up.svg"); } .icon-delete::after { -webkit-mask-image: url("/-/media/Member/images/common/icon/icon_delete.svg"); mask-image: url("/-/media/Member/images/common/icon/icon_delete.svg"); } .icon-rich { width: 56px; height: 56px; text-decoration: none; background-repeat: no-repeat; background-size: 56px; display: inline-block; } .icon-rich-elec { background-image: url("/~/media/SolKepco/unsubscribe_info/images/richicon_electricity.svg"); } .icon-rich-elec-disable { background-image: url("/-/media/Member/images/common/richicon/richicon_electricity_inactive.svg"); } .icon-rich-gas { background-image: url("/~/media/SolKepco/unsubscribe_info/images/richicon_gass.svg"); } .icon-rich-gas-disable { background-image: url("/-/media/Member/images/common/richicon/richicon_gass_inactive.svg"); } .icon-rich-sun { background-image: url("/~/media/SolKepco/unsubscribe_info/images/richicon_sun.svg"); } .icon-rich-sun-disable { background-image: url("/-/media/Member/images/common/richicon/richicon_sun_inactive.svg"); } .icon-rich-solution { background-image: url("/~/media/SolKepco/unsubscribe_info/images/richicon_solution.svg"); } .icon-rich-solution-disable { background-image: url("/-/media/Member/images/common/richicon/richicon_solution_inactive.svg"); } .icon-rich-thunderbolt { background-image: url("/-/media/Member/images/common/richicon/richicon_thunderbolt.svg"); } .icon-rich-summarize { background-image: url("/~/media/SolKepco/unsubscribe_info/images/richicon_summarize.png"); } .icon-rich-summarize-disable { background-image: url("/-/media/Member/images/common/richicon/richicon_summarize_inactive.svg"); } .icon-rich-fee { background-image: url("/-/media/Member/images/common/richicon/richicon_fee.svg"); } .icon-rich-usage { background-image: url("/-/media/Member/images/common/richicon/richicon_usage.svg"); } .icon-rich-co2 { background-image: url("/-/media/Member/images/common/richicon/richicon_co2.svg"); } .icon-rich-q { background-image: url("/-/media/Member/images/common/richicon/richicon_question.svg"); } .icon-rich-a { background-image: url("/-/media/Member/images/common/richicon/richicon_answer.svg"); } .icon-rich-que-inq-manual { background-image: url("/-/media/Member/images/common/richicon/richicon_question_manual.svg"); } .icon-rich-error-alert { background-image: url("/-/media/Member/images/common/richicon/richicon_error_alert.svg"); } .icon-rich-biz_v-2 { background-image: url("/-/media/Member/images/common/richicon/richicon_biz_v-2.svg"); background-size: contain; background-position: center; width: 168px; } .news-label { background-color: #ff7900; color: #fff; font-size: 14px; font-weight: bold; padding-top: 2px; padding-bottom: 1px; padding-left: 8px; padding-right: 8px; display: inline; width: -moz-max-content; width: max-content; } .card-label { background-color: #fb791f; color: #fff; font-size: 14px; font-weight: bold; position: relative; padding-top: 2px; padding-bottom: 1px; padding-left: 8px; padding-right: 8px; display: inline; width: -moz-max-content; width: max-content; } .card-label::before { content: ""; position: absolute; left: 0px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 4px 4px 4px 4px; border-color: #d0651b #d0651b transparent transparent; } .defult-orange-label { background-color: #ff7900; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; display: inline; width: -moz-max-content; width: max-content; } .defult-gray-label { background-color: #888888; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; display: inline; width: -moz-max-content; width: max-content; } .fixed-label { display: inline; background-color: #4182fa; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 19px; padding-right: 19px; width: -moz-max-content; width: max-content; } .unfixed-label { display: inline; color: #333333; font-size: 14px; background-color: #fff; border: 1px solid; border-color: #cccccc; padding-top: 2px; padding-bottom: 1px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .coordinated-label { display: inline; background-color: #4182fa; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .not-coordinated-label { display: inline; color: #333333; font-size: 14px; background-color: #fff; border: 1px solid; border-color: #cccccc; padding-top: 2px; padding-bottom: 1px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .update-label { display: inline; content: "更新"; background-color: #888888; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 19px; padding-right: 19px; width: -moz-max-content; width: max-content; float: right; } .charge-fixed-label { display: inline; background-color: #4182fa; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .comment-label { background-color: #4182fa; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; display: inline; position: relative; margin-top: 0; margin-bottom: 0; width: -moz-max-content; width: max-content; } .comment-label::before { content: ""; position: absolute; left: calc(50% - 4px); top: 100%; width: 0; height: 0; border-style: solid; border-width: 6px 4px 4px 4px; border-color: #4182fa transparent transparent transparent; width: -moz-max-content; width: max-content; } .badge-label { content: ""; width: 32px; height: 32px; border-radius: 50%; background-color: #fb791f; color: #fff; font-size: 14px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; display: inline; position: absolute; } .badge-label-2 { content: ""; width: 32px; height: 32px; border-radius: 50%; background-color: #fb791f; color: #fff; font-size: 14px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; display: inline; position: absolute; } .employee-only-screen-big-label { background-color: #8f82bc; color: #fff; font-size: 40px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .employee-only-item-big-label { background-color: #8f82bc; color: #fff; font-size: 40px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; width: -moz-max-content; width: max-content; } .employee-only-screen-small-label { background-color: #8f82bc; color: #fff; font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; display: inline; width: -moz-max-content; width: max-content; } .employee-only-screen-badge-label { content: ""; width: 14px; height: 14px; border-radius: 50%; background-color: #8f82bc; color: #fff; float: left; margin: 0 4px; } .progress-bar { list-style: none; display: flex; justify-content: space-between; width: 1000px; padding: 0; margin: auto; } .progress-bar li { position: relative; width: 33%; font-size: 18px; font-weight: bold; padding-top: 34px; text-align: center; float: left; color: #888888; } .progress-bar li::before { content: ""; display: block; width: 32px; height: 32px; border-radius: 50%; background-color: #cccccc; position: absolute; top: -16px; left: calc(50% - 17px); } .progress-bar li::after { content: ""; display: block; width: 100%; position: absolute; top: 0; left: -50%; border-top: 3px solid #cccccc; z-index: -1; } .progress-bar li:first-child::after { content: none; } .progress-bar li.is-active { color: #333333; } .progress-bar li.is-active::before { background-color: #0066cc; } .progress-bar li.is-active::after { border-top: 3px solid #0066cc; } .progress-bar li.is-complete { color: #333333; } .progress-bar li.is-complete::before { background-color: #0066cc; } .progress-bar li.is-complete::after { border-top: 3px solid #0066cc; } label { position: relative; cursor: pointer; } .checkbox { vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; margin: 0; padding: 0; box-sizing: border-box; vertical-align: middle; position: relative; width: auto; display: inline-block; padding: 5px 30px; } .checkbox::before { content: ""; display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #e5e5e5; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 6px; margin: auto; } .checkbox::after { content: ""; position: absolute; display: block; width: 13px; height: 9px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; top: -3px; bottom: 0px; left: 5px; margin: auto; transform: rotate(-45deg); opacity: 0; } .checkbox:hover::before { background-color: rgba(0, 0, 0, 0.1019607843); mix-blend-mode: multiply; } .checkbox:disabled { pointer-events: none; cursor: default; border-color: #e5e5e5; } .checkbox:disabled::before { background-color: rgba(0, 0, 0, 0.1019607843); mix-blend-mode: multiply; } .checkbox:checked::before { background-color: #0066cc; } .checkbox:checked::after { opacity: 1; } .radiobtn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; width: 24px; height: 24px; border-radius: 100%; position: relative; vertical-align: sub; } .radiobtn::before { content: ""; display: block; border-radius: 100%; position: absolute; background-color: #fff; border: 1px solid #e5e5e5; height: 24px; width: 24px; } .radiobtn::after { content: ""; display: block; border-radius: 100%; position: absolute; background-color: #0066cc; height: 12px; width: 12px; top: 6px; left: 6px; opacity: 0; } .radiobtn:hover::before { background-color: rgba(0, 0, 0, 0.1019607843); } .radiobtn:checked::after { opacity: 1; } .radiobtn:disabled { pointer-events: none; cursor: default; border-color: #e5e5e5; } .radiobtn:disabled + label { pointer-events: none; } .toggle-switch { position: absolute; display: none; } .toggle-switch:checked + .toggle-label { background-color: #0066cc; border: none; } .toggle-switch:checked + .toggle-label:after { background-color: #fff; left: 44px; } .toggle-switch:disabled { cursor: default; } .toggle-switch:disabled + .toggle-label { background-color: #f5f5f5; border: none; pointer-events: none; } .toggle-switch:disabled + .toggle-label:after { background-color: #cccccc; left: 4px; } .toggle-label { width: 72px; height: 32px; background-color: #f5f5f5; position: relative; display: inline-block; border-radius: 30px; border: 1px solid #cccccc; transition: 0.4s; } .toggle-label::after { content: ""; position: absolute; width: 24px; height: 24px; border-radius: 100%; left: 4px; top: 4px; bottom: 4px; z-index: 2; background-color: #0066cc; transition: 0.4s; } .energy-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; } .energy-radio:checked + .energy-label { border: 0px; background-color: #0066cc; color: #fff; } .energy-radio:disabled { cursor: default; } .energy-radio:disabled + .energy-label { pointer-events: none; color: #cccccc; } .energy-label { background-color: #f5f5f5; color: #0066cc; width: auto; height: 40px; border: 1px solid #cccccc; border-radius: 20px; font-size: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 7px; padding-left: 16px; padding-right: 16px; display: inline-block; } .energy-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .date-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; } .date-radio:checked + .date-label { background-color: #0066cc; color: #fff; } .date-radio:disabled { cursor: default; } .date-radio:disabled + .date-label { pointer-events: none; color: #cccccc; } .date-label { background-color: #f5f5f5; color: #0066cc; width: auto; height: 40px; border: 1px solid #cccccc; border-left: none; border-right: none; font-size: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 7px; padding-left: 24px; padding-right: 24px; margin-left: -6px; margin-right: -6px; display: inline-block; } .date-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .date-label:first-of-type { border-radius: 20px 0 0 20px; } .date-label:last-of-type { border-radius: 0 20px 20px 0; } .pagination-items { height: 32px; display: flex; text-align: center; } .pagination-items li { width: 32px; margin-left: 4px; } .pagination-items li a { position: relative; line-height: 32px; color: #0066cc; font-size: 16px; } .pagination-items .current-item { pointer-events: none; width: 32px; height: 32px; border-radius: 100%; background-color: #0066cc; } .pagination-items .current-item a { color: white; } .pagination-items .dots { position: relative; pointer-events: none; } .pagination-items .dots a { color: #888888; } .pagination-items .ellipsis { position: relative; width: 32px; } .pagination-items .ellipsis::before { content: "・・・"; color: red; position: absolute; font-size: 2px; } .arrow { position: relative; width: 12px; height: 12px; top: 10px; } .arrow::before, .arrow::after { content: ""; position: absolute; background: #0066cc; border-radius: 3px; } .arrow::before { top: 0; left: 0; right: 0; height: 2px; } .arrow::after { top: 0; right: 0; bottom: 0; width: 2px; } .prev { transform: translateX(100%) rotate(-135deg); } .next { transform: translateX(50%) rotate(45deg); } .default-tab { width: 1200px; display: flex; } .default-tab .default-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: none; margin: 0; padding: 0; } .default-tab .default-radio:checked + .default-label { background-color: #0066cc; color: #fff; } .default-tab .default-label { background-color: #f5f5f5; color: #0066cc; width: 100%; height: 56px; font-size: 16px; font-weight: bold; text-align: center; padding-top: 17px; padding-bottom: 15px; margin-left: 1px; margin-right: 1px; display: inline-block; } .default-tab .default-label:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .default-tab .default-label:first-of-type { border-radius: 8px 0 0 0; margin-right: 1px; } .default-tab .default-label:last-of-type { border-radius: 0 8px 0 0; margin-left: 1px; } .selectbox { position: relative; display: inline-block; } .selectbox::before { position: absolute; content: ""; pointer-events: none; } .selectbox::after { position: absolute; content: ""; pointer-events: none; top: 50%; right: 20px; transform: translate(50%, -50%) rotate(45deg); width: 10px; height: 10px; margin-top: -2px; border-bottom: 2px solid #0066cc; border-right: 2px solid #0066cc; } .selectbox select { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: auto; height: 32px; padding: 6px 36px 6px 12px; border: 1px solid #cccccc; border-radius: 6px; font-size: 16px; color: #333333; } .selectbox select:has(option[value=""]:checked:first-child), .selectbox select:has(option:not([value]):checked:first-child) { color: #0066cc; font-weight: bold; } .selectbox select option { font-size: 16px; font-weight: normal; color: #0066cc; } .selectbox-disabled::after { border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; } .selectbox-disabled select { cursor: default; color: #cccccc; } .selectbox-disabled select option { color: #cccccc; } input[type=date].dc-date-picker { display: flex; flex-direction: row; font-size: 16px; justify-content: center; gap: 4px; padding: 0 8px; border-radius: 4px; border: solid 1px #cccccc; } input[type=date].dc-date-picker::before { padding: 6px 0 6px 4px; min-width: 132px; flex-grow: 1; content: attr(date-formatted-val) ""; white-space: nowrap; } input[type=date].dc-date-picker::-webkit-datetime-edit { display: none; -webkit-appearance: none; appearance: none; } input[type=date].dc-date-picker::-webkit-calendar-picker-indicator { background-image: url("/-/media/Member/images/common/icon/icon_calendar.svg"); align-self: stretch; background-position: center; width: unset; height: unset; min-width: 24px; padding-bottom: 4px; } input[type=time].dc-time-picker { display: flex; flex-direction: row; font-size: 16px; justify-content: center; gap: 4px; padding: 0 8px; border-radius: 4px; border: solid 1px #cccccc; } input[type=time].dc-time-picker::before { padding: 6px 0 6px 4px; min-width: 56px; flex-grow: 1; content: attr(time-formatted-val) ""; white-space: nowrap; } input[type=time].dc-time-picker::-webkit-datetime-edit { display: none; -webkit-appearance: none; appearance: none; } input[type=time].dc-time-picker::-webkit-calendar-picker-indicator { background-image: url("/-/media/Member/images/common/icon/icon_clock.svg"); align-self: stretch; background-position: center; width: unset; height: unset; margin: 0; min-width: 24px; padding-bottom: 4px; } table { width: 100%; border: 1px solid #cccccc; border-radius: 8px; border-collapse: separate; border-spacing: 0; color: #333333; } table tbody tr:last-child th { border-bottom: none; } table tbody tr:last-child th:first-child { border-radius: 0 0 0 8px; } table tbody tr:only-child > th:first-child { border-radius: 8px 0 0 8px; } table tr:first-child > th:first-child { border-radius: 8px 0 0 0; } table tr:first-child > th:last-child { border-radius: 0 8px 0 0; } table tr:last-child > td { border-bottom: none; } table tr:last-child > td:first-child { border-radius: 0 0 0 8px; } table tr:last-child > td:last-child { border-radius: 0 0 8px 0; } table tr > * { border: none; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 20px; } table tr > *:last-child { border-right: none; } table th { word-break: break-all; vertical-align: middle; background-color: #f2f7fd; font-weight: normal; position: relative; font-size: 14px; } table th:last-child.rowspan-left { border-right: 1px solid #cccccc; } table th.rowspan-border-bottom { border-bottom: none; } table th.required-field::after { content: "＊"; color: #e60012; font-size: 14px; vertical-align: 8px; } table td { word-break: break-all; vertical-align: middle; } table td:last-child.rowspan-left { border-right: 1px solid #cccccc; } table td.rowspan-border-bottom { border-bottom: none; } table td.td-btn { text-align: center; vertical-align: middle; } table ul { display: flex; justify-content: flex-start; align-items: center; padding: 0; margin: 0; } table ul li { display: flex; vertical-align: middle; } table ul li.id-label { font-weight: bold; } table ul.text-align-center { text-align: center; } table .small-table-btn { width: -moz-fit-content; width: fit-content; height: 32px; font-size: 14px; font-weight: bold; padding: 5px 12px 4px 12px; border: 1px solid #0066cc; border-radius: 6px; display: inline-flex; position: relative; align-items: center; } table .small-table-btn:hover { text-decoration: none; } table .small-table-btn:hover::before { content: ""; width: 100%; height: 100%; border-radius: 6px; background-color: #000000; position: absolute; top: 0; left: 0; opacity: 0.1; mix-blend-mode: multiply; } table.account-info-table tr { width: 240px; text-align: left; } table.account-info-table th { width: 240px; height: 56px; text-align: left; } table.account-info-table td { width: 960px; height: 56px; font-size: 16px; } table.account-info-table ul li { margin-right: 16px; } table.result-info-table { font-size: 14px; } table.result-info-table tr:last-child { background-color: #f5f5f5; } table.result-info-table tr.table-sum td:first-child { text-align: start; } table.result-info-table th { text-align: center; height: 49px; white-space: nowrap; } table.result-info-table th .billing-amount { font-weight: bold; text-align: right; } table.result-info-table td { height: 56px; min-width: 150px; white-space: nowrap; } table.result-info-table td:first-child { width: 100%; white-space: normal; } table.result-info-table td:last-child { width: 238px; } table.result-info-table td ul { font-size: 14px; align-items: start; } table.result-info-table td.td-kinds { text-align: left; } table.result-info-table td.td-kinds ul li { margin-top: 4px; margin-bottom: auto; } table.result-info-table td.td-kinds ul li .unfixed-label, table.result-info-table td.td-kinds ul li .fixed-label { line-height: 24px; } table.result-info-table td.td-kinds ul li a { padding: 2px 17px; } table.result-info-table td:not(:first-child) { text-align: right; } table.result-info-table td.td-blank { text-align: center; } table.result-info-table td.billing-amount { font-weight: bold; text-align: right; } table.result-info-table ul li { margin-right: 8px; } table.result-info-table ul li:last-child { margin-right: 0; } table.result-info-table .label-list .btn-li { margin-left: 8px; } table.result-info-table .btn-list { display: flex; justify-content: space-between; align-items: center; padding: 0; } table.news-receive-table { font-size: 16px; } table.news-receive-table tr:first-child th:first-child { min-width: 240px; width: 280px; } table.news-receive-table tr:first-child th:last-child { min-width: 240px; } table.news-receive-table tr:nth-child(2) th { width: 120px; } table.news-receive-table th { text-align: center; } table.news-receive-table th.recerive-settings-label { padding: 17px auto 12 auto; height: 50px; } table.news-receive-table th.td-radio-btn { text-align: center; padding: 13px 16px; } table.news-receive-table td:nth-child(2) { display: flex; justify-content: space-between; } table.news-receive-table td.td-radio-btn { text-align: center; padding: 13px 16px; } table.news-receive-table ul { width: 100%; justify-content: space-between; } table.news-receive-table ul li:first-child { padding-right: 16px; } table.news-receive-table ul li:last-child { width: -moz-fit-content; width: fit-content; } table.news-receive-table ul li a { min-width: 112px; } table.account-register-table tr td { font-size: 16px; } table.account-register-table tr th { text-align: start; } table.account-register-table ul.id-register-list { flex-direction: column; align-items: flex-start; } table.account-register-table ul.id-register-list li { margin-bottom: 4px; } table.account-register-table ul.id-register-list li:nth-child(2) { margin-bottom: 16px; } table.account-register-table ul.email-register-list { flex-direction: column; align-items: flex-start; } table.account-register-table ul.email-register-list li { margin-bottom: 8px; } table.account-register-table ul.email-register-list .li-first { margin-bottom: 24px; } table.account-register-table input { border-radius: 4px; margin-right: 20px; padding: 8px 11px 8px 11px; } table.account-register-table input::-moz-placeholder { color: #aaaaaa; } table.account-register-table input::placeholder { color: #aaaaaa; } table.account-register-table input.id { width: 504px; } table.account-register-table input.id:invalid:focus + p { opacity: 1; } table.account-register-table input.company-name { width: 504px; } table.account-register-table input.company-name:invalid:focus + p { opacity: 1; } table.account-register-table input.department-name { width: 504px; } table.account-register-table input.department-name:invalid:focus + p { opacity: 1; } table.account-register-table input.email { width: 504px; } table.account-register-table input.email:invalid:focus + p { opacity: 1; } table.account-register-table input.email-confirm { width: 504px; } table.account-register-table input.email-confirm:invalid:focus + p { opacity: 1; } table.account-register-table input.last-name { width: 240px; } table.account-register-table input.last-name:invalid:focus + p { opacity: 1; } table.account-register-table input.first-name { width: 240px; } table.account-register-table input.first-name:invalid:focus + p { opacity: 1; } table.account-register-table input.kana-last-name { width: 240px; } table.account-register-table input.kana-last-name:invalid:focus + p { opacity: 1; } table.account-register-table input.kana-first-name { width: 240px; } table.account-register-table input.kana-first-name:invalid:focus + p { opacity: 1; } table.account-register-table input.phone-number-first { width: 120px; } table.account-register-table input.phone-number-first:invalid:focus + p { opacity: 1; } table.account-register-table input.phone-number-second { width: 120px; } table.account-register-table input.phone-number-second:invalid:focus + p { opacity: 1; } table.account-register-table input.phone-number-third { width: 120px; } table.account-register-table input.phone-number-third:invalid:focus + p { opacity: 1; } table.account-register-table input + p.input-comment-label { position: absolute; width: -moz-max-content; width: max-content; top: calc(-100% - 5px); opacity: 0; transition: 0.2s; } table.account-register-table input.error { background-color: #feedee; } table.account-register-table .input-text { position: relative; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; align-items: center; } table.column-valiable-table { font-size: 14px; table-layout: fixed; } table.column-valiable-table tr:first-child th:first-child { resize: none; } table.column-valiable-table tr:first-child th:last-child { resize: none; background-color: #fff8f2; } table.column-valiable-table tr:last-child { background-color: #f5f5f5; } table.column-valiable-table th { text-align: center; resize: horizontal; overflow: hidden; } table.column-valiable-table td { position: relative; height: 30px; } table.column-valiable-table td input { display: none; } table.column-valiable-table .put-btn { position: absolute; display: inline-block; width: 16px; height: 16px; background-size: 16px; background-color: #fff; background-repeat: no-repeat; right: 25px; bottom: 23px; } table.column-valiable-table .text-extend { vertical-align: middle; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } table.column-valiable-table .text-extend::after { content: ""; position: absolute; width: 20px; height: 20px; background-color: #fff; opacity: 0.6; right: 40px; bottom: 23px; } table.column-valiable-table #open-text:checked ~ .put-btn { display: none; } table.column-valiable-table #open-text:checked ~ .text-extend { display: inline-block; } table.column-valiable-table #open-text:checked ~ .text-extend::after { display: none; } @supports (scrollbar-width: auto) { .scroll-container { scrollbar-width: thin; scrollbar-color: #0066cc #e5e5e5; } } @supports selector(::-webkit-scrollbar) { .scroll-container::-webkit-scrollbar { width: 10px; height: 10px; } .scroll-container::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 5px; } .scroll-container::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 5px; } } .breadcrumbs { width: 239px; height: 24px; background-color: yellow; } .margin-top-0 { margin-top: 0; } .breadcrumbs-margin-bottom { margin-bottom: 40px; } .h1-margin-bottom { margin-bottom: 64px; } .h2-margin-bottom { margin-bottom: 56px; } .on-h1-title { margin-top: 40px; } .h1-title-lower { margin-bottom: 64px; } .h2-title-lower { margin-bottom: 56px; } .h3-title-lower { margin-bottom: 40px; } .h4-title-lower { margin-bottom: 32px; } .h5-title-lower { margin-bottom: 24px; } .normal-text-lower { margin-bottom: 16px; } .align-right { margin-left: auto; text-align: right; } .breadcrumb-and-h1-title { margin-top: 64px; } .h1-padding-bottom { padding-bottom: 122px; } .page-all-btn { height: 140px; } .DC10_Header .header { width: 100%; height: auto; } .DC10_Header .top-bar { width: 100%; height: 80px; border-bottom: 1px solid #cccccc; text-align: center; } .DC10_Header .header-contents { width: 1200px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; font-size: 16px; } .DC10_Header a.header-logo-link { width: 213px; height: 32px; display: inline-block; margin-top: 25px; } .DC10_Header ul.header-menu { display: flex; margin: 0; } .DC10_Header ul.header-menu li { margin-left: 32px; margin-top: 27px; } .DC10_Header ul.header-menu li:first-child { margin-top: 24px; } .DC10_Header ul.header-menu li:last-child { margin-left: 40px; } .DC10_Header .search-word { position: relative; } .DC10_Header .search-word input.search-input { width: 250px; height: 32px; border-radius: 4px; border: 1px solid #cccccc; padding: 6px 38px 5px 11px; } .DC10_Header .search-word input.search-btn { border: none; outline: none; width: 24px; height: 24px; position: absolute; top: 4px; right: 8px; background: url("/-/media/Member/images/common/icon/icon_search.svg") no-repeat; cursor: pointer; } .DC10_Header .search-word input.search-btn:hover { position: absolute; top: 1px; transition: 0.1s; } .DC10_Header .login-info { width: 280px; } .DC10_Header .login-info .company-name { font-size: 14px; text-align: left; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .DC10_Header .login-info .user-name { font-size: 14px; text-align: left; font-weight: bold; } .DC10_Header .gnav { width: 100%; margin: 0 auto; font-size: 18px; font-weight: bold; position: relative; } .DC10_Header ul.gnav-lists { display: flex; margin: 0 auto; padding: 0; justify-content: center; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843); } .DC10_Header ul.gnav-lists li.gnav-list { height: 72px; text-align: center; } .DC10_Header ul.gnav-lists li.gnav-list:hover { color: #0066cc; background-color: #f5f5f5; } .DC10_Header ul.gnav-lists li.gnav-list:hover > .dropdown-lists { visibility: visible; opacity: 1; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-top-li { width: 120px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-fee-li { width: 245px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-service-li { width: 257px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-info-li { width: 145px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-settings-li { width: 179px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-support-li { width: 267px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page { position: relative; padding-top: 24.5px; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page::after { content: ""; background-color: #0066cc; height: 4px; position: absolute; top: 68px; left: 0px; visibility: hidden; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.top-page { padding-top: 0; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.top-page::after { width: 34px; left: 40px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.top-page a { padding-left: 40px; padding-right: 40px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.fee-page::after { width: 144px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.service-page::after { width: 180px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.info-page { padding-top: 0; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.info-page::after { width: 64px; left: 36px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.info-page a { padding-left: 36px; padding-right: 36px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.settings-page::after { width: 72px; } .DC10_Header ul.gnav-lists li.gnav-list .gnav-bar-page.support-page::after { width: 198px; } .DC10_Header ul.gnav-lists li.gnav-list.gnav-top-li .current-page::after { visibility: visible; } .DC10_Header ul.gnav-lists li.gnav-list > *.current-page::after { visibility: visible; } .DC10_Header ul.gnav-lists li > div > a { text-decoration: none; color: #333333; position: relative; display: inline-block; text-align: center; padding-top: 24.5px; padding-bottom: 21px; } .DC10_Header ul.gnav-lists li > div > a:hover { color: #0066cc; } .DC10_Header .dropdown-lists { visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; display: flex; font-size: 16px; font-weight: normal; width: 100%; background-color: #f5f5f5; justify-content: center; padding: 0 0 40px 0; position: absolute; top: 100%; left: 0; margin: 0 auto; line-height: 21px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); z-index: 2; } .DC10_Header .dropdown-lists div ul li.menu-title { font-weight: bold; color: #333333; } .DC10_Header .dropdown-lists > div { width: 277px; text-align: start; padding-top: 40px; } .DC10_Header .dropdown-lists > div.service-menu { width: 213px; } .DC10_Header .dropdown-lists > div .dropdown-img { padding-bottom: 24px; } .DC10_Header .dropdown-lists > div .menu-title { padding-bottom: 24px; } .DC10_Header .dropdown-lists > div ul { padding-left: 0; } .DC10_Header .dropdown-lists > div li { padding-bottom: 16px; } .DC10_Header .fee-menu { height: 318px; } .DC10_Header .fee-menu div:last-child { width: 96px; } .DC10_Header .service-menu { height: 184px; } .DC10_Header .setting-menu { height: 159px; } .DC10_Header .setting-menu .setting-menu-width { flex-wrap: wrap; display: flex; margin: 40px auto; height: -moz-fit-content; height: fit-content; } .DC10_Header .setting-menu .setting-menu-width li { padding-right: 80px; } .DC10_Header .setting-menu .setting-menu-width li:first-child { width: 100%; height: 55px; text-align: start; font-weight: bold; } .DC10_Header .setting-menu .setting-menu-width li:last-child { padding-right: 0; } .DC10_Header .setting-menu .setting-menu-width.customer-setting { width: 944px; } .DC10_Header .setting-menu .setting-menu-width.sales-setting { width: 688px; } .DC10_Header .support-menu { height: 159px; } .DC10_Header .support-menu .support-menu-width { flex-wrap: wrap; display: flex; margin: 40px auto; height: -moz-fit-content; height: fit-content; width: 640px; } .DC10_Header .support-menu .support-menu-width li { padding-right: 80px; } .DC10_Header .support-menu .support-menu-width li:first-child { width: 100%; height: 55px; text-align: start; font-weight: bold; } .DC10_Header .support-menu .support-menu-width li:last-child { padding-right: 0; } .DC10_Header ul.sun-menu li.menu-title { padding-bottom: 8px; } .DC10_Header .is-simple-header .top-bar { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); } .DC10_Header .is-simple-header a { color: #333333; font-size: 16px; font-weight: bold; } .DC10_Header .bred-crumb { width: 1200px; height: auto; text-align: right; margin: 24px auto 40px auto; } .DC10_Header .bred-crumb ul { display: flex; width: -moz-fit-content; width: fit-content; margin-left: auto; } .DC10_Header .bred-crumb ul li { padding-left: 4px; } .DC10_Header .local-nav { background-color: #f2f9fc; width: 100%; height: 60px; font-size: 16px; position: relative; border-top: 1px solid #cccccc; } .DC10_Header .local-nav ul { display: flex; margin: 0 auto; text-align: left; padding-top: 18px; width: 1200px; } .DC10_Header .local-nav ul li { padding-left: 24px; padding-right: 24px; border-right: 1px solid #cccccc; } .DC10_Header .local-nav ul li:first-child { padding-left: 25pxpx; } .DC10_Header .local-nav ul li:last-child { border-right: none; } .DC11_Footer .support-counter { background: rgba(0, 102, 204, 0.05); } .DC11_Footer .support-counter .support-title { font-size: 28px; color: #333333; font-weight: bold; padding-top: 62px; margin-bottom: 58.5px; } .DC11_Footer .support-counter .support-center-name { font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 8px; } .DC11_Footer .support-counter .support-tel { font-size: 16px; color: #333333; margin-top: 0; } .DC11_Footer .support-counter .support-tel::before { content: "電話："; } .DC11_Footer .support-counter .support-tel::after { content: "（通話料無料）"; } .DC11_Footer .support-counter .support-btn { display: flex; justify-content: center; margin-top: 39.5px; padding-bottom: 64px; } .DC11_Footer .support-person { display: flex; margin-right: 83px; align-items: center; justify-content: flex-start; width: 100%; } .DC11_Footer .support-person .content { display: flex; align-items: center; width: 600px; } .DC11_Footer .support-person .person-name { font-size: 16px; color: #333333; font-weight: bold; padding: none; margin-bottom: 4px; } .DC11_Footer .support-person .person-tel { display: inline; font-size: 16px; color: #333333; margin-right: 16px; } .DC11_Footer .support-person .person-tel::before { content: "電話："; } .DC11_Footer .support-person .person-mail { display: inline; font-size: 16px; color: #333333; } .DC11_Footer .support-person .person-mail::before { content: "メール："; } .DC11_Footer .support-person .person-image { width: 80px; height: 80px; margin-right: 24px; } .DC11_Footer .support-person .person-image img { width: 80px; height: auto; border-radius: 100%; } .DC11_Footer .footerlink { background-color: #f5f5f5; } .DC11_Footer .footerlink .footerlink-top { padding-top: 44px; margin-bottom: 31px; } .DC11_Footer .footerlink .footerlink-top a { font-size: 18px; font-weight: bold; color: #333333; } .DC11_Footer .footerlink .footerlink-top a:hover { color: #333333; } .DC11_Footer .footerlink .footerlink-detail { display: flex; padding-bottom: 64px; } .DC11_Footer .footerlink .footerlink-detail ul { width: 100%; padding-left: 0; } .DC11_Footer .footerlink .footerlink-detail ul:nth-child(3) { width: 70%; } .DC11_Footer .footerlink .footerlink-detail ul:last-child { width: 50%; } .DC11_Footer .footerlink .footerlink-detail .footerlink-title { font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 22px; } .DC11_Footer .footerlink .footerlink-detail .has-link { margin-bottom: 22px; } .DC11_Footer .footerlink .footerlink-detail .has-link a { font-size: 16px; color: #333333; } .DC11_Footer .footerlink .footerlink-detail .has-link a:hover { color: #333333; } .DC11_Footer .footerlink .footerlink-detail .others { margin-bottom: 22px; } .DC11_Footer .footerlink .footerlink-detail .others a { font-size: 16px; color: #333333; font-weight: bold; } .DC11_Footer .footerlink .footerlink-detail .others a:hover { color: #333333; } .error-info-area { margin-bottom: 30px; padding: 20px; border: 1px solid #e60012; border-radius: 8px; } .error-info-area ul.disc-list li::before { color: #e60012; } .error-info-area .validation-summary-errors { color: #e60012; } .error-info-area:has(.validation-summary-valid) { display: none; } .validation-summary-errors { margin-bottom: 30px; padding: 20px; border: 1px solid #e60012; border-radius: 8px; width: 100%; } .validation-summary-errors ul li { color: #e60012; } .result-info-area { margin-bottom: 30px; padding: 20px; border: 1px solid #0066cc; border-radius: 8px; } .result-info-area ul.disc-list li::before { color: #0066cc; } .result-info-area .result-summary-infos { color: #0066cc; } .result-info-area:has(.result-summary-valid) { display: none; } .result-summary-infos { margin-bottom: 30px; padding: 20px; border: 1px solid #0066cc; border-radius: 8px; width: 100%; } .result-summary-infos ul li { color: #0066cc; } .DC12_Other .other-card { display: inline-block; width: 282px; height: 292px; border-radius: 8px; border: 1px solid #cccccc; position: relative; text-decoration: none; } .DC12_Other .other-card .label-new { position: absolute; z-index: 2; top: -12px; left: -8px; } .DC12_Other .other-card .label-industry { position: absolute; z-index: 2; top: 164px; left: -8px; background-color: #4182fa; } .DC12_Other .other-card .label-industry::before { border-color: #0741db #0741db transparent transparent; } .DC12_Other .other-card .image-box { width: 100%; height: 176px; overflow: hidden; } .DC12_Other .other-card .image-box img { display: block; transition: transform 0.5s; } .DC12_Other .other-card .card-title { display: inline-block; font-size: 16px; font-weight: bold; color: #0066cc; margin-left: 20px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 0; } .DC12_Other .other-card .card-text { display: inline-block; font-size: 16px; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0; margin-left: 20px; margin-right: 20px; } .DC12_Other .other-card:hover .image-box img { transform: scale(1.1); } .DC12_Other .other-card:hover .image-box::before { content: ""; position: absolute; z-index: 1; width: 282px; height: 176px; border-radius: 8px 8px 0 0; background-color: #000000; opacity: 0.1; mix-blend-mode: multiply; } .DC12_Other .other-card:hover .card-title { border-bottom: 1px solid #0066cc; } .DC12_Other .question-link-card { display: inline-block; width: 282px; height: 288px; border-radius: 8px; border: 1px solid #cccccc; position: relative; text-decoration: none; position: relative; } .DC12_Other .question-link-card .card-icon { text-align: center; margin: 32px auto; } .DC12_Other .question-link-card .card-title { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 8px; } .DC12_Other .question-link-card .card-text { font-size: 16px; color: #333333; margin: 0 20px; } .DC12_Other .question-link-card:hover::before { content: ""; position: absolute; background-color: #000000; opacity: 0.1; mix-blend-mode: multiply; width: 100%; height: 100%; } .DC12_Other .mocked-error-modal-buttons .mb-16 { margin-bottom: 16px; } .DC12_Other .mocked-error-modal-buttons .mx-4 { margin: 0 4px; } .DC12_Other .mocked-error-modal-buttons .mocked-modal-container { width: 98%; } .related-link { position: relative; border: 1px solid #cccccc; border-radius: 8px; } .related-link .link-title { font-size: 18px; font-weight: bold; color: #333333; margin-top: 24px; margin-left: 20px; margin-bottom: 20px; } .related-link .link-url { margin-bottom: 16px; margin-left: 20px; color: #0066cc; height: 24px; margin-right: 11px; padding-right: 32px; background-position: right 0; background-repeat: no-repeat; } .related-link .link-url a { display: inline-block; } .related-link .link-text { margin-bottom: 16px; margin-left: 20px; color: #333333; height: 24px; margin-right: 11px; padding-right: 32px; background-position: right 0; background-repeat: no-repeat; } .related-link .link-text a { display: inline-block; } .notice-list { font-size: 14px; margin-top: 20px; margin-bottom: 40px; } .notice-list ul.notice-item { padding: 17px 0 14px 0; display: flex; -moz-column-gap: 16px; column-gap: 16px; align-items: center; border-bottom: 1px solid #cccccc; } .notice-list ul.notice-item:first-child { border-top: 1px solid #cccccc; } .notice-list ul.notice-item li { height: 24px; display: flex; align-items: center; justify-content: center; } .notice-list ul.notice-item li.notice-state { width: 52px; } .notice-list ul.notice-item li.notice-date { width: 126px; font-size: 14px; color: #888888; } .notice-list ul.notice-item li.notice-label { width: 121px; font-size: 14px; text-align: center; border: 1px solid #cccccc; } .notice-list ul.notice-item li.notice-text a { font-size: 16px; color: #0066cc; } .notice-list ul.notice-item + ul.c-notice-item { border-top: none; } /*# sourceMappingURL=sc_member.css.map*/