@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */ *, :after, :before { border-style: solid; border-width: 0; box-sizing: border-box } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; line-height: 1.15 } body { margin: 0 } main { display: block } address, blockquote, dl, figure, form, iframe, p, pre, table { margin: 0 } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0 } ol, ul { list-style: none; margin: 0; padding: 0 } dt { font-weight: 700 } dd { margin-left: 0 } hr { border-top-width: 1px; box-sizing: content-box; clear: both; color: inherit; height: 0; margin: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: inherit } address { font-style: inherit } a { background-color: transparent; color: inherit; text-decoration: none } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: inherit } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } embed, iframe, img, object, svg { vertical-align: bottom } button, input, optgroup, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border-radius: 0; color: inherit; font: inherit; margin: 0; padding: 0; text-align: inherit; text-transform: inherit; vertical-align: middle } [type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio } [type=button], [type=reset], [type=submit], button { cursor: pointer } [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled { cursor: default } :-moz-focusring { outline: auto } select:disabled { opacity: inherit } fieldset, option { padding: 0 } fieldset { margin: 0; min-width: 0 } legend { padding: 0 } progress { vertical-align: baseline } textarea { overflow: auto } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } label[for] { cursor: pointer } details { display: block } summary { display: list-item } [contenteditable]:focus { outline: auto } table { border-collapse: collapse; border-color: inherit } caption { text-align: left } td, th { padding: 0; vertical-align: top } th { font-weight: 700; text-align: left } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; 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") } :root { --swiper-theme-color: #007aff } .swiper { list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; z-index: 1 } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100% } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-backface-hidden .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; 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 { -webkit-transform-style: preserve-3d; 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 { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-css-mode>.swiper-wrapper { -ms-overflow-style: none; overflow: auto; scrollbar-width: 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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; 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 { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100% } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; left: 0; pointer-events: none; position: absolute; top: 0 } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { height: var(--swiper-virtual-size); width: 1px } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size)/2); position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); z-index: 10 } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: normal; letter-spacing: 0; line-height: 1; text-transform: none !important; text-transform: none } .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 { left: auto; right: 10px } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); transition: opacity .3s; z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .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 { font-size: 0; overflow: hidden } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: 50%; display: inline-block; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) } button.swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; margin: 0; padding: 0 } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0 } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-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: top .2s, -webkit-transform .2s; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s } .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%; -webkit-transform: translateX(-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: left .2s, -webkit-transform .2s; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: right .2s, -webkit-transform .2s; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; width: 100% } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; 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 { height: 4px; left: 0; top: 0; width: 100% } .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 { height: 100%; left: 0; top: 0; width: 4px } .swiper-pagination-lock { display: none } .swiper-scrollbar { background: rgba(0, 0, 0, .1); border-radius: 10px; position: relative; -ms-touch-action: none } .swiper-horizontal>.swiper-scrollbar { bottom: 3px; height: 5px; left: 1%; position: absolute; width: 98%; z-index: 50 } .swiper-vertical>.swiper-scrollbar { height: 98%; position: absolute; right: 3px; top: 1%; width: 5px; z-index: 50 } .swiper-scrollbar-drag { background: rgba(0, 0, 0, .5); border-radius: 10px; height: 100%; left: 0; position: relative; top: 0; width: 100% } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100% } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid transparent; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; width: 42px; z-index: 10 } .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .swiper .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-direction: column; flex-wrap: wrap } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; pointer-events: none; -webkit-transform-origin: 0 0; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1 } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper-cube .swiper-cube-shadow { bottom: 0; height: 100%; left: 0; opacity: .6; position: absolute; width: 100%; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { background: #000; bottom: 0; content: ""; -webkit-filter: blur(50px); filter: blur(50px); left: 0; position: absolute; right: 0; top: 0 } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform-origin: center bottom; transform-origin: center bottom } html { font-size: 62.5% } body, html { height: 100% } body { word-wrap: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans, meiryo, arial, sans-serif; overflow-wrap: break-word; word-break: normal } img[width="1"] { bottom: 0; height: 0 !important; position: absolute; width: 0 !important } a, button { outline: none } button { border: none } .br--l, .br--m, .br--pc, .br--s, .br--sp, .br--xl { display: none } .utl-jump01 { font-size: 0; height: 0; line-height: 0; position: relative; width: 100% } .utl-jump01>div { height: 0; left: 0; position: absolute; top: 0; width: 100% } .gallery_example { background-color: #fff; position: relative; z-index: 2 } .gallery_example>:last-child { margin-bottom: 0 } .gallery_example__recommend { background-color: #edf0f2; background-repeat: no-repeat } .swiper-recommendCarousel.swiper--galleryExample .swiper-slide img { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .library_article>:last-child { margin-bottom: 0 } .library_article__contents img { width: 100% } .library_article__contents a, .library_article__contents button { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .library_article__contents button.hide, .library_article__contents button.hide img { height: 0 } .library_article__contentsLinkButtonSmall { display: block } .library_article__contentsClickHandWrapper { position: relative } .library_article__contentsClickHand--multiple.hide { display: none } .library_article__contentsClickHand--multiple .clickButton { position: absolute } .library_article__contentsClickAnswer li { display: none } .library_article__contentsClickAnswer li.active { cursor: pointer; display: block } .js-reform-pulldown01-target { height: 0; overflow: hidden } .main--reform { color: #413434; overflow-x: hidden; width: 100% } .main--reform img { width: 100% } .main--reform sup { font-size: .5em } .section--reform01 { background: #d6d5cd url(/homelounge/assets/images/reform/reasons/bg_01.png) no-repeat top/100% 100%; position: relative; width: 100% } .section--reform01__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform01__block01 { position: relative; width: 100%; z-index: 10 } .section--reform02 { background-color: #d6d5cd; position: relative; width: 100% } .section--reform02__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform02__block01 { position: relative; width: 100%; z-index: 10 } .section--reform03 { background-color: #e7e2d6; position: relative; width: 100% } .section--reform03__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform03__block01 { z-index: 10 } .section--reform03__bg01, .section--reform03__block01 { position: relative; width: 100% } .section--reform03__bg01:before { background-color: #f8f7f4; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .section--reform04 { background-color: #f8f7f4; position: relative; width: 100% } .section--reform04__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform04__block01 { position: relative; width: 100%; z-index: 10 } .section--reform05 { background-color: #e7e2d6; position: relative; width: 100% } .section--reform05__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform05__block01 { position: relative; width: 100%; z-index: 10 } .section--reform06 { background-color: #ded4c6; position: relative; width: 100% } .section--reform06__inner { margin: 0 auto; max-width: 1920px; position: relative; width: 100% } .section--reform06__block01 { position: relative; width: 100%; z-index: 10 } .reform--color_light { color: #fff !important } .reform--color_dark { color: #413434 !important } .reform--arrow01 { border-left: 1px solid #8e8273; left: calc(50% - 1px); position: absolute; width: 0 } .reform--arrow01:after { border-bottom: 1px solid #8e8273; bottom: 0; content: ""; display: block; height: 0; left: 0; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0 } .reform--arrow01__text { position: absolute } .reform--keyvisual00 { background-color: #f7f6f5; position: relative; width: 100% } .reform--keyvisual00>div { bottom: 0; left: 0; position: absolute } .reform--keyvisual00__slide01 { overflow: hidden; width: 100% } .reform--keyvisual00__slide01 .swiper { margin: 0 auto; overflow: visible } .reform--keyvisual00__slide01 .swiper-wrapper { display: flex } .reform--keyvisual00__slide01 .swiper-slide { overflow: hidden; width: 0 } .reform--keyvisual00__slide01 .swiper-slide>a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--keyvisual00__person01 { left: auto !important; right: 0; z-index: 2 } .reform--keyvisual00__title01 { z-index: 3 } .reform--keyvisual00__button01.myHomePage__banner { background: none; border-radius: 0; box-shadow: none; cursor: pointer; height: auto; padding: 0; right: auto; top: auto; z-index: 4 } .reform--keyvisual01 { background-color: #f7f6f5; position: relative } .reform--keyvisual01__textarea01 { width: 100% } .reform--keyvisual01__title01 { line-height: 1 } .reform--keyvisual01__title01__sub01 { display: block; font-family: "Noto Serif JP", serif } .reform--keyvisual01__title01__main, .reform--keyvisual01__title01__sub02 { display: block; font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--keyvisual01__title01__main { white-space: nowrap } .reform--keyvisual01__text01 { font-family: "Noto Serif JP", serif; line-height: 2 } .reform--keyvisual01__note01 { font-family: "Noto Serif JP", serif; line-height: 1.3 } .reform--pagelinks { overflow: hidden; position: relative; width: 100% } .reform--pagelinks__pagelink01 { margin: 0 auto } .reform--pagelinks__pagelink01>li>a { display: inline-block; font-weight: 600; line-height: 1.3; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--pagelinks__pagelink01>li>a span { align-items: center; display: flex } .reform--pagelinks__pagelink01>li:first-child>a { background: url(/homelounge/assets/images/reform/reasons/arrow_01_01.svg) no-repeat left 2px center } .reform--pagelinks__pagelink01>li:nth-child(2) { text-align: right } .reform--pagelinks__pagelink01>li:nth-child(2)>a { background: url(/homelounge/assets/images/reform/reasons/arrow_01_02.svg) no-repeat right 2px center } .reform--box01 { position: relative; width: 100% } .reform--box01__text01, .reform--box01__title01 { position: relative; z-index: 2 } .reform--box01__text01 { line-height: 1.6 } .reform--box01__text01, .reform--box01__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box01__text02 { line-height: 2; position: relative; z-index: 2 } .reform--box01__note01 { font-family: "Noto Serif JP", serif; line-height: 1.3 } .reform--box01__img01 { overflow: hidden } .reform--box02 { position: relative; width: 100% } .reform--box02__title01 { left: 0; position: absolute; top: 0 } .reform--box02__text01 { line-height: 1.6 } .reform--box02__text01, .reform--box02__text02 { font-family: "Noto Serif JP", serif; font-weight: 500; position: relative } .reform--box02__text02 { line-height: 2 } .reform--box02__img01 li { position: absolute; width: 36.5325077399% } .reform--box02__img01 li:first-child { left: 0; margin: 0 auto; right: 0; top: 0 } .reform--box02__img01 li:nth-child(2) { left: 0; margin: 23.2198142415% 0 0; top: 0 } .reform--box02__img01 li:nth-child(3) { margin: 23.2198142415% 0 0; right: 0; top: 0 } .reform--box02__img01 li:nth-child(4) { bottom: 0; left: 0; margin: 0 0 0 11.7647058824% } .reform--box02__img01 li:nth-child(5) { bottom: 0; margin: 0 11.7647058824% 0 0; right: 0 } .reform--box03 { position: relative; width: 100% } .reform--box03__frame01 { background-color: #f7f6f5; position: relative } .reform--box03__photo01 { left: 0; overflow: hidden; position: absolute; top: 0 } .reform--box03__text01 { line-height: 1.6 } .reform--box03__text01, .reform--box03__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box03__text02 { line-height: 2 } .reform--box03__slide01 .swiper { overflow: visible; width: 100% } .reform--box03__slide01 .swiper-wrapper { display: flex } .reform--box03__slide01 .swiper-slide { overflow: hidden; width: 0 } .reform--box03__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box03__slide01 .swiper-pagination-lock { display: none !important } .reform--box03__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box03__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box03__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box03__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box03__slide01 .swiper-button-prev:after { display: none } .reform--box03__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box03__slide01 .swiper-button-next:after { display: none } .reform--box03__slide01__photo01 { overflow: hidden; width: 100% } .reform--box03__slide01__text01 { font-weight: 600; line-height: 1.3; width: 100% } .reform--box03__slide01__text02 { line-height: 1.7; width: 100% } .reform--box04 { position: relative; width: 100% } .reform--box04__frame01 { background-color: #f8f7f4; position: relative } .reform--box04__frame01__photo01 { left: 0; overflow: hidden; position: absolute; top: 0 } .reform--box04__frame01__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 1.6 } .reform--box04__frame01__text02 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 2 } .reform--box04__frame01__img01>li>p { line-height: 1.3 } .reform--box04__frame01__img01>li>p>span { margin: 0 0 0 .5em } .reform--box04__frame01__img01>li:first-child div { position: relative } .reform--box04__frame01__img01>li:first-child div:after { border: 1px solid #d9d9d9; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .reform--box04__frame01__img01>li:first-child img { display: block; position: relative; z-index: 1 } .reform--box04__frame02 { background-color: #fff; position: relative } .reform--box04__frame02__text01 { font-weight: 600; line-height: 1.6 } .reform--box04__frame02__text01 .small { font-weight: 400 } .reform--box04__frame02__text02 { font-weight: 500; line-height: 2 } .reform--box04__frame02__img01 { display: flex; justify-content: space-between } .reform--box04__frame02__img01>li>p, .reform--box04__frame02__note01 { line-height: 1.5 } .reform--box05 { position: relative; width: 100% } .reform--box05__title01 { left: 0; position: absolute; top: 0 } .reform--box05__img01 { overflow: hidden } .reform--box05__text01 { line-height: 1.6 } .reform--box05__text01, .reform--box05__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box05__text02 { line-height: 2 } .reform--box05__img02>li { overflow: hidden } .reform--box06 { position: relative; width: 100% } .reform--box06__frame01 { background-color: #e7e2d6; position: relative } .reform--box06__photo01 { left: 0; overflow: hidden; position: absolute; top: 0 } .reform--box06__text01 { line-height: 1.6 } .reform--box06__text01, .reform--box06__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box06__text02 { line-height: 2 } .reform--box07 { position: relative; width: 100% } .reform--box07__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 1.6 } .reform--box07__slide01 .swiper { overflow: visible; width: 100% } .reform--box07__slide01 .swiper-wrapper { display: flex } .reform--box07__slide01 .swiper-slide { background-color: #e7e2d6; height: auto; overflow: hidden; width: 0 } .reform--box07__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box07__slide01 .swiper-pagination-lock { display: none !important } .reform--box07__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box07__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box07__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box07__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box07__slide01 .swiper-button-prev:after { display: none } .reform--box07__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box07__slide01 .swiper-button-next:after { display: none } .reform--box07__slide01__photo01 { width: 100% } .reform--box07__slide01__textarea01 { margin: 0 auto } .reform--box07__slide01__text01 { font-weight: 600; line-height: 1.3 } .reform--box07__slide01__text02 { line-height: 1.6; width: 100% } .reform--box08 { position: relative; width: 100% } .reform--box08__text01, .reform--box08__title01 { position: relative; z-index: 2 } .reform--box08__text01 { line-height: 1.6 } .reform--box08__text01, .reform--box08__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box08__text02 { line-height: 2; position: relative; z-index: 2 } .reform--box08__photo01__upper { overflow: hidden; position: relative; width: 100% } .reform--box08__photo01__upper:after { bottom: 0; color: #fff; content: "After"; display: block; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box08__photo01__lower { display: flex; justify-content: space-between; position: relative; width: 100% } .reform--box08__photo01__lower:after { bottom: 0; color: #fff; content: "Before"; display: block; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box08__photo01__lower p { line-height: 1.6 } .reform--box08__photo01__lower p>span { display: block; margin: 0 0 0 -.75em } .reform--box08__slide01 .swiper { overflow: visible; width: 100% } .reform--box08__slide01 .swiper-wrapper { display: flex } .reform--box08__slide01 .swiper-slide { overflow: hidden; width: 0 } .reform--box08__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box08__slide01 .swiper-pagination-lock { display: none !important } .reform--box08__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box08__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box08__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box08__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box08__slide01 .swiper-button-prev:after { display: none } .reform--box08__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box08__slide01 .swiper-button-next:after { display: none } .reform--box08__slide01__photo01 { width: 100% } .reform--box08__slide01__photo01__upper { overflow: hidden; position: relative; width: 100% } .reform--box08__slide01__photo01__upper:after { bottom: 0; color: #fff; content: "After"; display: block; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box08__slide01__photo01__lower { display: flex; justify-content: space-between; position: relative; width: 100% } .reform--box08__slide01__photo01__lower:after { bottom: 0; color: #fff; content: "Before"; display: block; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box08__slide01__photo01__lower p { line-height: 1.5 } .reform--box08__slide01__photo01__lower p span { display: block; margin: 0 0 0 -.75em } .reform--box09 { position: relative; width: 100% } .reform--box09__title01 { left: 0; position: absolute; top: 0 } .reform--box09__photo01 { overflow: hidden; position: relative } .reform--box09__photo01>p { bottom: 0; color: #fff; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box09__text01 { line-height: 1.6 } .reform--box09__text01, .reform--box09__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box09__text02 { line-height: 2 } .reform--box09__photo02>li { overflow: hidden; position: relative } .reform--box09__photo02>li>p { bottom: 0; color: #fff; left: 0; line-height: 1; position: absolute; text-shadow: 0 0 6px #000 } .reform--box10 { position: relative; width: 100% } .reform--box10__title01 { left: 0; position: absolute; top: 0 } .reform--box10__text01 { line-height: 1.6 } .reform--box10__text01, .reform--box10__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box10__text02 { line-height: 2 } .reform--box10__note01 { font-family: "Noto Serif JP", serif; line-height: 1.3 } .reform--box10__photo01 { overflow: hidden } .reform--box11 { position: relative; width: 100% } .reform--box11__text01, .reform--box11__title01 { position: relative; z-index: 2 } .reform--box11__text01 { line-height: 1.6 } .reform--box11__text01, .reform--box11__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box11__text02 { line-height: 2; position: relative; z-index: 2 } .reform--box11__note01 { font-family: "Noto Serif JP", serif; line-height: 1.3 } .reform--box11__img01 { overflow: hidden } .reform--box12 { position: relative; width: 100% } .reform--box12__title01 { left: 0; position: absolute; top: 0 } .reform--box12__text01 { line-height: 1.6 } .reform--box12__text01, .reform--box12__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box12__text02 { line-height: 2 } .reform--box13 { position: relative; width: 100% } .reform--box13__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 1.3 } .reform--box13__photo01__img { position: relative } .reform--box13__photo01__img__shadow { background-color: #b7a88a; -ms-filter: blur(5px); -webkit-filter: blur(5px); filter: blur(5px); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .reform--box13__photo01__img>p { bottom: 0; color: #fff; font-weight: 600; left: 0; position: absolute } .reform--box13__photo01>p { line-height: 1.3 } .reform--box13__photo02 { display: flex; position: relative } .reform--box13__photo02>li, .reform--box13__photo02>li .reform--box13__photo02__img { position: relative } .reform--box13__photo02>li .reform--box13__photo02__img__shadow { -ms-filter: blur(5px); -webkit-filter: blur(5px); filter: blur(5px); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .reform--box13__photo02>li .reform--box13__photo02__img>p { bottom: 0; color: #fff; font-weight: 600; left: 0; position: absolute } .reform--box13__photo02>li:first-child .reform--box13__photo02__img__shadow { background-color: #b89e96 } .reform--box13__photo02>li:nth-child(2) .reform--box13__photo02__img__shadow { background-color: #94a3a7 } .reform--box13__photo02>li:nth-child(3) .reform--box13__photo02__img__shadow { background-color: #939f84 } .reform--box13__photo02>li>p { line-height: 1.3 } .reform--box14 { position: relative; width: 100% } .reform--box14__text01 { font-weight: 600; line-height: 1.5 } .reform--box14__img01 { display: flex; flex-wrap: wrap; justify-content: space-between } .reform--box14__img01 li { position: relative } .reform--box14__img01 li p { align-items: center; bottom: 0; color: #fff; display: flex; flex-wrap: wrap; font-weight: 600; height: 100%; justify-content: center; left: 0; line-height: 1.4; position: absolute; right: 0; text-align: center; top: 0; width: 100% } .reform--box14__note01 { line-height: 1.3; text-align: right } .reform--box15 { position: relative; width: 100% } .reform--box15__title01 { left: 0; position: absolute; top: 0 } .reform--box15__photo01 { overflow: hidden } .reform--box15__text01 { line-height: 1.6 } .reform--box15__text01, .reform--box15__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box15__text02 { line-height: 2 } .reform--box16 { position: relative; width: 100% } .reform--box16__title01 { left: 0; position: absolute; top: 0; z-index: 2 } .reform--box16__photo01 { overflow: hidden } .reform--box16__text01 { line-height: 1.6 } .reform--box16__text01, .reform--box16__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box16__text02 { line-height: 2 } .reform--box17 { position: relative; width: 100% } .reform--box17__title01 { left: 0; position: absolute; top: 0 } .reform--box17__text01 { line-height: 1.6 } .reform--box17__text01, .reform--box17__text02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box17__text02 { line-height: 2 } .reform--box18 { position: relative; width: 100% } .reform--box18__frame01 { background-color: #fff; position: relative } .reform--box18__frame01.mb0, .reform--box18__frame01:last-child { margin-bottom: 0 } .reform--box18__label01 { background-color: #6c5e4b; color: #fff; font-weight: 600; left: 0; line-height: 1; position: absolute; text-align: center; top: 0 } .reform--box18__list01__li01 { border-bottom: 1px solid #e7e2d6 } .reform--box18__list01__li01:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .reform--box18__list01__title01 { font-weight: 600; line-height: 1.4; padding-left: 1em; text-indent: -1em } .reform--box18__list01__text01 { line-height: 1.7 } .reform--box18__list01__photo01 { overflow: hidden } .reform--box18__list01__img01 { width: 100% } .reform--box18__list01__list01>li.bgcolor01 { background-color: #f8f7f4; overflow: hidden } .reform--box18__list01__list01__photo01 { overflow: hidden; width: 100% } .reform--box18__list01__list01__text01 { line-height: 1.7 } .reform--box18__list01__list01__subttl01 { background-color: #faee95; font-weight: 600; line-height: 1; text-align: center; width: 100% } .reform--box18__list01__list01__text02 { line-height: 1.6 } .reform--box18__list01__list01__text02 strong { font-weight: 600 } .reform--box18__list01__list01__text02>p { margin: 0 auto } .reform--box18__list01__list01__text02>p:last-child { padding-bottom: 0 } .reform--box18__list02__title01 { font-weight: 600; line-height: 1.4; padding-left: 1em; text-indent: -1em } .reform--box18__list02__text01 { line-height: 1.7 } .reform--box18__list02__photo01 { overflow: hidden } .reform--box18__note01 { line-height: 1.3; text-align: right } .reform--box18__note02 { line-height: 1.6 } .reform--box19 { position: relative; width: 100% } .reform--box19__deco01 { background: url(/homelounge/assets/images/reform/top/deco_01.png) no-repeat 0 0/100% 100%; left: 0; position: absolute; top: 0 } .reform--box19__photo01 { position: relative } .reform--box19__photo01__movie { overflow: hidden; position: relative } .reform--box19__photo01__movie video { border: none; bottom: 0; display: block; -webkit-filter: drop-shadow(0 0 #000); filter: drop-shadow(0 0 #000); height: 100%; left: 0; outline: none; position: absolute; right: 0; top: 0; width: 100% } .reform--box19__photo01__button { bottom: 0; position: absolute; right: 0; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box19__title02 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 1.3 } .reform--box19__text01 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box20 { position: relative; width: 100% } .reform--box20__title01 { left: 0; position: absolute; top: 0 } .reform--box20__list01 { position: relative } .reform--box20__list01 ul { width: 100% } .reform--box20__list01 ul li { position: relative } .reform--box20__list01 ul li a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box20__list01 ul li a span { display: block } .reform--box20__list01__reason01 { position: absolute; right: 0; top: 0 } .reform--box20__list01__frame01 { background-color: #f7f6f5; width: 100% } .reform--box20__list01__frame01__title01 { font-family: "Noto Serif JP", serif; line-height: 1; text-align: center; width: 100% } .reform--box20__list01__frame01__title01__sub01 { line-height: 1.5 } .reform--box20__list01__frame01__title01__sub01>span { border-bottom: 1px solid #413434; display: inline-block !important } .reform--box20__list01__frame01__title01__main { font-weight: 500; line-height: 1.1 } .reform--box20__list01__frame01__title01__main>span { background: url(/homelounge/assets/images/reform/top/brackets_01_02.png) no-repeat right top 70%, url(/homelounge/assets/images/reform/top/brackets_01_01.png) no-repeat left top 70%; display: inline-block !important } .reform--box20__list01__frame01__text01 { font-family: "Noto Serif JP", serif; line-height: 1.7; margin: 0 auto } .reform--box20__list01__frame01__note01 { font-family: "Noto Serif JP", serif; line-height: 1.3 } .reform--box20__list01__frame02 { background: #897e6f url(/homelounge/assets/images/reform/top/arrow_01.svg) no-repeat; color: #fff; line-height: 1; text-align: right } .reform--box21 { position: relative; width: 100% } .reform--box21__deco01 { background: url(/homelounge/assets/images/reform/top/deco_02.png) no-repeat 0 0/100% 100%; bottom: 0; left: 0; position: absolute } .reform--box21__photo01 { overflow: hidden; position: absolute; right: 0; top: 0 } .reform--box21__title01 { position: relative; z-index: 2 } .reform--box21__photo02 { overflow: hidden } .reform--box21__title02 { line-height: 1.6; position: relative; z-index: 2 } .reform--box21__text01, .reform--box21__title02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box21__text01 { line-height: 2 } .reform--box22 { position: relative; width: 100% } .reform--box22__title01 { font-size: 0; line-height: 0 } .reform--box22__title01__text { color: #ad9a7c; line-height: 1.3 } .reform--box22__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 2 } .reform--box22__slide01 .swiper { overflow: visible; width: 100% } .reform--box22__slide01 .swiper-wrapper { display: flex } .reform--box22__slide01 .swiper-slide { background-color: #fff; height: auto; overflow: hidden; width: 0 } .reform--box22__slide01 .swiper-slide>a { display: block; position: relative; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box22__slide01 .swiper-slide>a .reform--box22__slide01__photo01 { position: relative } .reform--box22__slide01 .swiper-slide>a .reform--box22__slide01__photo01:after { background: url(/homelounge/assets/images/reform/top/icon_play01.png) no-repeat 50%; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .reform--box22__slide01 .swiper-slide[data-is-new=true]>a:after { background: url(/homelounge/assets/images/reform/top/icon_new-logout.svg) no-repeat 100% 0/contain; content: ""; display: block; left: -1px; position: absolute; top: -1px; z-index: 3 } .reform--box22__slide01 .swiper-slide[data-membership=true]>a:before { background: url(/homelounge/assets/images/reform/top/icon_member.svg) no-repeat 100% 0/contain; content: ""; display: block; position: absolute; right: 0; top: 0; z-index: 3 } .reform--box22__slide01 .swiper-slide[data-membership=true]>a .reform--box22__slide01__photo01:after { background-color: rgba(13, 29, 51, .5); background-image: url(/homelounge/assets/images/common/swpier/icon_member.svg) } .reform--box22__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box22__slide01 .swiper-pagination-lock { display: none !important } .reform--box22__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box22__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box22__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box22__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box22__slide01 .swiper-button-prev:after { display: none } .reform--box22__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box22__slide01 .swiper-button-next:after { display: none } .reform--box22__slide01__photo01 { width: 100% } .reform--box22__slide01__textarea01 { margin: 0 auto } .reform--box22__slide01__text01 { line-height: 1.6; width: 100% } .reform--box22__slide01__text02 { background: url(/homelounge/assets/images/reform/top/icon_clock_01.svg) no-repeat 0; line-height: 2; width: 100% } .reform--box23 { position: relative; width: 100% } .reform--box23__title01 { font-size: 0; line-height: 0 } .reform--box23__title01__text { color: #ad9a7c; line-height: 1.3 } .reform--box23__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 2 } .reform--box23__title02 { font-family: "Noto Serif JP", serif; line-height: 1.4; position: relative } .reform--box23__title02:before { background-color: #ad9a7c; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0 } .reform--box23__area01:nth-last-child(-n+2) { padding-bottom: 0 } .reform--box23__slide01 .swiper { overflow: visible; width: 100% } .reform--box23__slide01 .swiper-wrapper { display: flex } .reform--box23__slide01 .swiper-slide { height: auto; width: 0 } .reform--box23__slide01 .swiper-slide>a { display: block } .reform--box23__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box23__slide01 .swiper-pagination-lock { display: none !important } .reform--box23__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box23__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box23__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box23__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box23__slide01 .swiper-button-prev:after { display: none } .reform--box23__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box23__slide01 .swiper-button-next:after { display: none } .reform--box23__slide01__photo01 { overflow: hidden; width: 100% } .reform--box23__slide01__text01 { line-height: 1.6; width: 100% } .reform--box23__button01 { border: 1px solid #413434; border-radius: 1.25vw; color: #413434; cursor: pointer; margin: 0 auto; transition: all .3s cubic-bezier(.215, .61, .355, 1); width: 13.5416666667% } .reform--box23__button01__text { display: block; font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px); line-height: 1; padding: 5.3846153846% 0; text-align: center } .reform--box23__button01 .text02, .reform--box23__button01.opened .text01 { display: none } .reform--box23__button01.opened .text02 { display: block } .reform--box24 { position: relative; width: 100% } .reform--box24__title01 { left: 0; position: absolute; top: 0 } .reform--box24__title02 { line-height: 1.6; position: relative; z-index: 2 } .reform--box24__text01, .reform--box24__title02 { font-family: "Noto Serif JP", serif; font-weight: 500 } .reform--box24__text01 { line-height: 2 } .reform--box24__slide01 .swiper { overflow: visible; width: 100% } .reform--box24__slide01 .swiper-wrapper { display: flex } .reform--box24__slide01 .swiper-slide { height: auto; width: 0 } .reform--box24__slide01 .swiper-slide>a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box24__slide01 .swiper-pagination { background-color: #fff; border-radius: 3px; display: flex; font-size: 0; height: 6px; line-height: 0; position: static } .reform--box24__slide01 .swiper-pagination-lock { display: none !important } .reform--box24__slide01 .swiper-pagination-bullet { background-color: #fff !important; border-radius: 3px; display: block !important; height: 6px; margin: 0 !important; width: 100% } .reform--box24__slide01 .swiper-pagination-bullet-active { background-color: #c1b096 !important } .reform--box24__slide01__buttons { font-size: 0; height: 0; line-height: 0; position: relative } .reform--box24__slide01 .swiper-button-prev { background: url(/homelounge/assets/images/reform/reasons/arrow_02_01.svg) no-repeat 50% } .reform--box24__slide01 .swiper-button-prev:after { display: none } .reform--box24__slide01 .swiper-button-next { background: url(/homelounge/assets/images/reform/reasons/arrow_02_02.svg) no-repeat 50% } .reform--box24__slide01 .swiper-button-next:after { display: none } .reform--box25 { position: relative; width: 100% } .reform--box25__title01 { position: relative; z-index: 2 } .reform--box25__img01 { overflow: hidden } .reform--box25__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 2 } .reform--box25__button01 a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box26 { position: relative; width: 100% } .reform--box26__title01 { position: relative; z-index: 2 } .reform--box26__img01 { overflow: hidden } .reform--box26__text01 { font-family: "Noto Serif JP", serif; font-weight: 500; line-height: 2 } .reform--box26__button01 a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform_example__thumbnails img { max-width: 100%; width: auto } .reform_example__textSet { display: flex } .reform_example__heading, .reform_example__text { color: #413434 } .reform_example__text>.text_center { display: block; text-align: center } .reform_example__heading--en, .reform_example__heading--ja { display: block } .reform_example__heading--en { font-weight: 700 } .gallery_example .a-typography--h3 { font-weight: 400 } .gallery_example .o-section__body { margin-top: 12px } .gallery_example .container { margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; width: 100% } .gallery_example .m-define-list { overflow-x: hidden } .gallery_example .m-define-list__container { margin: 0 -20px } .gallery_example .m-define-list__list { display: flex; flex-flow: column wrap } .gallery_example .m-define-list__item { border-bottom: 1px solid #b2b2b2; display: flex; flex: 0 0; flex-basis: calc(50% - 40px); flex-flow: row wrap; margin: 0 20px; min-height: 47px } .gallery_example .m-define-list__body, .gallery_example .m-define-list__title { align-items: center; display: inline-flex; padding-bottom: 8px; padding-top: 8px } .gallery_example .m-define-list__title { border-right: 1px solid #b2b2b2; flex: 0 0 40%; justify-content: center; position: relative; text-align: center } .gallery_example .m-define-list__body { flex: 1; margin: 0; padding-left: 40px } .main--reform .gallery_example__headingText, .main--reform .gallery_example__headingTitle { color: #413434 } .main--reform .roundButton--large { background-color: #413434 } .main--theater { overflow: hidden } #bcModal .modal__container { background-color: transparent; max-width: none; position: relative } #bcModal .modal__content { display: flex } .bcModal__closeButton { position: absolute; right: 30px; top: 0 } .bcModal__closeButton svg { pointer-events: none } .bcModal__related { background-color: #fff } .bcModal__related>h5 { color: #586166; font-weight: 700 } .relatedItem { display: block; margin-top: 24px } .relatedItem__image img { width: 100% } .relatedItem__title { color: #586166; font-weight: 700; word-break: break-word } .closeButton { align-items: center; border: 1px solid; color: #0c436f; display: flex; outline: none; position: absolute; right: 0; transition: all .3s cubic-bezier(.215, .61, .355, 1); z-index: 10 } .closeButton:after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .closeButton .close { fill: #fff } .closeButton .cross { align-items: center; display: flex; height: 23.9px; justify-content: center; position: relative; width: 23.9px } .closeButton .cross:after, .closeButton .cross:before { background-color: currentcolor; content: ""; display: block; height: 1px; position: absolute; width: 100% } .closeButton .cross:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .closeButton .cross:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .columnAndCarousel__singleCategory { position: relative; z-index: 2 } .columnAndCarousel__singleCategory h3 { color: #586166; font-weight: 700 } .columnAndCarousel__singleCategory h3 .title__caption { display: block; font-weight: 400 } .columnAndCarousel__singleCategory h3+.swiper--columnAndCarousel .swiper-slide:first-child { margin-top: 0 } .columnAndCarousel__singleCategory { overflow: hidden } .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content, .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content { display: block; position: relative } .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content:after, .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content:before, .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:after, .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before { background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; top: 0; z-index: 3 } .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-position: 0 0; height: 100%; left: 0 } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image, .swiper--columnAndCarousel .swiper-slide[data-type=modal] .columnAndCarousel__image, .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image { position: relative } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:after, .swiper--columnAndCarousel .swiper-slide[data-type=modal] .columnAndCarousel__image:after, .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before { background-position: 100% 0; height: 100%; right: 0 } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:before { background-color: rgba(13, 29, 51, .5); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:after { background-image: url(/homelounge/assets/images/common/swpier/icon_member.svg) !important; content: "" !important; height: 100% } .swiper--columnAndCarousel .swiper-slide[data-type=modal] .columnAndCarousel__image { position: relative } .swiper--columnAndCarousel .swiper-slide[data-type=modal] .columnAndCarousel__image.columnAndCarousel__image--noPlay:after { content: none } .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image { position: relative } .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image:after { background-image: url(/homelounge/assets/images/common/swpier/icon_360.svg); height: 100% } .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image.columnAndCarousel__image--noPlay:after { content: none } .swiper--columnAndCarousel .swiper-pagination-fraction { bottom: 0; left: auto; right: 0; top: auto } .swiper--columnAndCarousel .swiper-pagination { color: #0c436f; z-index: 1 } .swiper--columnAndCarousel .swiper-button-next, .swiper--columnAndCarousel .swiper-button-prev { left: auto; top: auto; z-index: 2 } .swiper--columnAndCarousel .swiper-button-next:after, .swiper--columnAndCarousel .swiper-button-prev:after { background-position: 50%; background-repeat: no-repeat; background-size: auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .swiper--columnAndCarousel .swiper-button-prev:after { background-image: url(/homelounge/assets/images/common/swpier/button_prev_v2.svg) } .swiper--columnAndCarousel .swiper-button-next:after { background-image: url(/homelounge/assets/images/common/swpier/button_next_v2.svg) } .columnAndCarousel__content { transition: all .3s cubic-bezier(.215, .61, .355, 1) } div.columnAndCarousel__content { pointer-events: none; transition: none } div.columnAndCarousel__content a { pointer-events: auto; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .columnAndCarousel__image { display: block } .columnAndCarousel__image img { width: 100% } .columnAndCarousel__title { color: #586166; font-weight: 700 } .columnAndCarousel__title .columnAndCarousel__caption { display: block; font-weight: 400 } .columnAndCarousel__duration { background-position: 0; background-repeat: no-repeat; color: #586166 } .recommendCarousel__hashtags { display: flex } .recommendCarousel__hashtag { color: #586166 } .recommendCarousel__hashtag+.recommendCarousel__hashtag { margin-left: .5rem } .contactSection { background-color: #fff } .contactSection__list { align-items: center; display: flex } .contactSection__listImage img { width: 100% } .contactSection__listTitle { color: #586166; font-family: "Noto Serif JP", sans-serif; font-weight: 700 } .contactSection__information { position: relative } .contactSection__information:before { background-color: #586166; content: ""; display: block; position: absolute; top: 0 } .contactSection__informationSetting { align-items: center; display: flex } .contactSection__informationSettingImage img { width: 100% } .contactSection__informationSettingList { color: #586166 } .contactSection__informationSettingList a, .contactSection__informationSettingList button { display: block; position: relative; width: 100% } .contactSection__informationSettingList a:after, .contactSection__informationSettingList button:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .contactSection__informationSettingList span { padding-bottom: 5px; position: relative } .contactSection__informationSettingList span:after { background-color: currentcolor; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100% } .contactSection .sectionHeading__shoulderTitle img { width: auto !important } .contactSection.type02 .sectionHeading__shoulderTitle img { width: auto } .contactSection.type02 .sectionHeading__shoulderTitle--ja { color: #413434; font-weight: 700 } .contactSection.type02 .contactSection__informationSettingList, .contactSection.type02 .contactSection__listTitle, .contactSection.type02 .roundButton--detail, .contactSection.type02 .sectionHeading__mainTitle { color: #413434 } .section--404, .section--error { background-color: #edf0f2; text-align: center } .section--404 h3, .section--error h3 { color: #0c436f; letter-spacing: .01em } .section--404 h2, .section--error h2 { color: #0c436f; font-family: "Noto Serif JP", sans-serif; font-weight: 500 } .section--404 p, .section--error p { color: #586166 } .section--404 h5 { color: #586166; font-weight: 700 } .section--404 ul { list-style-type: disc; text-align: left } .section--404 li { color: #586166 } .footer { background-color: #0c436f; position: relative; z-index: 99 } .footer__inner { margin: 0 auto } .footerLower { border-top-style: solid; border-top-width: 1px } .footerPagetop { bottom: 20px; height: 50px; opacity: 0; pointer-events: none; position: fixed; right: 20px; transition: opacity .1s linear; width: 50px } .footerPagetop.footerPagetop--showed { opacity: 1; pointer-events: auto } .footerPagetop.footerPagetop--stopped { bottom: auto; position: absolute } .footerPagetop img { width: 100% } .footerLogos { display: flex } .footerLogos__logo img, .footerLogos__textcopy img { width: 100% } .footerNav, .footerNavs { display: flex } .footerNav a, .footerNav button { color: #fff; display: inline-block; font-size: 1.1rem; position: relative } .footerNav a:before, .footerNav button:before { content: "＞"; display: inline-block } .footerCopyright p { color: #fff } .footer.type02 { background-color: #413434 } .header__account .header__accountName { color: #fff; position: relative; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .header__account .header__accountName svg { fill: hsla(0, 0%, 100%, 0); stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; display: block; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .header__account .header__accountName .accountName { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap } .header__account .header__accountName .suffix { display: inline-block; vertical-align: middle } .header { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(12, 67, 111, .8); left: 0; position: fixed; top: 0; width: 100%; z-index: 100 } .header .roundButton { border: 1px solid #fff; border-radius: 50px; color: #fff; font-weight: 700; position: relative } .header .roundButton__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .header__inner { align-items: center; display: flex; margin: 0 auto; max-width: 1920px } .header__logo a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .header__logo img { width: 100% } .header__menuList a { display: block; position: relative } .header__menuList a:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; right: 0; top: 50% } .br--pcSmall { display: none } .headerReform { box-sizing: border-box } .headerReform .br--pcSmall { display: none } .rightButton { height: 100%; width: 295px } .rightButton a { align-items: center; background: #0c436f url(/homelounge/assets/images/common/header/arrow.png) no-repeat right 47px center/32px; color: #fff; display: flex; font-size: 1.6rem; font-weight: 700; height: 100%; line-height: 1; padding: 0 0 0 60px; width: 100% } .headerReform.type02 { background-color: rgba(108, 94, 75, .8) } .headerReform.type02 .rightButton a { background-color: #6c5e4b; background-image: url(/homelounge/assets/images/common/header/arrow_02.svg) } .headerReform.type02 .header__otherLoungeMenuButton { background-color: #6c5e4b } .headerReform.type02 .header__otherLoungeMenuButtonArrow svg .cls-2 { fill: #413434 } .headerReform.type02 .header__otherLoungeMenuListsInner { background-color: #6c5e4b } .headerReform.type02 .header__otherLoungeMenuSP a:after { background-image: url(/homelounge/assets/images/common/arrow_navy_02.svg) } .headerReform.type02 .header__otherLoungeMenuSPText { color: #413434 !important } .myHomePage__banner { background-color: #fff; background-image: url(/homelounge/assets/images/myhomepage/banner_illust.png); background-position: bottom right 10px; background-repeat: no-repeat; background-size: 83px auto; width: 100% } .myHomePage__banner .myHomePage__bannerShoulderTitle { color: #586166; display: block; font-weight: 700; letter-spacing: .04em } .myHomePage__banner .myHomePage__bannerTitle--ja { color: #5271bf; display: block; font-size: 1.2rem; font-weight: 700; letter-spacing: .04em } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .myHomePage { bottom: 0; left: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: -1 } .myHomePage.is-open { position: fixed; visibility: visible; z-index: 101 } .myHomePage[aria-hidden=false] .myHomePage__overlay { -webkit-animation: fadeIn .3s cubic-bezier(.34, .07, .095, .995); animation: fadeIn .3s cubic-bezier(.34, .07, .095, .995) } .myHomePage[aria-hidden=false] .myHomePage__container { -webkit-animation: fadeIn 1.5s cubic-bezier(.34, .07, .095, .995); animation: fadeIn 1.5s cubic-bezier(.34, .07, .095, .995) } .myHomePage[aria-hidden=true] .myHomePage__container, .myHomePage[aria-hidden=true] .myHomePage__overlay { -webkit-animation: fadeOut .3s cubic-bezier(.34, .07, .095, .995); animation: fadeOut .3s cubic-bezier(.34, .07, .095, .995) } .myHomePage .myHomePage__overlay { background-color: #edf0f2; height: 100%; overflow-y: auto; padding: 50px 0 } .myHomePage .myHomePage__container { background-color: transparent } .myHomePage .myHomePage__containerInner { background-color: #fff; position: relative } .myHomePage .myHomePage__header { border-bottom-color: #4878b6; border-style: solid } .myHomePage .myHomePage__title { color: #4878b6; font-family: "Noto Serif JP", sans-serif; font-weight: 500; text-align: center } .myHomePage .myHomePage__close { align-items: center; display: flex; justify-content: center; position: absolute } .myHomePage .myHomePage__close span { display: block; height: 2px; width: 100% } .myHomePage .myHomePage__close span:after, .myHomePage .myHomePage__close span:before { background-color: #586166; content: ""; display: block; position: absolute } .myHomePage .myHomePage__close span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .myHomePage .myHomePage__close span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .myHomePage .swiper-slide { width: 100% } .myHomePageCarousel { position: relative } .myHomePageCarousel .myHomePageCarousel__title { color: #4878b6; font-family: "Noto Serif JP", sans-serif; text-align: center } .myHomePageCarousel .myHomePageCarousel__title .text--super { vertical-align: super } .myHomePageCarousel .myHomePageCarousel__content { display: flex } .myHomePageCarousel .myHomePageCarousel__image img { max-width: 100% } .myHomePageCarousel .myHomePageCarousel__detail { color: #586166 } .myHomePageCarousel .myHomePageCarousel__detail dt { font-weight: 700 } .myHomePageCarousel .myHomePageCarousel__detail dd .annotation { display: block } .myHomePageCarousel .myHomePageCarousel__detail dd .annotation--red { color: #e0351e } .myHomePageCarousel .myhomepage__linkButton { align-items: center; background-color: #4878b6; border: 1px solid #fff; color: #fff; display: flex; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .myHomePageCarousel .myhomepage__linkButton span { font-weight: 700 } .myHomePageCarousel .myhomepage__linkButton .arrow { height: 12px; margin-left: 13px; width: 20px } .myHomePageCarousel .swiper-button-next, .myHomePageCarousel .swiper-button-prev { align-items: center; background-color: #fff; background-image: none; border-color: #4878b6; border-width: 1px; bottom: 0; display: flex; justify-content: flex-start; top: auto; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .myHomePageCarousel .swiper-button-next:after, .myHomePageCarousel .swiper-button-prev:after { display: none } .myHomePageCarousel .swiper-button-next span, .myHomePageCarousel .swiper-button-prev span { position: relative } .myHomePageCarousel .swiper-button-next .arrow, .myHomePageCarousel .swiper-button-prev .arrow { width: 20px } .myHomePageCarousel .swiper-button-prev { left: 0 } .myHomePageCarousel .swiper-button-prev .arrow { margin-left: 10px; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .myHomePageCarousel .swiper-button-next { right: 0 } .myHomePageCarousel .swiper-button-disabled { opacity: 0 } .myHomePageCarousel .swiper-pagination { bottom: 6px; font-weight: 700; letter-spacing: .1em } .myHomePageCarousel .swiper-pagination-total { font-weight: 400; vertical-align: bottom } .kv { background-position: right 50% top; background-repeat: no-repeat; background-size: cover; position: relative; width: 100% } .kv .kv__inner { align-items: center; display: flex; height: 100%; width: 100% } .kv .kv__title { opacity: 0; transition: opacity 1s ease-out } .kv .kv__title img { width: 100% } .kv .kv__title.js-fadeIn { opacity: 1 } .gradation { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1 } .kv__scroll { bottom: 0; z-index: 2 } .kv__scroll, .kv__scroll:after { left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .kv__scroll:after { -webkit-animation: scroll-line 1.8s cubic-bezier(.645, .045, .355, 1) infinite; animation: scroll-line 1.8s cubic-bezier(.645, .045, .355, 1) infinite; background-color: #0c436f; content: ""; display: block; opacity: 0; width: 1px } .kv__scroll svg { fill: #0c436f } @-webkit-keyframes scroll-line { 0% { height: 0; opacity: 0; top: 20px } 30% { height: 20px; opacity: 1 } to { height: 0; opacity: 0; top: 50px } } @keyframes scroll-line { 0% { height: 0; opacity: 0; top: 20px } 30% { height: 20px; opacity: 1 } to { height: 0; opacity: 0; top: 50px } } .loungeMenu--nomal .loungeMenu__contentList { background-color: #fff; border-radius: 8px; box-shadow: 0 8px 10px rgba(0, 45, 89, .16); position: relative } .loungeMenu__contentListTitle { align-items: center; color: #0c436f; display: flex; flex-wrap: wrap; font-family: "Noto Serif JP", sans-serif; font-weight: 500; position: relative } .loungeMenu__contentListTitle:after { background-color: currentcolor; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100% } .loungeMenu__contentListTitle span { display: block } .loungeMenu__contentListTitle img { display: block; margin-left: 5px; width: 100% } .loungeMenu__info { color: #586166; line-height: 1.5 } .loungeMenu__info dt { font-weight: 700 } .loungeMenu__infoLists { margin-top: auto } .loungeMenu__infoList>div, .loungeMenu__infoListLinkArea { align-items: center; display: flex } .loungeMenu__infoListLinkArea { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .loungeMenu__infoListThumb { position: relative } .loungeMenu__infoListThumb span { background-position: 50%; background-repeat: no-repeat; background-size: contain; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .loungeMenu__infoListThumb span.icon--play { background-image: url(/homelounge/assets/images/common/icon_play.png) } .loungeMenu__infoListThumb span.icon--360 { background-image: url(/homelounge/assets/images/common/icon_360.svg) } .loungeMenu__infoListThumb img { border-radius: 4px; width: 100% } .loungeMenu__infoListTitle { font-weight: 700 } .loungeMenu__contentList--theater .loungeMenu__infoListTitle span { background-color: #0c436f; color: #fff; display: block; font-weight: 700; letter-spacing: .1em; line-height: 1; margin-bottom: 6px; margin-top: -6px; padding: 4px 0; text-align: center } .loungeMenu__contentList--gallery .loungeMenu__infoListTitle span { display: block; font-weight: 700 } .loungeMenu__infoListButton--otherlounge { align-items: center; border-style: solid; border-width: 1px; display: flex; justify-content: flex-start } .loungeMenu__infoListButton--otherlounge .roundButton__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .loungeMenu__contentList--reform .loungeMenu__infoListButton { background-color: #a79162; border-color: #a79162 } .loungeMenu__contentList--totikatuyo .loungeMenu__infoListButton { background-color: #a3686f; border-color: #a3686f } .loungeMenu__infoListButton img { width: 100% } .loungeMenu__contentList .loginButton { background-color: #586166; border-color: #586166 } .loungeMenu { background-color: #edf0f2; overflow: hidden } .loungeMenu .closeButton { border-right: none; color: #fff } .loungeMenu__heading { color: #fff } .loungeMenu__headingSubTitle { display: block; font-weight: 700 } .loungeMenu__content { color: #586166; position: relative } .loungeMenu__contentInner { position: relative; z-index: 1 } .loungeMenu__anne { position: relative } .loungeMenu__anneInner { max-width: 670px } .loungeMenu__anneInner img { width: 100% } .loungeMenu__footer .loginButton { background-color: #586166; border-color: #586166 } .loungeMenu__footerList { align-items: center; display: flex; justify-content: flex-start } .loungeMenu__footerText { color: #0c436f; font-family: "Noto Serif JP", sans-serif } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--homelounge { background-color: #fff; border-radius: 8px; border-top-left-radius: 0; box-shadow: 0 8px 10px rgba(0, 45, 89, .16) } .loungeMenu--allLoungeMenu .loungeMenu__contentList { position: relative } .loungeMenu--allLoungeMenu .loungeMenu__contentList:before { align-items: center; border-radius: 8px 8px 0 0; color: #fff; display: flex; font-size: 1.8rem; font-weight: 700; height: 34px; justify-content: center; left: 0; line-height: 1; position: absolute; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater:before { background-color: #0f6cb7; content: "新築・戸建て"; width: 158px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform { background-color: #f5f4f0; border-radius: 8px; border-top-left-radius: 0; box-shadow: 0 8px 10px rgba(0, 45, 89, .16); margin-bottom: 46px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform:before { background-color: #796a4a; content: "リフォーム"; width: 140px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo { background-color: #f5f5f5; border-radius: 8px; border-top-left-radius: 0; box-shadow: 0 8px 10px rgba(0, 45, 89, .16); min-height: 416px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo:before { background-color: #8b585e; content: "土地活用・賃貸経営"; width: 212px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__info dd span { display: inline-block } .loungeMenu__button { background: transparent linear-gradient(0deg, #0c436f, #4b8abd) 0 0 no-repeat padding-box; display: flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 0; transition: all .3s cubic-bezier(.215, .61, .355, 1); z-index: 10 } .loungeMenu__buttonTitle { display: block } .loungeMenu__buttonTitle img { width: 100% } .loungeMenu__buttonSubTitle { color: #fff; display: block; font-weight: 700 } .loungeMenu__buttonHamburger { align-items: center; border-color: #fff; border-style: solid; display: flex; justify-content: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 } .loungeMenu__buttonHamburger:after, .loungeMenu__buttonHamburger:before { background-color: #fff; content: ""; display: block; left: 0; position: absolute; width: 100% } .loungeMenu__buttonHamburger:before { top: 0 } .loungeMenu__buttonHamburger:after { top: 50% } #memberModal .modal__container { max-width: none; position: relative } #memberModal .modal__content { margin-bottom: 0; margin-top: 0 } #memberModal .roundButton { background-color: rgba(29, 29, 32, .8); border: 1px solid rgba(29, 29, 32, .8); border-radius: 50px; color: #fff; font-weight: 700; justify-content: center; margin-left: auto; margin-right: auto; position: relative } #memberModal .roundButton__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .memberModal__closeButton { position: absolute } .memberModal__closeButton svg { pointer-events: none } .memberModal__texts { display: flex } .memberModal__texts p { color: #586166 } .modalDefault { display: none; height: 100vh; height: 0; left: 0; overflow-y: auto; position: fixed; top: 0; visibility: hidden; width: 100%; width: 100vw; z-index: 101 } .modalDefault[aria-hidden=false] { -webkit-animation: fadeIn .5s cubic-bezier(.34, .07, .095, .995); animation: fadeIn .5s cubic-bezier(.34, .07, .095, .995) } .modalDefault[aria-hidden=true] { -webkit-animation: fadeOut .5s cubic-bezier(.34, .07, .095, .995); animation: fadeOut .5s cubic-bezier(.34, .07, .095, .995) } .modalDefault.is-open { display: block; height: 100vh; position: fixed; visibility: visible } .modal__overlay { align-items: center; background: rgba(237, 240, 242, .8); bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0 } .type02 .modal__overlay { background: hsla(42, 26%, 87%, .85) } .modal__container { background-color: #fff; border-radius: 4px; box-sizing: border-box; max-height: 100vh; max-width: 500px; overflow-y: auto; padding: 30px } .modal__header { align-items: center; display: flex; justify-content: space-between } .modal__title { box-sizing: border-box; color: #00449e; font-size: 1.25rem; font-weight: 600; line-height: 1.25; margin-bottom: 0; margin-top: 0 } .modal__close { background: transparent; border: 0 } .modal__content { color: rgba(0, 0, 0, .8); line-height: 1.5; margin-bottom: 2rem; margin-top: 2rem } .modal__btn { -moz-osx-font-smoothing: grayscale; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #e6e6e6; border-radius: .25rem; border-style: none; border-width: 0; color: rgba(0, 0, 0, .8); cursor: pointer; font-size: .875rem; line-height: 1.15; margin: 0; overflow: visible; padding: .5rem 1rem; text-transform: none; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; will-change: transform } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05) } .modal__btn-primary { background-color: #00449e; color: #fff } .swiper-recommendCarousel { position: relative; z-index: 2 } .swiper-recommendCarousel:before { background-color: #fff; bottom: 0; content: ""; display: block; position: absolute; right: 0; z-index: 1 } .swiper-recommendCarousel .swiper-wrapper { z-index: 2 } .swiper-recommendCarousel .swiper-slide { height: auto } .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content, .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content { position: relative } .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content:after, .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content:before, .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content:after, .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content:before { background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; top: 0; z-index: 3 } .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content:after { background-position: 0 0; height: 100%; left: 0 } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image, .swiper-recommendCarousel .swiper-slide[data-type=modal] .recommendCarousel__image { position: relative } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:after, .swiper-recommendCarousel .swiper-slide[data-type=modal] .recommendCarousel__image:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content:before { background-position: 100% 0; height: 100%; right: 0 } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:before { background-color: rgba(13, 29, 51, .5); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:after { background-image: url(/homelounge/assets/images/common/swpier/icon_member.svg) !important } .swiper-recommendCarousel .swiper-slide[data-type=modal] .recommendCarousel__image { position: relative } .swiper-recommendCarousel .swiper-pagination-fraction { bottom: 0; left: auto; right: 0; top: auto } .swiper-recommendCarousel .swiper-pagination { color: #0c436f; z-index: 1 } .swiper-recommendCarousel .swiper-button-next, .swiper-recommendCarousel .swiper-button-prev { left: auto; top: auto; z-index: 2 } .swiper-recommendCarousel .swiper-button-next:after, .swiper-recommendCarousel .swiper-button-prev:after { background-position: 50%; background-repeat: no-repeat; background-size: auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .swiper-recommendCarousel .swiper-button-prev:after { background-image: url(/homelounge/assets/images/common/swpier/button_prev_v2.svg) } .swiper-recommendCarousel .swiper-button-next:after { background-image: url(/homelounge/assets/images/common/swpier/button_next_v2.svg) } .recommendCarousel__content { background-color: #fff; display: block; height: 100%; transition: opacity .3s cubic-bezier(.215, .61, .355, 1); width: 100% } .main--top .section--recommend { background-color: #fff } .recommendCarousel__image img { width: 100% } .recommendCarousel__text { padding: 24px } .recommendCarousel__title { color: #586166 } .recommendCarousel__duration { background-position: 0; background-repeat: no-repeat; color: #586166 } .section--recommend { background-repeat: no-repeat, no-repeat; overflow: hidden; position: relative; z-index: 2 } .recommend__description p { color: #0c436f; text-align: center } .roundButton--navy { color: #0c436f } .roundButton--white { color: #fff } .roundButton--bgNavy { background-color: #0c436f } .roundButton--bgWhite, .roundButton--detail { background-color: #fff } .roundButton--detail { align-items: center; border: 1px solid; color: #586166; display: flex } .roundButton--detail .roundButton__arrow { margin-left: 5px; width: 20px } .roundButton--large { align-items: center; background-color: #0c436f; border: 1px solid; color: #fff; display: flex; justify-content: center; position: relative } .roundButton--large .roundButton__text { font-weight: 700 } .roundButton--large .roundButton__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .roundButton--information { align-items: center; border: 1px solid; display: flex; justify-content: center; position: relative } .eventList .roundButton--information { display: inline-flex } .roundButton--information .roundButton__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px } .fadeIn { opacity: 0 } .fadeIn.is-animated { opacity: 1; transition: opacity .6s cubic-bezier(.39, .575, .565, 1) } .fadeInUp { opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px) } .fadeInUp.is-animated { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1) } .js-tlFadeInUp { opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px) } .js-tlFadeInUp.is-animated { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1) } .js-fadeInUpDelay { opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px) } .js-fadeInUpDelay.is-animated { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1); transition: transform 1s cubic-bezier(.39, .575, .565, 1), opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.39, .575, .565, 1) } .sectionHeading__inner .roundButton { align-items: center; border: 1px solid #0c436f; display: flex; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .sectionHeading__title span span { display: inline-block } .sectionHeading__shoulderTitle { display: block } .sectionHeading__shoulderTitle--ja { color: #0c436f; font-family: "Noto Serif JP", sans-serif } .sectionHeading__shoulderTitle img { height: 100% } .sectionHeading__mainTitle { color: #0c436f; display: block; font-family: "Noto Serif JP", sans-serif; font-weight: 500; line-height: 1.5 } .categoryTitleBar span { display: block; height: 100%; position: relative } .categoryTitleBar span:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0 } .sectionHeading__subTitle { color: #0c436f; font-weight: 700; line-height: 1.6 } .sectionHeading__text { color: #586166; line-height: 1.7727 } .sectionShadow { position: relative; z-index: 1 } .section--latestCaseMovie, .section--latestCaseMovieCentury { background-color: #edf0f2 } .section--latestCase, .section--latestCaseMovie, .section--latestCaseMovieCentury { background-repeat: no-repeat } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__image img { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__text { background-color: #fff } .latestCaseMovie__lower { align-items: center; display: flex; justify-content: space-between } .latestCaseMovie__lower .columnAndCarousel__duration { margin-top: 0 } .section--misawaDigitalMuseum { background-position: top; background-repeat: no-repeat; background-size: cover; overflow: hidden } .swiper--misawaDigitalMuseum:before { background-color: #fff; bottom: 0; content: ""; display: block; position: absolute; right: 0; z-index: 1 } .swiper--misawaDigitalMuseum.swiper--columnAndCarousel .swiper-wrapper { padding: 0 } .section--misawaVR { background-repeat: no-repeat; position: relative; z-index: 2 } .breadcrumbs, .section--misawaVR { background-color: #edf0f2 } .breadcrumbs__lists { display: flex; flex-wrap: wrap; width: 100% } .breadcrumbs__list { color: #586166; font-size: 1.2rem; line-height: 1.6667; margin-right: .5em } .breadcrumbs__list a { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .gallery_example__heading { text-align: center } .gallery_example__headingImage { display: block; width: 100% } .gallery_example__headingOwner { color: #0c436f; font-weight: 400; letter-spacing: .1em } .gallery_example__headingTitle { color: #0c436f; font-family: "Noto Serif JP", sans-serif; font-weight: 500 } .gallery_example__headingInfo, .gallery_example__headingText, .gallery_example__text { color: #586166 } .gallery_example__thumbnails img { width: 100% } .section--basicAndCommon { background-color: #edf0f2; position: relative; z-index: 2 } .section--basicAndCommon, .section--homeClubOnline { background-repeat: no-repeat } .library_article__backButton { margin-left: auto; margin-right: auto } .library_article__backButton .roundButton__arrow { right: auto; -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%) } .library_article--0001 .library_article__contentsClickHand { position: relative } .library_article--0001 .library_article__contentsClickHand button { position: absolute } .library_article--0001 .library_article__clickArrow { position: relative } .library_article--0001 .library_article__clickArrow .clickArrowButton { position: absolute } .library_article--0001 .library_article__clickArrow .clickArrowButton:after { background-image: url(/homelounge/assets/images/library/article/common/button_click_hand.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ""; display: block; position: absolute; right: 0 } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter:after { display: none } .library_article--0001 .library_article__contentsQuiz { position: relative } .library_article--0001 .library_article__contentsQuiz button { left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0003 .library_article__contentsClickHand { position: relative } .library_article--0003 .library_article__contentsClickHand button { position: absolute } .library_article--0003 .library_article__contentsQuiz { position: relative } .library_article--0003 .library_article__contentsQuiz button { left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0004 .library_article__contentsClickHand { position: relative } .library_article--0004 .library_article__contentsClickHand button { position: absolute } .library_article--0005 .library_article__contentsQuiz { position: relative } .library_article--0005 .library_article__contentsQuiz button { left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0006 .library_article__contentsFlex a, .library_article--0007 img { display: block } .library_article--0007 .clickButton:before { content: ""; display: block; position: absolute } .library_article--0007 .image_list__boxText, .library_article--0007 .image_list__boxTitle { color: #009c77; font-weight: 400; letter-spacing: .08em } .library_article--0007 .image_list__boxCheck { color: #3e3a39; letter-spacing: .08em; line-height: 1 } .library_article--0007 .image_list__boxCheckList { color: #3e3a39; letter-spacing: .08em } .library_article--0007 .library_article__contentsFlex { align-items: center; display: flex; justify-content: space-between; margin: 0 auto } .library_article--0008 img { display: block } .library_article--0008 .library_article__contentsQuiz { position: relative } .library_article--0008 .library_article__contentsQuiz button { left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0009 img { display: block } .library_article--0009 #section02 .library_article__contentsClickHand { position: relative } .library_article--0009 #section02 .library_article__contentsClickHand button { position: absolute } .library_article--0009 #section03 .library_article__contentsClickHand { position: relative } .library_article--0009 #section03 .library_article__contentsClickHand button { position: absolute } .library_article__headingTitle { align-items: center; color: #0c436f; display: flex; font-weight: 700; margin: 0 auto } .library_article__headingImage { margin: 0 auto } .library_article__headingImage img { width: 100% } .library_article__headingImage { position: relative } .library_article__headingImage a { display: block; position: absolute } .library_article__contentsLinkButton { align-items: center; background-color: #e1690d; border-radius: 10px; color: #fff; display: block; display: flex; font-weight: 700; letter-spacing: .07em; position: relative; text-align: center } .library_article__contentsLinkButton span { display: block; text-align: center } .library_article__contentsLinkButton svg { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; display: block; margin-left: auto; margin-right: 0 } .library_article__text--annotation { color: #3e3a39 } .library_article__text--annotation span { color: #981b03 } .library_article__text--default { color: #3e3a39 } .library_article__text--default span { color: #981b03 } .library_article__text--large { color: #3e3a39; font-weight: 500; text-align: center } .library_article__text--small { color: #3e3a39; letter-spacing: .05em } .library_article__text--small span { color: #ed6c00; font-weight: 700 } .library_article__title--default { color: #3e3a39; font-weight: 700 } .library_article__title--default.title--center { text-align: center } .library_article__title--large { color: #0c436f; font-weight: 700; text-align: center } .library_article__title--small { color: #3e3a39; font-weight: 700 } .section--calendar { background-color: #f8f5ec; background-repeat: no-repeat } .section--calendar .mainTitle__sup { align-items: center; background-color: #0c436f; color: #fff; display: flex; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans, meiryo, arial, sans-serif; font-weight: 700; justify-content: center; letter-spacing: .1em; line-height: 1; position: absolute } .section--calendar .misawaAssetManagement__categoryTitle span { display: block; height: 100%; position: relative } .section--calendar .misawaAssetManagement__categoryTitle span:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0 } .section--calendar .underline { display: inline-block; position: relative } .section--calendar .underline:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 100% } .section--calendar .categoryTitleBar span:before { background-color: #0c436f } .swiper--calendar { position: relative } .swiper--calendar:before { background-color: transparent; bottom: 0; content: ""; display: block; position: absolute; right: 0; z-index: 1 } .loungeIntroductionMovie__inner { align-items: center; display: flex; justify-content: center } .loungeIntroductionMovie__movie { max-width: 615px } .loungeIntroductionMovie__movie img { width: 100% } .section--misawaAssetManagement { background-color: #f8f5ec; background-repeat: no-repeat } .section--misawaAssetManagement .mainTitle__sup { align-items: center; background-color: #0c436f; color: #fff; display: flex; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans, meiryo, arial, sans-serif; font-weight: 700; justify-content: center; letter-spacing: .1em; line-height: 1; position: absolute } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span { display: block; height: 100%; position: relative } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0 } .section--misawaAssetManagement .underline { display: inline-block; position: relative } .section--misawaAssetManagement .underline:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 100% } .section--misawaAssetManagement .categoryTitleBar span:before { background-color: #0c436f } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1 .swiper-button-next, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1 .swiper-button-prev, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1 .swiper-pagination { display: none } .section--misawaTV { background-color: #edf0f2; background-repeat: no-repeat, no-repeat; position: relative; z-index: 2 } .swiper--misawaTV1, .swiper--misawaTV2, .swiper--misawaTV3 { position: relative } .swiper--misawaTV1:before, .swiper--misawaTV2:before, .swiper--misawaTV3:before { background-color: #fff; bottom: 0; content: ""; display: block; position: absolute; right: 0; z-index: 1 } .section--moiMisawa { background-color: #e0f0ff; background-repeat: no-repeat; position: relative; z-index: 2 } .section--moiMisawa .sectionHeading__mainTitle { letter-spacing: .1em; position: relative } .section--moiMisawa .sectionHeading__mainTitle:after { background-image: url(/homelounge/assets/images/theater/moiMisawa/heading_image.png); background-position: bottom; background-repeat: no-repeat; background-size: contain; content: ""; display: block; position: absolute; z-index: -1 } .swiper--noCarousel.swiper--moiMisawa .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-size: 100% auto } .section--newEra { background-color: #fff; background-repeat: no-repeat; position: relative; z-index: 2 } .underline { display: inline-block; position: relative } .underline:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 100% } .newEra__category--1 .categoryTitleBar span:before, .newEra__category--1 .underline:before { background-color: #158cc2 } .newEra__category--2 .categoryTitleBar span:before, .newEra__category--2 .underline:before { background-color: #eb8f1e } .newEra__category--3 .categoryTitleBar span:before, .newEra__category--3 .underline:before { background-color: #6bb470 } .section--studyWithAnne { background-repeat: no-repeat } .about, .section--studyWithAnne { background-color: #edf0f2 } .about .closeButton { border-right: none; color: #0c436f } .about .closeButton .close { fill: currentcolor } .about__container { align-items: center; display: flex; justify-content: center; min-height: 100%; overflow: hidden } .about__title { color: #0c436f } .about__title--en { display: block } .about__title--ja { display: block; font-family: "Noto Serif JP", sans-serif; font-weight: 500 } .about__text { color: #586166 } .about__illust img { max-width: 100%; width: 100% } .section--information { background-color: #edf0f2 } .section--information .section__inner { position: relative; z-index: 2 } .informationRow { align-items: flex-start; display: flex } @-webkit-keyframes fadeOutPanel { 0% { opacity: 1 } to { display: none; opacity: 0 } } @keyframes fadeOutPanel { 0% { opacity: 1 } to { display: none; opacity: 0 } } @-webkit-keyframes fadeInPanel { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeInPanel { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fadeInMovie { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeInMovie { 0% { opacity: 0 } to { opacity: 1 } } .topKv--logout { opacity: 0; position: relative; width: 100% } .topKv--logout.js-fadeIn { opacity: 1; transition: opacity 1s ease-out } .topKv__bgMovie { -webkit-animation: fadeInMovie 3s cubic-bezier(.645, .045, .355, 1) forwards; animation: fadeInMovie 3s cubic-bezier(.645, .045, .355, 1) forwards; height: 100%; left: 50%; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } .topKv__bgMovie.fadeOut { background-color: #000 } .topKv__bgMovie.fadeOut:after { -webkit-animation: fadeInPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards; animation: fadeInPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards; background-color: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .topKv__bgMovie .bgMovie { height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } .topKv__bg { background-position: top; background-repeat: no-repeat; background-size: cover } .topKv__bg, .topKv__bg:after { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .topKv__bg:after { content: ""; display: block } .topKv__bg.ended:after { -webkit-animation: fadeOutPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards; animation: fadeOutPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards; background-color: #fff } .topKv__inner { display: flex; flex-direction: column; height: 100%; margin: 0 auto; max-width: 1920px; width: 100% } .topKv__main { position: relative } .topKv__title img, .topKv__title svg { width: 100% } .skipButton { align-items: center; background-color: rgba(0, 0, 0, .3); border-color: currentcolor; border-style: solid; color: #fff; display: flex; position: absolute; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .section--pickup { opacity: 0; position: relative; width: 100% } .section--pickup .fadeInUp { margin-top: 0; opacity: 1; -webkit-transform: translate(0); transform: translate(0) } .section--pickup.js-fadeIn { opacity: 1 } .pickup__inner .swiper-slide { background-color: #fff } .pickup__text { color: #fff; font-weight: 700 } .pickup__carousel { overflow: hidden } .topKv__aboutButton { text-align: center } .topKv__aboutButton span { font-weight: 700 } .topKv__copyRight { color: #fff } .infoCard { background-color: #fff } .infoCard--campaign { position: relative } .campaign__contents .swiper-slide a { display: block } .campaign__contents .swiper-slide img { width: 100% } .campaign__contents .swiper-pagination-fraction { bottom: 0; left: auto; right: 0; top: auto } .campaign__contents .swiper-pagination { color: #0c436f; z-index: 1 } .campaign__contents .swiper-button-next, .campaign__contents .swiper-button-prev { left: auto; top: auto; z-index: 2 } .campaign__contents .swiper-button-next:after, .campaign__contents .swiper-button-prev:after { background-position: 50%; background-repeat: no-repeat; background-size: auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .campaign__contents .swiper-button-prev:after { background-image: url(/homelounge/assets/images/common/swpier/button_prev_v2.svg) } .campaign__contents .swiper-button-next:after { background-image: url(/homelounge/assets/images/common/swpier/button_next_v2.svg) } .cardHeading { position: relative } .cardHeading--showroom .roundButton--information { position: absolute } .cardHeading__title { color: #0c436f; font-family: "Noto Serif JP", sans-serif; font-weight: 500 } .cardHeading__description { color: #586166 } .eventList, .eventList__lower { margin-top: 40px } .eventListItem { display: flex; position: relative } .eventListItemButtons { display: flex } .eventListItemImage img { width: 100% } .eventListItemTitle__text { color: #586166; font-family: "Noto Serif JP", sans-serif; font-weight: 700 } .eventListItemTitle__address { background-color: #586166; border-radius: 4px; color: #fff; font-weight: 700; padding: 5px 5px 4px; text-align: center } .eventListItemTitle__hallName { color: #586166; font-weight: 700 } .eventListItemDescription { color: #586166 } .eventListItemDate, .eventListItemPlace { color: #586166; font-weight: 700 } .tabList { background-image: linear-gradient(0deg, #969699, #969699); background-repeat: no-repeat; background-size: 100% 1px } .tabListIndexes { border-bottom-style: solid; border-left: 1px solid #969699; border-right: 1px solid #969699; border-top: 1px solid #969699; display: flex } .tabListIndex { text-align: center } .tabListIndex button { color: #969699; font-weight: 700; width: 100% } .tabListIndex.tabListIndex--active { background-color: #969699 } .tabListIndex.tabListIndex--active button { color: #fff; pointer-events: none } .tabListContents { position: relative } .tabListContent { display: none; height: 100%; opacity: 0; overflow: hidden; pointer-events: none; width: 100%; z-index: -1 } .tabListContent--active { display: block; opacity: 1; pointer-events: auto; z-index: 1 } .showroomMap { border-radius: 8px; width: 100% } .showroomMapInfo h5 { color: #586166; font-family: "Noto Serif JP", sans-serif; font-weight: 700 } .showroomMapInfo dl { display: flex; flex-wrap: wrap; margin-top: 13px } .showroomMapInfo dd, .showroomMapInfo dt { color: #586166; font-weight: 400 } .showroomMapInfo dt { position: relative } .showroomMapInfo dt:after { content: "："; position: absolute; right: 0; top: 0 } .showroomMapInfo__image img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .showroomList__image, .showroomList__image img { width: 100% } .showroomList__info { margin-top: 14px } .showroomList__info h5 { color: #586166; font-family: "Noto Serif JP", sans-serif; font-weight: 700 } .showroomList__info dl { display: flex; flex-wrap: wrap; margin-top: 20px } .showroomList__info dd, .showroomList__info dt { color: #586166; font-weight: 400 } .showroomList__info dt { position: relative } .showroomList__info dt:after { content: "："; position: absolute; right: 0; top: 0 } .showroomListText__lower dl { border-top: 1px solid #969699 } .showroomListText__lower dl+.roundButton--detail { margin-top: 24px } .showroomList__button { margin-top: auto } .tabListContent--list .swiper-pagination-fraction { bottom: 0; left: auto; right: 0; top: auto } .tabListContent--list .swiper-pagination { color: #0c436f; z-index: 1 } .tabListContent--list .swiper-button-next, .tabListContent--list .swiper-button-prev { left: auto; top: auto; z-index: 2 } .tabListContent--list .swiper-button-next:after, .tabListContent--list .swiper-button-prev:after { background-position: 50%; background-repeat: no-repeat; background-size: auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .tabListContent--list .swiper-button-prev:after { background-image: url(/homelounge/assets/images/common/swpier/button_prev_v2.svg) } .tabListContent--list .swiper-button-next:after { background-image: url(/homelounge/assets/images/common/swpier/button_next_v2.svg) } @media screen and (min-width:1451px) { .br--xl { display: block } .columnAndCarousel__singleCategory h3 { font-size: 3rem } .columnAndCarousel__singleCategory h3 .title__caption { font-size: 2rem; margin-top: 12px } .columnAndCarousel__title { font-size: 2rem } .columnAndCarousel__title .columnAndCarousel__caption { font-size: 1.8rem } .columnAndCarousel__duration { background-size: 14px 14px; font-size: 1.3rem } .contactSection.type02 .sectionHeading__shoulderTitle--ja { font-size: 2.2rem } .loungeMenu__button { height: 164px; padding: 35px 105px 30px 47px; width: 310px } .loungeMenu__buttonTitle { width: 164px } .loungeMenu__buttonSubTitle { font-size: 1.5rem } .loungeMenu__buttonHamburger { height: 45px; width: 45px } .recommendCarousel__title { font-size: 1.8rem } .recommendCarousel__duration { background-size: 14px 14px; font-size: 1.3rem } .main--theater .section--recommend { background-size: 676px 360px, 1926px 507px } .main--library .section--recommend { background-size: 717px 329px, 2340px 422px } .main--gallery .section--recommend { background-size: 642px 320px, 2095px 392px } .recommend__description p { font-size: 2.8rem } .roundButton--information { height: 40px } .cardHeading--showroom .roundButton--information { width: 250px } .eventList .roundButton--information { min-width: 260px; padding-left: 45px; padding-right: 45px } .roundButton--information .roundButton__text { font-size: 1.6rem } .roundButton--information .roundButton__arrow { width: 20px } .sectionHeading__shoulderTitle--en { height: 22px } .section--studyWithAnne .sectionHeading__shoulderTitle--en { height: 28px } .section--newEra .sectionHeading__shoulderTitle--en { height: 21px } .sectionHeading__shoulderTitle--ja { font-size: 4rem } .sectionHeading__mainTitle { font-size: 5.6rem } .sectionHeading__title--recommend .sectionHeading__mainTitle { font-size: 4.8rem } .sectionHeading__subTitle { font-size: 2rem } .sectionHeading__text { font-size: 2.2rem } .latestCaseMovie__lower .roundButton--detail { height: 40px; width: 211px } .latestCaseMovie__lower .roundButton--detail .roundButton__text { font-size: 1.6rem } .latestCaseMovie__lower .roundButton--detail .roundButton__arrow { width: 20px } .section--basicAndCommon .sectionHeading__mainTitle { white-space: nowrap } .section--calendar .mainTitle__sup { font-size: 2.7rem; left: 630px } .section--calendar .mainTitle__sup img { width: 112px } .section--misawaAssetManagement .mainTitle__sup { font-size: 2.7rem; left: 630px } .section--misawaAssetManagement .mainTitle__sup img { width: 112px } .section--moiMisawa .sectionHeading__mainTitle:after { height: 160px; left: 390px; width: 160px } .skipButton { bottom: 220px } .cardHeading__category { font-size: 2.1rem } .cardHeading__title { font-size: 4rem } .cardHeading__description { font-size: 2rem } .roundButton--detail.eventListItemButtons__detailButton { width: 154px } .roundButton--detail.eventListItemButtons__reserveButton { width: 174px } .eventListItemTitle { padding-bottom: calc(1.6rem + 8px) } .eventListItemTitle__text { font-size: 2.2rem } .eventListItemTitle__address { font-size: 1.3rem; min-width: 64px; padding: 5px 5px 4px } .eventListItemDescription, .eventListItemTitle__hallName { font-size: 1.6rem } .eventListItemDate, .eventListItemPlace { font-size: 1.4rem } .tabListIndex button { font-size: 1.6rem } .showroomMapInfo h5 { font-size: 2.2rem } .showroomMapInfo dd, .showroomMapInfo dt { font-size: 1.8rem } .showroomList__info h5 { font-size: 2.2rem } .showroomList__info dd, .showroomList__info dt { font-size: 1.6rem } .showroomListText__lower dl { font-size: 1.4rem } .showroomListText__lower dl dt { width: 114px } .showroomListText__lower dl dd { width: calc(100% - 114px) } .showroomList__button .roundButton+.roundButton { margin-left: 24px; width: 168px } } @media screen and (min-width:769px) and (max-width:1450px) { .br--l { display: block } .columnAndCarousel__singleCategory h3 { font-size: 2.4rem } .columnAndCarousel__singleCategory h3 .title__caption { font-size: 1.6rem; margin-top: 10px } .columnAndCarousel__title { font-size: 1.6rem } .columnAndCarousel__title .columnAndCarousel__caption { font-size: 1.4rem } .columnAndCarousel__duration { background-size: 12px 12px; font-size: 1.1rem } .contactSection.type02 .sectionHeading__shoulderTitle--ja { font-size: 2.2rem } .rightButton { width: 200px } .rightButton a { background-position: right 22px center; background-size: 24px; font-size: 1.4rem; padding: 0 0 0 28px } .loungeMenu__button { height: auto; padding: 27px 78px 21px 32px; width: 254px } .loungeMenu__buttonTitle { width: 100% } .loungeMenu__buttonSubTitle { font-size: 1.4rem } .loungeMenu__buttonHamburger { height: 38px; width: 38px } .recommendCarousel__title { font-size: 1.4rem } .recommendCarousel__duration { background-size: 12px 12px; font-size: 1.1rem } .main--theater .section--recommend { background-position: left 900px top, left calc(50% - 10px) bottom 69px; background-size: 676px 360px, 1540px auto } .main--library .section--recommend { background-position: left 740px top 0, left calc(50% + 170px) bottom 69px; background-size: 717px 329px, 1872px auto } .main--gallery .section--recommend { background-size: 642px 320px, 1676px auto } .recommend__description p { font-size: 2.2rem } .roundButton--information { height: 32px } .cardHeading--showroom .roundButton--information { width: 200px } .eventList .roundButton--information { min-width: 208px; padding-left: 45px; padding-right: 45px } .roundButton--information .roundButton__text { font-size: 1.3rem } .roundButton--information .roundButton__arrow { width: 16px } .sectionHeading__shoulderTitle--en { height: 18px } .section--studyWithAnne .sectionHeading__shoulderTitle--en { height: 24px } .section--newEra .sectionHeading__shoulderTitle--en { height: 17px } .sectionHeading__shoulderTitle--ja { font-size: 3.2rem } .sectionHeading__mainTitle { font-size: 4.5rem } .sectionHeading__title--recommend .sectionHeading__mainTitle { font-size: 3.8rem } .sectionHeading__subTitle { font-size: 1.6rem } .sectionHeading__text { font-size: 1.8rem } .latestCaseMovie__lower .roundButton--detail { height: 32px; width: 169px } .latestCaseMovie__lower .roundButton--detail .roundButton__text { font-size: 1.3rem } .latestCaseMovie__lower .roundButton--detail .roundButton__arrow { width: 16px } .section--moiMisawa .sectionHeading__mainTitle:after { height: 130px; left: 315px; width: 130px } .skipButton { bottom: 190px } .cardHeading__category { font-size: 1.7rem; height: 32px } .cardHeading__category img { height: 100% } .cardHeading__title { font-size: 3.2rem } .cardHeading__description { font-size: 1.6rem } .roundButton--detail.eventListItemButtons__detailButton { height: 32px; width: 130px } .roundButton--detail.eventListItemButtons__detailButton .roundButton__text { font-size: 1.4rem } .roundButton--detail.eventListItemButtons__reserveButton { height: 32px; width: 144px } .roundButton--detail.eventListItemButtons__reserveButton .roundButton__text { font-size: 1.4rem } .roundButton__arrow { width: 16px } .eventListItemTitle { padding-bottom: calc(1.4rem + 8px) } .eventListItemTitle__text { font-size: 1.8rem } .eventListItemTitle__address { font-size: 1.1rem; min-width: 52px; padding: 5px 3px 4px } .eventListItemDescription, .eventListItemTitle__hallName { font-size: 1.4rem } .eventListItemDate, .eventListItemPlace, .tabListIndex button { font-size: 1.3rem } .showroomMapInfo h5 { font-size: 1.8rem } .showroomMapInfo dd, .showroomMapInfo dt { font-size: 1.4rem } .showroomList__info h5 { font-size: 1.8rem } .showroomList__info dd, .showroomList__info dt { font-size: 1.4rem } .showroomListText__lower dl { font-size: 1.3rem } .showroomListText__lower dl dt { width: 100px } .showroomListText__lower dl dd { width: calc(100% - 100px) } .showroomListText__lower dl+.roundButton--detail { height: 32px; width: 130px } .showroomListText__lower dl+.roundButton--detail .roundButton__text { font-size: 1.4rem } .showroomList__button .roundButton { height: 32px; width: 130px } .showroomList__button .roundButton .roundButton__text { font-size: 1.4rem } .showroomList__button .roundButton+.roundButton { margin-left: 24px; width: 148px } .showroomList__button .roundButton__arrow { width: 16px } } @media screen and (min-width:481px) and (max-width:768px) { .br--m { display: block } } @media screen and (max-width:480px) { .br--s { display: block } } @media screen and (min-width:769px) { .br--pc { display: block } .display-none--pc { display: none } .utl-jump01>div { top: -80px } .gallery_example { padding-bottom: 40px; padding-top: 80px } .gallery_example__recommend { background-image: url(/homelounge/assets/images/gallery_example/recommend/bg_1-pc.png), linear-gradient(0deg, #fff, #fff); background-position: right -38px top 0, top; background-size: 456px auto, 100% 120px; padding: 240px 40px 120px } .gallery_example__recommendInner { margin: 0 auto; max-width: 1712px } .gallery_example__recommendInner .sectionHeading__inner { padding-left: 0 } .swiper-recommendCarousel.swiper--galleryExample:before { content: none } .swiper-recommendCarousel.swiper--galleryExample .swiper-button-next, .swiper-recommendCarousel.swiper--galleryExample .swiper-button-prev, .swiper-recommendCarousel.swiper--galleryExample .swiper-pagination { display: none } .swiper-recommendCarousel.swiper--galleryExample .swiper-wrapper { flex-wrap: wrap; justify-content: space-between; max-width: none; padding-left: 0; padding-right: 0 } .swiper-recommendCarousel.swiper--galleryExample .swiper-slide { height: auto; width: 22.67% } .library_article { padding-top: 80px } .library_article__contents { margin: 0 auto; max-width: 1084px; padding-left: 40px; padding-right: 40px } .library_article__contents a:hover, .library_article__contents button:hover { opacity: .7 } .library_article__contents .answer { cursor: pointer } .library_article__contentsLinkButtonSmall { margin: 0 auto 72px; max-width: 658px; width: 65.53% } .library_article__contentsClickHand--multiple .clickButton { max-width: 66px; width: 6.57vw } .section--reform03__bg01:before { margin: 25.1041666667% 0 0 } .reform--sticky_title01 { bottom: 0; height: 100%; position: absolute; right: 1.7708333333vw; top: 0; width: 2.5520833333vw; z-index: 20 } .reform--sticky_title01 img { display: block; position: relative; top: 80px } .section--stickyActive .reform--sticky_title01 { position: fixed; top: 50% } .section--stickyActive .reform--sticky_title01 img { top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .section--stickyEnd .reform--sticky_title01 img { bottom: 80px; position: absolute; top: auto; -webkit-transform: none; transform: none } .reform--arrow01 { height: 8.75vw; top: -4.375vw } .reform--arrow01:after { width: 2.0833333333vw } .reform--arrow01__text { left: .9375vw; top: .4166666667vw; width: 11.0416666667vw } .reform--keyvisual00 { border-radius: 0 0 0 17.7083333333vw; margin: 80px auto 0; padding: 52.0833333333% 0 0 } .reform--keyvisual00__slide01 { margin: 0 0 21.875% } .reform--keyvisual00__slide01 .swiper { width: 35.4166666667% } .reform--keyvisual00__slide01 .swiper-slide { border-radius: 2.0833333333vw } .reform--keyvisual00__slide01 .swiper-slide>a:hover { opacity: .7 } .reform--keyvisual00__person01 { margin: 0 10.4166666667% 0 0; width: 26.40625% } .reform--keyvisual00__title01 { margin: 0 0 5.2083333333% 11.9791666667%; width: 51.25% } .reform--keyvisual00__button01.myHomePage__banner { margin: 0 0 -2.0833333333% 80.2083333333%; max-width: 12.5%; width: 12.5% } .reform--keyvisual01 { border-radius: 0 0 0 12.5vw; margin: 80px auto 0; padding: 38.75% 0 0; width: 85% } .reform--keyvisual01>div { left: 0; position: absolute; top: 0 } .reform--keyvisual01__subtitle01 { margin: 2.2058823529% 0 0 -4.1666666667%; width: 2.2058823529% } .reform--keyvisual01__img01 { align-items: center; display: flex; height: 100%; margin: 0 0 0 8.5784313725%; width: 41.9730392157% } .reform--keyvisual01__textarea01 { display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0 0 0 56.9852941176%; width: 43.0147058824% } .reform--keyvisual01__title01 { margin: 0 0 5.698005698%; width: 91.1680911681% } .reform--keyvisual01__title01__sub01 { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 0 0 2.5% } .reform--keyvisual01__title01__sub02 { font-size: 2.0833333333vw; font-size: max(2.0833333333vw, 10px); margin: 0 0 3.125% } .reform--keyvisual01__title01__main { font-size: 3.75vw; font-size: max(3.75vw, 10px); margin: 0 0 0 -.5em } .reform--keyvisual01__text01 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 91.1680911681% } .reform--keyvisual01__note01 { font-size: .6770833333vw; font-size: max(.6770833333vw, 10px); margin: 2.849002849% 0 0; width: 91.1680911681% } .reform--pagelinks { padding: 0 0 3.3333333333% } .reform--pagelinks__pagelink01 { display: flex; width: 85% } .reform--pagelinks__pagelink01>li { width: 50% } .reform--pagelinks__pagelink01>li>a:hover { opacity: .7 } .reform--pagelinks__pagelink01>li>a span { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px); min-height: 2.2916666667vw } .reform--pagelinks__pagelink01>li:first-child>a { background-size: 2.1875vw; padding: 0 0 0 2.9166666667vw } .reform--pagelinks__pagelink01>li:nth-child(2)>a { background-size: 2.1875vw; padding: 0 2.9166666667vw 0 0 } .reform--box01 { padding: 15.625% 0 18.2291666667% } .reform--box01__title01 { margin: 0 0 9.8958333333% 36.9791666667%; width: 52.2916666667% } .reform--box01__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.6041666667% 55.2083333333%; width: 30.2083333333% } .reform--box01__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 55.2083333333%; width: 30.2083333333% } .reform--box01__note01 { font-size: .6770833333vw; font-size: max(.6770833333vw, 10px); margin: 2.6041666667% 0 -2.6041666667% 55.2083333333%; width: 30.2083333333% } .reform--box01__img01 { border-bottom-right-radius: 9.8958333333vw; left: 0; margin: 9.8958333333% 0 0; position: absolute; top: 0; width: 44.1666666667%; z-index: 1 } .reform--box02 { padding: 26.0416666667% 0 21.875% } .reform--box02__title01 { margin: -5.2083333333% 0 0 4.6875%; width: 56.9791666667% } .reform--box02__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.0833333333% 15.1041666667%; width: 30% } .reform--box02__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 15.1041666667%; width: 30% } .reform--box02__img01 { left: 0; margin: 22.1875% 0 0 54.1666666667%; padding: 29.6875% 0 0; position: absolute; top: 0; width: 30.7291666667% } .reform--box03 { padding: 5.2083333333% 0 10.4166666667% } .reform--box03:last-child { padding-bottom: 15.625% } .reform--box03__frame01 { border-radius: 4.1666666667vw; margin: 0 0 0 29.5833333333%; padding: 8.3333333333% 0 13.5416666667%; width: 55.4166666667% } .reform--box03__photo01 { border-bottom-right-radius: 4.6875vw; border-top-left-radius: 4.6875vw; margin: -9.3984962406% 0 0 -26.3157894737%; width: 56.3909774436% } .reform--box03__title01 { bottom: 100%; left: 0; margin: 0 0 -4.8872180451% 41.3533834586%; position: absolute; width: 62.969924812% } .reform--box03__text01 { font-size: 1.9791666667vw; font-size: max(1.9791666667vw, 10px); margin: 0 0 2.3496240602% 41.3533834586%; width: 45.1127819549% } .reform--box03__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 41.3533834586%; width: 45.1127819549% } .reform--box03__slide01 { margin: -7.8125% 0 0 37.5%; width: 55.2083333333% } .reform--box03__slide01.type--left02 { margin-left: 52.0833333333% } .reform--box03__slide01 .swiper-pagination { margin: 8.4905660377% 0 0 72.641509434%; width: 22.8301886792% } .reform--box03__slide01__buttons { margin: 0 0 0 72.641509434%; width: 22.8301886792% } .reform--box03__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box03__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box03__slide01__photo01 { border-radius: 2.0833333333vw } .reform--box03__slide01__text01 { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 0 0 4.6875%; padding: 10.9375% 0 0 } .reform--box03__slide01__text02 { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px) } .reform--box03__slide01__text02 span { font-size: .625vw; font-size: max(.625vw, 10px) } .reform--box04 { padding: 5.2083333333% 0 14.0625% } .reform--box04__frame01 { border-radius: 4.1666666667vw; margin: 0 0 0 29.5833333333%; padding: 8.3333333333% 0 13.5416666667%; width: 55.4166666667% } .reform--box04__frame01__photo01 { border-bottom-right-radius: 4.6875vw; border-top-left-radius: 4.6875vw; margin: -9.3984962406% 0 0 -26.3157894737%; width: 56.3909774436% } .reform--box04__frame01__title01 { left: 0; margin: -5.0751879699% 0 0 42.2932330827%; position: absolute; top: 0; width: 64.5676691729% } .reform--box04__frame01__text01 { font-size: 1.9791666667vw; font-size: max(1.9791666667vw, 10px); margin: 0 0 2.3496240602% 42.2932330827%; width: 44.3609022556% } .reform--box04__frame01__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 8.4586466165% 42.2932330827%; width: 44.3609022556% } .reform--box04__frame01__img01 { display: flex; justify-content: space-between; margin: 0 0 0 14.3796992481%; width: 72.1804511278% } .reform--box04__frame01__img01>li { width: 46.3541666667% } .reform--box04__frame01__img01>li>p { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px); margin: 5.6179775281% 0 0 } .reform--box04__frame01__img01>li>p>span { font-size: .5208333333vw; font-size: max(.5208333333vw, 10px) } .reform--box04__frame01__img01>li:first-child div:after, .reform--box04__frame01__img01>li:first-child img { border-radius: 1.0416666667vw } .reform--box04__frame01__img01>li:last-child { width: 47.265625% } .reform--box04__frame01__img01>li:last-child>p { margin: 5.5096418733% 0 0 } .reform--box04__frame02 { border-radius: 0 4.1666666667vw 0 4.1666666667vw; margin: -10.4166666667% 0 0 35.4166666667%; padding: 4.1666666667% 0 3.6458333333%; width: 55% } .reform--box04__frame02__inner { display: flex; justify-content: space-between; margin: 0 auto; width: 84.8484848485% } .reform--box04__frame02__inner>li:first-child { width: 42.4107142857% } .reform--box04__frame02__inner>li:nth-child(2) { width: 52.4553571429% } .reform--box04__frame02__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 4.1946308725%; width: 100% } .reform--box04__frame02__text01 .small, .reform--box04__frame02__text02 { font-size: .78125vw; font-size: max(.78125vw, 10px) } .reform--box04__frame02__text02 { width: 100% } .reform--box04__frame02__img01 { margin: 0 auto 4.2553191489%; width: 100% } .reform--box04__frame02__img01>li { width: 69.5744680851% } .reform--box04__frame02__img01>li>p { font-size: .7291666667vw; font-size: max(.7291666667vw, 10px); margin: 6.1162079511% 0 0 } .reform--box04__frame02__img01>li:first-child img { border-radius: 1.0416666667vw } .reform--box04__frame02__img01>li:last-child { width: 21.7021276596% } .reform--box04__frame02__img01>li:last-child>p { margin: 19.6078431373% 0 0 } .reform--box04__frame02__note01 { border-top: 1px solid #707070; font-size: .625vw; font-size: max(.625vw, 10px); padding: 4.2553191489% 0 0; width: 100% } .reform--box05 { padding: 39.0625% 0 12.5% } .reform--box05__title01 { margin: -5.2083333333% 0 0 5.2083333333%; width: 51.9270833333% } .reform--box05__img01 { border-bottom-right-radius: 8.3333333333vw; width: 37.5% } .reform--box05__textarea01 { left: 0; margin: 26.5625% 0 0 48.4375%; position: absolute; top: 0; width: 51.5625% } .reform--box05__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 4.0404040404%; width: 71.1111111111% } .reform--box05__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 71.1111111111% } .reform--box05__img02 { display: flex; justify-content: space-between; margin: -15.9375% 0 0 40%; width: 45% } .reform--box05__img02>li { border-radius: 2.0833333333vw; width: 47.2222222222% } .reform--box06 { padding: 5.7291666667% 0 13.5416666667% } .reform--box06__frame01 { border-radius: 4.1666666667vw; margin: 0 0 0 37.9166666667%; padding: 7.2916666667% 0 7.8125%; width: 47.0833333333% } .reform--box06__photo01 { border-bottom-right-radius: 4.6875vw; border-top-left-radius: 4.6875vw; margin: -12.1681415929% 0 0 -48.6725663717%; width: 66.3716814159% } .reform--box06__text01 { font-size: 1.9791666667vw; font-size: max(1.9791666667vw, 10px); margin: 0 0 2.7654867257% 30.9734513274%; width: 53.0973451327% } .reform--box06__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 30.9734513274%; width: 53.0973451327% } .reform--box07 { padding: 0 0 10.4166666667% } .reform--box07__title01 { margin: 0 0 0 65.1041666667%; width: 28.9583333333% } .reform--box07__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: -1.6em 0 3.90625% 7.5%; width: auto } .reform--box07__slide01 { margin: 0 0 0 7.5%; width: 79.0625% } .reform--box07__slide01 .swiper-slide { border-radius: 1.6666666667vw } .reform--box07__slide01 .swiper-pagination { margin: 5.9288537549% 0 0 88.9328063241%; width: 15.9420289855% } .reform--box07__slide01__buttons { margin: 0 0 0 88.9328063241%; width: 15.9420289855% } .reform--box07__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box07__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box07__slide01__textarea01 { padding: 6.3291139241% 0; width: 80.1687763713% } .reform--box07__slide01__text01>p:first-child { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 1.3157894737% } .reform--box07__slide01__text01>p:last-child { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.9473684211% } .reform--box07__slide01__text02 { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px) } .reform--box08 { padding: 15.625% 0 14.0625% } .reform--box08__title01 { left: 0; margin: 9.8958333333% 0 0 36.4583333333%; position: absolute; top: 0; width: 50.8333333333% } .reform--box08__textarea01 { left: 0; margin: 48.4375% 0 0 55.2083333333%; position: absolute; top: 0; width: 44.7916666667%; z-index: 1 } .reform--box08__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 3.488372093%; width: 67.4418604651% } .reform--box08__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 67.4418604651% } .reform--box08__photo01 { margin: 0 0 12.5%; width: 44.1666666667% } .reform--box08__photo01__upper { border-bottom-right-radius: 9.8958333333vw; margin: 0 0 5.8962264151% } .reform--box08__photo01__lower:after, .reform--box08__photo01__upper:after { font-size: 1.4583333333vw; font-size: max(1.4583333333vw, 10px); margin: 0 0 3.0660377358% 4.7169811321% } .reform--box08__photo01__lower img { border-bottom-right-radius: 6.25vw; width: 56.6037735849% } .reform--box08__photo01__lower p { font-size: 1.4583333333vw; font-size: max(1.4583333333vw, 10px); width: 37.5% } .reform--box08__slide01 { margin: 0 0 0 31.25%; width: 53.4375% } .reform--box08__slide01 .swiper-pagination { margin: 8.7719298246% 0 0 86.9395711501%; width: 23.5867446394% } .reform--box08__slide01__buttons { margin: 0 0 0 86.9395711501%; width: 23.5867446394% } .reform--box08__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box08__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box08__slide01__photo01__upper { border-bottom-right-radius: 2.5vw; border-top-left-radius: 2.5vw; margin: 0 0 6.25% } .reform--box08__slide01__photo01__lower:after, .reform--box08__slide01__photo01__upper:after { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px); margin: 0 0 2.9166666667% 4.1666666667% } .reform--box08__slide01__photo01__lower img { border-radius: 1.25vw; width: 56.6666666667% } .reform--box08__slide01__photo01__lower p { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); width: 35% } .reform--box09 { padding: 26.0416666667% 0 10.4166666667% } .reform--box09__title01 { margin: -5.1041666667% 0 0 4.375%; width: 58.3854166667% } .reform--box09__photo01 { border-bottom-right-radius: 8.3333333333vw; margin: 0 0 6.25%; width: 37.5% } .reform--box09__photo01>p { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 0 0 2.7777777778% 4.1666666667% } .reform--box09__textarea01 { left: 0; margin: 30.2083333333% 0 0 48.4375%; position: absolute; top: 0; width: 51.5625% } .reform--box09__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 4.0404040404%; white-space: nowrap; width: 71.1111111111% } .reform--box09__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 71.1111111111% } .reform--box09__photo02 { display: flex; justify-content: space-between; margin: 0 auto; width: 70% } .reform--box09__photo02>li { border-radius: 2.0833333333vw; width: 30.3571428571% } .reform--box09__photo02>li>p { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 0 0 4.0983606557% 6.1475409836% } .reform--box10 { padding: 24.4791666667% 0 10.4166666667% } .reform--box10__title01 { margin: -5.2083333333% 0 0 4.375%; width: 49.375% } .reform--box10__textarea01 { left: 0; margin: 24.4791666667% 0 0 55.2083333333%; position: absolute; top: 0; width: 75.5208333333% } .reform--box10__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.7586206897%; width: 48.5517241379% } .reform--box10__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 3.4482758621%; width: 48.5517241379% } .reform--box10__note01 { font-size: .6770833333vw; font-size: max(.6770833333vw, 10px); width: 40% } .reform--box10__photo01 { border-bottom-right-radius: 8.3333333333vw; width: 37.5% } .reform--box10__photo02 { margin: -16.3541666667% 0 0 40%; width: 11.25% } .reform--box11 { padding: 10.4166666667% 0 18.2291666667% } .reform--box11.pb_short { padding-bottom: 9.375% } .reform--box11__title01 { margin: 0 0 10.9375% 44.2708333333%; width: 40.3125% } .reform--box11__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.6041666667% 55.2083333333%; width: 30.2083333333% } .reform--box11__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 55.2083333333%; width: 30.2083333333% } .reform--box11__note01 { font-size: .6770833333vw; font-size: max(.6770833333vw, 10px); margin: 2.6041666667% 0 -2.6041666667% 55.2083333333%; width: 30.2083333333% } .reform--box11__img01 { border-bottom-right-radius: 9.8958333333vw; left: 0; margin: 15.625% 0 0; position: absolute; top: 0; width: 48.3333333333%; z-index: 1 } .reform--box12 { padding: 15.625% 0 10.4166666667% } .reform--box12__title01 { margin: -5.2083333333% 0 0 4.1666666667%; width: 57.6041666667% } .reform--box12__logo01 { margin: 0 0 10.4166666667% 43.75%; width: 45.2083333333% } .reform--box12__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.0833333333% 14.5833333333%; width: 43.75% } .reform--box12__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 14.5833333333%; width: 43.75% } .reform--box12__text02 span { font-size: .7291666667vw; font-size: max(.7291666667vw, 10px) } .reform--box13 { padding: 0 0 9.8958333333% } .reform--box13.pb--short { padding-bottom: 9.8958333333% } .reform--box13__text01 { font-size: 3.3333333333vw; font-size: max(3.3333333333vw, 10px); margin: 0 16.1458333333% 4.6875% auto; text-align: right } .reform--box13__img01 { margin: 0 0 8.3333333333% 55.2083333333%; width: 31.8229166667% } .reform--box13__photo01 { left: 0; margin: 11.9791666667% 0 0; position: absolute; top: 0; width: 45.625% } .reform--box13__photo01__img { width: 96.803652968% } .reform--box13__photo01__img__shadow { border-radius: 0 0 10.2604166667vw 0; margin: 3.3018867925% 0 0 3.3018867925% } .reform--box13__photo01__img img { border-radius: 0 0 9.1666666667vw 0 } .reform--box13__photo01__img>p { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px); margin: 0 0 2.8301886792% 3.5377358491% } .reform--box13__photo01>p { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 5.9360730594% 0 0 3.4246575342% } .reform--box13__photo02 { align-items: flex-end; justify-content: space-between; margin: 0 auto; width: 85% } .reform--box13__photo02>li { width: 29.6568627451% } .reform--box13__photo02>li .reform--box13__photo02__img { width: 95.867768595% } .reform--box13__photo02>li .reform--box13__photo02__img__shadow { border-radius: 5.1041666667vw 0; margin: 4.3103448276% 0 0 4.3103448276% } .reform--box13__photo02>li .reform--box13__photo02__img img { border-radius: 4.1666666667vw 0 } .reform--box13__photo02>li .reform--box13__photo02__img>p { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px); margin: 0 0 3.4482758621% 4.3103448276% } .reform--box13__photo02>li:nth-child(2):after { content: ""; display: block; padding: 22.7272727273% 0 0 } .reform--box13__photo02>li:nth-child(3):after { content: ""; display: block; padding: 45.4545454545% 0 0 } .reform--box13__photo02>li>p { font-size: 1.25vw; font-size: max(1.25vw, 10px); margin: 9.0909090909% 0 0 4.5454545455% } .reform--box13__photo02>li.set--portrait { width: 25.2450980392% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img { width: 95.145631068% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img:before { margin: 5.1020408163% 0 0 5.1020408163% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img>p { margin: 0 0 4.0816326531% 5.1020408163% } .reform--box13__photo02>li.set--portrait>p { margin: 10.6796116505% 0 0 4.854368932% } .reform--box14 { padding: 0 0 15.625% } .reform--box14__text01 { font-size: 1.6666666667vw; font-size: max(1.6666666667vw, 10px); margin: 0 auto 3.6458333333%; width: 69.5833333333% } .reform--box14__img01 { margin: 0 auto 2.0833333333%; width: 69.5833333333% } .reform--box14__img01 li { width: 17.5898203593% } .reform--box14__img01 li p { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px) } .reform--box14__note01 { font-size: .7291666667vw; font-size: max(.7291666667vw, 10px); margin: 0 auto; width: 69.5833333333% } .reform--box15 { padding: 21.875% 0 8.3333333333% } .reform--box15__title01 { margin: -5.1041666667% 0 0 4.375%; width: 45.3645833333% } .reform--box15__photo01 { border-bottom-right-radius: 8.3333333333vw; width: 42.0833333333% } .reform--box15__textarea01 { left: 0; margin: 29.1666666667% 0 0 55%; position: absolute; top: 0; width: 45% } .reform--box15__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 4.6296296296%; white-space: nowrap; width: 66.6666666667% } .reform--box15__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 66.6666666667% } .reform--box16 { padding: 9.375% 0 27.0833333333% } .reform--box16__title01 { margin: 0 0 0 35.4166666667%; width: 49.1666666667% } .reform--box16__photo01 { border-bottom-right-radius: 8.3333333333vw; width: 42.0833333333% } .reform--box16__textarea01 { left: 0; margin: 31.7708333333% 0 0 55%; position: absolute; top: 0; width: 45% } .reform--box16__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 4.6296296296%; white-space: nowrap; width: 66.6666666667% } .reform--box16__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); width: 66.6666666667% } .reform--box17 { padding: 23.4375% 0 14.0625% } .reform--box17__title01 { margin: -5.2083333333% 0 0 4.6875%; width: 34.84375% } .reform--box17__text01 { font-size: 2.2916666667vw; font-size: max(2.2916666667vw, 10px); margin: 0 0 2.0833333333% 38.5416666667%; white-space: nowrap; width: 46.25% } .reform--box17__text02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 0 0 0 38.5416666667%; width: 46.25% } .reform--box18 { padding: 0 0 10.4166666667% } .reform--box18__title01 { margin: 0 0 4.1666666667% 15%; width: 38.2291666667% } .reform--box18__frame01 { border-radius: 0 3.6458333333vw 0 3.6458333333vw; margin: 0 auto 5.7291666667%; padding: 7.2916666667% 0 6.25%; width: 70% } .reform--box18__label01 { border-radius: 0 0 1.7708333333vw 0; font-size: 1.8229166667vw; font-size: max(1.8229166667vw, 10px); padding: 1.6369047619% 0 1.3392857143%; width: 14.880952381% } .reform--box18__list01 { margin: 0 auto; width: 82.1428571429% } .reform--box18__list01__li01 { display: flex; justify-content: space-between; margin: 0 0 5.4347826087%; padding: 0 0 5.4347826087% } .reform--box18__list01__textarea01 { width: 31.1594202899% } .reform--box18__list01__title01 { font-size: 1.4583333333vw; font-size: max(1.4583333333vw, 10px); margin: 0 0 8.7209302326% } .reform--box18__list01__text01, .reform--box18__list01__title01>.small { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px) } .reform--box18__list01__area01 { width: 63.0434782609% } .reform--box18__list01__photo01 { border-radius: .4166666667vw; width: 57.4712643678% } .reform--box18__list01__list01 { display: flex; justify-content: space-between; width: 63.0434782609% } .reform--box18__list01__list01>li { width: 48.275862069% } .reform--box18__list01__list01>li.bgcolor01 { border-radius: .4166666667vw } .reform--box18__list01__list01__photo01 { border-radius: .4166666667vw; margin: 0 0 4.4642857143% } .reform--box18__list01__list01__text01 { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px) } .reform--box18__list01__list01__subttl01 { font-size: 1.4583333333vw; font-size: max(1.4583333333vw, 10px); padding: 5.9523809524% 0 4.7619047619% } .reform--box18__list01__list01__text02 { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px); padding: 8.9285714286% 0 } .reform--box18__list01__list01__text02>p { padding: 0 0 5.9523809524%; width: 82.1428571429% } .reform--box18__list02 { display: flex; justify-content: space-between; margin: 0 auto; position: relative; width: 82.1428571429% } .reform--box18__list02:after { border-left: 1px solid #e7e2d6; bottom: 0; content: ""; display: block; font-size: 0; height: 100%; left: 50%; line-height: 0; position: absolute; top: 0; width: 0 } .reform--box18__list02__li01 { padding: 0 0 37.1376811594%; position: relative; width: 40.7608695652% } .reform--box18__list02__title01 { font-size: 1.4583333333vw; font-size: max(1.4583333333vw, 10px); margin: 0 0 6.6666666667% } .reform--box18__list02__text01, .reform--box18__list02__title01>.small { font-size: 1.0416666667vw; font-size: max(1.0416666667vw, 10px) } .reform--box18__list02__text01 { margin: 0 0 6.6666666667% } .reform--box18__list02__photo01 { border-radius: .4166666667vw; bottom: 0; left: 0; outline: 2px solid #e6e6e6; outline-offset: -2px; position: absolute; right: 0 } .reform--box18__list02__li01:first-child .reform--box18__list02__photo01 { margin-bottom: 16.6666666667% } .reform--box18__note01 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 1.3020833333% auto 0; width: 70% } .reform--box18__note02 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 3.3482142857% auto 0; width: 82.1428571429% } .reform--box19 { padding: 9.8958333333% 0 18.75% } .reform--box19__deco01 { margin: 85.4166666667% 0 0; padding: 25.8854166667% 0 0; width: 35.8854166667% } .reform--box19__title01 { margin: 0 0 4.6875% 3.6458333333%; width: 80.3125% } .reform--box19__photo01 { margin: 0 0 12.5%; width: 76.0416666667% } .reform--box19__photo01__movie { border-radius: 0 0 11.9791666667vw 0; padding: 56.4383561644% 0 0 } .reform--box19__photo01__movie video { border-radius: 0 0 11.71875vw 0 } .reform--box19__photo01__button { margin: 0 -10.4166666667% 6.25% 0; width: 16.6666666667% } .reform--box19__photo01__button:hover { opacity: .7 } .reform--box19__title02 { margin: 0 0 2.6041666667% 54.1666666667%; width: 33.4895833333% } .reform--box19__title02__sub { font-size: 1.6666666667vw; font-size: max(1.6666666667vw, 10px); margin: 0 0 4.9766718507% } .reform--box19__title02__main { width: 59.0979782271% } .reform--box19__text01 { font-size: .9375vw; font-size: max(.9375vw, 10px); line-height: 2.36; margin: 0 0 0 54.1666666667%; width: 33.4895833333% } .reform--box20 { padding: 16.6666666667% 0 19.7916666667% } .reform--box20__title01 { margin: -8.3333333333% 0 0 3.6458333333%; width: 53.1770833333% } .reform--box20__list01 { margin: 0 auto; width: 69.7916666667% } .reform--box20__list01 ul li { margin: 0 auto; width: 40.5970149254% } .reform--box20__list01 ul li:nth-child(odd) { margin-left: 0 } .reform--box20__list01 ul li:nth-child(2n) { margin-right: 0 } .reform--box20__list01 ul li:nth-child(2) { margin-top: -34.328358209% } .reform--box20__list01 ul li:nth-child(3) { margin-top: -13.4328358209% } .reform--box20__list01 ul li:nth-child(4), .reform--box20__list01 ul li:nth-child(5) { margin-top: -24.6268656716% } .reform--box20__list01 ul li a:hover { opacity: .7 } .reform--box20__list01__reason01 { margin: 0 -8.4558823529% 0 0; width: 4.7794117647% } .reform--box20__list01__frame01 { border-radius: 6.25vw 0 0 0; padding: 9.1911764706% 0 } .reform--box20__list01__frame01__img01 { margin: 0 auto 7.3529411765%; width: 79.4117647059% } .reform--box20__list01__frame01__title01 { margin: 0 0 5.698005698% } .reform--box20__list01__frame01__title01__sub01 { font-size: .9895833333vw; font-size: max(.9895833333vw, 10px); margin: 0 0 2.5% } .reform--box20__list01__frame01__title01__sub02 { font-size: 1.3541666667vw; font-size: max(1.3541666667vw, 10px); margin: 0 0 3.125% } .reform--box20__list01__frame01__title01__main { font-size: 2.5vw; font-size: max(2.5vw, 10px) } .reform--box20__list01__frame01__title01__main>span { background-size: 1.1458333333vw 80%; padding: 0 1.4583333333vw } .reform--box20__list01__frame01__text01 { font-size: .8333333333vw; font-size: max(.8333333333vw, 10px); width: 79.4117647059% } .reform--box20__list01__frame01__note01 { font-size: .6770833333vw; font-size: max(.6770833333vw, 10px); margin: 3.6764705882% auto 0; width: 79.4117647059% } .reform--box20__list01__frame02 { background-position: right 3.6764705882% center; background-size: 3.6764705882%; font-size: .8333333333vw; font-size: max(.8333333333vw, 10px); padding: 2.5735294118% 9.9264705882% 2.5735294118% 0 } .reform--box20__list01__arrow01 { bottom: 0; height: 100%; left: calc(50% - 1px); overflow: hidden; padding: 0 2.3880597015%; position: absolute; top: 0 } .reform--box20__list01__arrow01__arrow { border-left: 1px solid #fff; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .reform--box20__list01__arrow01__arrow:after { border-bottom: 1px solid #fff; bottom: 0; content: ""; display: block; height: 0; left: 0; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 140% } .reform--box21 { padding: 43.75% 0 0 } .reform--box21__deco01 { padding: 26.4583333333% 0 0; width: 36.0416666667% } .reform--box21__photo01 { border-radius: 0 0 0 9.8958333333vw; margin: -13.5416666667% 0 0; width: 43.4375% } .reform--box21__title01 { margin: 0 0 .5208333333% 45.0520833333%; width: 39.6875% } .reform--box21__photo02 { border-radius: 0 0 9.8958333333vw 0; left: 0; margin: 19.2708333333% 0 0; position: absolute; top: 0; width: 50%; z-index: 1 } .reform--box21__title02 { font-size: 2.9166666667vw; font-size: max(2.9166666667vw, 10px); margin: 0 0 2.0833333333% 45.0520833333%; width: 39.8958333333% } .reform--box21__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 0 45.0520833333%; width: 39.8958333333% } .reform--box22 { padding: 11.4583333333% 0 8.8541666667% } .reform--box22__title01 { margin: 0 auto 4.6875%; overflow: hidden; width: 84.375% } .reform--box22__title01__img { float: left; height: 8.6458333333vw; margin: 0 3.0864197531% 0 0; width: auto } .reform--box22__title01__img.narrow { margin-right: 1.8518518519% } .reform--box22__title01__img img { height: 100%; width: auto } .reform--box22__title01__text { float: left; font-size: 1.6666666667vw; font-size: max(1.6666666667vw, 10px); margin: 6.1728395062% 0 0 } .reform--box22__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.125% 7.5%; width: auto } .reform--box22__slide01 { margin: 0 0 0 7.5%; width: 79.0625% } .reform--box22__slide01 .swiper-slide { border-radius: 1.6666666667vw } .reform--box22__slide01 .swiper-slide>a .reform--box22__slide01__photo01:after { background-size: 15.1898734177% } .reform--box22__slide01 .swiper-slide>a:hover { opacity: .7 } .reform--box22__slide01 .swiper-slide[data-is-new=true]>a:after { padding: 7.5949367089% 0 0; width: 19.4092827004% } .reform--box22__slide01 .swiper-slide[data-membership=true]>a:before { padding: 7.5949367089% 0 0; width: 31.6455696203% } .reform--box22__slide01 .swiper-pagination { margin: 5.9288537549% 0 0 88.9328063241%; width: 15.9420289855% } .reform--box22__slide01__buttons { margin: 0 0 0 88.9328063241%; width: 15.9420289855% } .reform--box22__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box22__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box22__slide01__textarea01 { padding: 6.3291139241% 0; width: 80.1687763713% } .reform--box22__slide01__text01 { font-size: .9375vw; font-size: max(.9375vw, 10px) } .reform--box22__slide01__text02 { background-size: 5.2631578947%; font-size: .8333333333vw; font-size: max(.8333333333vw, 10px); margin: 3.9473684211% 0 0; padding: 0 0 0 7.3684210526% } .reform--box23 { padding: 11.4583333333% 0 13.5416666667% } .reform--box23__title01 { margin: 0 auto 4.6875%; overflow: hidden; width: 84.375% } .reform--box23__title01__img { float: left; margin: 0 3.0864197531% 0 0; width: 37.4074074074% } .reform--box23__title01__text { float: left; font-size: 1.6666666667vw; font-size: max(1.6666666667vw, 10px); margin: 5.9259259259% 0 0 } .reform--box23__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.125% 7.5%; width: auto } .reform--box23__title02 { font-size: 1.875vw; font-size: max(1.875vw, 10px); margin: 0 auto 2.0833333333%; width: 85% } .reform--box23__title02:before { width: .4901960784% } .reform--box23__title02 span { padding: 0 0 0 1.8382352941% } .reform--box23__area01 { padding: 0 0 8.3333333333% } .reform--box23__slide01 { margin: 0 auto; width: 85% } .reform--box23__slide01 ul { display: flex; flex-wrap: wrap; width: 100% } .reform--box23__slide01 ul li { margin: 0 4.1666666667% 5.5147058824% 0; width: 30.5147058824% } .reform--box23__slide01 ul li:nth-child(3n) { margin-right: 0 } .reform--box23__slide01 ul li>a { display: block; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .reform--box23__slide01 .swiper-pagination { margin: 5.9288537549% 0 0 88.9328063241%; width: 15.9420289855% } .reform--box23__slide01__buttons { margin: 0 0 0 88.9328063241%; width: 15.9420289855% } .reform--box23__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box23__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box23__slide01__photo01 { border-radius: 1.6666666667vw } .reform--box23__slide01__text01 { font-size: .9375vw; font-size: max(.9375vw, 10px); margin: 5.4852320675% 0 0 } .reform--box23__button01:hover { background-color: #413434; color: #fff } .reform--box24 { padding: 9.8958333333% 0 8.3333333333% } .reform--box24__title01 { margin: -5.2083333333% 0 0 7.5%; width: 44.1145833333% } .reform--box24__title02 { font-size: 2.9166666667vw; font-size: max(2.9166666667vw, 10px); margin: 0 0 2.0833333333% 7.5%; width: 39.8958333333% } .reform--box24__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.125% 7.5%; width: auto } .reform--box24__slide01 { margin: 0 0 0 7.5%; width: 80.1041666667% } .reform--box24__slide01 .swiper-slide>a:hover { opacity: .7 } .reform--box24__slide01 .swiper-pagination { margin: 5.9484467944% 0 0 87.7763328999%; width: 15.7347204161% } .reform--box24__slide01__buttons { margin: 0 0 0 87.7763328999%; width: 15.7347204161% } .reform--box24__slide01 .swiper-button-prev { background-size: 26px 26px; height: 28px; left: -39px; margin-top: -17px; width: 28px } .reform--box24__slide01 .swiper-button-next { background-size: 26px 26px; height: 28px; margin-top: -17px; right: -39px; width: 28px } .reform--box25 { padding: 11.9791666667% 0 7.2916666667% } .reform--box25__title01 { margin: 0 0 7.6041666667% 7.2916666667%; width: 61.7708333333% } .reform--box25__img01 { left: 0; margin: 31.25% 0 0 10.8333333333%; position: absolute; top: 0; width: 35.9375% } .reform--box25__title02 { margin: 0 0 2.3958333333% 57.8125%; width: 29.6875% } .reform--box25__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.125% 57.8125%; width: 29.6875% } .reform--box25__button01 { margin: 0 0 0 66.8229166667%; width: 11.7708333333% } .reform--box25__button01 a:hover { opacity: .7 } .reform--box26 { padding: 11.9791666667% 0 19.7916666667% } .reform--box26__title01 { margin: 0 0 3.125% 7.2916666667%; width: 51.9270833333% } .reform--box26__img01 { left: 0; margin: 29.8958333333% 0 0; position: absolute; top: 0; width: 50.8333333333% } .reform--box26__title02 { margin: 0 0 2.3958333333% 57.8125%; width: 30.625% } .reform--box26__text01 { font-size: 1.1458333333vw; font-size: max(1.1458333333vw, 10px); margin: 0 0 3.125% 57.8125%; width: 29.6875% } .reform--box26__button01 { margin: 0 0 0 66.8229166667%; width: 11.7708333333% } .reform--box26__button01 a:hover { opacity: .7 } .reform_example__thumbnails { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 40px; max-width: 1084px; padding: 0 40px } .reform_example__textSet { margin: 0 auto 80px; max-width: 1084px; padding: 0 40px } .reform_example__heading { min-width: 240px } .reform_example__text { flex: 1; font-size: 1.8rem; line-height: 2 } .reform_example__heading--en { font-size: 2.2rem; line-height: 1.3333; padding-right: 24px } .reform_example__heading--ja { font-size: 1.2rem; line-height: 2.3333 } .gallery_example .a-typography--h3 { font-size: 2rem; line-height: 1.8 } .gallery_example .o-section__body { font-size: 1.8rem; line-height: 2 } .main--reform .roundButton--large:hover { color: #413434 } .bcModal__related>h5 { font-size: 1.8rem; line-height: 1.5 } .relatedItem__image { width: 175px } .relatedItem__title { font-size: 1.2rem; line-height: 1.5 } .closeButton { height: 48px; padding-left: 18.7px; top: 35px; width: 156px } .closeButton, .closeButton:after { border-radius: 90px 0 0 90px } .closeButton .close { width: 81.22px } .closeButton .cross { margin-left: 15px } .closeButton:hover { background-color: #0c436f; color: #fff } .closeButton:hover .close { fill: #fff !important } .closeButton:hover .cross:after, .closeButton:hover .cross:before { background-color: #fff } .swiper--columnAndCarousel.swiper--noCarousel { max-width: 1920px } .swiper--columnAndCarousel.swiper--noCarousel .swiper-wrapper { flex-wrap: wrap; justify-content: space-between; max-width: none; padding-left: 0; padding-right: 0 } .swiper--columnAndCarousel.swiper--noCarousel .swiper-slide { width: 31.62% } .columnAndCarousel__singleCategory .swiper--columnAndCarousel .swiper-wrapper { display: flex; flex-wrap: nowrap } .columnAndCarousel__singleCategory h3 { line-height: 1.3; margin: 0 auto; max-width: 1920px } .columnAndCarousel__singleCategory h3+.swiper--columnAndCarousel { margin-top: 36px } .columnAndCarousel__singleCategory { margin-top: 80px } .swiper--columnAndCarousel .swiper-wrapper { margin: 0 auto; max-width: 1632px } .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-pc.svg); max-height: 36px; max-width: 92px; min-width: 42px; width: 17.83% } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before { background-image: url(/homelounge/assets/images/common/swpier/icon_member-pc.svg); max-height: 36px; max-width: 150px; min-width: 60px; width: 29.07% } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:before { border-radius: 8px } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:after { max-height: 68px; max-width: 68px; width: 14.34% } .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image:after { max-height: 144px; max-width: 136px; width: 26.36% } .swiper--columnAndCarousel .swiper-pagination-fraction { height: 96px; padding-top: 35px; width: 237px } .swiper--columnAndCarousel .swiper-pagination { font-size: 1.6rem } .swiper--columnAndCarousel .swiper-pagination-current { font-size: 2.4rem } .swiper--columnAndCarousel .swiper-pagination-total { font-size: 1.8rem } .swiper--columnAndCarousel .swiper-button-next, .swiper--columnAndCarousel .swiper-button-prev { bottom: 22px } .swiper--columnAndCarousel .swiper-button-prev { right: 187px } .swiper--columnAndCarousel .swiper-button-next { right: 40px } .columnAndCarousel__content:hover, div.columnAndCarousel__content a:hover { opacity: .7 } div.columnAndCarousel__content:hover { opacity: 1 } .columnAndCarousel__image img { border-radius: 8px } .columnAndCarousel__text { padding-top: 20px } .columnAndCarousel__title { line-height: 1.5 } .columnAndCarousel__title .columnAndCarousel__caption { line-height: 1.5; margin-top: 10px } .columnAndCarousel__duration { background-image: url(/homelounge/assets/images/common/swpier/icon_clock-pc.svg); line-height: 3.2308; padding-left: 20px } .recommendCarousel__hashtags { margin-top: 2px } .recommendCarousel__hashtag { font-size: 1.3rem; line-height: 3.2308 } .contactSection { margin: 0 auto; max-width: 1920px; padding-left: 144px; padding-right: 144px } .contactSection__inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 80px; padding-top: 72px } .contactSection__logout .contactSection__inner { justify-content: center } .contactSection__logout .contactSection__contact { margin-bottom: 0; padding-left: 0 } .contactSection__contact { padding-left: 40px } .contactSection__contact .sectionHeading { margin-bottom: 30px } .contactSection__contact .sectionHeading__inner { padding-left: 0; padding-right: 0 } .contactSection__contact .sectionHeading__shoulderTitle { height: 16.21px } .contactSection__contact .sectionHeading__mainTitle { font-size: 4rem } .contactSection__lists { display: flex; flex-wrap: wrap } .contactSection__list { min-width: 285px } .contactSection__listImage { margin-right: 24px; width: 107px } .contactSection__listTitle { font-size: 2.2rem; line-height: 1.4091; margin-bottom: 24px; white-space: nowrap } .contactSection__information { padding-left: 120px; padding-right: 20px } .contactSection__information:before { height: 100%; left: 0; width: 1px } .contactSection__information .sectionHeading { margin-bottom: 43px } .contactSection__information .sectionHeading__inner { padding-left: 0; padding-right: 0 } .contactSection__information .sectionHeading__shoulderTitle { height: 17.33px } .contactSection__information .sectionHeading__mainTitle { font-size: 2.4rem } .contactSection__informationSettingImage { margin-right: 40px; width: 107px } .contactSection__informationSettingList { width: 200px } .contactSection__informationSettingList:not(:last-child) { margin-bottom: 10px } .contactSection__informationSettingList a, .contactSection__informationSettingList button { font-size: 1.8rem; line-height: 1.7222; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .contactSection__informationSettingList a:hover, .contactSection__informationSettingList button:hover { font-weight: 700 } .contactSection__informationSettingList a:after, .contactSection__informationSettingList button:after { background-image: url(/homelounge/assets/images/common/contact/information_arrow_pc.svg); height: 12px; width: 40px } .contactSection.type02 .sectionHeading__shoulderTitle--ja { font-weight: 700 } .contactSection.type02 .roundButton--detail:hover { background-color: #413434; color: #fff !important } .contactSection.type02 .contactSection__informationSettingList button:after { background-image: url(/homelounge/assets/images/common/contact/information_arrow_02_pc.svg) } .section--404, .section--error { padding-bottom: 156px } .section--404 .section__inner, .section--error .section__inner { margin: 0 auto; width: 684px } .section--404 h3, .section--error h3 { font-size: 2.1rem; line-height: 1.4286 } .section--404 h2, .section--error h2 { font-size: 3.8rem; line-height: 1.5789 } .section--404 p, .section--error p { font-size: 1.6rem; line-height: 1.5; margin-top: 88px } .section--404 { padding-top: 258px } .section--404 h5 { font-size: 2rem; line-height: 1.5; margin-top: 73px } .section--404 ul { margin-left: 56px; margin-top: 15px } .section--404 ul+h5 { margin-top: 39px } .section--404 ul+h5+ul { margin-left: 144px } .section--404 li { font-size: 1.6rem; line-height: 1.5 } .section--error { padding-top: 238px } .section--error h2+p { margin-top: 82px } .footer { padding-bottom: 25px; padding-top: 20px } .footer__inner { box-sizing: content-box; max-width: 1632px; position: relative } .footerLower { border-top-color: hsla(0, 0%, 100%, .5); max-width: 1628px; padding-top: 14px } .footerPagetop:hover { opacity: .7 } .footerPagetop.footerPagetop--stopped { top: 0; -webkit-transform: translateX(0); transform: translateX(0) } .footerLogos__textcopy { height: 36px; width: 512px } .footerLogos__logo { height: 50px; margin-right: 46px; width: 246px } .footerNavs { justify-content: space-between } .footerNav li+li { margin-left: 20px } .footerNav a:before, .footerNav button:before { margin-right: 3px } .footerNav--site { margin-left: auto } .footerNav--site a { letter-spacing: -.08em } .footerCopyright p { font-size: 1.2rem; line-height: 1.2 } .header .roundButton { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .header .roundButton:hover { background-color: #fff; color: #0c436f } .header__inner { height: 80px; padding-left: 40px } .header__logo a:hover, .rightButton a:hover { opacity: .7 } .headerReform.type02 .roundButton:hover { background-color: #fff; color: #6c5e4b } .myHomePage__banner:hover { opacity: .7 } .myHomePage .myHomePage__overlay { align-items: center; display: flex; justify-content: center; padding-left: 40px; padding-right: 40px } .myHomePage .myHomePage__container { max-width: 1278px; min-height: 709px; width: 100% } .myHomePage .myHomePage__containerInner { border-radius: 8px; box-shadow: 8px 8px 16px rgba(0, 0, 0, .16); padding: 40px } .myHomePage .myHomePage__header { border-bottom-width: 2px; margin-left: 100px; margin-right: 100px; padding-bottom: 15px } .myHomePage .myHomePage__title { font-size: 4rem; line-height: 1.5 } .myHomePage .myHomePage__close { height: 24px; right: 40px; top: 40px; width: 24px } .myHomePage .myHomePage__close span:after, .myHomePage .myHomePage__close span:before { height: 2px; width: 34px } .myHomePage .swiper-slide { padding-top: 30px } .myHomePageCarousel { padding-bottom: 120px; padding-left: 80px; padding-right: 80px } .myHomePageCarousel .myHomePageCarousel__title { font-size: 5rem; letter-spacing: .05em; margin-bottom: 48px; max-width: 1034px; width: 100% } .myHomePageCarousel .myHomePageCarousel__title .text--super { font-size: 2.5rem } .myHomePageCarousel .myHomePageCarousel__title .textGroup { display: inline-block } .myHomePageCarousel .myHomePageCarousel__content { align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 20px } .myHomePageCarousel .myHomePageCarousel__image { margin-right: 72px } .myHomePageCarousel .swiper-slide--01 .myHomePageCarousel__image { width: 404px } .myHomePageCarousel .swiper-slide--02 .myHomePageCarousel__image, .myHomePageCarousel .swiper-slide--03 .myHomePageCarousel__image { width: 406px } .myHomePageCarousel .myHomePageCarousel__detail { flex: 1; min-width: 250px } .myHomePageCarousel .myHomePageCarousel__detail dt { font-size: 2.6rem; line-height: 1.7143; margin-bottom: 24px } .myHomePageCarousel .myHomePageCarousel__detail dd { font-size: 2.2rem; line-height: 1.7727 } .myHomePageCarousel .myHomePageCarousel__detail dd .annotation { font-size: 1.2rem; line-height: 1.5; margin-top: 16px } .myHomePageCarousel .myhomepage__linkButton { border-radius: 26px; bottom: -117px; max-width: 400px; min-height: 52px; padding-left: 44px; position: absolute; right: -79px; width: 100% } .myHomePageCarousel .myhomepage__linkButton:hover { background-color: #fff; border-color: #4878b6; color: #4878b6 } .myHomePageCarousel .myhomepage__linkButton span { font-size: 1.8rem } .myHomePageCarousel .swiper-button-next, .myHomePageCarousel .swiper-button-prev { border-radius: 50px; font-size: 1.8rem; height: 40px; width: 150px } .myHomePageCarousel .swiper-button-next:hover, .myHomePageCarousel .swiper-button-prev:hover { background-color: #4878b6; color: #fff } .myHomePageCarousel .swiper-button-next .arrow, .myHomePageCarousel .swiper-button-prev .arrow { height: 12px } .myHomePageCarousel .swiper-button-prev span { padding-left: 27px } .myHomePageCarousel .swiper-button-next span { padding-left: 57px } .myHomePageCarousel .swiper-button-next .arrow { margin-left: 27px } .myHomePageCarousel .swiper-pagination { color: #586166; font-size: 1.8rem; left: 50%; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); width: auto } .myHomePageCarousel .swiper-pagination-current { font-size: 2.4rem; font-weight: 400 } .kv { height: 100vh; min-height: 700px } .kv .kv__inner { margin: 0 auto; max-width: 1920px } .kv .kv__title { margin-left: 10.9%; -webkit-transform: translateY(14%); transform: translateY(14%) } .kv--top { background-image: url(/homelounge/assets/images/top/kv/login/bg_pc.jpg) } .kv--top .kv__title { max-width: 803px; min-width: 550px; -webkit-transform: translateY(4%); transform: translateY(4%); width: 41.82% } .kv--theater { background-image: url(/homelounge/assets/images/theater/kv/bg_pc.jpg) } .kv--theater .kv__title { max-width: 824px; min-width: 550px; width: 42.91% } .kv--library { background-image: url(/homelounge/assets/images/library/kv/bg_pc.jpg) } .kv--library .kv__title { max-width: 841px; min-width: 567px; width: 43.8% } .kv--gallery { background-image: url(/homelounge/assets/images/gallery/kv/bg_pc.jpg) } .kv--gallery .kv__title { max-width: 857px; min-width: 583px; width: 44.63% } .gradation { background: linear-gradient(hsla(0, 0%, 100%, 0), rgba(255, 254, 253, .85) 45.21%, #fffdfc 67%, rgba(255, 254, 254, .55) 82.76%, hsla(0, 0%, 100%, 0)); height: 521px; -webkit-transform: translateY(177px); transform: translateY(177px) } .kv__scroll { padding-bottom: 45px; width: 80px } .kv__scroll:after { height: 30px } .loungeMenu--nomal .loungeMenu__contentList { max-width: 380px; padding: 35px 0 110px; width: 380px } .loungeMenu--nomal .loungeMenu__contentList--theater .loungeMenu__contentListTitle img { width: 132px } .loungeMenu--nomal .loungeMenu__contentList--gallery .loungeMenu__contentListTitle img, .loungeMenu--nomal .loungeMenu__contentList--library .loungeMenu__contentListTitle img { width: 120px } .loungeMenu--nomal .loungeMenu__contentList--mylounge .loungeMenu__contentListTitle img { width: 180px } .loungeMenu__contentListTitle { font-size: 2.2rem; margin-bottom: 16px; margin-left: 28px; margin-right: 28px; min-height: 51.94px; padding-bottom: 17px } .loungeMenu__contentListTitle span { font-weight: 700 } .loungeMenu__info { font-size: 1.8rem; margin-bottom: 28px; padding-left: 28px; padding-right: 28px } .loungeMenu__contentList--library .loungeMenu__info, .loungeMenu__contentList--mylounge .loungeMenu__info { margin-bottom: 16px } .loungeMenu__info dt { letter-spacing: .06em; margin-bottom: 8px } .loungeMenu__info dd { font-size: 1.7rem } .loungeMenu__infoList:not(:last-child) { margin-bottom: 24px } .loungeMenu__infoList>div { margin-bottom: 8px; padding-left: 28px; padding-right: 26px } .loungeMenu__infoListLinkArea { margin-bottom: 16px; margin-left: 28px; margin-right: 26px } .loungeMenu__infoListLinkArea:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .7 } .loungeMenu__contentList--library .loungeMenu__infoListLinkArea, .loungeMenu__contentLists--otherlounge .loungeMenu__infoListLinkArea { margin-bottom: 8px } .loungeMenu__infoListThumb { margin-right: 16px; max-width: 172px; width: 53% } .loungeMenu__infoListThumb span { height: 50px; width: 50px } .loungeMenu__infoListTitle { flex: 1; font-size: 1.7rem; line-height: 1.5882 } .loungeMenu__contentList--theater .loungeMenu__infoListTitle span { border-radius: 40px; font-size: 1.5rem; width: 128px } .loungeMenu__contentList--gallery .loungeMenu__infoListTitle span { font-size: 1.2rem; line-height: 1.15 } .loungeMenu__infoListText { font-size: 1.6rem; line-height: 1.5; padding-left: 26px; padding-right: 20px } .loungeMenu__infoListButton { border-radius: 40px; bottom: 40px; height: 52px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s cubic-bezier(.215, .61, .355, 1); width: 280px } .loungeMenu__infoListButton--otherlounge { width: 310px } .loungeMenu__infoListButton--otherlounge .roundButton__arrow { right: 18px; width: 26px } .loungeMenu__contentList--reform .loungeMenu__infoListButton .roundButton__img { margin-left: 27px; width: 226px } .loungeMenu__contentList--totikatuyo .loungeMenu__infoListButton .roundButton__img { margin-left: 33px; width: 205px } .loungeMenu__contentList--reform .loungeMenu__infoListButton--otherlounge:hover { background-color: #8d774b; border-color: #8d774b } .loungeMenu__contentList--totikatuyo .loungeMenu__infoListButton--otherlounge:hover { background-color: #8b585e; border-color: #8b585e } .loungeMenu__contentList .loginButton { bottom: 40px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .loungeMenu__contentList .loginButton:hover { background-color: #fff; color: #586166 } .loungeMenu .closeButton:hover { background-color: #fff; color: #0c436f } .loungeMenu .closeButton:hover .close { fill: #0c436f !important } .loungeMenu .closeButton:hover .cross:after, .loungeMenu .closeButton:hover .cross:before { background-color: #0c436f } .loungeMenu__container { height: 100%; position: relative } .loungeMenu__container:before { background-color: #0c436f; content: ""; display: block; height: 240px; left: 0; position: absolute; top: 0; -webkit-transform-origin: top; transform-origin: top; width: 100% } .loungeMenu__heading { position: relative; z-index: 1 } .loungeMenu__headingInner { align-items: center; display: flex; margin: 0 auto; max-width: 1920px; padding: 40px 0 64px 40px } .loungeMenu__headingTitle { margin-right: 32px; max-width: 372px; padding-right: 32px; position: relative; width: 100% } .loungeMenu__headingTitle:before { background-color: #969699; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 1px } .loungeMenu__headingSubTitle { font-size: 1.4rem; line-height: 2.8571; margin-top: 5px } .loungeMenu__headingText { font-size: 2.2rem; line-height: 1.5 } .loungeMenu__content { margin: 0 auto } .loungeMenu__contentInner { max-width: 1920px; padding-left: 40px } .loungeMenu__anne { display: none } .loungeMenu__footer { margin: 0 auto; max-width: 1920px; padding-bottom: 24px; padding-right: 40px; padding-top: 28px; position: relative; width: 100%; z-index: 1 } .loungeMenu__footer .loginButton { z-index: 1 } .loungeMenu__footer .loginButton:hover { color: #586166 } .loungeMenu__footerText { font-size: 2.4rem; line-height: 1.5833; margin-right: 24px } .loungeMenu--allLoungeMenu .loungeMenu__contentList { max-width: 380px; padding: 35px 0 110px; width: 380px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater .loungeMenu__contentListTitle img { width: 132px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--gallery .loungeMenu__contentListTitle img, .loungeMenu--allLoungeMenu .loungeMenu__contentList--library .loungeMenu__contentListTitle img { width: 120px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--mylounge .loungeMenu__contentListTitle img { width: 180px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform .loungeMenu__contentListTitle span>img { width: 144px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform .loungeMenu__contentListTitle>img { margin-left: 20px; width: 148px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__contentListTitle span>img { width: 144px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__contentListTitle>img { margin-left: 20px; width: 130px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__info { margin-bottom: 0 } .loungeMenu__button { border-radius: 90px 0 0 90px; bottom: 40px; box-shadow: 0 3px 16px #0000003d } .loungeMenu__button:hover { opacity: .7 } .topKv--logout .loungeMenu__button { bottom: 158px } .loungeMenu__buttonTitle { margin-bottom: 5px } .loungeMenu__buttonSubTitle { line-height: 2.2222 } .loungeMenu__buttonHamburger { border-bottom-width: 4px; right: 21px } .loungeMenu__buttonHamburger:after, .loungeMenu__buttonHamburger:before { height: 4px } #memberModal .modal__container { padding: 96px 80px 64px; width: 601px } #memberModal .roundButton { height: 52px; margin-top: 48px; padding: 4px 0 3px; transition: all .3s cubic-bezier(.215, .61, .355, 1); width: 280px } #memberModal .roundButton:hover { background-color: #fff; border-color: #586166; color: #586166 } #memberModal .roundButton__arrow { height: 12.71px; right: 20px; width: 20.71px } .memberModal__closeButton { right: 20px; top: 20px } .memberModal__texts img { width: 45px } .memberModal__texts p { font-size: 2.2rem; line-height: 1.5; margin-left: 24px } .swiper-recommendCarousel { margin-top: 71px; overflow: visible; padding-bottom: 129px } .swiper-recommendCarousel:before { border-radius: 0 0 8px 8px; box-shadow: 4px 4px 32px rgba(0, 45, 89, .16); height: 237px; right: 97px; width: 237px } .swiper-recommendCarousel .swiper-slide { border-radius: 8px; box-shadow: 4px 4px 32px rgba(0, 45, 89, .16); max-width: 370px } .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-pc.svg); max-height: 36px; max-width: 92px; min-width: 42px; width: 24.86% } .swiper-recommendCarousel .swiper-slide[data-is-new=true][data-video-id=t_052] .recommendCarousel__content:after, .swiper-recommendCarousel .swiper-slide[data-is-new=true][data-video-id=t_053] .recommendCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new_v2-pc.svg) } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:after, .swiper-recommendCarousel .swiper-slide[data-type=modal] .recommendCarousel__image:after { max-height: 68px; max-width: 68px; width: 18.38% } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content:before { background-image: url(/homelounge/assets/images/common/swpier/icon_member-pc.svg); max-height: 36px; max-width: 150px; min-width: 60px; width: 40.54% } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:before { border-top-left-radius: 8px; border-top-right-radius: 8px } .swiper-recommendCarousel .swiper-pagination-fraction { height: 96px; padding-top: 35px; right: 97px; width: 237px } .swiper-recommendCarousel .swiper-pagination { font-size: 1.6rem } .swiper-recommendCarousel .swiper-pagination-current { font-size: 2.4rem } .swiper-recommendCarousel .swiper-pagination-total { font-size: 1.8rem } .swiper-recommendCarousel .swiper-button-next, .swiper-recommendCarousel .swiper-button-prev { bottom: 22px } .swiper-recommendCarousel .swiper-button-prev { right: 260px } .swiper-recommendCarousel .swiper-button-next { right: 140px } .recommendCarousel__content { border-radius: 8px } .recommendCarousel__content:hover { opacity: .7 } .recommendCarousel__image img { border-top-left-radius: 8px; border-top-right-radius: 8px } .recommendCarousel__title { line-height: 1.5 } .recommendCarousel__duration { background-image: url(/homelounge/assets/images/common/swpier/icon_clock-pc.svg); line-height: 3.2308; padding-left: 20px } .section--recommend { padding-top: 94px } .main--top .section--recommend { background-image: linear-gradient(0deg, #edf0f2, #edf0f2), url(/homelounge/assets/images/top/recommend/bg_recommend.png); background-position: bottom, right -136px top; background-size: 100% 29px, 937px 324px } .main--theater .section--recommend { background-image: url(/homelounge/assets/images/theater/recommend/bg_recommend1.png), url(/homelounge/assets/images/theater/recommend/bg_recommend2-pc.png) } .main--library .section--recommend { background-image: url(/homelounge/assets/images/library/recommend/bg_1.png), url(/homelounge/assets/images/library/recommend/bg_2-pc.png); padding-top: 148px } .main--gallery .section--recommend { background-image: url(/homelounge/assets/images/gallery/recommend/bg_1.png), url(/homelounge/assets/images/gallery/recommend/bg_2-pc.png); background-position: right 72px top 0, left calc(50% + 30px) bottom 69px; padding-top: 148px } .recommend__description { margin-top: 51px; padding-bottom: 187px } .recommend__description p { line-height: 2.2857 } .roundButton { border-radius: 40px; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .roundButton--detail { height: 40px; padding-left: 22px; width: 150px } .roundButton--detail .roundButton__text { font-size: 1.8rem; line-height: 1.4444 } .roundButton--detail:hover { background-color: #586166; color: #fff } .roundButton--large { height: 52px; width: 280px } .roundButton--large .roundButton__text { font-size: 1.8rem; line-height: 1.7778 } .roundButton--large .roundButton__arrow { right: 24px; width: 26px } .roundButton--large:hover { background-color: #fff; color: #0c436f } .roundButton--information .roundButton__text { line-height: 40px } .roundButton--information .roundButton__arrow { right: 8px } .roundButton--information:hover { background-color: #fff; color: #0c436f } .sectionHeading__inner { margin: 0 auto; max-width: 1920px; position: relative } .sectionHeading__inner .roundButton { height: 48px; left: 810px; padding-left: 40px; position: absolute; top: 24px; width: 323px } .sectionHeading__inner .roundButton:hover { background-color: #fff; color: #0c436f } .sectionHeading__inner .roundButton .roundButton__text { font-size: 1.9rem; line-height: roundlineheiight(31, 19) } .sectionHeading__inner .roundButton .roundButton__arrow { margin-left: 10px; width: 24px } .sectionHeading__title { margin-bottom: 31px } .sectionHeading__shoulderTitle { margin-bottom: 16px } .sectionHeading__shoulderTitle--ja { font-weight: 500; letter-spacing: .15em } .sectionHeading__mainTitle { letter-spacing: .1em } .categoryTitleBar span { padding-left: 19px } .categoryTitleBar span:before { width: 8px } .sectionHeading__subTitle { margin-top: 16px } .sectionShadow { box-shadow: 0 4px 50px rgba(0, 45, 89, .4) } .section--latestCase { background-image: url(/homelounge/assets/images/gallery/latestCase/bg_1-pc.png); background-position: right 65px top 35px; background-size: 454px 349px; padding-bottom: 147px; padding-top: 122px } .section--latestCase .sectionHeading { margin-bottom: 88px } .swiper--latestCase { margin-top: 88px } .section--latestCaseMovie { background-image: url(/homelounge/assets/images/gallery/latestCaseMovie/bg_1-pc.png); background-position: right 69px top 24px; background-size: 440px 368px; padding-top: 123px } .section--latestCaseMovie .sectionHeading, .section--latestCaseMovieCentury .sectionHeading { margin-bottom: 88px } .swiper--columnAndCarousel.swiper--latestCaseMovie { padding-bottom: 120px } .swiper--columnAndCarousel.swiper--latestCaseMovie .swiper-slide { box-shadow: 4px 4px 32px rgba(0, 0, 0, .16) } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__text { padding: 23px 30px 17px } .latestCaseMovie__lower { margin-top: 30px } .latestCaseMovie__lower .roundButton--detail .roundButton__text { line-height: 1.625 } .section--misawaDigitalMuseum { background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-pc.jpg); padding-top: 120px } .section--misawaDigitalMuseum .columnAndCarousel__ruby { display: block; font-size: 1.6rem; line-height: 1.6875 } .swiper--misawaDigitalMuseum { margin-top: 88px; padding-bottom: 136px } .swiper--misawaDigitalMuseum:before { border-top-left-radius: 8px; height: 96px; width: 237px } .swiper--misawaDigitalMuseum.swiper--columnAndCarousel .swiper-wrapper { max-width: 1920px } .swiper--misawaDigitalMuseum .swiper-slide { max-width: 516px } .section--misawaVR { background-image: url(/homelounge/assets/images/gallery/misawaVR/bg_1-pc.png), linear-gradient(0deg, #fff, #fff); background-position: right -198px top 0, top; background-size: 818px auto, 100% 60px; padding-bottom: 135px; padding-top: 198px } .section--misawaVR .sectionHeading { margin-bottom: 88px } .breadcrumbs { padding: 16px 40px 16px 144px } .breadcrumbs__inner { margin: 0 auto; max-width: 1920px } .breadcrumbs__list a:hover { opacity: .7 } .gallery_example__heading { margin: 0 auto; max-width: 1084px; padding: 80px 40px } .gallery_example__headingImage { margin-bottom: 80px; max-width: 1004px } .gallery_example__headingOwner { font-size: 2.4rem; margin-bottom: 24px } .gallery_example__headingTitle { font-size: 4rem; line-height: 1.5; margin-bottom: 48px } .gallery_example__headingTitle span { display: inline-block } .gallery_example__headingInfo { font-size: 1.6rem; margin-bottom: 80px } .gallery_example__headingText { font-size: 2.2rem; line-height: 1.7727 } .gallery_example__headingText span { display: inline-block } .gallery_example__text { font-size: 1.8rem; line-height: 2; margin: 0 auto 80px; max-width: 1084px; padding: 0 40px } .gallery_example__thumbnails { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 40px; max-width: 1084px; padding: 0 40px } .gallery_example__thumbnails li { max-width: 494px; width: 49.2% } .gallery_example__thumbnails li:not(:nth-last-child(-n+2)) { margin-bottom: 15px } .section--basicAndCommon { background-image: url(/homelounge/assets/images/library/basic/bg_1.png); background-position: right 41px top 51px; background-size: 380px 359px; padding-bottom: 120px; padding-top: 120px } .section--basicAndCommon .sectionHeading__inner { padding-right: 50px } .swiper--basicAndCommon, .swiper--basicAndCommon .swiper-slide:nth-child(n+4) { margin-top: 88px } .section--homeClubOnline { background-image: url(/homelounge/assets/images/library/homeClubOnline/bg_1-pc.png); background-position: right 48px top 12px; background-size: 505px 316px; padding-top: 120px } .swiper--homeClubOnline { margin-top: 88px; padding-bottom: 136px } .swiper--homeClubOnline.swiper--columnAndCarousel .swiper-wrapper { max-width: 1920px; padding: 0 } .swiper--homeClubOnline .swiper-slide { max-width: 516px } .library_article__backButton { margin-top: 120px } .library_article__backButton .roundButton__arrow { left: 24px } .library_article--0001 .image_02 { padding-bottom: 26px } .library_article--0001 .image_03 { padding-bottom: 24px; padding-top: 36px } .library_article--0001 .image_05 { padding-bottom: 7px } .library_article--0001 .image_06 { padding-bottom: 29px } .library_article--0001 .image_07 { padding-bottom: 30px } .library_article--0001 .image_09 { padding-bottom: 24px } .library_article--0001 .image_10 { padding-bottom: 42px; padding-top: 20px } .library_article--0001 .image_11 { padding-bottom: 22px } .library_article--0001 .image_13 { padding-bottom: 24px } .library_article--0001 .image_14 { padding-bottom: 20px } .library_article--0001 .image_15 { padding-bottom: 24px } .library_article--0001 .image_17 { padding-bottom: 25px } .library_article--0001 .library_article__contentsClickHand button { left: 31.27%; max-width: 77px; top: 70%; width: 7.66% } .library_article--0001 .library_article__clickArrow { margin-bottom: 29px; margin-top: 30px } .library_article--0001 .library_article__clickArrow .clickArrowButton { max-width: 171px; top: 13%; width: 17% } .library_article--0001 .library_article__clickArrow .clickArrowButton:hover { opacity: .7 !important } .library_article--0001 .library_article__clickArrow .clickArrowButton--orange { left: 21.31% } .library_article--0001 .library_article__clickArrow .clickArrowButton--blue { right: 17% } .library_article--0001 .library_article__clickArrow .clickArrowButton:after { max-height: 80px; max-width: 77px; padding-top: 46.7%; -webkit-transform: translate(80%, 48%); transform: translate(80%, 48%); width: 45% } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter:hover { opacity: 1 !important } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter.clickArrowButton--orange { left: 3.38%; max-width: 400px; top: 3.25%; width: 39.84% } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter.clickArrowButton--blue { max-width: 402px; right: 3.38%; top: 3.25%; width: 40% } .library_article--0001 .library_article__contentsLinkButton { margin: 0 auto 72px } .library_article--0001 .library_article__contentsQuiz button { top: 79% } .library_article--0002 .image_02 { padding-bottom: 22px } .library_article--0002 .image_03 { padding-bottom: 9px; padding-top: 40px } .library_article--0002 .image_05 { padding-bottom: 22px } .library_article--0002 .image_06 { padding-bottom: 30px; padding-top: 22px } .library_article--0002 .image_08 { padding-bottom: 43px } .library_article--0002 .image_09, .library_article--0002 .image_10 { padding-bottom: 57px } .library_article--0002 .image_11 { padding-bottom: 47px } .library_article--0002 .image_12 { padding-bottom: 22px } .library_article--0002 .image_13 { padding-top: 22px } .library_article--0002 .image_14 { padding-bottom: 42px } .library_article--0003 .image_02 { padding-bottom: 40px } .library_article--0003 .image_03 { padding-bottom: 54px; padding-top: 16px } .library_article--0003 .image_04 { padding-bottom: 40px; padding-top: 40px } .library_article--0003 .image_05 { padding-bottom: 40px } .library_article--0003 .image_06 { padding-bottom: 32px } .library_article--0003 .image_07 { margin-left: 4.9%; max-width: 796px; padding-bottom: 40px; width: 76.5% } .library_article--0003 .image_08 { padding-bottom: 40px; padding-top: 16px } .library_article--0003 .image_09 { padding-bottom: 47px; padding-top: 16px } .library_article--0003 .image_10 { padding-bottom: 28px } .library_article--0003 .image_11 { padding-bottom: 16px } .library_article--0003 .image_12 { padding-bottom: 40px; padding-top: 16px } .library_article--0003 .image_13 { padding-bottom: 28px } .library_article--0003 .library_article__contentsClickHand button { left: 40%; max-width: 77px; top: 45%; width: 7.66% } .library_article--0003 .library_article__contentsLinkButton { margin-bottom: 70px } .library_article--0003 .library_article__contentsQuiz button { max-width: 414px; top: 88.5%; width: 41.23% } .library_article--0004 .image_01 { padding-bottom: 24px } .library_article--0004 .image_02 { padding-bottom: 24px; padding-top: 24px } .library_article--0004 .image_04 { padding-bottom: 24px } .library_article--0004 .image_05 { padding-bottom: 24px; padding-top: 24px } .library_article--0004 .image_07, .library_article--0004 .image_08 { padding-bottom: 24px } .library_article--0004 .image_09 { padding-bottom: 24px; padding-top: 24px } .library_article--0004 .image_10 { padding-bottom: 16px } .library_article--0004 .image_11, .library_article--0004 .image_12 { padding-bottom: 24px } .library_article--0004 .image_13 { padding-bottom: 16px } .library_article--0004 .image_14 { padding-bottom: 24px } .library_article--0004 .image_15 { padding-bottom: 24px; padding-top: 24px } .library_article--0004 .image_16 { padding-bottom: 24px } .library_article--0004 .library_article__contentsClickHand button { max-width: 84px; top: 45%; width: 8.36% } .library_article--0004 .library_article__contentsClickHand.clickHand--01 button { right: 50%; top: 43% } .library_article--0004 .library_article__contentsClickHand.clickHand--02 button { left: 34%; top: 35% } .library_article--0004 .library_article__contentsLinkButton { margin: 0 auto 72px } .library_article--0005 .image_01 { padding-bottom: 99px } .library_article--0005 .image_02 { padding-bottom: 38px } .library_article--0005 .library_article__pcImage { padding-bottom: 64px; padding-top: 45px } .library_article--0005 .library_article__spImage { display: none } .library_article--0005 .image_04 { padding-bottom: 77px; padding-top: 77px } .library_article--0005 .image_05, .library_article--0005 .image_06, .library_article--0005 .image_07 { padding-bottom: 77px } .library_article--0005 .image_08 { padding-bottom: 42px; padding-top: 42px } .library_article--0005 .library_article__contentsLinkButton { margin-bottom: 74px } .library_article--0005 .library_article__contentsLinkButtonSmall { margin-bottom: 74px; margin-top: 36px } .library_article--0005 .library_article__contentsQuiz button { max-width: 414px; top: 79.3%; width: 41.23% } .library_article--0006 .image_01 { padding-bottom: 99px } .library_article--0006 .image_02 { padding-bottom: 38px } .library_article--0006 .image_03 { padding-bottom: 76px; padding-top: 38px } .library_article--0006 .image_04 { padding-bottom: 38px; padding-top: 38px } .library_article--0006 .image_05 { padding-bottom: 76px } .library_article--0006 .image_06 { padding-bottom: 19px } .library_article--0006 .image_07 { padding-bottom: 73px; padding-top: 38px } .library_article--0006 .library_article__contentsFlex { align-items: center; display: flex; justify-content: space-between; margin-bottom: 73px } .library_article--0006 .library_article__contentsFlex>div { max-width: 318px; width: 31.6% } .library_article--0006 .library_article__contentsFlex p { display: none } .library_article--0006 .image_12 { padding-bottom: 43px; padding-top: 38px } .library_article--0006 .library_article__contentsLinkButton { margin-bottom: 74px } .library_article--0006 .library_article__contentsLinkButtonSmall { margin-top: 36px } .library_article--0007 .library_article__heading { padding-left: 0; padding-right: 0 } .library_article--0007 .library_article__headingImage { max-width: 1100px; padding-bottom: 24px; padding-top: 27px } .library_article--0007 .image_01 { margin-bottom: 27px } .library_article--0007 .clickButton.clickButton--01 { left: 50%; top: 14%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0007 .clickButton.clickButton--01:before { height: 132%; left: 0; top: 0; -webkit-transform: translate(-20%, 34%); transform: translate(-20%, 34%); width: 137% } .library_article--0007 .clickButton.clickButton--02 { left: 61%; top: 40% } .library_article--0007 .clickButton.clickButton--02:before { height: 98%; left: 0; top: 0; -webkit-transform: translate(-61%); transform: translate(-61%); width: 137% } .library_article--0007 .clickButton.clickButton--03 { left: 50%; top: 73.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0007 .clickButton.clickButton--03:before { height: 132%; left: 0; top: 0; -webkit-transform: translate(-19%, -75%); transform: translate(-19%, -75%); width: 137% } .library_article--0007 .clickButton.clickButton--04 { left: 31%; top: 40% } .library_article--0007 .clickButton.clickButton--04:before { height: 132%; left: 0; top: 0; -webkit-transform: translate(37%); transform: translate(37%); width: 137% } .library_article--0007 .clickButton.clickButton--05 { left: 50%; top: 40% } .library_article--0007 .clickButton.clickButton--05:before { height: 132%; left: 0; top: 0; -webkit-transform: translateX(-53%); transform: translateX(-53%); width: 137% } .library_article--0007 .image_05 { margin-bottom: 30px } .library_article--0007 .image_list { margin: 0 auto 33px; max-width: 772px; padding-top: 45px } .library_article--0007 .image_list>li { display: flex } .library_article--0007 .image_list>li:not(:last-child) { margin-bottom: 52px } .library_article--0007 .image_list__image { margin-right: 4.2%; max-width: 420px; width: 49% } .library_article--0007 .image_list__box { width: 46.8% } .library_article--0007 .image_list__boxTitle { font-size: 3rem; margin-bottom: 15px } .library_article--0007 .image_list__boxText { font-size: 2rem; line-height: 1.5; margin-bottom: 25px } .library_article--0007 .image_list__boxCheck { font-size: 1.8rem; margin-bottom: 10px } .library_article--0007 .image_list__boxCheckList { font-size: 1.8rem; line-height: 1.6667 } .library_article--0007 .image_08 { margin-bottom: 30px } .library_article--0007 .image_09 { margin: 0 auto 30px; max-width: 635px; width: 63.24% } .library_article--0007 .library_article__contentsFlex { width: 90.4% } .library_article--0007 .library_article__contentsFlex>div { width: 47.5% } .library_article--0008 .library_article__headingImage { max-width: 1004px; padding-bottom: 18px; padding-top: 30px } .library_article--0008 .image_01 { margin-bottom: 30px } .library_article--0008 .image_02 { margin-top: 26px } .library_article--0008 .image_03 { margin-bottom: 20px } .library_article--0008 .image_04 { margin-bottom: 30px; margin-top: 25px } .library_article--0008 .image_05 { margin-bottom: 27px; margin-top: 28px } .library_article--0008 .image_06 { margin-bottom: 8px } .library_article--0008 .image_08 { margin-bottom: 30px } .library_article--0008 .image_09 { margin-bottom: 27px; margin-top: 30px } .library_article--0008 .image_10 { margin-bottom: 30px } .library_article--0008 .image_11 { margin-bottom: 27px; margin-top: 30px } .library_article--0008 .image_12 { margin-bottom: 7px } .library_article--0008 .image_13 { margin-bottom: 30px } .library_article--0008 .image_14 { margin: 40px auto 50px; max-width: 838px; width: 83.46% } .library_article--0008 .image_15 { margin: 0 auto 27px; max-width: 772px; width: 76.89% } .library_article--0008 .image_16 { margin-bottom: 30px } .library_article--0008 .image_17 { margin: 6px auto 9px; max-width: 803px; width: 79.98% } .library_article--0008 .library_article__contentsQuiz button { top: 79% } .library_article--0009 .library_article__headingImage { max-width: 1004px; padding-bottom: 40px; padding-top: 30px } .library_article--0009 .image_01 { margin-bottom: 29px } .library_article--0009 .image_02 { margin-bottom: 2.08%; margin-top: 10px } .library_article--0009 .image_03, .library_article--0009 .image_04 { margin-bottom: 7px } .library_article--0009 .image_06 { margin-bottom: 29px } .library_article--0009 .image_07 { margin-bottom: 47px; margin-top: 70px } .library_article--0009 .image_08 { margin-bottom: 22px } .library_article--0009 .image_09 { margin-bottom: 29px } .library_article--0009 .image_10 { margin-bottom: 46px; margin-top: 70px } .library_article--0009 .image_11 { margin-bottom: 7px } .library_article--0009 .image_12 { margin-bottom: 60px } .library_article--0009 .image_13 { margin: 0 auto; max-width: 890px; width: 88.64% } .library_article--0009 .image_14 { margin-bottom: 70px; padding-top: 46px } .library_article--0009 #section02 .library_article__contentsClickHand button { left: 46%; max-width: 77px; top: 28.3%; width: 7.66% } .library_article--0009 #section03 .library_article__contentsClickHand button { left: 56%; max-width: 77px; top: 56.5%; width: 7.66% } .library_article--0009 .image_16 { margin-bottom: 22px; margin-top: 48px } .library_article--0009 .image_17 { margin-bottom: 70px } .library_article--0009 .image_18 { margin-bottom: 30px } .library_article--0009 .image_19 { margin: 70px auto 0; width: 76.69% } .library_article--0009 .image_20 { margin-bottom: 70px; padding-top: 54px } .library_article--0009 .image_21 { margin-bottom: 30px } .library_article--0009 .image_22 { margin-bottom: 30px; margin-top: 70px } .library_article--0009 .image_23 { margin-bottom: 7px } .library_article--0009 .image_24 { margin-bottom: 30px } .library_article--0009 .image_25 { margin-top: 70px } .library_article__heading { padding: 60px 40px 0 } .library_article__headingTitle { font-size: 5.8rem; line-height: 1.2414; max-width: 1004px } .library_article__headingTitleImage { margin-right: 23px; width: 145px } .library_article--0001 .library_article__headingImage { max-width: 1030px; padding-bottom: 20px; padding-top: 28px } .library_article--0002 .library_article__headingImage { max-width: 1050px; padding-bottom: 20px } .library_article--0003 .library_article__headingImage { max-width: 1004px; padding-bottom: 20px; padding-top: 28px } .library_article--0004 .library_article__headingImage { max-width: 1012px; padding-bottom: 20px; padding-top: 12px } .library_article--0005 .library_article__headingImage { max-width: 1048px; padding-bottom: 129px; padding-top: 29px } .library_article--0006 .library_article__headingImage { max-width: 1004px; padding-bottom: 129px; padding-top: 29px } .library_article__headingImage a { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .library_article__headingImage a:hover { opacity: .7 } .library_article__headingImage a:first-of-type { left: 0; max-width: 300px; top: 18%; width: 29.88% } .library_article__headingImage a:nth-of-type(2) { max-width: 250px; right: 0; top: 36.5%; width: 24.9% } .library_article__headingImage a:nth-of-type(3) { left: 39%; max-width: 250px; top: 60%; width: 24.9% } .library_article__headingImage a:nth-of-type(4) { left: 18%; max-width: 250px; top: 75%; width: 24.9% } .library_article__contentsLinkButton { font-size: 2.8rem; line-height: 1.6071; padding: 29px 42px 29px 10px } .library_article__contentsLinkButton span { width: calc(100% - 20px) } .library_article__contentsLinkButton svg { width: 12px } .library_article__text--annotation { font-size: 1.8rem; line-height: 2; text-align: center } .library_article__text--default { font-size: 1.8rem; line-height: 2; margin: 0 auto; width: 76.79% } .library_article__text--large { font-size: 3.2rem; line-height: 1.6563 } .library_article__text--small { font-size: 1.6rem; line-height: 1.5; margin: 0 auto; width: 76.79% } .library_article__title--default { font-size: 2.8rem; line-height: 1.7143 } .library_article__title--large { font-size: 4rem; letter-spacing: .02em; line-height: 1.425 } .library_article--0003 .library_article__title--large { font-size: 5.2rem; letter-spacing: 0; line-height: 1.3077 } .library_article__title--small { font-size: 2rem; line-height: 1.2; margin-left: 48px; margin-top: 42px } .section--calendar { background-size: 923px 444px; padding-bottom: 120px; padding-top: 122px } .section--calendar .mainTitle__sup { border-radius: 40px; height: 40px; padding: 0 26px; top: 7px; -webkit-transform: translateY(-16px); transform: translateY(-16px) } .section--calendar .misawaAssetManagement__categoryTitle span { padding-left: 19px } .section--calendar .misawaAssetManagement__categoryTitle span:before { width: 8px } .swiper--calendar:before { border-top-left-radius: 8px; height: 96px; width: 237px } .swiper--columnAndCarousel.swiper--calendar .swiper-wrapper { max-width: 1920px; padding-bottom: 95px; padding-left: 0; padding-right: 0 } .swiper--columnAndCarousel.swiper--calendar .swiper-slide { max-width: 516px } .loungeIntroductionMovie { padding-bottom: 172px } .loungeIntroductionMovie__inner .recommendCarousel__duration { background-size: 14px 14px; font-size: 1.3rem } .loungeIntroductionMovie__movie { width: 32% } .loungeIntroductionMovie__movieLink { transition: all .3s cubic-bezier(.215, .61, .355, 1) } .loungeIntroductionMovie__movieLink:hover { opacity: .7 } .section--misawaAssetManagement { background-image: url(/homelounge/assets/images/theater/misawaAssetManagement/bg_1-pc.png); background-size: 923px 444px; padding-bottom: 120px; padding-top: 122px } .section--misawaAssetManagement .mainTitle__sup { border-radius: 40px; height: 40px; padding: 0 26px; top: 7px; -webkit-transform: translateY(-16px); transform: translateY(-16px) } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span { padding-left: 19px } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span:before { width: 8px } .section--misawaAssetManagement .swiper-wrapper { flex: 0.67 } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2 .swiper-button-next, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2 .swiper-button-prev, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2 .swiper-pagination, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3 .swiper-button-next, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3 .swiper-button-prev, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3 .swiper-pagination, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-button-next, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-button-prev, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-pagination { display: none } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-wrapper { justify-content: flex-start } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-slide+.swiper-slide { margin-left: 2.57% } .section--misawaTV { background-image: url(/homelounge/assets/images/theater/misawaTV/bg_1-pc.png), linear-gradient(0deg, #fff, #fff); background-position: top 0 right 44px, top; background-repeat: no-repeat; background-size: 616px auto, 100% 107px; padding-bottom: 136px; padding-top: 227px; position: relative } .swiper--misawaTV1:before, .swiper--misawaTV2:before, .swiper--misawaTV3:before { border-top-left-radius: 8px; height: 96px; width: 237px } .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper { max-width: 1920px; padding-bottom: 136px; padding-left: 0; padding-right: 0 } .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-slide { max-width: 516px } .swiper--columnAndCarousel.swiper--misawaTV2:before, .swiper--columnAndCarousel.swiper--misawaTV3:before { content: none } .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-button-next, .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-button-prev, .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-pagination, .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-button-next, .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-button-prev, .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-pagination { display: none } .section--moiMisawa { padding-bottom: 120px; padding-top: 122px } .section--moiMisawa .sectionHeading__mainTitle:after { bottom: 0 } .swiper--noCarousel.swiper--moiMisawa .swiper-wrapper { flex-wrap: wrap } .swiper--noCarousel.swiper--moiMisawa .swiper-wrapper:after { content: ""; display: inline-block; height: 1px; width: 31.62% } .swiper--noCarousel.swiper--moiMisawa .swiper-slide:nth-child(n+4) { margin-top: 100px } .swiper--noCarousel.swiper--moiMisawa .swiper-button-next, .swiper--noCarousel.swiper--moiMisawa .swiper-button-prev, .swiper--noCarousel.swiper--moiMisawa .swiper-pagination { display: none } .swiper--noCarousel.swiper--moiMisawa .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-pc.svg) } .section--newEra { background-image: url(/homelounge/assets/images/theater/newEra/bg_1-pc.png); background-position: top 90px right 66px; background-size: 554px 317px; padding-bottom: 20px; padding-top: 122px } .swiper--noCarousel.swiper--newEra2 .swiper-button-next, .swiper--noCarousel.swiper--newEra2 .swiper-button-prev, .swiper--noCarousel.swiper--newEra2 .swiper-pagination, .swiper--noCarousel.swiper--newEra3 .swiper-button-next, .swiper--noCarousel.swiper--newEra3 .swiper-button-prev, .swiper--noCarousel.swiper--newEra3 .swiper-pagination { display: none } .section--studyWithAnne { background-image: url(/homelounge/assets/images/theater/studyWithAnne/bg_1.png); background-position: right -44px top 128px; background-size: 683px 619px; padding-bottom: 120px; padding-top: 122px } .section--studyWithAnne .swiper--columnAndCarousel.swiper--noCarousel { justify-content: flex-start; margin: 88px 0 0; max-width: none; padding: 0 } .section--studyWithAnne .swiper--columnAndCarousel.swiper--noCarousel .swiper-wrapper { flex-wrap: wrap; margin: 0; max-width: none; padding: 0 } .swiper--studyWithAnne .swiper-slide { flex: 1; max-width: 516px; padding-right: 2vw; width: auto } .swiper--studyWithAnne .swiper-button-next, .swiper--studyWithAnne .swiper-button-prev, .swiper--studyWithAnne .swiper-pagination { display: none } .studyWithAnne__inner { display: flex; margin: 0 auto; max-width: 1920px } .section--studyWithAnne .studyWithAnne__inner--1 { background-image: url(/homelounge/assets/images/theater/studyWithAnne/bg_2-pc.png); background-position: bottom 20px left 1280px; background-repeat: no-repeat; background-size: 509px 274px; display: block; position: relative } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne0 { height: 1px; left: 0; overflow: visible; position: absolute; top: -88px; width: 100%; z-index: 2 } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne0 .swiper-wrapper { max-width: 516px; width: 33.3% } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-wrapper { justify-content: flex-start } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-wrapper .swiper-slide { flex: none; height: auto; width: 33.3% } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-wrapper .swiper-slide:first-child, .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-wrapper .swiper-slide:nth-child(2) { margin-bottom: 100px } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-wrapper:before { content: ""; display: inline-block; height: 0; max-width: 516px; width: 33.3% } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-slide:first-child { position: relative } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-slide:first-child:before { background-image: linear-gradient(0deg, #9da7b3, #9da7b3); background-position: left 1vw top; background-repeat: no-repeat; background-size: 2px 100%; content: ""; display: block; height: 100%; left: -2vw; max-width: 42px; position: absolute; top: 0; width: 2vw } .studyWithAnne__inner--4 { background-image: url(/homelounge/assets/images/theater/studyWithAnne/bg_3.png); background-position: center left 1280px; background-repeat: no-repeat; background-size: 534px auto } .about__info { max-width: 982px } .about__title { margin-bottom: 32px } .about__title--en { margin-bottom: 10px; width: 63px } .about__title--ja { font-size: 3.8rem; line-height: 1.5789 } .about__text { font-size: 2rem; line-height: 2 } .about__illust { margin-right: -6%; max-width: 844px; padding-top: 116px } .section--information { background-image: url(/homelounge/assets/images/top/information/bg_bottom-pc.png); background-position: left calc(50% + 40px) bottom 18px; background-repeat: no-repeat; background-size: 1718px auto; overflow: hidden; padding-bottom: 308px; padding-top: 164px; position: relative } .section--information:before { background-image: url(/homelounge/assets/images/top/information/bg_top-pc.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; padding-top: 462px; position: absolute; right: 100px; top: 91px; width: 964px } .section--information .section__inner { margin: 110px auto 0; max-width: 1920px } .informationRow+.informationRow { margin-top: 120px } .topKv--logout { height: 100vh; min-height: 750px } .topKv__bgMovie.fadeOut { -webkit-animation: fadeOutPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards; animation: fadeOutPanel 1.5s cubic-bezier(.645, .045, .355, 1) forwards } .topKv__bg.ended { background-image: url(/homelounge/assets/images/top/kv/logout/bg_pc.jpg) } .topKv__inner { justify-content: flex-start } .topKv__title { max-width: 706px; min-width: 362px; width: 36.875% } .skipButton { border-radius: 40px; border-width: 1px; display: none; height: 33px; min-height: 33px; padding-left: 20px; width: 110px } .skipButton:hover { background-color: #fff; border-color: #fff; color: #586166 } .skipButton .skipButton__skip { width: 52px } .skipButton .roundButton__arrow { margin-left: 5px; width: 20px } .section--pickup:before { background-color: #0c436f; bottom: 0; content: ""; display: block; left: 0; position: absolute; width: 100% } .pickup__inner { padding-bottom: 50px } .pickup__inner .swiper-recommendCarousel { margin-top: 26px; padding-bottom: 104px } .pickup__text { font-size: 2.2rem } .pickup__carousel .swiper-recommendCarousel:before { height: 210px } .pickup__carousel .recommendCarousel__text { padding: 21px 24px } .pickup__carousel .recommendCarousel__duration { line-height: 1.25; margin-top: 21px } .pickup__footer { margin: 0 auto; max-width: 1920px; padding-left: 54px; position: relative } .topKv__aboutButton { background-color: #cfd9e0; border: 1px solid #cfd9e0; height: 31px; left: 54px; margin-top: -24px; min-height: 31px; position: absolute; top: -8px; width: 240px; z-index: 100 } .topKv__aboutButton:hover { background-color: #0c436f; color: #cfd9e0 } .topKv__aboutButton span { font-size: 1.6rem; line-height: 1.6875 } .topKv__copyRight { font-size: 1.3rem; line-height: 1; padding-top: 24px } .infoCard { border-radius: 8px; box-shadow: 4px 4px 32px rgba(0, 45, 89, .16); padding: 31px 40px 0 } .infoCard--campaign { max-width: 620px } .campaign__contents { margin-top: 35px } .campaign__contents .swiper { padding: 0 0 136px } .campaign__contents .swiper-pagination-fraction { height: 96px; padding-top: 35px; right: -40px; width: 237px } .campaign__contents .swiper-pagination { font-size: 1.6rem } .campaign__contents .swiper-pagination-current { font-size: 2.4rem } .campaign__contents .swiper-pagination-total { font-size: 1.8rem } .campaign__contents .swiper-button-next, .campaign__contents .swiper-button-prev { bottom: 22px } .campaign__contents .swiper-button-prev { right: 130px } .campaign__contents .swiper-button-next { right: 6px } .cardHeading__titles { display: flex } .cardHeading--showroom .cardHeading__titles { align-items: center; margin-top: 14px; padding-right: 280px; position: relative } .cardHeading--showroom .cardHeading__titles:after { background-image: linear-gradient(0deg, #969699, #969699); background-position: 0 0; background-repeat: no-repeat; background-size: 1px 57px; bottom: -3px; content: ""; display: block; height: 57px; left: 440px; position: absolute; width: 1px } .cardHeading--event .cardHeading__titles { flex-direction: column; margin-top: 13px } .cardHeading--campaign .cardHeading__titles { flex-direction: column; margin-top: 18px } .cardHeading__title { line-height: 1.25 } .cardHeading--showroom .cardHeading__title { min-width: 400px } .cardHeading__description { line-height: 1.5 } .cardHeading--showroom .cardHeading__description { padding-left: 81px } .cardHeading--campaign .cardHeading__description, .cardHeading--event .cardHeading__description { margin-top: 22px } .infoCard--event { max-width: 948px; padding-bottom: 46px; padding-top: 27px; width: 100% } .eventList__lower { border-top: 1px solid #969699; padding-top: 24px; text-align: right } .eventListItemButtons { margin-top: 24px } .eventListItemImage { height: 150px; width: 230px } .eventListItemImage img { border-radius: 8px } .eventListItemTitle { position: relative } .eventListItemTitle__text { line-height: 1.4091 } .eventListItemTitle__hallName { line-height: 1.0625 } .eventListItemDescription { line-height: 1.5; margin-top: 9px } .eventListItemDate { margin-top: 11px } .eventListItemDate, .eventListItemPlace { line-height: 1.7143 } .infoCard--showroom { width: 100% } .tabList { background-position: 250px 39px; margin-top: 43px } .tabListIndexes { border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 5px 5px 0; width: 250px } .tabListIndex { border-radius: 4px; height: 35px; width: 120px } .tabListIndex button { line-height: 35px } .tabListContents { margin-top: 38px } .tabListContent--map { padding-bottom: 47px } .showroomMap { height: 432px; min-width: 434px; width: 100% } .showroomMapInfo h5 { line-height: 1.4091; margin-top: 32px } .showroomMapInfo dd, .showroomMapInfo dt { line-height: 1.6667 } .showroomMapInfo dt { width: 128px } .showroomMapInfo dd { width: calc(100% - 214px) } .showroomMapInfo__image { border-radius: 8px; width: 214px } .showroomMapInfo__image img { border-radius: 8px } .showroomMapInfo__tel { pointer-events: none } .showroomList__image { border-top-left-radius: 8px; border-top-right-radius: 8px } .showroomList__info h5 { line-height: 1.4091; min-height: 62px } .showroomList__info dd, .showroomList__info dt { line-height: 1.5 } .showroomList__info dt { width: 80px } .showroomList__info dd { width: calc(100% - 80px) } .showroomListText__lower dl { margin-top: 23px; padding-top: 9px } .showroomListText__lower dl dd, .showroomListText__lower dl dt { line-height: 1.7143 } .showroomList__button { display: flex } .showroomList__button .roundButton { margin-top: 24px } .tabListContent--list .swiper { padding-bottom: 136px } .tabListContent--list .swiper-pagination-fraction { height: 96px; padding-top: 35px; right: -23px; width: 237px } .tabListContent--list .swiper-pagination { font-size: 1.6rem } .tabListContent--list .swiper-pagination-current { font-size: 2.4rem } .tabListContent--list .swiper-pagination-total { font-size: 1.8rem } .tabListContent--list .swiper-button-next, .tabListContent--list .swiper-button-prev { bottom: 24px; height: 48px; width: 48px } .tabListContent--list .swiper-button-prev { right: 147px } .tabListContent--list .swiper-button-next { right: 0 } .tabListContent--list .showroomList__button .roundButton { margin-top: 20px } } @media screen and (max-width:768px) { .br--sp { display: block } .display-none--sp { display: none } .utl-jump01>div { top: -50px } .gallery_example { padding-bottom: 28px; padding-top: 50px } .gallery_example__recommend { background-image: url(/homelounge/assets/images/gallery_example/recommend/bg_1-sp.png), linear-gradient(0deg, #fff, #fff); background-position: right -40px top 0, top; background-size: 228px auto, 100% 52px; padding: 106px 0 54px } .swiper-recommendCarousel.swiper--galleryExample .swiper-wrapper { margin-left: -14% } .library_article { padding-top: 50px } .library_article__inner { margin: 0 auto; max-width: 710px; padding-left: 20px; padding-right: 20px } .library_article__contents a:active, .library_article__contents button:active { opacity: .7 } .library_article__contentsLinkButtonSmall { margin-bottom: 23px } .library_article__contentsClickHand--multiple .clickButton { width: 11.49% } .section--reform03__bg01:before { margin: 46.6666666667% 0 0 } .reform--sticky_title01 { display: none } .reform--arrow01 { height: 22.4vw; top: -11.2vw } .reform--arrow01:after { width: 5.3333333333vw } .reform--arrow01__text { left: 3.7333333333vw; top: 1.0666666667vw; width: 32vw } .reform--keyvisual00 { border-radius: 0 0 0 37.3333333333vw; margin: 50px auto 0; padding: 151.7333333333% 0 0 } .reform--keyvisual00__slide01 { margin: 0 0 82.6666666667% } .reform--keyvisual00__slide01 .swiper { width: 80% } .reform--keyvisual00__slide01 .swiper-slide { border-radius: 5.3333333333vw } .reform--keyvisual00__slide01 .swiper-slide>a:active { opacity: .7 } .reform--keyvisual00__person01 { width: 58.4% } .reform--keyvisual00__title01 { margin: 0 0 16% 10.6666666667%; width: 67.6% } .reform--keyvisual00__button01.myHomePage__banner { margin: 0 0 -11.0666666667% 61.3333333333%; max-width: 36%; width: 36% } .reform--keyvisual01 { border-radius: 0 0 0 22.6666666667vw; margin: 50px auto 0; padding: 8% 0 21.3333333333%; width: 100% } .reform--keyvisual01__subtitle01 { left: 0; margin: 7.3333333333% 0 0 4.2666666667%; position: absolute; top: 0; width: 4.8% } .reform--keyvisual01__img01 { margin: 0 0 8% 12.8%; width: 80.8% } .reform--keyvisual01__title01 { margin: 0 0 8%; position: static; text-align: center; width: 100% } .reform--keyvisual01__title01__sub01 { font-size: 3.7333333333vw; margin: 0 0 2.6666666667% } .reform--keyvisual01__title01__sub02 { font-size: 5.3333333333vw; margin: 0 0 4% } .reform--keyvisual01__title01__main { font-size: 9.6vw } .reform--keyvisual01__text01 { font-size: 3.7333333333vw; margin: 0 auto; width: 76.8% } .reform--keyvisual01__note01 { font-size: 2.6666666667vw; margin: 4% auto 0; width: 76.8% } .reform--pagelinks { padding: 0 0 9.3333333333% } .reform--pagelinks__pagelink01 { width: 86.6666666667% } .reform--pagelinks__pagelink01>li { width: 100% } .reform--pagelinks__pagelink01>li>a:active { opacity: .7 } .reform--pagelinks__pagelink01>li>a span { font-size: 3.7333333333vw; min-height: 7.4666666667vw } .reform--pagelinks__pagelink01>li:first-child>a { background-size: 7.2vw; padding: 0 0 0 9.3333333333vw } .reform--pagelinks__pagelink01>li:nth-child(2) { border-top: 1px solid #413434; margin: 4% 0 0; padding: 4% 0 0 } .reform--pagelinks__pagelink01>li:nth-child(2)>a { background-size: 7.2vw; padding: 0 9.3333333333vw 0 0 } .reform--box01 { padding: 10% 0 44% } .reform--box01.pb_long { padding-bottom: 56% } .reform--box01__title01 { margin: 0 0 18.6666666667% .5333333333%; width: 90.1333333333% } .reform--box01__text01 { font-size: 6.4vw; margin: 0 auto 6.6666666667%; width: 86.1333333333% } .reform--box01__text02 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box01__note01 { font-size: 2.6666666667vw; margin: 0 auto; padding: 0 0 10.6666666667%; width: 86.1333333333% } .reform--box01__img01 { border-bottom-right-radius: 20.8vw; width: 93.0666666667% } .reform--box02 { padding: 49.3333333333% 0 26.6666666667% } .reform--box02__title01 { margin: -10.4% 0 0 .5333333333%; width: 98.2666666667% } .reform--box02__text01 { font-size: 6.4vw; margin: 0 auto 6.6666666667%; width: 86.1333333333% } .reform--box02__text02 { font-size: 3.7333333333vw; margin: 0 auto 17.3333333333%; width: 86.1333333333% } .reform--box02__img01 { margin: 0 auto; padding: 83.4666666667% 0 0; position: relative; width: 86.1333333333% } .reform--box03 { padding: 32% 0 37.3333333333% } .reform--box03:last-child { padding-bottom: 44% } .reform--box03__frame01 { border-radius: 9.3333333333vw 0 0 9.3333333333vw; margin: 0 0 0 auto; padding: 44% 0 34.6666666667%; width: 93.3333333333% } .reform--box03__photo01 { border-bottom-right-radius: 12.9333333333vw; border-top-left-radius: 12.9333333333vw; margin: -34.2857142857% 0 0; width: 92.2857142857% } .reform--box03__title01 { margin: 0 0 1.4285714286% 11.4285714286%; width: 81.4285714286% } .reform--box03__text01 { font-size: 6.4vw; margin: 0 0 5% 11.4285714286%; width: 81.4285714286% } .reform--box03__text02 { font-size: 3.7333333333vw; margin: 0 auto; width: 81.4285714286% } .reform--box03__slide01 { margin: -26.6666666667% 0 0 16.8%; width: 62.1333333333% } .reform--box03__slide01 .swiper-pagination { margin: 12.8755364807% 0 0 42.0600858369%; width: 68.669527897% } .reform--box03__slide01__buttons { margin: 0 0 0 42.0600858369%; width: 68.669527897% } .reform--box03__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box03__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box03__slide01__photo01 { border-radius: 7.7333333333vw } .reform--box03__slide01__text01 { font-size: 4.8vw; margin: 0 0 3.2188841202%; padding: 8.5836909871% 0 0 } .reform--box03__slide01__text02 { font-size: 3.4666666667vw } .reform--box03__slide01__text02 span { font-size: 2.6666666667vw } .reform--box04 { padding: 32% 0 37.3333333333% } .reform--box04__frame01 { border-radius: 9.3333333333vw 0 0 9.3333333333vw; margin: 0 0 0 auto; padding: 48% 0 82.6666666667%; width: 93.3333333333% } .reform--box04__frame01__photo01 { border-bottom-right-radius: 12.9333333333vw; border-top-left-radius: 12.9333333333vw; margin: -34.2857142857% 0 0; width: 92.2857142857% } .reform--box04__frame01__title01 { margin: 0 0 4.2857142857% 9.2857142857%; width: 51.8571428571% } .reform--box04__frame01__text01 { font-size: 6.4vw; margin: 0 auto 4.2857142857%; width: 81.4285714286% } .reform--box04__frame01__text02 { font-size: 3.7333333333vw; margin: 0 auto 11.4285714286%; width: 81.4285714286% } .reform--box04__frame01__img01 { margin: 0 auto; width: 81.4285714286% } .reform--box04__frame01__img01>li { margin: 0 0 17.5438596491%; width: 100% } .reform--box04__frame01__img01>li>p { font-size: 4vw; margin: 5.2631578947% 0 0 } .reform--box04__frame01__img01>li>p>span { font-size: 2.6666666667vw } .reform--box04__frame01__img01>li:first-child div:after, .reform--box04__frame01__img01>li:first-child img { border-radius: 5.3333333333vw } .reform--box04__frame01__img01>li:last-child { margin-bottom: 0 } .reform--box04__frame02 { border-radius: 0 9.3333333333vw 9.3333333333vw 0; margin: -64% auto 0 0; padding: 17.3333333333% 0 14.6666666667%; width: 93.3333333333% } .reform--box04__frame02__inner, .reform--box04__frame02__inner>li { width: 100% } .reform--box04__frame02__text01 { font-size: 4.2666666667vw; margin: 0 auto 4.2857142857%; width: 81.4285714286% } .reform--box04__frame02__text01 .small { font-size: 3.7333333333vw } .reform--box04__frame02__text02 { font-size: 3.7333333333vw; margin: 0 auto 11.4285714286%; width: 81.4285714286% } .reform--box04__frame02__img01 { margin: 0 auto 4.2857142857%; width: 82% } .reform--box04__frame02__img01>li { width: 69.6864111498% } .reform--box04__frame02__img01>li>p { font-size: 2.6666666667vw; margin: 5% 0 0 } .reform--box04__frame02__img01>li:first-child img { border-radius: 2.6666666667vw } .reform--box04__frame02__img01>li:last-child { width: 21.7543859649% } .reform--box04__frame02__img01>li:last-child>p { margin: 16.1290322581% 0 0 } .reform--box04__frame02__note01 { font-size: 2.6666666667vw; margin: 0 auto; width: 81.4285714286% } .reform--box05 { padding: 52% 0 26.6666666667% } .reform--box05__title01 { margin: -9.3333333333% 0 0 .5333333333%; width: 89.4666666667% } .reform--box05__img01 { border-bottom-right-radius: 25.3333333333vw; margin: 0 0 16%; width: 93.0666666667% } .reform--box05__text01 { font-size: 6.4vw; margin: 0 auto 5.3333333333%; width: 86.1333333333% } .reform--box05__text02 { font-size: 3.7333333333vw; margin: 0 auto 22.6666666667%; width: 86.1333333333% } .reform--box05__img02 { margin: 0 auto; width: 71.4285714286% } .reform--box05__img02>li { border-radius: 6.4vw; margin: 0 0 8.4615384615%; width: 100% } .reform--box05__img02>li:last-child { margin-bottom: 0 } .reform--box06 { padding: 32% 0 36% } .reform--box06__frame01 { border-radius: 9.3333333333vw 0 0 9.3333333333vw; margin: 0 0 0 auto; padding: 40% 0 21.3333333333%; width: 93.3333333333% } .reform--box06__photo01 { border-bottom-right-radius: 12vw; border-top-left-radius: 12vw; margin: -34.2857142857% 0 0; width: 92.2857142857% } .reform--box06__text01 { font-size: 6.4vw; margin: 0 0 5% 11.4285714286%; width: 81.4285714286% } .reform--box06__text02 { font-size: 3.7333333333vw; margin: 0 auto; width: 81.4285714286% } .reform--box07 { padding: 0 0 42.6666666667% } .reform--box07__title01 { margin: 0 0 9.3333333333% .5333333333%; width: 48.1333333333% } .reform--box07__text01 { font-size: 5.8666666667vw; margin: 0 auto 9.3333333333%; width: 86.6666666667% } .reform--box07__slide01 { margin: 0 0 0 6.6666666667%; width: 75.7333333333% } .reform--box07__slide01 .swiper-slide { border-radius: 4.2666666667vw } .reform--box07__slide01 .swiper-pagination { margin: 15.8450704225% 0 0 47.8873239437%; width: 56.338028169% } .reform--box07__slide01__buttons { margin: 0 0 0 47.8873239437%; width: 56.338028169% } .reform--box07__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box07__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box07__slide01__textarea01 { padding: 6.8259385666% 0; width: 80.1056338028% } .reform--box07__slide01__text01>p:first-child { font-size: 3.4666666667vw; margin: 0 0 1.0989010989% } .reform--box07__slide01__text01>p:last-child { font-size: 4.5333333333vw; margin: 0 0 4.3956043956% } .reform--box07__slide01__text02 { font-size: 3.4666666667vw } .reform--box08 { padding: 10% 0 64% } .reform--box08__title01 { margin: 0 0 20% .5333333333%; width: 87.6% } .reform--box08__text01 { font-size: 6.4vw; margin: 0 auto 6.6666666667%; width: 86.1333333333% } .reform--box08__text02 { font-size: 3.7333333333vw; margin: 0 auto 21.3333333333%; width: 86.1333333333% } .reform--box08__photo01 { margin: 0 0 21.3333333333%; width: 93.0666666667% } .reform--box08__photo01__upper { border-bottom-right-radius: 20.8vw; margin: 0 0 8.1661891117% } .reform--box08__photo01__lower:after, .reform--box08__photo01__upper:after { font-size: 3.7333333333vw; margin: 0 0 2.8653295129% 5.7306590258% } .reform--box08__photo01__lower img { border-bottom-right-radius: 16vw; width: 68.7679083095% } .reform--box08__photo01__lower p { font-size: 3.2vw; width: 26.9340974212% } .reform--box08__photo01__lower p>span span { display: block; margin: 0 0 0 .75em } .reform--box08__slide01 { margin: 0 0 0 12.8%; width: 64% } .reform--box08__slide01 .swiper-pagination { margin: 15.8333333333% 0 0 47.9166666667%; width: 66.6666666667% } .reform--box08__slide01__buttons { margin: 0 0 0 47.9166666667%; width: 66.6666666667% } .reform--box08__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box08__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box08__slide01__photo01__upper { border-bottom-right-radius: 6.4vw; border-top-left-radius: 6.4vw; margin: 0 0 6.25% } .reform--box08__slide01__photo01__lower:after, .reform--box08__slide01__photo01__upper:after { font-size: 2.6666666667vw; margin: 0 0 2.9166666667% 4.1666666667% } .reform--box08__slide01__photo01__lower img { border-radius: 3.2vw; width: 56.6666666667% } .reform--box08__slide01__photo01__lower p { font-size: 3.2vw; width: 35% } .reform--box09 { padding: 50.6666666667% 0 26.6666666667% } .reform--box09__title01 { margin: -30% 0 0 .5333333333%; width: 92.8% } .reform--box09__photo01 { border-bottom-right-radius: 25.3333333333vw; margin: 0 0 13.3333333333%; width: 93.0666666667% } .reform--box09__photo01>p { font-size: 3.7333333333vw; margin: 0 0 2.8653295129% 5.7306590258% } .reform--box09__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box09__text02 { font-size: 3.7333333333vw; margin: 0 auto 22.6666666667%; width: 86.1333333333% } .reform--box09__photo02 { margin: 0 auto; width: 71.4285714286% } .reform--box09__photo02>li { border-radius: 6.4vw; margin: 0 0 11%; width: 100% } .reform--box09__photo02>li:last-child { margin-bottom: 0 } .reform--box09__photo02>li>p { font-size: 3.7333333333vw; margin: 0 0 4% 8% } .reform--box10 { padding: 32% 0 26.6666666667% } .reform--box10__title01 { margin: -26.6666666667% 0 0 .5333333333%; width: 85.0666666667% } .reform--box10__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box10__text02 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box10__note01 { font-size: 2.6666666667vw; margin: 0 auto 13.3333333333%; width: 86.1333333333% } .reform--box10__photo01 { border-bottom-right-radius: 25.3333333333vw; margin: 0 0 16%; width: 93.0666666667% } .reform--box10__photo02 { margin: 0 auto; width: 46.4% } .reform--box11 { padding: 10% 0 44% } .reform--box11.pb_short { padding-bottom: 18.6666666667% } .reform--box11__title01 { margin: 0 0 18.6666666667% .5333333333%; width: 69.4666666667% } .reform--box11__text01 { font-size: 6.4vw; margin: 0 auto 6.6666666667%; width: 86.1333333333% } .reform--box11__text02 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box11__note01 { font-size: 2.6666666667vw; margin: 0 auto; padding: 0 0 10.6666666667%; width: 86.1333333333% } .reform--box11__img01 { border-bottom-right-radius: 20.8vw; width: 93.0666666667% } .reform--box12 { padding: 38.6666666667% 0 42.6666666667% } .reform--box12__title01 { margin: -9.8666666667% 0 0 .5333333333%; width: 99.2% } .reform--box12__logo01 { margin: 0 0 20% 6.6666666667%; width: 84.5333333333% } .reform--box12__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box12__text02 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box13 { padding: 0 0 42.6666666667% } .reform--box13.pb--short { padding-bottom: 25.3333333333% } .reform--box13__text01 { font-size: 7.4666666667vw; margin: 0 0 10.6666666667%; text-align: center; width: 100% } .reform--box13__img01 { margin: 0 auto 10.6666666667%; width: 81.4666666667% } .reform--box13__photo01 { margin: 0 0 26.6666666667%; position: relative; width: 93.0666666667% } .reform--box13__photo01__img { width: 96.8481375358% } .reform--box13__photo01__img__shadow { border-radius: 0 0 20.2666666667vw 0; margin: 3.1518624642% 0 0 3.1518624642% } .reform--box13__photo01__img img { border-radius: 0 0 18.6666666667vw 0 } .reform--box13__photo01__img>p { font-size: 3.2vw; margin: 0 0 2.6627218935% 3.2544378698% } .reform--box13__photo01>p { font-size: 3.7333333333vw; margin: 6.5902578797% 0 0 3.4383954155% } .reform--box13__photo02 { flex-direction: column; width: 100% } .reform--box13__photo02>li { margin: 0 auto 10.6666666667%; width: 73.8666666667% } .reform--box13__photo02>li .reform--box13__photo02__img { width: 96.0288808664% } .reform--box13__photo02>li .reform--box13__photo02__img__shadow { border-radius: 14.6666666667vw 0; margin: 4.1353383459% 0 0 4.1353383459% } .reform--box13__photo02>li .reform--box13__photo02__img img { border-radius: 12.2666666667vw 0 } .reform--box13__photo02>li .reform--box13__photo02__img>p { font-size: 3.2vw; margin: 0 0 3.007518797% 3.7593984962% } .reform--box13__photo02>li:first-child { order: 2 } .reform--box13__photo02>li:nth-child(2) { margin-bottom: 0; order: 3 } .reform--box13__photo02>li:nth-child(3) { order: 1 } .reform--box13__photo02>li>p { font-size: 3.7333333333vw; margin: 7.2202166065% 0 0 3.9711191336% } .reform--box13__photo02>li.set--portrait { width: 61.6% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img { width: 95.2380952381% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img:before { margin: 5% 0 0 5% } .reform--box13__photo02>li.set--portrait .reform--box13__photo02__img>p { margin: 0 0 3.6363636364% 4.5454545455% } .reform--box13__photo02>li.set--portrait>p { margin: 8.658008658% 0 0 4.329004329% } .reform--box14 { padding: 0 0 38.6666666667% } .reform--box14__text01 { font-size: 5.3333333333vw; margin: 0 auto 9.3333333333%; text-align: center; width: 86.1333333333% } .reform--box14__img01 { margin: 0 auto 6.6666666667%; width: 85.8666666667% } .reform--box14__img01 li { width: 45.652173913% } .reform--box14__img01 li:nth-child(3) { margin: 0 27.1739130435% } .reform--box14__img01 li p { font-size: 3.6vw } .reform--box14__note01 { font-size: 2.6666666667vw; margin: 0 auto 9.3333333333%; width: 85.8666666667% } .reform--box15 { padding: 44% 0 29.3333333333% } .reform--box15__title01 { margin: -9.3333333333% 0 0 .5333333333%; width: 78.1333333333% } .reform--box15__photo01 { border-bottom-right-radius: 25.3333333333vw; margin: 0 0 16%; width: 93.0666666667% } .reform--box15__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box15__text02 { font-size: 3.7333333333vw; margin: 0 auto; width: 86.1333333333% } .reform--box16 { padding: 57.3333333333% 0 21.3333333333% } .reform--box16__title01 { margin: 0 0 0 .5333333333%; width: 84.8% } .reform--box16__photo01 { border-bottom-right-radius: 25.3333333333vw; margin: 0 0 16%; width: 93.0666666667% } .reform--box16__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box16__text02 { font-size: 3.7333333333vw; margin: 0 auto; width: 86.1333333333% } .reform--box17 { padding: 53.3333333333% 0 18.6666666667% } .reform--box17__title01 { margin: -9.8666666667% 0 0 .5333333333%; width: 60% } .reform--box17__text01 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box17__text02 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box18 { padding: 0 0 26.6666666667% } .reform--box18__title01 { margin: 0 auto 11.3333333333%; width: 86.1333333333% } .reform--box18__frame01 { border-radius: 0 0 0 9.3333333333vw; margin: 0 0 14.6666666667% auto; padding: 22.6666666667% 0 21.3333333333%; width: 93.0666666667% } .reform--box18__label01 { border-radius: 0 0 4.5333333333vw 0; font-size: 4.2666666667vw; padding: 2.005730659% 0 1.4326647564%; width: 28.6532951289% } .reform--box18__list01 { margin: 0 auto; width: 81.6618911175% } .reform--box18__list01__li01 { margin: 0 0 9.649122807%; padding: 0 0 9.649122807% } .reform--box18__list01__textarea01 { width: 100% } .reform--box18__list01__title01 { font-size: 5.3333333333vw; margin: 0 0 5.2631578947% } .reform--box18__list01__title01>.small { font-size: 3.7333333333vw } .reform--box18__list01__text01 { font-size: 4.2666666667vw; margin: 0 0 8.7719298246% } .reform--box18__list01__area01 { width: 100% } .reform--box18__list01__photo01 { border-radius: 1.6vw; width: 100% } .reform--box18__list01__list01 { width: 100% } .reform--box18__list01__list01>li { margin: 0 0 8.7719298246%; width: 100% } .reform--box18__list01__list01>li:last-child { margin-bottom: 0 } .reform--box18__list01__list01>li.bgcolor01 { border-radius: 1.0666666667vw } .reform--box18__list01__list01__photo01 { border-radius: 1.6vw; margin: 0 0 8.7719298246% } .reform--box18__list01__list01__text01 { font-size: 3.4666666667vw } .reform--box18__list01__list01__subttl01 { font-size: 4.5333333333vw; padding: 4.3859649123% 0 3.6842105263% } .reform--box18__list01__list01__text02 { font-size: 3.4666666667vw; padding: 5.2631578947% 0 } .reform--box18__list01__list01__text02>p { padding: 0 0 3.5087719298%; width: 85.9649122807% } .reform--box18__list02 { margin: 0 auto; width: 81.6618911175% } .reform--box18__list02__li01 { border-bottom: 1px solid #e7e2d6; margin: 0 0 9.649122807%; padding: 0 0 9.649122807% } .reform--box18__list02__li01:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .reform--box18__list02__title01 { font-size: 5.3333333333vw; margin: 0 0 5.2631578947% } .reform--box18__list02__title01>.small { font-size: 3.7333333333vw } .reform--box18__list02__text01 { font-size: 4.2666666667vw; margin: 0 0 8.7719298246% } .reform--box18__list02__photo01 { border-radius: 1.6vw; outline: 1px solid #e6e6e6; outline-offset: -1px } .reform--box18__note01 { font-size: 2.6666666667vw; margin: 6% auto 0; width: 86.1333333333% } .reform--box18__note02 { font-size: 2.6666666667vw; margin: 6.446991404% auto 0; width: 81.6618911175% } .reform--box19 { padding: 22.1333333333% 0 44% } .reform--box19__deco01 { margin: 168% 0 0; padding: 53.3333333333% 0 0; width: 73.8666666667% } .reform--box19__title01 { margin: 0 0 11.2% .5333333333%; width: 89.6% } .reform--box19__photo01 { margin: 0 0 94.6666666667%; width: 100% } .reform--box19__photo01__movie { border-radius: 0 0 15.7333333333vw 0; padding: 56.5333333333% 0 0 } .reform--box19__photo01__movie video { border-radius: 0 0 15.0666666667vw 0 } .reform--box19__photo01__button { margin: 0 7.7333333333% -10.1333333333% 0; width: 25.0666666667% } .reform--box19__photo01__button:active { opacity: .7 } .reform--box19__title02 { margin: 0 auto 8%; width: 86.1333333333% } .reform--box19__title02__sub { font-size: 5.2vw; margin: 0 0 6.1919504644% } .reform--box19__title02__main { width: 72.2910216718% } .reform--box19__text01 { font-size: 3.7333333333vw; line-height: 2; margin: 0 auto; width: 86.1333333333% } .reform--box20 { padding: 32% 0 61.3333333333% } .reform--box20__title01 { margin: -14.6666666667% auto 0; right: 0; width: 95.3333333333% } .reform--box20__list01 { margin: 0 0 0 6.9333333333%; width: 84.2666666667% } .reform--box20__list01 ul li { margin: 0 0 18.9873417722%; width: 100% } .reform--box20__list01 ul li:last-child { margin-bottom: 0 } .reform--box20__list01 ul li a:active { opacity: .7 } .reform--box20__list01__reason01 { margin: 0 -7.2784810127% 0 0; width: 4.1139240506% } .reform--box20__list01__frame01 { border-radius: 16vw 0 0 0; padding: 7.9113924051% 0 9.4936708861% } .reform--box20__list01__frame01__img01 { margin: 0 auto 9.4936708861%; width: 82.2784810127% } .reform--box20__list01__frame01__title01 { margin: 0 0 6.3291139241% } .reform--box20__list01__frame01__title01__sub01 { font-size: 3.2vw; margin: 0 0 3.164556962% } .reform--box20__list01__frame01__title01__sub02 { font-size: 4.5333333333vw; margin: 0 0 4.746835443% } .reform--box20__list01__frame01__title01__main { font-size: 9.3333333333vw } .reform--box20__list01__frame01__title01__main>span { background-size: 4vw 80%; padding: 0 5.3333333333vw } .reform--box20__list01__frame01__text01 { font-size: 3.4666666667vw; width: 82.2784810127% } .reform--box20__list01__frame01__note01 { font-size: 2.6666666667vw; margin: 4.746835443% auto 0; width: 82.2784810127% } .reform--box20__list01 ul li:last-child .reform--box20__list01__frame01__title01__main>span { background-image: url(/homelounge/assets/images/reform/top/brackets_02_02.png), url(/homelounge/assets/images/reform/top/brackets_02_01.png); background-size: 5.8666666667vw 90%; padding: 0 7.2vw } .reform--box20__list01__frame02 { background-position: right 3.7974683544% center; background-size: 6.0126582278%; font-size: 3.7333333333vw; padding: 3.4810126582% 13.2911392405% 3.4810126582% 0 } .reform--box20__list01__arrow01 { display: none } .reform--box21 { padding: 72% 0 77.3333333333% } .reform--box21__deco01 { padding: 60.8% 0 0; width: 82.8% } .reform--box21__photo01 { border-radius: 0 0 0 25.3333333333vw; margin: -34.6666666667% 0 0; width: 93.0666666667% } .reform--box21__title01 { margin: 0 0 16% .5333333333%; width: 79.0666666667% } .reform--box21__photo02 { border-radius: 0 0 25.3333333333vw 0; margin: 0 0 18.6666666667%; width: 93.0666666667% } .reform--box21__title02 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box21__text01 { font-size: 3.7333333333vw; margin: 0 auto; width: 86.1333333333% } .reform--box22 { padding: 37.3333333333% 0 } .reform--box22__title01 { margin: 0 0 9.3333333333%; width: 100% } .reform--box22__title01__img { margin: 0 0 5.3333333333%; width: 100% } .reform--box22__title01__text { font-size: 4.8vw; margin: 0 auto; width: 86.1333333333% } .reform--box22__text01 { font-size: 3.7333333333vw; margin: 0 auto 8%; width: 86.1333333333% } .reform--box22__slide01 { margin: 0 0 0 6.6666666667%; width: 75.7333333333% } .reform--box22__slide01 .swiper-slide { border-radius: 4.2666666667vw } .reform--box22__slide01 .swiper-slide>a .reform--box22__slide01__photo01:after { background-size: 15.1408450704% } .reform--box22__slide01 .swiper-slide>a:active { opacity: .7 } .reform--box22__slide01 .swiper-slide[data-is-new=true]>a:after { padding: 6.338028169% 0 0; width: 16.1971830986% } .reform--box22__slide01 .swiper-slide[data-membership=true]>a:before { padding: 6.338028169% 0 0; width: 26.4084507042% } .reform--box22__slide01 .swiper-pagination { margin: 15.8450704225% 0 0 47.8873239437%; width: 56.338028169% } .reform--box22__slide01__buttons { margin: 0 0 0 47.8873239437%; width: 56.338028169% } .reform--box22__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box22__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box22__slide01__textarea01 { padding: 7.0422535211% 0; width: 80.2816901408% } .reform--box22__slide01__text01 { font-size: 3.4666666667vw } .reform--box22__slide01__text02 { background-size: 5.2631578947%; font-size: 2.6666666667vw; margin: 2.1929824561% 0 0; padding: 0 0 0 7.8947368421% } .reform--box23 { padding: 37.3333333333% 0 44% } .reform--box23__title01 { margin: 0 0 9.3333333333%; width: 100% } .reform--box23__title01__img { margin: 0 0 5.3333333333%; width: 100% } .reform--box23__title01__text { font-size: 4.8vw; margin: 0 auto; width: 86.1333333333% } .reform--box23__text01 { font-size: 3.7333333333vw; margin: 0 auto 8%; width: 86.1333333333% } .reform--box23__title02 { font-size: 4.8vw; margin: 0 auto 6.9333333333%; width: 86.1333333333% } .reform--box23__title02:before { width: 1.2383900929% } .reform--box23__title02 span { padding: 0 0 0 4.6439628483% } .reform--box23__area01 { padding: 0 0 28% } .reform--box23__slide01 { margin: 0 0 0 6.6666666667%; width: 75.7333333333% } .reform--box23__slide01 .swiper-pagination { margin: 15.8450704225% 0 0 47.8873239437%; width: 56.338028169% } .reform--box23__slide01__buttons { margin: 0 0 0 47.8873239437%; width: 56.338028169% } .reform--box23__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box23__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box23__slide01__photo01 { border-radius: 4.2666666667vw } .reform--box23__slide01__text01 { font-size: 3.4666666667vw; margin: 7.0422535211% 0 0 } .reform--box23__button01:active { background-color: #413434; color: #fff } .reform--box24 { padding: 28% 0 32% } .reform--box24__title01 { margin: -10.1333333333% 0 0; width: 100% } .reform--box24__title02 { font-size: 6.4vw; margin: 0 auto 4%; width: 86.1333333333% } .reform--box24__text01 { font-size: 3.7333333333vw; margin: 0 auto 8%; width: 86.1333333333% } .reform--box24__slide01 { margin: 0 0 0 6.6666666667%; width: 75.7333333333% } .reform--box24__slide01 .swiper-slide>a:active { opacity: .7 } .reform--box24__slide01 .swiper-pagination { margin: 15.8450704225% 0 0 47.8873239437%; width: 56.338028169% } .reform--box24__slide01__buttons { margin: 0 0 0 47.8873239437%; width: 56.338028169% } .reform--box24__slide01 .swiper-button-prev { background-size: 30px 30px; height: 32px; left: -41px; margin-top: -19px; width: 32px } .reform--box24__slide01 .swiper-button-next { background-size: 30px 30px; height: 32px; margin-top: -19px; right: -42px; width: 32px } .reform--box25 { padding: 37.3333333333% 0 } .reform--box25__title01 { margin: 0 0 21.3333333333%; width: 100% } .reform--box25__img01 { margin: 0 0 10.6666666667% 6.9333333333%; width: 78.9333333333% } .reform--box25__title02 { margin: 0 auto 8%; width: 86.1333333333% } .reform--box25__text01 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box25__button01 { margin: 0 auto; width: 41.2% } .reform--box25__button01 a:active { opacity: .7 } .reform--box26 { padding: 37.3333333333% 0 41.3333333333% } .reform--box26__title01 { margin: 0 0 13.3333333333%; width: 100% } .reform--box26__img01 { margin: 0 0 10.6666666667%; width: 96.9333333333% } .reform--box26__title02 { margin: 0 auto 8%; width: 86.1333333333% } .reform--box26__text01 { font-size: 3.7333333333vw; margin: 0 auto 9.3333333333%; width: 86.1333333333% } .reform--box26__button01 { margin: 0 auto; width: 41.2% } .reform--box26__button01 a:active { opacity: .7 } .reform_example__thumbnails { margin-bottom: 20px; padding: 0 20px } .reform_example__textSet { flex-direction: column; margin-bottom: 45px; padding: 0 20px } .reform_example__heading { margin-bottom: 20px; text-align: center } .reform_example__text { font-size: 1.4rem; line-height: 1.7857 } .reform_example__heading--en { font-size: 1.8rem; line-height: 1.1667 } .reform_example__heading--ja { font-size: 1rem; line-height: 1.9 } .gallery_example .a-typography--h3 { font-size: 1.8rem; line-height: 1.3889 } .gallery_example .o-section__body { font-size: 1.4rem; line-height: 1.7857 } #bcModal .modal__container { padding: 80px 30px 50px } .bcModal__closeButton { top: 40px } .bcModal__related>h5 { font-size: 1.6rem; line-height: 1.5 } .relatedItem__image { width: 139px } .relatedItem__title { font-size: 1.3rem; line-height: 1.5 } .closeButton { height: 45px; padding-left: 32px; top: 0; width: 135px } .closeButton, .closeButton:after { border-radius: 0 0 0 32px } .closeButton .close { width: 63px } .closeButton .cross { margin-left: 10px } .swiper--columnAndCarousel.swiper--noCarousel .swiper-wrapper { box-sizing: border-box; flex-direction: column } .swiper--columnAndCarousel.swiper--noCarousel .swiper-slide+.swiper-slide { margin-top: 58px } .columnAndCarousel__singleCategory h3 { font-size: 1.6rem; letter-spacing: .06em; line-height: 1.5; padding-left: 20px; padding-right: 20px } .columnAndCarousel__singleCategory h3 .title__caption { font-size: 1.3rem; margin-top: 8px } .columnAndCarousel__singleCategory h3+.swiper--columnAndCarousel { margin-top: 20px } .columnAndCarousel__singleCategory { margin-top: 40px } .columnAndCarousel__singleCategory+.columnAndCarousel__singleCategory { margin-top: 60px } .swiper--columnAndCarousel .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-sp.svg); height: 24px; max-width: 60px; width: 17.91% } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before { background-image: url(/homelounge/assets/images/common/swpier/icon_member-sp.svg); max-height: 23px; max-width: 97px; width: 36.47% } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:before { border-radius: 4px } .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:after { max-height: 44px; max-width: 44px; width: 16.54% } .swiper--columnAndCarousel .swiper-slide[data-type=vr] .columnAndCarousel__image:after { max-height: 90px; max-width: 86px; width: 24.18% } .swiper--columnAndCarousel .swiper-pagination-fraction { height: 72px; padding-top: 25px; width: 161px } .swiper--columnAndCarousel .swiper-pagination { font-size: 1.2rem } .swiper--columnAndCarousel .swiper-pagination-current { font-size: 2rem } .swiper--columnAndCarousel .swiper-pagination-total { font-size: 1.4rem } .swiper--columnAndCarousel .swiper-button-next, .swiper--columnAndCarousel .swiper-button-prev { bottom: 20px; height: 32px; width: 32px } .swiper--columnAndCarousel .swiper-button-next:after, .swiper--columnAndCarousel .swiper-button-prev:after { background-size: 13px 8px } .swiper--columnAndCarousel .swiper-button-prev { right: 107px } .swiper--columnAndCarousel .swiper-button-next { right: 22px } .columnAndCarousel__content:active, div.columnAndCarousel__content a:active { opacity: .7 } div.columnAndCarousel__content:active { opacity: 1 } .columnAndCarousel__image img { border-radius: 4px } .columnAndCarousel__text { padding-top: 16px } .columnAndCarousel__title { font-size: 1.3rem; line-height: 1.3846 } .columnAndCarousel__title .columnAndCarousel__ruby { font-size: 1rem; line-height: 2 } .columnAndCarousel__title .columnAndCarousel__caption { font-size: 1.2rem; line-height: 1.4167; margin-top: 4px } .columnAndCarousel__duration { background-image: url(/homelounge/assets/images/common/swpier/icon_clock-sp.svg); background-size: 10px 10px; font-size: 1rem; line-height: 2.1; margin-top: 18px; padding-left: 14px } .recommendCarousel__hashtags { margin-top: 6px } .recommendCarousel__hashtag { font-size: 1rem; line-height: 1.7 } .contactSection__inner { margin: 0 auto; padding-bottom: 90px; padding-top: 64px; width: 250px } .main--top .contactSection__inner { padding-top: 40px } .contactSection__contact { margin-bottom: 40px } .contactSection__contact .sectionHeading { margin-bottom: 32px } .contactSection__contact .sectionHeading__shoulderTitle { height: 13px; margin-bottom: 10px } .contactSection__contact .sectionHeading__mainTitle { font-size: 2.4rem } .contactSection__list { justify-content: space-between } .contactSection__list:not(:last-child) { margin-bottom: 24px } .contactSection__listImage { width: 90px } .contactSection__listTitle { font-size: 1.6rem; line-height: 1.4375; margin-bottom: 16px } .contactSection__information { padding-top: 48px } .contactSection__information:before { height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 270px } .contactSection__information .sectionHeading { margin-bottom: 23px } .contactSection__information .sectionHeading__shoulderTitle { height: 10px; margin-bottom: 9px } .contactSection__information .sectionHeading__mainTitle { font-size: 1.6rem } .contactSection__informationSettingImage { margin-right: 40px; width: 90px } .contactSection__informationSettingList { width: 115px } .contactSection__informationSettingList:not(:last-child) { margin-bottom: 20px } .contactSection__informationSettingList a, .contactSection__informationSettingList button { font-size: 1.2rem; line-height: 1.7083 } .contactSection__informationSettingList a:after, .contactSection__informationSettingList button:after { background-image: url(/homelounge/assets/images/common/contact/information_arrow_sp.svg); height: 11px; width: 20px } .contactSection.type02 .sectionHeading__shoulderTitle--ja { font-size: 1.8rem } .contactSection.type02 .contactSection__informationSettingList button:after { background-image: url(/homelounge/assets/images/common/contact/information_arrow_02_sp.svg) } .section--404, .section--error { padding-bottom: 75px; padding-top: 130px } .section--404 .section__inner, .section--error .section__inner { padding: 0 20px } .section--404 h3, .section--error h3 { font-size: 1.6rem } .section--404 h2, .section--error h2 { font-size: 2.2rem; line-height: 1.5; margin-top: 10px } .section--404 p, .section--error p { font-size: 1.4rem; line-height: 1.5; margin-top: 34px } .section--404 h5 { font-size: 1.6rem; line-height: 1.6875; margin-top: 29px } .section--404 ul { margin-left: auto; margin-right: auto; margin-top: 11px; max-width: 375px; padding-left: 15px } .section--404 ul+h5 { margin-top: 35px } .section--404 li { font-size: 1.4rem; line-height: 1.5 } .section--error h2+p { margin-top: 31px } .footer { padding-bottom: 16px; padding-top: 23px } .footer__inner { padding: 0 20px } .footerLower { border-top-color: #fff; padding-top: 19px } .footerPagetop:active { opacity: .7 } .footerPagetop.footerPagetop--stopped { top: -70px } .footerLogos__textcopy { height: 18px; width: 244px } .footerLogos__logo { height: 32px; margin-top: 15px; width: 157px } .footerNav { flex-direction: column; width: 50% } .footerNav li+li { margin-top: 14px } .footerNav--site { -webkit-transform: translateX(3px); transform: translateX(3px) } .footerCopyright p { font-size: 1rem; line-height: 2 } .header__account { margin-left: 10px; margin-right: 16px } .header__account .header__accountName { font-size: 1.3rem; padding-left: 23px } .header__account .header__accountName svg { width: 17px } .header__account .header__accountName .accountName { max-width: 8rem } .header { padding-left: 12px; padding-right: 12px } .header .roundButton { font-size: 1.2rem; letter-spacing: .1em; line-height: 2.0833; margin-left: 10px; padding: 2px 0 1px 18px; width: 170px } .header .roundButton__arrow { height: 9px; right: 10px; width: 15px } .header__inner { height: 50px; justify-content: flex-end } .header__logo { flex: 1; margin-right: auto; max-width: 142px; width: 100% } .header__logo a:active { opacity: .7 } .header__menuButton { height: 44px; width: 25px } .header__menuButton>span, .header__menuButton>span:after, .header__menuButton>span:before { background-color: #fff; display: block; height: 2px; opacity: 1; transition: all .3s ease-out; width: 100% } .header__menuButton>span:before { -webkit-transform: translateY(-11px); transform: translateY(-11px) } .header__menuButton>span:after { -webkit-transform: translateY(11px); transform: translateY(11px) } .header__menu { top: 50px } .header__menuInner { overflow-x: hidden; padding-bottom: 140px; padding-left: 20px; padding-right: 20px } .header__menuList { font-size: 1.7rem } .headerReform .header__logo { max-width: 169px } .rightButton { display: none } .myHomePage__banner:active { opacity: .7 } .myHomePage .myHomePage__container { margin: 0 auto; max-width: 760px; position: relative; width: 89.3% } .myHomePage .myHomePage__containerInner { border-radius: 4px; box-shadow: 4px 4px 8px rgba(0, 0, 0, .16); padding: 24px 20px 20px } .myHomePage .myHomePage__header { border-bottom-width: 1px; padding-bottom: 12px } .myHomePage .myHomePage__title { font-size: 1.6rem; line-height: 1.875 } .myHomePage .myHomePage__close { height: 25px; right: 12px; top: 12px; width: 25px } .myHomePage .myHomePage__close span:after, .myHomePage .myHomePage__close span:before { height: 2px; width: 100% } .myHomePage .swiper-slide { padding-top: 20px } .myHomePageCarousel { padding-bottom: 70px } .myHomePageCarousel .myHomePageCarousel__title { font-size: 2.4rem; letter-spacing: .06em; line-height: 1.5; margin-bottom: 20px } .myHomePageCarousel .myHomePageCarousel__title .text--super { font-size: 1.5rem } .myHomePageCarousel .myHomePageCarousel__content { flex-wrap: wrap; justify-content: center } .myHomePageCarousel .myHomePageCarousel__image { margin-bottom: 32px; width: 255px } .myHomePageCarousel .swiper-slide--03 .myHomePageCarousel__image { width: 295px } .myHomePageCarousel .myHomePageCarousel__detail dt { font-size: 1.6rem; line-height: 1.6875; margin-bottom: 20px } .myHomePageCarousel .myHomePageCarousel__detail dd { font-size: 1.4rem; line-height: 1.5 } .myHomePageCarousel .myHomePageCarousel__detail dd .annotation { font-size: 1.1rem; line-height: 1.5; margin-top: 8px } .myHomePageCarousel .myhomepage__linkButton { border-radius: 30px; height: 60px; margin-top: 32px; padding-left: 32px; width: 225px } .myHomePageCarousel .myhomepage__linkButton span { font-size: 1.5rem; line-height: 1.2667 } .myHomePageCarousel .swiper-button-next, .myHomePageCarousel .swiper-button-prev { border-radius: 25px; font-size: 1.4rem; height: 32px; max-width: 100px; width: 100% } .myHomePageCarousel .swiper-button-next .arrow, .myHomePageCarousel .swiper-button-prev .arrow { height: 11px } .myHomePageCarousel .swiper-button-prev span { padding-left: 10px } .myHomePageCarousel .swiper-button-next span { padding-left: 31px } .myHomePageCarousel .swiper-button-next .arrow { margin-left: 10px } .myHomePageCarousel .swiper-pagination { background-color: #fff; color: #4878b6; font-size: 1.6rem; padding-top: 35px } .myHomePageCarousel .swiper-pagination-current { font-size: 2rem; font-weight: 400 } .kv .kv__title { margin: 0 auto; max-width: 580px; -webkit-transform: translateY(50%); transform: translateY(50%) } .kv--top { background-image: url(/homelounge/assets/images/top/kv/login/bg_sp.jpg) } .kv--top .kv__title { margin-left: -20px; max-width: 550px; -webkit-transform: translateY(30%); transform: translateY(30%); width: 90% } .kv--theater { background-image: url(/homelounge/assets/images/theater/kv/bg_sp.jpg) } .kv--theater .kv__title { -webkit-transform: translateY(40%); transform: translateY(40%) } .kv--library { background-image: url(/homelounge/assets/images/library/kv/bg_sp.jpg) } .kv--gallery { background-image: url(/homelounge/assets/images/gallery/kv/bg_sp.jpg) } .min .kv__title { -webkit-transform: translateY(20%); transform: translateY(20%); width: 85% } .min.kv--top .kv__title { -webkit-transform: translateY(10%); transform: translateY(10%); width: 80% } .gradation { background: linear-gradient(hsla(0, 0%, 100%, 0), rgba(255, 254, 253, .7) 29.29%, #fffdfc 62.41%, rgba(255, 254, 254, .55) 82.76%, hsla(0, 0%, 100%, 0)); padding-top: 80%; -webkit-transform: translateY(21.33%); transform: translateY(21.33%); -webkit-transform: translateY(37%); transform: translateY(37%) } .kv__scroll { padding-bottom: 31px; width: 54px } .kv__scroll:after { height: 20px } .loungeMenu--nomal .loungeMenu__contentLists { display: flex; flex-wrap: wrap; justify-content: space-around } .loungeMenu--nomal .loungeMenu__contentList { margin: 0 10px 20px; max-width: 335px } .loungeMenu--nomal .loungeMenu__contentList--theater .loungeMenu__contentListTitle img { width: 120px } .loungeMenu--nomal .loungeMenu__contentList--gallery .loungeMenu__contentListTitle img, .loungeMenu--nomal .loungeMenu__contentList--library .loungeMenu__contentListTitle img { width: 110px } .loungeMenu--nomal .loungeMenu__contentList--mylounge .loungeMenu__contentListTitle img { width: 164px } .loungeMenu__contentListTitle { flex-wrap: nowrap; font-size: 2rem; margin-bottom: 16px; min-height: 52.97px; padding-bottom: 19px } .loungeMenu__contentListTitle span { font-weight: 600 } .loungeMenu__info { font-size: 1.6rem; margin-bottom: 24px } .loungeMenu__info dt { margin-bottom: 12px } .loungeMenu__info dd { font-size: 1.4rem } .loungeMenu__infoLists { margin-bottom: 24px } .loungeMenu__infoList:not(:last-child) { margin-bottom: 20px } .loungeMenu__infoList>div, .loungeMenu__infoListLinkArea { margin-bottom: 12px } .loungeMenu__infoListThumb { margin-right: 12px; width: 139px } .loungeMenu__infoListThumb span { height: 37px; width: 37px } .loungeMenu__infoListTitle { flex: 1; font-size: 1.5rem; line-height: 1.5 } .loungeMenu__contentList--theater .loungeMenu__infoListTitle span { border-radius: 20px; font-size: 1.2rem; width: 106px } .loungeMenu__contentList--gallery .loungeMenu__infoListTitle span { font-size: 1.05rem; line-height: 2.1905 } .loungeMenu__infoListText { font-size: 1.2rem; line-height: 1.5 } .loungeMenu__infoListButton { margin: 0 auto } .loungeMenu__infoListButton--otherlounge { height: 40px; position: relative; width: 250px } .loungeMenu__infoListButton--otherlounge .roundButton__arrow { right: 14px; width: 20px } .loungeMenu__contentList--reform .loungeMenu__infoListButton .roundButton__img { margin-left: 22px; width: 174px } .loungeMenu__contentList--totikatuyo .loungeMenu__infoListButton .roundButton__img { margin-left: 29px; width: 157px } .loungeMenu__contentList .loginButton { margin: 0 auto } .loungeMenu.is-open { min-height: 100vh } .loungeMenu .closeButton { background-color: rgba(12, 67, 111, .8); position: fixed } .loungeMenu__heading { background-color: #0c436f } .loungeMenu__headingInner { padding: 73px 20px 37px } .loungeMenu__headingTitle { margin-bottom: 32px; width: 234px } .loungeMenu__headingSubTitle { font-size: 1.2rem; line-height: 1.5; margin-top: 10px } .loungeMenu__headingText { font-size: 1.4rem; line-height: 1.7857 } .loungeMenu__content:before { background-color: #0c436f; content: ""; display: block; height: 127px; left: 0; position: absolute; top: -2px; width: 100% } .loungeMenu__contentInner { padding-left: 10px; padding-right: 10px } .loungeMenu__anne { margin-top: -34px; padding-left: 20px; padding-right: 20px; z-index: 1 } .loungeMenu__anneInner { margin: 0 auto } .loungeMenu__footer { background-color: #fff; padding: 40px 19px 90px; text-align: center } .loungeMenu__footer .loginButton { margin: 0 auto } .loungeMenu__footerText { font-size: 1.5rem; line-height: 1.6667; margin-bottom: 24px } .loungeMenu--allLoungeMenu .loungeMenu__contentListsWrapper { padding-bottom: 60px; padding-top: 50px } .loungeMenu--allLoungeMenu .loungeMenu__contentLists { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 0 auto; width: 335px } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--otherlounge { margin-top: 60px } .loungeMenu--allLoungeMenu .loungeMenu__contentList { border-bottom: 2px solid #e2e2e2; margin: 0; max-width: 335px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform, .loungeMenu--allLoungeMenu .loungeMenu__contentList:last-child { border-bottom: none } .loungeMenu--allLoungeMenu .loungeMenu__contentList:before { font-size: 1.55rem; height: 30px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater:before { width: 128px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater .loungeMenu__contentListTitle img { width: 120px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--gallery .loungeMenu__contentListTitle img, .loungeMenu--allLoungeMenu .loungeMenu__contentList--library .loungeMenu__contentListTitle img { width: 110px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--mylounge .loungeMenu__contentListTitle img { width: 164px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform:before { width: 123px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform .loungeMenu__contentListTitle span>img { margin-right: 12px; width: 128px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform .loungeMenu__contentListTitle>img { width: 135px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo { margin-top: 60px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo:before { width: 187px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__contentListTitle span>img { margin-right: 12px; width: 128px } .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo .loungeMenu__contentListTitle>img { width: 128px } .loungeMenu__button { border-radius: 45px 0 0 45px; bottom: 60px; box-shadow: 0 1.5px 8px #0000003d; height: 83px; padding: 14px 52px 14px 23px; width: 170px } .topKv--logout .loungeMenu__button { bottom: -18px } .loungeMenu__buttonTitle { margin-bottom: 5px } .loungeMenu__buttonSubTitle { font-size: 1rem } .loungeMenu__buttonHamburger { border-bottom-width: 2px; height: 24px; right: 12px; width: 25px } .loungeMenu__buttonHamburger:after, .loungeMenu__buttonHamburger:before { height: 2px } #memberModal .modal__container { padding: 59px 42px 60px; width: 335px } #memberModal .roundButton { height: 40px; letter-spacing: .1em; margin-top: 32px; padding: 3px 0 2px; width: 250px } #memberModal .roundButton__arrow { height: 9px; right: 18px; width: 15px } .memberModal__closeButton { right: 12px; top: 12px } .memberModal__texts { align-items: center; flex-direction: column } .memberModal__texts img { width: 26px } .memberModal__texts p { font-size: 1.4rem; line-height: 1.5; margin-top: 20px } .swiper-recommendCarousel { margin-top: 40px; padding-bottom: 90px } .swiper-recommendCarousel:before { border-radius: 0 0 0 4px; bottom: 10px; box-shadow: 2px 2px 16px rgba(0, 45, 89, .16); height: 160px; width: 160px } .swiper-recommendCarousel .swiper-slide { border-radius: 4px; box-shadow: 2px 2px 16px rgba(0, 45, 89, .16); min-height: 240px } .swiper-recommendCarousel .swiper-slide[data-is-new=true] .recommendCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-sp.svg); max-height: 24px; max-width: 60px; width: 21.05% } .swiper-recommendCarousel .swiper-slide[data-is-new=true][data-video-id=t_052] .recommendCarousel__content:after, .swiper-recommendCarousel .swiper-slide[data-is-new=true][data-video-id=t_053] .recommendCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new_v2-sp.svg) } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:after, .swiper-recommendCarousel .swiper-slide[data-type=modal] .recommendCarousel__image:after { max-height: 46px; max-width: 46px; width: 16.14% } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__content:before { background-image: url(/homelounge/assets/images/common/swpier/icon_member-sp.svg); max-height: 23px; max-width: 97px; width: 28.96% } .swiper-recommendCarousel .swiper-slide[data-membership=true] .recommendCarousel__image:before { border-top-left-radius: 4px; border-top-right-radius: 4px } .swiper-recommendCarousel .swiper-pagination-fraction { bottom: 10px; height: 72px; padding-top: 25px; width: 161px } .swiper-recommendCarousel .swiper-pagination { font-size: 1.2rem } .swiper-recommendCarousel .swiper-pagination-current { font-size: 2rem } .swiper-recommendCarousel .swiper-pagination-total { font-size: 1.4rem } .swiper-recommendCarousel .swiper-button-next, .swiper-recommendCarousel .swiper-button-prev { bottom: 30px; height: 32px; width: 32px } .swiper-recommendCarousel .swiper-button-next:after, .swiper-recommendCarousel .swiper-button-prev:after { background-size: 13px 8px } .swiper-recommendCarousel .swiper-button-prev { right: 107px } .swiper-recommendCarousel .swiper-button-next { right: 22px } .recommendCarousel__content { border-radius: 4px } .recommendCarousel__content:active { opacity: .7 } .main--top .sectionShadow { box-shadow: none } .recommendCarousel__image img { border-top-left-radius: 4px; border-top-right-radius: 4px } .recommendCarousel__title { font-size: 1.2rem; line-height: 1.5 } .recommendCarousel__duration { background-image: url(/homelounge/assets/images/common/swpier/icon_clock-sp.svg); background-size: 10px 10px; font-size: 1rem; line-height: 2.1; margin-top: 18px; padding-left: 14px } .section--recommend { padding-top: 152px } .main--top .section--recommend { padding-top: 64px; position: relative } .main--theater .section--recommend { background-image: url(/homelounge/assets/images/theater/recommend/bg_recommend1.png); background-position: right -9px bottom 20px; background-size: 272px auto; padding-top: 64px } .main--library .section--recommend { background-image: url(/homelounge/assets/images/library/recommend/bg_2-sp.png); background-position: left -35px bottom 25px; background-size: 312px auto; padding-top: 64px } .main--gallery .section--recommend { background-image: url(/homelounge/assets/images/gallery/recommend/bg_1.png); background-position: right -9px bottom 20px; background-size: 296px auto; padding-top: 64px } .recommend__description { margin-top: 187px; padding-bottom: 246px } .main--theater .recommend__description { margin-top: 68px; padding-bottom: 220px } .main--library .recommend__description { margin-top: 65px; padding-bottom: 220px } .main--gallery .recommend__description { margin-top: 70px; padding-bottom: 265px } .recommend__description p { font-size: 1.4rem; line-height: 2.2143 } .roundButton { border-radius: 25px } .roundButton--detail { height: 32px; padding-left: 21.5px; width: 130px } .roundButton--detail .roundButton__text { font-size: 1.4rem; line-height: 1.4643 } .roundButton--large { height: 40px; width: 250px } .roundButton--large .roundButton__text { font-size: 1.5rem; letter-spacing: .1em; line-height: 1.8 } .roundButton--large .roundButton__arrow { right: 16px; width: 20px } .roundButton--information { height: 32px } .cardHeading--showroom .roundButton--information { width: 200px } .eventList .roundButton--information { min-width: 160px; padding-left: 42px; padding-right: 42px } .roundButton--information .roundButton__text { font-size: 1.4rem; line-height: 32px } .cardHeading--showroom .roundButton--information .roundButton__text { -webkit-transform: translateX(-8px); transform: translateX(-8px) } .roundButton--information .roundButton__arrow { right: 8px } .sectionHeading__inner { margin-left: 20px; margin-right: 20px } .sectionHeading__inner .roundButton { height: 32px; margin-bottom: 24px; margin-top: -14px; padding-left: 20px; width: 220px } .sectionHeading__inner .roundButton .roundButton__text { font-size: 1.4rem; line-height: roundlineheiight(41, 28) } .sectionHeading__inner .roundButton .roundButton__arrow { margin-left: 8px; width: 16px } .sectionHeading__title { margin-bottom: 24px; position: relative } .sectionHeading__shoulderTitle { margin-bottom: 13.5px } .sectionHeading__shoulderTitle--en { height: 12px } .section--moiMisawa .sectionHeading__shoulderTitle--en { height: 11px } .section--studyWithAnne .sectionHeading__shoulderTitle--en { height: 15px } .section--newEra .sectionHeading__shoulderTitle--en { height: 11px } .sectionHeading__shoulderTitle--ja { font-size: 2rem; font-weight: 400; letter-spacing: .1em } .sectionHeading__mainTitle { font-size: 2.4rem; letter-spacing: .04em } .sectionHeading__title--recommend .sectionHeading__mainTitle { font-size: 2.8rem } .categoryTitleBar span { padding-left: 11px } .categoryTitleBar span:before { width: 4px } .sectionHeading__subTitle { font-size: 1rem; margin-top: 8px } .sectionHeading__text { font-size: 1.4rem } .sectionShadow { box-shadow: 2px 2px 25px rgba(0, 45, 89, .4) } .section--latestCase { padding-bottom: 47px; padding-top: 64px; position: relative } .section--latestCase .sectionHeading { margin-bottom: 44px } .swiper--latestCase { margin-top: 44px; padding-left: 20px; padding-right: 20px } .section--latestCaseMovie { background-image: url(/homelounge/assets/images/gallery/latestCaseMovie/bg_1-sp.png), linear-gradient(0deg, #edf0f2, #edf0f2); background-position: right 18px top 0, top; background-size: 220px auto, 100% 70px; padding-top: 184px } .section--latestCaseMovie .sectionHeading, .section--latestCaseMovieCentury .sectionHeading { margin-bottom: 44px } .swiper--columnAndCarousel.swiper--latestCaseMovie { padding: 0 20px 73px } .swiper--columnAndCarousel.swiper--latestCaseMovie .swiper-slide { box-shadow: 2px 2px 16px rgba(0, 0, 0, .16) } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__text { padding: 15px 16px 14px } .latestCaseMovie__lower { margin-top: 20px } .latestCaseMovie__lower .roundButton--detail { height: 29px; width: 163px } .latestCaseMovie__lower .roundButton--detail .roundButton__text { font-size: 1.2rem; line-height: 1.5 } .section--misawaDigitalMuseum { background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-sp.jpg); padding-bottom: 80px; padding-top: 60px } .swiper--misawaDigitalMuseum { background-image: linear-gradient(0deg, #fff, #fff); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px; margin-top: 40px; padding-bottom: 80px } .swiper--misawaDigitalMuseum:before { border-top-left-radius: 4px; height: 72px; width: 160px } .section--misawaVR { background-image: url(/homelounge/assets/images/gallery/misawaVR/bg_1-sp.png), linear-gradient(0deg, #fff, #fff); background-position: right -94px top 0, top; background-size: 409px auto, 100% 26px; padding-bottom: 80px; padding-top: 193px } .section--misawaVR .sectionHeading { margin-bottom: 44px } .swiper--misawaVR { padding: 0 20px } .breadcrumbs { display: none } .breadcrumbs__list a:active { opacity: .7 } .gallery_example__heading { padding-bottom: 45px } .gallery_example__headingImage { margin-bottom: 50px } .gallery_example__headingOwner { font-size: 1.6rem; margin-bottom: 10px } .gallery_example__headingTitle { font-size: 2rem; letter-spacing: .04em; line-height: 1.5; margin-bottom: 34px; padding: 0 20px } .gallery_example__headingInfo { font-size: 1.1rem; line-height: 1.9091; margin-bottom: 33px } .gallery_example__headingText, .gallery_example__text { font-size: 1.4rem; line-height: 1.7857; padding: 0 20px } .gallery_example__text { margin-bottom: 45px } .gallery_example__thumbnails { margin-bottom: 50px; padding: 0 20px } .gallery_example__thumbnails li:not(:last-child) { margin-bottom: 20px } .section--basicAndCommon { padding-bottom: 93px; padding-top: 64px } .swiper--basicAndCommon { margin-top: 40px; padding: 0 20px } .section--homeClubOnline { background-image: url(/homelounge/assets/images/library/homeClubOnline/bg_1-sp.png), linear-gradient(0deg, #edf0f2, #edf0f2); background-position: center top 0, top; background-size: 319px auto, 100% 38px; padding-bottom: 80px; padding-top: 220px } .swiper--homeClubOnline { background-image: linear-gradient(0deg, #c6c6c6, #c6c6c6); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px; margin-top: 40px; padding-bottom: 90px } .swiper--homeClubOnline:before { border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .library_article__backButton { margin-top: 80px } .library_article__backButton .roundButton__arrow { left: 16px } .library_article--0001 .image_01 { padding-bottom: 1.49% } .library_article--0001 .image_02 { padding-bottom: 3.38% } .library_article--0001 .image_03 { padding-bottom: 4.47%; padding-top: 4.47% } .library_article--0001 .image_05 { padding-bottom: 1.19% } .library_article--0001 .image_06 { padding-bottom: 4.47% } .library_article--0001 .image_07 { padding-bottom: 2.98% } .library_article--0001 .image_08 { padding-bottom: 1.19% } .library_article--0001 .image_09 { padding-bottom: 3.88% } .library_article--0001 .image_10 { padding-bottom: 5%; padding-top: 2.98% } .library_article--0001 .image_11 { padding-bottom: 6px } .library_article--0001 .image_12 { padding-bottom: 1.79% } .library_article--0001 .image_13 { padding-bottom: 4.17% } .library_article--0001 .image_14 { padding-bottom: 2.68%; padding-top: 8.05% } .library_article--0001 .image_15 { padding-bottom: 4.47% } .library_article--0001 .image_16 { padding-top: 2.68% } .library_article--0001 .image_17 { padding-bottom: 3.58% } .library_article--0001 .library_article__contentsClickHand button { left: 31.27%; max-width: 77px; top: 73%; width: 7.66% } .library_article--0001 .library_article__clickArrow { margin-bottom: 2.68%; margin-top: 2.68% } .library_article--0001 .library_article__clickArrow .clickArrowButton { max-width: 130px; top: 12.25%; width: 19.4% } .library_article--0001 .library_article__clickArrow .clickArrowButton--orange { left: 21.19% } .library_article--0001 .library_article__clickArrow .clickArrowButton--blue { right: 14.62% } .library_article--0001 .library_article__clickArrow .clickArrowButton:after { max-height: 80px; max-width: 77px; padding-top: 46.7%; -webkit-transform: translate(81%, 28%); transform: translate(81%, 28%); width: 45% } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter { max-width: 323px; top: 0; width: 48.2% } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter.clickArrowButton--orange { left: 0 } .library_article--0001 .library_article__clickArrow .clickArrowButtonAfter.clickArrowButton--blue { right: 0 } .library_article--0001 .library_article__contentsLinkButton { margin-bottom: 3.88% } .library_article--0001 .library_article__contentsQuiz button { top: 77.4%; width: 40.74% } .library_article--0002 .image_02 { padding-bottom: 4.17% } .library_article--0002 .image_03 { padding-top: 5.97% } .library_article--0002 .image_05 { padding-bottom: 5.67% } .library_article--0002 .image_06 { padding-bottom: 4.47%; padding-top: 3.88% } .library_article--0002 .image_08, .library_article--0002 .image_09 { padding-bottom: 4.47% } .library_article--0002 .image_10 { padding-bottom: 7.16% } .library_article--0002 .image_11 { padding-bottom: 5.97% } .library_article--0002 .image_12 { padding-bottom: 4.47% } .library_article--0002 .image_13 { padding-top: 2.68% } .library_article--0002 .image_14 { padding-bottom: 3.58% } .library_article--0003 .image_02 { padding-bottom: 4.47% } .library_article--0003 .image_03 { padding-bottom: 5.97%; padding-top: 1.49% } .library_article--0003 .image_04 { padding-bottom: 10.14%; padding-top: 5.67% } .library_article--0003 .image_05 { padding-bottom: 6.26% } .library_article--0003 .image_06 { padding-bottom: 5.07% } .library_article--0003 .image_07 { padding-bottom: 6.26% } .library_article--0003 .image_08, .library_article--0003 .image_09 { padding-bottom: 6.26%; padding-top: 1.49% } .library_article--0003 .image_10 { padding-bottom: 4.47% } .library_article--0003 .image_11 { padding-bottom: 5.67% } .library_article--0003 .image_12 { padding-bottom: 6.26%; padding-top: 2.98% } .library_article--0003 .image_13 { padding-bottom: 2.98% } .library_article--0003 .library_article__contentsClickHand button { left: 40.29%; max-width: 54px; top: 45%; width: 8.05% } .library_article--0003 .library_article__contentsLinkButton { margin-bottom: 10.74% } .library_article--0003 .library_article__contentsQuiz button { top: 88.5%; width: 40.74% } .library_article--0004 .image_12 { margin-bottom: 4.92% } .library_article--0004 .image_16 { padding-bottom: 20px } .library_article--0004 .library_article__contentsClickHand button { left: 40.29%; max-width: 54px; top: 45%; width: 8.05% } .library_article--0004 .library_article__contentsLinkButton { margin-bottom: 6.86% } .library_article--0005 .library_article__pcImage { display: none } .library_article--0005 .library_article__spImage { margin-bottom: 6.26%; margin-top: 13.8% } .library_article--0005 .library_article__spImage p { margin-top: 6.26% } .library_article--0005 .image_04 { padding-top: 10.8% } .library_article--0005 .library_article__contentsLinkButton { margin-bottom: 7.76% } .library_article--0005 .library_article__contentsLinkButtonSmall { margin-bottom: 12.2%; margin-top: 3.88% } .library_article--0005 .library_article__contentsQuiz button { top: 82.3%; width: 40.74% } .library_article--0006 .library_article__contentsFlex { margin-bottom: 15.3% } .library_article--0006 .library_article__contentsFlex>div:not(:last-child) { margin-bottom: 7.76% } .library_article--0006 .library_article__contentsFlex p { font-size: 1.4rem; line-height: 1.7857; margin-top: 5% } .library_article--0006 .library_article__contentsLinkButton { margin-bottom: 7.76% } .library_article--0006 .library_article__contentsLinkButtonSmall { margin-top: 5.37% } .library_article--0007 .library_article__inner { padding: 0 } .library_article--0007 .library_article__contents, .library_article--0007 .library_article__headingTitle { padding-left: 20px; padding-right: 20px } .library_article--0007 .library_article__headingImage { margin: 0 auto; padding-bottom: 9px; width: 98% } .library_article--0007 .image_01 { margin-bottom: 4.47% } .library_article--0007 .clickButton.clickButton--01 { left: 50%; top: 15%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0007 .clickButton.clickButton--01:before { height: 131%; left: -25%; top: 47%; width: 136% } .library_article--0007 .clickButton.clickButton--02 { left: 69%; top: 37% } .library_article--0007 .clickButton.clickButton--02:before { height: 106%; left: 0; top: 0; -webkit-transform: translate(-74%, 14%); transform: translate(-74%, 14%); width: 136% } .library_article--0007 .clickButton.clickButton--03 { left: 50%; top: 72%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .library_article--0007 .clickButton.clickButton--03:before { height: 136%; left: 0; top: 0; -webkit-transform: translate(-20%, -59%); transform: translate(-20%, -59%); width: 136% } .library_article--0007 .clickButton.clickButton--04 { left: 21%; top: 37% } .library_article--0007 .clickButton.clickButton--04:before { height: 136%; left: 0; top: 0; -webkit-transform: translate(27%, 13%); transform: translate(27%, 13%); width: 136% } .library_article--0007 .clickButton.clickButton--05 { left: 49%; top: 37% } .library_article--0007 .clickButton.clickButton--05:before { height: 136%; left: 0; top: 0; -webkit-transform: translate(-47%, 16%); transform: translate(-47%, 16%); width: 136% } .library_article--0007 .image_03, .library_article--0007 .image_04 { margin-bottom: .89% } .library_article--0007 .image_05 { margin-bottom: 4.47% } .library_article--0007 .image_list { margin: 0 auto 3.58%; padding-top: 4.47%; width: 82% } .library_article--0007 .image_list>li:not(:last-child) { margin-bottom: 5.97% } .library_article--0007 .image_list__image { margin-bottom: 3.27% } .library_article--0007 .image_list__boxTitle { font-size: 1.5rem; margin-bottom: 3.27% } .library_article--0007 .image_list__boxText { font-size: 1.3rem; line-height: 1.3846; margin-bottom: 4.3% } .library_article--0007 .image_list__boxCheck { font-size: 1.2rem; margin-bottom: 1.8% } .library_article--0007 .image_list__boxCheckList { font-size: 1.2rem; line-height: 1.5 } .library_article--0007 .image_06, .library_article--0007 .image_07 { margin-bottom: .89% } .library_article--0007 .image_08 { margin-bottom: 4.47% } .library_article--0007 .image_09 { margin: 4.47% auto; width: 79.1% } .library_article--0007 .library_article__contentsFlex { width: 100% } .library_article--0007 .library_article__contentsFlex>div { width: 47.4% } .library_article--0008 .library_article__headingImage { padding-bottom: 5px } .library_article--0008 .image_01 { margin-bottom: 4.47% } .library_article--0008 .image_02 { margin-bottom: 4.17%; margin-top: 4.47% } .library_article--0008 .image_03 { margin-bottom: 4.47% } .library_article--0008 .image_04 { margin: 4.47% 0 } .library_article--0008 .image_05 { margin-bottom: 2.38%; margin-top: 4.47% } .library_article--0008 .image_06 { margin-bottom: 1.19% } .library_article--0008 .image_08 { margin-bottom: 4.47% } .library_article--0008 .image_09 { margin-bottom: 4.17%; margin-top: 4.47% } .library_article--0008 .image_10 { margin-bottom: 4.47% } .library_article--0008 .image_11 { margin-bottom: 4.17%; margin-top: 4.47% } .library_article--0008 .image_12 { margin-bottom: 1.19% } .library_article--0008 .image_13 { margin-bottom: 4.47% } .library_article--0008 .image_14 { margin-bottom: 7.46%; margin-top: 5.97% } .library_article--0008 .image_15 { margin-bottom: 4.17% } .library_article--0008 .image_16 { margin-bottom: 4.47% } .library_article--0008 .image_17 { margin-bottom: 2.08%; margin-top: 1.49% } .library_article--0008 .library_article__contentsQuiz button { top: 77.4%; width: 40.74% } .library_article--0009 .library_article__headingImage { padding-bottom: 9px } .library_article--0009 .image_01 { margin-bottom: 4.47% } .library_article--0009 .image_02 { margin-bottom: 1.19%; margin-top: 3.88% } .library_article--0009 .image_03, .library_article--0009 .image_04 { margin-bottom: 1.19% } .library_article--0009 .image_05 { margin-bottom: 3.28% } .library_article--0009 .image_06 { margin-bottom: 4.47% } .library_article--0009 .image_07 { margin-bottom: 7.46%; margin-top: 10.44% } .library_article--0009 .image_08 { margin-bottom: 3.28% } .library_article--0009 .image_09 { margin-bottom: 4.47% } .library_article--0009 .image_10 { margin-bottom: 7.46%; margin-top: 10.44% } .library_article--0009 .image_11 { margin-bottom: 1.19% } .library_article--0009 .image_12 { margin-bottom: 7.46% } .library_article--0009 .image_14 { margin-bottom: 10.44%; padding-top: 7.46% } .library_article--0009 #section02 .library_article__contentsClickHand button { left: 45%; max-width: 54px; top: 33%; width: 8.05% } .library_article--0009 #section03 .library_article__contentsClickHand button { left: 43.5%; top: 33.5%; width: 12% } .library_article--0009 .image_16 { margin-top: 7.46% } .library_article--0009 .image_17 { margin-bottom: 10.44%; padding-top: 3.28% } .library_article--0009 .image_18 { margin-bottom: 7.46% } .library_article--0009 .image_19 { margin-top: 10.44% } .library_article--0009 .image_20 { margin-bottom: 10.44%; padding-top: 7.46% } .library_article--0009 .image_21 { margin-bottom: 4.47% } .library_article--0009 .image_22 { margin-bottom: 4.47%; margin-top: 10.44% } .library_article--0009 .image_23 { margin-top: 10.44% } .library_article--0009 .image_24 { margin-bottom: 4.47%; margin-top: 3.28% } .library_article--0009 .image_25 { margin-top: 10.44% } .library_article__heading { padding-top: 3.28% } .library_article__headingTitle { font-size: 1.9rem; line-height: 1.2632; max-width: 710px; padding-bottom: 10px } .library_article__headingTitleImage { margin-right: 14px; max-width: 92px; width: 14.3% } .library_article--0001 .library_article__headingImage { max-width: 670px; padding-bottom: 4.77% } .library_article--0002 .library_article__headingImage { padding-bottom: 1.19% } .library_article--0003 .library_article__headingImage { padding-bottom: 2.38% } .library_article--0004 .library_article__headingImage { padding-bottom: 2.98% } .library_article--0005 .library_article__headingImage { padding-bottom: 12.53%; padding-top: 2.98% } .library_article--0006 .library_article__headingImage { padding-bottom: 12%; padding-top: 2.98% } .library_article__headingImage a:first-of-type { left: 0; max-width: 196px; top: 15%; width: 29.25% } .library_article__headingImage a:nth-of-type(2) { max-width: 197px; right: 0; top: 28%; width: 29.4% } .library_article__headingImage a:nth-of-type(3) { left: 37%; max-width: 198px; top: 58%; width: 29.55% } .library_article__headingImage a:nth-of-type(4) { left: 8%; max-width: 198px; top: 73%; width: 29.55% } .library_article__contentsLinkButton { font-size: 1.1rem; line-height: 1.6364; padding: 3.8% 2.08% 3.8% 1.49%; width: 100% } .library_article__contentsLinkButton span { width: 96.93% } .library_article__contentsLinkButton svg { width: 1.49% } .library_article__text--annotation { font-size: .9rem; line-height: 1.6667 } .library_article__text--default { font-size: 1.4rem; line-height: 1.7857 } .library_article__text--large { font-size: 1.5rem; line-height: 1.4667 } .library_article__text--small { font-size: .8rem; line-height: 1.5 } .library_article__title--default { font-size: .9rem; line-height: 1.1111 } .library_article--0003 .title--center { text-align: left } .library_article__title--large { font-size: 1.9rem; line-height: 1.2632 } .library_article__title--small { font-size: .9rem; line-height: 1.1111; margin-top: 16px } .section--calendar { background-position: right -19px top 16px; background-size: 254px auto; padding-bottom: 60px; padding-top: 60px } .section--calendar .mainTitle__sup { border-radius: 20px; font-size: 1.2rem; height: 22px; left: 230px; padding: 0 16px; top: 16px } .section--calendar .mainTitle__sup img { width: 56px } .section--calendar .misawaAssetManagement__categoryTitle span { padding-left: 11px } .section--calendar .misawaAssetManagement__categoryTitle span:before { width: 4px } .section--calendar .underline:before { bottom: -1px } .swiper--calendar:before { border-top-left-radius: 4px; height: 72px; width: 160px } .swiper--columnAndCarousel.swiper--calendar .swiper-wrapper { padding-bottom: 73px } .loungeIntroductionMovie { padding-bottom: 98px; padding-top: 40px } .loungeIntroductionMovie__inner { flex-wrap: wrap; padding: 0 20px } .loungeIntroductionMovie__inner .recommendCarousel__duration { margin-top: 6px } .loungeIntroductionMovie__movie+.loungeIntroductionMovie__movie { margin-top: 44px } .loungeIntroductionMovie__movie img { border-radius: 4px } .section--misawaAssetManagement { background-image: url(/homelounge/assets/images/theater/misawaAssetManagement/bg_1-sp.png); background-position: right -19px top 16px; background-size: 254px auto; padding-bottom: 60px; padding-top: 200px } .section--misawaAssetManagement .mainTitle__sup { border-radius: 20px; font-size: 1.2rem; height: 22px; left: 230px; padding: 0 16px; top: 16px } .section--misawaAssetManagement .mainTitle__sup img { width: 56px } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span { padding-left: 11px } .section--misawaAssetManagement .misawaAssetManagement__categoryTitle span:before { width: 4px } .section--misawaAssetManagement .underline:before { bottom: -1px } .section--misawaAssetManagement .swiper--misawaAssetManagement { padding-left: 20px; padding-right: 20px } .section--misawaAssetManagement .swiper--misawaAssetManagement2, .section--misawaAssetManagement .swiper--misawaAssetManagement3, .section--misawaAssetManagement .swiper--misawaAssetManagement4 { background-image: linear-gradient(0deg, #9da7b3, #9da7b3), linear-gradient(0deg, #fff, #fff); background-position: top, left 20px bottom; background-repeat: no-repeat, no-repeat; background-size: calc(100% - 40px) 1px, calc(100% - 20px) 1px } .section--misawaAssetManagement .swiper--misawaAssetManagement2:before, .section--misawaAssetManagement .swiper--misawaAssetManagement3:before, .section--misawaAssetManagement .swiper--misawaAssetManagement4:before { background-color: #fff; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .section--misawaAssetManagement .swiper--misawaAssetManagement2 .swiper-wrapper, .section--misawaAssetManagement .swiper--misawaAssetManagement3 .swiper-wrapper, .section--misawaAssetManagement .swiper--misawaAssetManagement4 .swiper-wrapper { margin-left: -14% } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1 { padding-left: 20px; padding-right: 20px } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 { background-image: linear-gradient(0deg, #c6c6c6, #c6c6c6); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2:before, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3:before, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4:before { border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-top-left-radius: 4px; bottom: 1px; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2 .swiper-wrapper, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3 .swiper-wrapper, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-wrapper { flex-direction: row; margin-left: -14%; padding-bottom: 104px } .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2 .swiper-slide+.swiper-slide, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3 .swiper-slide+.swiper-slide, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 .swiper-slide+.swiper-slide { margin-top: 0 } .section--misawaTV { background-image: url(/homelounge/assets/images/theater/misawaTV/bg_1-sp.png), linear-gradient(0deg, #fff, #fff); background-position: right -25px top, top; background-size: 272px auto, 100% 53px; padding-bottom: 60px; padding-top: 218px; position: relative } .swiper--misawaTV1:before, .swiper--misawaTV2:before, .swiper--misawaTV3:before { border-top-left-radius: 4px; height: 72px; width: 160px } .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper, .swiper--columnAndCarousel.swiper--misawaTV2, .swiper--columnAndCarousel.swiper--misawaTV3 { padding-bottom: 119px } .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-wrapper, .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-wrapper { flex-direction: row; padding: 0 } .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-slide+.swiper-slide, .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-slide+.swiper-slide { margin-top: 0 } .section--moiMisawa { padding-bottom: 100px; padding-top: 64px } .section--moiMisawa .sectionHeading__mainTitle:after { bottom: 0; height: 80px; left: 187px; width: 80px } .swiper--noCarousel.swiper--moiMisawa { background-image: linear-gradient(0deg, #fff, #fff); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px } .swiper--noCarousel.swiper--moiMisawa:before { background-color: #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .swiper--noCarousel.swiper--moiMisawa .swiper-wrapper { flex-direction: row; margin-left: -14%; padding-bottom: 104px } .swiper--noCarousel.swiper--moiMisawa .swiper-slide+.swiper-slide { margin-top: 0 } .swiper--noCarousel.swiper--moiMisawa .swiper-slide[data-is-new=true] .columnAndCarousel__content:after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-sp.svg) } .section--newEra { padding-bottom: 32px; padding-top: 64px } .underline:before { bottom: -1px } .swiper--newEra { padding-left: 20px; padding-right: 20px } .swiper--noCarousel.swiper--newEra2 { background-image: linear-gradient(0deg, #c6c6c6, #c6c6c6); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px } .swiper--noCarousel.swiper--newEra2:before { border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .swiper--noCarousel.swiper--newEra2 .swiper-wrapper { flex-direction: row; margin-left: -14%; padding-bottom: 104px } .swiper--noCarousel.swiper--newEra2 .swiper-slide+.swiper-slide { margin-top: 0 } .swiper--noCarousel.swiper--newEra3 { background-image: linear-gradient(0deg, #c6c6c6, #c6c6c6); background-position: 20px bottom; background-repeat: no-repeat; background-size: 100% 1px } .swiper--noCarousel.swiper--newEra3:before { border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .swiper--noCarousel.swiper--newEra3 .swiper-wrapper { flex-direction: row; margin-left: -14%; padding-bottom: 104px } .swiper--noCarousel.swiper--newEra3 .swiper-slide+.swiper-slide { margin-top: 0 } .section--studyWithAnne { background-image: url(/homelounge/assets/images/theater/studyWithAnne/bg_2-sp.png); background-position: left 5px bottom 15px; background-size: 254px auto; padding-bottom: 218px; padding-top: 64px } .section--studyWithAnne .swiper--columnAndCarousel.swiper--noCarousel { margin-top: 44px; padding-top: 44px } .section--studyWithAnne .swiper--columnAndCarousel.swiper--noCarousel .swiper-slide+.swiper-slide { margin-top: 0 } .section--studyWithAnne .swiper--columnAndCarousel.swiper--noCarousel .swiper-wrapper { flex-direction: row; padding-bottom: 95px } .swiper--studyWithAnne0 { background-image: none } .swiper--studyWithAnne0 .swiper-wrapper { padding: 0 20px } .swiper--studyWithAnne1, .swiper--studyWithAnne2, .swiper--studyWithAnne3, .swiper--studyWithAnne4 { background-image: linear-gradient(0deg, #9da7b3, #9da7b3), linear-gradient(0deg, #fff, #fff); background-position: top, left 20px bottom; background-repeat: no-repeat, no-repeat; background-size: calc(100% - 40px) 1px, calc(100% - 20px) 1px } .swiper--studyWithAnne1:before, .swiper--studyWithAnne2:before, .swiper--studyWithAnne3:before, .swiper--studyWithAnne4:before { background-color: #fff; border-top-left-radius: 4px; bottom: 0; content: ""; display: block; height: 72px; position: absolute; right: 0; width: 160px; z-index: 1 } .swiper--studyWithAnne1 .swiper-wrapper, .swiper--studyWithAnne2 .swiper-wrapper, .swiper--studyWithAnne3 .swiper-wrapper, .swiper--studyWithAnne4 .swiper-wrapper { margin-left: -14% } .swiper--studyWithAnne4 .swiper-wrapper { padding: 0 20px } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne0 { margin-top: 0 !important } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne:first-child:before { content: none } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne:first-child .swiper-wrapper { background-image: none; padding-bottom: 0 } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne:last-child .swiper-lide:last-child { padding-right: 50vw } .studyWithAnne__inner--0 .swiper-wrapper { padding-bottom: 0 !important } .studyWithAnne__inner--0 .swiper--columnAndCarousel { margin-top: 0 !important } .studyWithAnne__inner--0 .swiper--studyWithAnne { padding: 0 20px } .about .closeButton { background-color: #edf0f2; position: fixed } .about__containerInner { padding-bottom: 100px; padding-top: 80px } .about__info { margin-bottom: 40px; padding-left: 20px; padding-right: 20px } .about__title { margin-bottom: 22px } .about__title--en { margin-bottom: 13px; width: 55px } .about__title--ja { font-size: 2.2rem; line-height: 1.5 } .about__text { font-size: 1.4rem; line-height: 2 } .about__illust { margin-left: 2%; margin-right: -10% } .section--information { background-image: url(/homelounge/assets/images/top/information/bg_top-sp.png), url(/homelounge/assets/images/top/information/bg_bottom-sp.png), linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #fff); background-position: left calc(50% + 11px) top 15px, left calc(50% + 13px) bottom 0, top, bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 372px auto, 365px auto, 100% 59px, 100% 23px; padding-bottom: 288px; padding-top: 275px; position: relative } .section--information .section__inner { margin-top: 40px; padding: 0 15px } .informationRow+.informationRow { margin-top: 44px } .topKv--logout { min-height: 576px } .topKv__bg.ended { background-image: url(/homelounge/assets/images/top/kv/logout/bg_sp.jpg) } .topKv__inner { justify-content: flex-end; padding-bottom: 52px } .topKv__main { padding-top: 80px } .topKv__title { max-width: 500px; -webkit-transform: translateX(-8%); transform: translateX(-8%); width: 73.4% } .min .topKv__title { width: 72% } .skipButton { border-radius: 40px; border-width: 1px; bottom: 24px; height: 22px; left: 0; margin-left: 20px; padding-left: 13px; width: 76px } .skipButton .skipButton__skip { width: 34px } .skipButton .roundButton__arrow { margin-left: 7px; width: 13px } .section--pickup { background-color: #0c436f } .pickup__inner { padding-top: 20px } .pickup__text { font-size: 1.5rem; margin-bottom: 9px } .pickup__footer { margin-top: 30px; padding-left: 20px } .topKv__aboutButton { background: hsla(0, 0%, 100%, .7); color: #0c436f; height: 25px; width: 160px } .topKv__aboutButton span { font-size: 1.15rem; line-height: 1.6522; position: relative } .topKv__copyRight { font-size: 1rem; line-height: 1; margin: 13px auto 0; padding-bottom: 18px } .infoCard { border-radius: 4px; box-shadow: 2px 2px 16px rgba(0, 45, 89, .16); padding: 18px 25px 0; width: 100% } .infoCard--campaign { margin-top: 175px; padding-left: 0; padding-right: 0; position: relative } .infoCard--campaign:before { background-image: url(/homelounge/assets/images/top/information/bg_center-sp.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; padding-top: 166px; position: absolute; right: 12px; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); width: 244px } .infoCard--campaign .cardHeading { padding: 0 25px } .campaign__contents { margin-top: 28px } .campaign__contents .swiper { padding: 0 0 104px } .campaign__contents .swiper-slide { padding: 0 25px } .campaign__contents .swiper-pagination-fraction { height: 72px; padding-top: 25px; width: 161px } .campaign__contents .swiper-pagination { font-size: 1.2rem } .campaign__contents .swiper-pagination-current { font-size: 2rem } .campaign__contents .swiper-pagination-total { font-size: 1.4rem } .campaign__contents .swiper-button-next, .campaign__contents .swiper-button-prev { bottom: 20px; height: 32px; width: 32px } .campaign__contents .swiper-button-next:after, .campaign__contents .swiper-button-prev:after { background-size: 13px 8px } .campaign__contents .swiper-button-prev { right: 107px } .campaign__contents .swiper-button-next { right: 22px } .cardHeading__title { font-size: 2.4rem; line-height: 1.5; margin-top: 15px } .cardHeading__description { font-size: 1.4rem; line-height: 1.7857; margin-top: 12px } .infoCard--event { padding-bottom: 32px } .roundButton--detail.eventListItemButtons__reserveButton { width: 144px } .eventListItemImage img { border-radius: 4px } .eventListItemTitle__text { font-size: 1.6rem; line-height: 1.4375 } .eventListItemTitle__address { font-size: 1rem; padding: 3px 5px } .eventListItemTitle__hallName { font-size: 1.2rem; line-height: 1.5 } .eventListItemDescription { font-size: 1.2rem; line-height: 1.6667; margin-top: 12px } .eventListItemDate { margin-top: 6px } .eventListItemDate, .eventListItemPlace { font-size: 1.2rem; line-height: 1.7083 } .tabList { background-position: 220px 39px; margin-top: 32px } .tabListIndexes { border-top-left-radius: 4px; border-top-right-radius: 4px; height: 40px; padding: 3px 3px 0; width: 220px } .tabListIndex { border-radius: 3px; height: 32px; width: 106px } .tabListIndex button { font-size: 1.4rem; line-height: 32px } .tabListContents { margin-top: 32px } .tabListContent--map { padding-bottom: 57px } .showroomMap { height: 295px } .showroomMapInfo h5 { font-size: 1.8rem; line-height: 1.6667; margin-top: 20px } .showroomMapInfo dd, .showroomMapInfo dt { font-size: 1.2rem; line-height: 1.5 } .showroomMapInfo dt { width: 83px } .showroomMapInfo dd { width: calc(100% - 83px) } .showroomMapInfo__image { border-radius: 4px; width: 145px } .showroomMapInfo__image img { border-radius: 4px } .showroomMapInfo__tel { color: #4878b6; text-decoration: underline } .showroomList__image { border-top-left-radius: 4px; border-top-right-radius: 4px } .showroomList__info h5 { font-size: 1.6rem; line-height: 1.4375 } .showroomList__info dd, .showroomList__info dt { font-size: 1.2rem; line-height: 2 } .showroomList__info dt { width: 84px } .showroomList__info dd { width: calc(100% - 84px) } .showroomListText__lower dl { margin-top: 20px; padding-top: 13px } .showroomList__button .roundButton { margin-top: 24px } .showroomList__button .roundButton+.roundButton { margin-top: 20px; width: 144px } .tabListContent--list .swiper { padding-bottom: 113px } .tabListContent--list .swiper-pagination-fraction { height: 72px; padding-top: 25px; right: -20px; width: 161px } .tabListContent--list .swiper-pagination { font-size: 1.2rem } .tabListContent--list .swiper-pagination-current { font-size: 2rem } .tabListContent--list .swiper-pagination-total { font-size: 1.4rem } .tabListContent--list .swiper-button-next, .tabListContent--list .swiper-button-prev { bottom: 20px; height: 32px; width: 32px } .tabListContent--list .swiper-button-next:after, .tabListContent--list .swiper-button-prev:after { background-size: 13px 8px } .tabListContent--list .swiper-button-prev { right: 87px } .tabListContent--list .swiper-button-next { right: 2px } .tabListContent--list .showroomList__button .roundButton { margin-top: 32px } .tabListContent--list .showroomList__button .roundButton+.roundButton { margin-top: 20px } } @media screen and (min-width:953px) and (max-width:1223px) { .header__logo { margin-right: 5px; width: 186px } .br--pcSmall { display: block } .headerReform .header__logo { margin-right: 0 } } @media screen and (min-width:953px) { .footerCopyright { margin-top: 8px; text-align: right } .header .roundButton, .header__account { margin-left: auto } .header__menuButton { display: none } .header__menuLists { align-items: center; display: flex; text-align: center } .header__menuList a { color: #fff; line-height: 1.5; padding-left: 21px; padding-right: 21px; text-align: left; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .header__menuList a:hover { font-weight: 700 } .header__menuList a:after { background-image: url(/homelounge/assets/images/common/header/menu_separate.svg); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) } .display-none--pcDesign, .header__menuList:last-child a:after { display: none } .headerReform .header__inner { justify-content: space-between } .myHomePage__banner { border-radius: 8px 0 0 8px; box-shadow: 8px 8px 16px rgba(0, 0, 0, .16); height: 80px; max-width: 340px; padding-left: 16px; position: absolute; right: 0; top: 120px; transition: all .3s cubic-bezier(.215, .61, .355, 1); z-index: 3 } .myHomePage__banner.myHomePage__banner--sp { display: none } .myHomePage__banner.myHomePage__banner--pc { display: block } .myHomePage__banner .myHomePage__bannerShoulderTitle { font-size: 1.5rem; line-height: 1.5333; margin-bottom: 5px } .myHomePage__banner .myHomePage__bannerTitle--en { margin-bottom: 5px; width: 202px } .header__otherLoungeMenu { max-width: 295px; position: relative; width: 100%; z-index: 2 } .header__otherLoungeMenu:hover .header__otherLoungeMenuLists { height: 294px } .header__menuInner .header__otherLoungeMenu { display: none } .header__otherLoungeMenuButton { align-items: center; background-color: #0c436f; color: #fff; display: flex; font-weight: 700; height: 80px; justify-content: center; letter-spacing: .1em; line-height: 1.5625; padding: 0 10px; width: 100% } .header__otherLoungeMenuButtonArrow { height: 33px; margin-left: 12px; width: 32px } .header__otherLoungeMenuButtonArrow svg { vertical-align: top; width: 100% } .header__otherLoungeMenuLists { height: 0; overflow: hidden; position: absolute; right: 0; top: 80px; transition: all .3s cubic-bezier(.215, .61, .355, 1); width: 295px } .header__otherLoungeMenuListsInner { background-color: #0c436f; padding: 33px 22px 40px } .header__otherLoungeMenuList { color: #fff; font-size: 1.5rem; font-weight: 500; line-height: 1.7333 } .header__otherLoungeMenuList+.header__otherLoungeMenuList { padding-top: 32px } .header__otherLoungeMenuList a { display: block; margin-top: 16px; transition: all .3s cubic-bezier(.215, .61, .355, 1) } .header__otherLoungeMenuList a:hover { opacity: .7 } .header__otherLoungeMenuList img { width: 100% } .header__reformButton { max-width: 295px; width: 100% } .header__menuInner .header__reformButton { display: none } .header__reformButtonLink { align-items: center; background-color: #0c436f; color: #fff; display: flex; font-size: 1.6rem; font-weight: 700; height: 80px; justify-content: center; letter-spacing: .1em; line-height: 1.5625; padding: 0 10px; transition: all .3s cubic-bezier(.215, .61, .355, 1); width: 100% } .header__reformButtonLink:hover { opacity: .7 } .header__reformButtonArrow { height: 33px; margin-left: 12px; width: 32px } .header__reformButtonArrow svg { vertical-align: top; width: 100% } } @media screen and (min-width:769px) and (max-width:1600px) { .gallery_example__recommend { background-position: left 1150px top 0, top } .infoCard--event { max-width: none; width: 100% } } @media screen and (min-width:1920px) { .section--reform03__bg01:before { margin: 482px } .reform--sticky_title01 { right: 34px; width: 49px } .reform--arrow01 { height: 168px; top: -84px } .reform--arrow01:after { width: 40px } .reform--arrow01__text { left: 18px; top: 8px; width: 212px } .reform--keyvisual00 { border-radius: 0 0 0 340px } .reform--keyvisual00__slide01 .swiper-slide { border-radius: 40px } .reform--keyvisual01 { border-radius: 0 0 0 240px } .reform--pagelinks__pagelink01>li>a span { min-height: 44px } .reform--pagelinks__pagelink01>li:first-child>a { background-size: 42px; padding: 0 0 0 56px } .reform--pagelinks__pagelink01>li:nth-child(2)>a { background-size: 42px; padding: 0 56px 0 0 } .reform--box01__img01 { border-bottom-right-radius: 190px } .reform--box03__frame01 { border-radius: 80px } .reform--box03__photo01 { border-bottom-right-radius: 90px; border-top-left-radius: 90px } .reform--box03__slide01__photo01 { border-radius: 40px } .reform--box04__frame01 { border-radius: 80px } .reform--box04__frame01__photo01 { border-bottom-right-radius: 90px; border-top-left-radius: 90px } .reform--box04__frame01__img01>li:first-child div:after, .reform--box04__frame01__img01>li:first-child img { border-radius: 20px } .reform--box04__frame02 { border-radius: 0 80px 0 80px } .reform--box04__frame02__img01>li:first-child img { border-radius: 20px } .reform--box05__img01 { border-bottom-right-radius: 160px } .reform--box05__img02>li { border-radius: 40px } .reform--box06__frame01 { border-radius: 80px } .reform--box06__photo01 { border-bottom-right-radius: 90px; border-top-left-radius: 90px } .reform--box07__slide01 .swiper-slide { border-radius: 32px } .reform--box08__photo01__upper { border-bottom-right-radius: 190px } .reform--box08__photo01__lower img { border-bottom-right-radius: 120px } .reform--box08__slide01__photo01__upper { border-bottom-right-radius: 48px; border-top-left-radius: 48px } .reform--box08__slide01__photo01__lower img { border-radius: 24px } .reform--box09__photo01 { border-bottom-right-radius: 160px } .reform--box09__photo02>li { border-radius: 40px } .reform--box10__photo01 { border-bottom-right-radius: 160px } .reform--box11__img01 { border-bottom-right-radius: 190px } .reform--box13__photo01__img__shadow { border-radius: 0 0 197px 0 } .reform--box13__photo01__img img { border-radius: 0 0 176px 0 } .reform--box13__photo02>li .reform--box13__photo02__img__shadow { border-radius: 98px 0 } .reform--box13__photo02>li .reform--box13__photo02__img img { border-radius: 80px 0 } .reform--box15__photo01, .reform--box16__photo01 { border-bottom-right-radius: 160px } .reform--box18__frame01 { border-radius: 0 70px 0 70px } .reform--box18__label01 { border-radius: 0 0 34px 0 } .reform--box18__list01__list01>li.bgcolor01, .reform--box18__list01__list01__photo01, .reform--box18__list01__photo01, .reform--box18__list02__photo01 { border-radius: 8px } .reform--box19__photo01__movie { border-radius: 0 0 230px 0 } .reform--box19__photo01__movie video { border-radius: 0 0 225px 0 } .reform--box20__list01__frame01 { border-radius: 120px 0 0 0 } .reform--box20__list01__frame01__title01__main>span { background-size: 22px; padding: 0 28px } .reform--box21__photo01 { border-radius: 0 0 0 190px } .reform--box21__photo02 { border-radius: 0 0 190px 0 } .reform--box22__title01__img { height: 166px } .reform--box22__slide01 .swiper-slide, .reform--box23__slide01__photo01 { border-radius: 32px } .reform--box23__button01 { border-radius: 24px } .reform--box23__button01__text { font-size: 20px } .header__logo { margin-right: 110px } .headerReform .header__logo { margin-right: 60px } .kv .kv__title { margin-left: 210px } .scale { -webkit-transform: scale(.65); transform: scale(.65) } .loungeMenu__contentInner { margin-left: 0 } .loungeMenu__footer { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .swiper-recommendCarousel .swiper-slide { min-height: 330px; width: 370px } .swiper--columnAndCarousel.swiper--calendar .swiper-slide, .swiper--homeClubOnline .swiper-slide, .swiper--misawaDigitalMuseum .swiper-slide { width: 516px } .loungeIntroductionMovie__movie+.loungeIntroductionMovie__movie { margin-left: 64px } .loungeIntroductionMovie__movie img { border-radius: 16px } .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-slide { width: 516px } .swiper--studyWithAnne .swiper-slide { padding-right: 42px } .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne1 .swiper-slide:first-child:before { background-position: left 21px top; left: -42px; width: 42px } .topKv__title { margin-left: -18px } .skipButton { margin-left: 81px } } @media screen and (min-width:769px) and (min-width:1920px) { .reform--keyvisual01__title01__sub01 { font-size: 24px } .reform--keyvisual01__title01__sub02 { font-size: 40px } .reform--keyvisual01__title01__main { font-size: 72px } .reform--keyvisual01__text01 { font-size: 18px } .reform--keyvisual01__note01 { font-size: 13px } .reform--pagelinks__pagelink01>li>a span { font-size: 20px } .reform--box01__text01 { font-size: 44px } .reform--box01__text02 { font-size: 18px } .reform--box01__note01 { font-size: 13px } .reform--box02__text01 { font-size: 44px } .reform--box02__text02 { font-size: 18px } .reform--box03__text01 { font-size: 38px } .reform--box03__text02 { font-size: 18px } .reform--box03__slide01__text01 { font-size: 24px } .reform--box03__slide01__text02 { font-size: 16px } .reform--box03__slide01__text02 span { font-size: 12px } .reform--box04__frame01__text01 { font-size: 38px } .reform--box04__frame01__text02 { font-size: 18px } .reform--box04__frame01__img01>li>p { font-size: 16px } .reform--box04__frame01__img01>li>p>span { font-size: 10px } .reform--box04__frame02__text01 { font-size: 22px } .reform--box04__frame02__text01 .small, .reform--box04__frame02__text02 { font-size: 15px } .reform--box04__frame02__img01>li>p { font-size: 14px } .reform--box04__frame02__note01 { font-size: 12px } .reform--box05__text01 { font-size: 44px } .reform--box05__text02 { font-size: 18px } .reform--box06__text01 { font-size: 38px } .reform--box06__text02 { font-size: 18px } .reform--box07__text01 { font-size: 44px } .reform--box07__slide01__text01>p:first-child { font-size: 18px } .reform--box07__slide01__text01>p:last-child { font-size: 22px } .reform--box07__slide01__text02 { font-size: 16px } .reform--box08__text01 { font-size: 44px } .reform--box08__text02 { font-size: 18px } .reform--box08__photo01__lower p, .reform--box08__photo01__lower:after, .reform--box08__photo01__upper:after { font-size: 28px } .reform--box08__slide01__photo01__lower:after, .reform--box08__slide01__photo01__upper:after { font-size: 20px } .reform--box08__slide01__photo01__lower p { font-size: 22px } .reform--box09__photo01>p { font-size: 24px } .reform--box09__text01 { font-size: 44px } .reform--box09__text02 { font-size: 18px } .reform--box09__photo02>li>p { font-size: 24px } .reform--box10__text01 { font-size: 44px } .reform--box10__text02 { font-size: 18px } .reform--box10__note01 { font-size: 13px } .reform--box11__text01 { font-size: 44px } .reform--box11__text02 { font-size: 18px } .reform--box11__note01 { font-size: 13px } .reform--box12__text01 { font-size: 44px } .reform--box12__text02 { font-size: 18px } .reform--box12__text02 span { font-size: 14px } .reform--box13__text01 { font-size: 64px } .reform--box13__photo01__img>p { font-size: 20px } .reform--box13__photo01>p { font-size: 24px } .reform--box13__photo02>li .reform--box13__photo02__img>p { font-size: 20px } .reform--box13__photo02>li>p { font-size: 24px } .reform--box14__text01 { font-size: 32px } .reform--box14__img01 li p { font-size: 22px } .reform--box14__note01 { font-size: 14px } .reform--box15__text01 { font-size: 44px } .reform--box15__text02 { font-size: 18px } .reform--box16__text01 { font-size: 44px } .reform--box16__text02 { font-size: 18px } .reform--box17__text01 { font-size: 44px } .reform--box17__text02 { font-size: 18px } .reform--box18__label01 { font-size: 35px } .reform--box18__list01__title01 { font-size: 28px } .reform--box18__list01__text01, .reform--box18__list01__title01>.small { font-size: 20px } .reform--box18__list01__list01__text01 { font-size: 16px } .reform--box18__list01__list01__subttl01 { font-size: 28px } .reform--box18__list01__list01__text02 { font-size: 16px } .reform--box18__list02__title01 { font-size: 28px } .reform--box18__list02__text01, .reform--box18__list02__title01>.small { font-size: 20px } .reform--box18__note01, .reform--box18__note02 { font-size: 18px } .reform--box19__title02__sub { font-size: 32px } .reform--box19__text01 { font-size: 18px } .reform--box20__list01__frame01__title01__sub01 { font-size: 19px } .reform--box20__list01__frame01__title01__sub02 { font-size: 26px } .reform--box20__list01__frame01__title01__main { font-size: 48px } .reform--box20__list01__frame01__text01 { font-size: 16px } .reform--box20__list01__frame01__note01 { font-size: 13px } .reform--box20__list01__frame02 { font-size: 16px } .reform--box21__title02 { font-size: 56px } .reform--box21__text01 { font-size: 22px } .reform--box22__title01__text { font-size: 32px } .reform--box22__text01 { font-size: 22px } .reform--box22__slide01__text01 { font-size: 18px } .reform--box22__slide01__text02 { font-size: 16px } .reform--box23__title01__text { font-size: 32px } .reform--box23__text01 { font-size: 22px } .reform--box23__title02 { font-size: 36px } .reform--box23__slide01__text01 { font-size: 18px } .reform--box24__title02 { font-size: 56px } .reform--box24__text01, .reform--box25__text01, .reform--box26__text01 { font-size: 22px } } @media screen and (min-width:769px) and (min-width:769px) { .reform--box23__slide01 ul li>a:hover { opacity: .7 } } @media screen and (min-width:769px) and (max-width:768px) { .loungeMenu__button:active, .reform--box23__slide01 ul li>a:active { opacity: .7 } } @media (min-width:640px) { .gallery_example .o-section__body { margin-top: 32px } .gallery_example .container { max-width: 664px } } @media (min-width:768px) { .gallery_example .container { max-width: 792px } .gallery_example .m-define-list__list { flex-flow: row wrap } .gallery_example .m-define-list__item { min-height: auto } .gallery_example .m-define-list__body, .gallery_example .m-define-list__title { padding-bottom: 20px; padding-top: 20px } .gallery_example .m-define-list__title { flex: 0 0 175px } .gallery_example .m-define-list__body { padding-left: 48px; padding-right: 16px } } @media (min-width:1024px) { .gallery_example .container { max-width: 1048px } } @media (min-width:1200px) { .gallery_example .container { max-width: 1224px } } @media screen and (min-width:1335px) { #bcModal .modal__container { width: 1335px } .bcModal__video { height: 100%; min-width: 1040px; width: 100% } .bcModal__related { height: 585px; min-width: 235px; padding: 32px 30px } .bcModal__related--withBg { background-image: url(/homelounge/assets/images/common/bg_bcModal.png); background-position: right 40px bottom; background-repeat: no-repeat; background-size: auto 170px } .relatedItem__title { margin-top: 12px } } @media screen and (max-width:1334px) { #bcModal .modal__container { max-width: 600px; width: 100% } #bcModal .modal__content { flex-direction: column } .bcModal__video { width: 100% } .bcModal__related { padding: 32px 20px; width: 100% } .relatedItem { align-items: center; display: flex } .relatedItem__title { flex: 1; margin-left: 12px } } @media screen and (min-width:1000px) { .columnAndCarousel__singleCategory h3, .footer__inner, .swiper--columnAndCarousel .swiper-wrapper { padding: 0 144px } .roundButton+.header__reformButton .header__reformButtonArrow { height: 32px; width: 32px } .swiper-recommendCarousel--1:before, .swiper-recommendCarousel--2:before, .swiper-recommendCarousel--3:before, .swiper-recommendCarousel--4:before { content: none } .sectionHeading__inner { padding-left: 144px; padding-right: 90px } .swiper--columnAndCarousel.swiper--latestCaseMovie, .swiper--latestCase { padding-left: 144px; padding-right: 144px } .section--misawaAssetManagement .swiper--misawaAssetManagement, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4, .swiper--basicAndCommon, .swiper--misawaVR { padding: 0 144px } .swiper--columnAndCarousel.swiper--misawaTV2, .swiper--columnAndCarousel.swiper--misawaTV3 { padding-left: 144px; padding-right: 144px } .section--information .section__inner, .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne0, .studyWithAnne__inner, .swiper--moiMisawa, .swiper--newEra, .swiper--noCarousel.swiper--moiMisawa, .swiper--noCarousel.swiper--newEra2, .swiper--noCarousel.swiper--newEra3 { padding: 0 144px } } @media screen and (min-width:769px) and (max-width:999px) { .columnAndCarousel__singleCategory h3, .footer__inner, .swiper--columnAndCarousel .swiper-wrapper { padding: 0 40px } .sectionHeading__inner, .swiper--columnAndCarousel.swiper--latestCaseMovie, .swiper--latestCase { padding-left: 40px; padding-right: 40px } .swiper--basicAndCommon, .swiper--misawaVR { padding: 0 40px } .section--calendar { background-position: left 360px top 420px; background-size: 740px auto } .section--calendar .mainTitle__sup { font-size: 2rem; left: 450px } .section--calendar .mainTitle__sup img { width: 90px } .section--misawaAssetManagement { background-position: left 360px top 420px; background-size: 740px auto } .section--misawaAssetManagement .mainTitle__sup { font-size: 2rem; left: 450px } .section--misawaAssetManagement .mainTitle__sup img { width: 90px } .section--misawaAssetManagement .swiper--misawaAssetManagement, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement1, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement2, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement3, .section--misawaAssetManagement .swiper--noCarousel.swiper--misawaAssetManagement4 { padding: 0 40px } .swiper--columnAndCarousel.swiper--misawaTV2, .swiper--columnAndCarousel.swiper--misawaTV3 { padding-left: 40px; padding-right: 40px } .swiper--moiMisawa, .swiper--newEra, .swiper--noCarousel.swiper--moiMisawa, .swiper--noCarousel.swiper--newEra2, .swiper--noCarousel.swiper--newEra3 { padding: 0 40px } .section--studyWithAnne { background-position: left 900px top 128px } .section--information .section__inner, .section--studyWithAnne .studyWithAnne__inner--1 .swiper--studyWithAnne0, .studyWithAnne__inner { padding: 0 40px } } @media screen and (min-width:769px) and (max-width:990px) { .contactSection { padding-left: 40px; padding-right: 40px } } @media screen and (min-width:769px) and (max-width:1888px) { .contactSection__inner { align-items: center; flex-direction: column; margin: 0 auto } .contactSection__contact { margin-bottom: 80px; padding-left: 0 } .contactSection__information { padding: 80px 0 0 } .contactSection__information:before { height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 991px } } @media screen and (min-width:769px) and (max-width:1359px) { .contactSection__lists { justify-content: center; max-width: 660px } .contactSection__list { margin-right: 90px; margin-top: 80px } .contactSection__list:first-child { margin-left: 90px; margin-top: 0 } .contactSection__list:last-child { margin-right: 0 } .section--studyWithAnne .studyWithAnne__inner--1 { background-position: bottom 20px left 900px } } @media screen and (min-width:1360px) { .contactSection__list:not(:last-child) { margin-right: 68px } } @media screen and (min-width:769px) and (max-width:1294px) { .contactSection__information:before { width: 660px } } @media screen and (min-width:1150px) { .footerLower { margin-top: 15px } .footerLogos { align-items: center; justify-content: space-between; width: 100% } } @media screen and (max-width:1149px) { .footerLower { margin-top: 20px } .footerLogos { flex-direction: column } } @media screen and (min-width:1921px) { .footerPagetop.footerPagetop--stopped { right: 0; -webkit-transform: translateX(calc(50% - 1013px + 50vw)); transform: translateX(calc(50% - 1013px + 50vw)) } .topKv__inner { padding-top: 163px } } @media screen and (min-width:769px) and (max-width:1149px) { .footerLogos__logo { margin-top: 20px } } @media screen and (max-width:952px) { .footerCopyright { margin-top: 18px; text-align: center } .header__menuButton { align-items: center; display: flex; justify-content: center; position: relative; z-index: 10 } .header__menuButton>span, .header__menuButton>span:after, .header__menuButton>span:before { background-color: #fff; display: block; height: 2px; opacity: 1; transition: all .3s ease-out; width: 100% } .header__menuButton>span:after, .header__menuButton>span:before { content: ""; position: absolute } [data-menu=open] .header__menuButton>span { background-color: transparent } [data-menu=open] .header__menuButton>span:after, [data-menu=open] .header__menuButton>span:before { background-color: #fff } [data-menu=open] .header__menuButton>span:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } [data-menu=open] .header__menuButton>span:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .header__menu { background-color: #edf0f2; height: 100vh; left: 0; padding-top: 40px; position: fixed; -webkit-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1); transition: transform .3s cubic-bezier(.215, .61, .355, 1); transition: transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1); width: 100% } [data-menu=open] .header__menu { -webkit-transform: translateX(0); transform: translateX(0) } .header__menuInner { -ms-overflow-style: none; max-height: 100%; overflow-y: auto; scrollbar-width: none; width: 100% } .header__menuInner::-webkit-scrollbar { display: none } .header__menuLists { width: 100% } .header__menuList:not(:last-child) { border-color: #fff; border-bottom: 1px #fff; border-style: solid } .header__menuList a { color: #0c436f; padding: 24px 0 } .header__menuList a:after { background-image: url(/homelounge/assets/images/common/arrow_navy.svg); height: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px } .headerReform.type02 .header__menu { background-color: #f8f7f4 } .headerReform.type02 .header__menuList a { color: #413434 } .headerReform.type02 .header__menuList a:after { background-image: url(/homelounge/assets/images/common/arrow_navy_02.svg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } .myHomePage__banner { border-radius: 8px; box-shadow: 4px 4px 8px rgba(0, 0, 0, .16); display: block; height: 90px; margin: 0 auto; max-width: 335px; padding-left: 22px } .myHomePage__banner.myHomePage__banner--sp { display: block } .myHomePage__banner.myHomePage__banner--pc { display: none } .myHomePage__banner .myHomePage__bannerShoulderTitle { font-size: 1.45rem; line-height: 1.5172; margin-bottom: 5px } .myHomePage__banner .myHomePage__bannerTitle--en { margin-bottom: 5px; width: 185px } .header__otherLoungeMenu { display: none } .header__menuInner .header__otherLoungeMenu { display: block; margin-bottom: 18px; margin-left: -20px; width: 100vw } .header__menuInner .header__otherLoungeMenu .header__otherLoungeMenuSP { background-color: #fff; display: block; padding-left: 20px; padding-right: 20px } .header__menuInner .header__otherLoungeMenu .header__otherLoungeMenuSP+.header__otherLoungeMenuSP { margin-top: 2px } .header__menuInner .header__otherLoungeMenu a { display: block; padding-bottom: 18px; padding-top: 18px; position: relative } .header__menuInner .header__otherLoungeMenu a:after { background-image: url(/homelounge/assets/images/common/arrow_navy.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 11px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px } .header__menuInner .header__otherLoungeMenu .header__otherLoungeMenuSPText { color: #0c436f; font-size: 1.7rem; line-height: 1.1765 } .header__menuInner .header__otherLoungeMenu .header__otherLoungeMenuSPImage { margin-top: 12px; width: 250px } .header__reformButton { display: none } .header__menuInner .header__reformButton { display: block; margin: 44px auto 0; width: 250px } .header__menuInner .header__reformButton .header__reformButtonLink { display: block } .header__menuInner .header__reformButton img { width: 100% } } @media screen and (min-width:769px) and (max-width:952px) { .header__account { margin-right: 24px } .header__account .header__accountName { font-size: 1.8rem; padding-left: 33px } .header__account .header__accountName svg { width: 25px } .header__account .header__accountName .accountName { max-width: 13rem } .header .roundButton { font-size: 1.6rem; line-height: 1.5625; padding: 4px 0 3px 32px; width: 221px } .header .roundButton__arrow { height: 12.71px; right: 11px; width: 20.71px } .header__inner { justify-content: flex-end; padding-right: 40px } .header__logo { margin-right: auto; width: 230px } .header__menuButton { height: 60px; width: 30px } .header__menuButton>span:before { -webkit-transform: translateY(-13px); transform: translateY(-13px) } .header__menuButton>span:after { -webkit-transform: translateY(13px); transform: translateY(13px) } .header__menu { top: 80px } .header__menuInner { margin: 0 auto; max-width: 750px; padding-bottom: 122px; padding-left: 40px; padding-right: 40px } .header__menuList { font-size: 1.8rem } .headerReform .roundButton { font-size: 1.3rem; line-height: 1.5385; padding: 3px 0 2px 26px; width: 181px } .header__menuInner .header__otherLoungeMenu { max-width: 710px } } @media screen and (min-width:1600px) { .header__account .header__accountName { font-size: 1.8rem; padding-left: 33px } .header__account .header__accountName svg { width: 25px } .header__account .header__accountName .accountName { max-width: 13rem } .header .roundButton { font-size: 1.6rem; line-height: 1.5625; padding: 4px 0 3px 32px; width: 221px } .header .roundButton__arrow { height: 12.71px; right: 11px; width: 20.71px } .header__logo { width: 317px } .header__menuList { font-size: 1.8rem } .header__menuList a:after { height: 17.499px; width: 9.053px } .header__otherLoungeMenuButton { font-size: 1.6rem } .section--calendar, .section--misawaAssetManagement { background-position: right -44px top 387px } .section--studyWithAnne { background-position: right -44px top 128px } } @media screen and (min-width:953px) and (max-width:1599px) { .header__account .header__accountName { font-size: 1.3rem; padding-left: 26px } .header__account .header__accountName svg { width: 18.33px } .header__account .header__accountName .accountName { max-width: 9.5rem } .header .roundButton { font-size: 1.3rem; line-height: 1.5385; padding: 3px 0 2px 26px; width: 181px } .header .roundButton__arrow { height: 9.84px; right: 9px; width: 16.4px } .header__menuList { font-size: 1.3rem } .header__menuList a:after { height: 21px; width: 6px } .header__otherLoungeMenuButton, .header__reformButtonLink { font-size: 1.3rem } } @media screen and (min-width:1224px) { .header__inner { justify-content: flex-start } } @media screen and (min-width:953px) and (max-width:1224px) { .header__inner { justify-content: flex-start } .header__otherLoungeMenu, .header__reformButton { margin-left: 8px } } @media screen and (min-width:1224px) and (max-width:1919px) { .header__logo { margin-right: 5.7% } } @media screen and (min-width:1224px) and (max-width:1599px) { .header__logo { width: 231px } } @media screen and (min-width:1330px) and (max-width:1919px) { .headerReform .header__logo { margin-right: 2% } } @media screen and (min-width:1224px) and (max-width:1329px) { .headerReform .header__logo { margin-right: 0 } } @media screen and (min-width:1500px) { .headerReform .header__logo { width: 337px } } @media screen and (min-width:1100px) and (max-width:1499px) { .headerReform .header__logo { width: 260px } } @media screen and (min-width:769px) and (max-width:1099px) { .headerReform .header__logo { width: 220px } } @media screen and (min-width:953px) and (max-width:1430px) { .headerReform .br--pcSmall { display: block } } @media screen and (min-width:1800px) { .headerReform.type02 .header__menuList { font-size: 1.8rem } } @media screen and (min-width:1100px) and (max-width:1799px) { .headerReform.type02 .header__menuList { font-size: 1.3rem } } @media screen and (min-width:953px) and (max-width:1099px) { .headerReform.type02 .header__menuList { font-size: 1rem } .headerReform.type02 .header__menuList a { padding: 0 16px } } @media screen and (min-width:1451px) and (max-width:1780px) { .myHomePage__banner { bottom: 280px; top: auto } } @media screen and (min-width:953px) and (max-width:1450px) { .myHomePage__banner { background-size: 60px auto; bottom: 210px; height: 66px; padding-left: 11px; top: auto; width: 254px } .myHomePage__banner .myHomePage__bannerShoulderTitle { font-size: 1.2rem } .myHomePage__banner .myHomePage__bannerTitle--en { width: 145px } .myHomePage__banner .myHomePage__bannerTitle--ja { font-size: 1rem } } @media screen and (max-height:900px) { .myHomePage .myHomePage__overlay { display: block } .myHomePage .myHomePage__container { margin: 0 auto } } @media screen and (min-width:769px) and (max-width:1030px) { .myHomePageCarousel .myHomePageCarousel__content { display: block } .myHomePageCarousel .myHomePageCarousel__image { margin: 0 auto 64px } .myHomePageCarousel .myHomePageCarousel__detail { max-width: none } .myHomePageCarousel .myhomepage__linkButton { bottom: auto; margin: 64px auto 0; position: static; right: auto } } @media screen and (min-width:1225px) { .header__otherLoungeMenu, .header__reformButton { margin-left: 30px } } @media screen and (min-width:1301px) and (max-width:1599px) { .header__otherLoungeMenu, .header__reformButton { width: 240px } .topKv__inner { padding-top: 8.3% } } @media screen and (min-width:953px) and (max-width:1300px) { .header__otherLoungeMenu { width: 130px } .header__otherLoungeMenuButtonText span { display: block; flex: 1 } .header__otherLoungeMenuButtonArrow { height: 21px; width: 20px } .header__reformButton { width: 130px } .header__reformButtonText span { display: block; flex: 1 } .header__reformButtonArrow { height: 21px; width: 20px } } @media screen and (min-width:1000px) and (max-width:1300px) { .roundButton+.header__reformButton { width: 230px } .roundButton+.header__reformButton .header__reformButtonText span { display: inline } } @media screen and (min-width:769px) and (max-width:1330px) { .kv { background-position: right 26% top } } @media screen and (min-width:1280px) { .loungeMenu--nomal .loungeMenu__contentLists { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 450px 420px; max-width: 1550px; row-gap: 10px; width: 1550px } .loungeMenu--nomal .loungeMenu__contentList--theater { grid-column: 1/3; grid-row: 1/3; max-width: none; width: 100% } .loungeMenu--nomal .loungeMenu__contentList--gallery { grid-column: 3/4; grid-row: 1/3 } .loungeMenu--nomal .loungeMenu__contentList--library { grid-column: 4/5; grid-row: 1/2 } .loungeMenu--nomal .loungeMenu__contentList--mylounge { grid-column: 4/5; grid-row: 2/3 } .loungeMenu--nomal .loungeMenu__contentList--theater .loungeMenu__infoLists { background-image: url(/homelounge/assets/images/common/loungemenu/theater_illust.png); background-position: bottom 40px right 35px; background-repeat: no-repeat; background-size: 281px auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr } .loungeMenu__info dd { min-height: 60px } .loungeMenu__contentList--theater .loungeMenu__infoLists { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr } .loungeMenu__contentList--theater .loungeMenu__infoList:first-child { grid-column: 1/2; grid-row: 1/2 } .loungeMenu__contentList--theater .loungeMenu__infoList:nth-child(2) { grid-column: 1/2; grid-row: 2/3 } .loungeMenu__contentList--theater .loungeMenu__infoList:nth-child(3) { grid-column: 1/2; grid-row: 3/4 } .loungeMenu__contentList--theater .loungeMenu__infoList:nth-child(4) { grid-column: 1/2; grid-row: 4/5; margin-bottom: 18px } .loungeMenu__container { overflow: hidden } .scale { -webkit-transform-origin: top; transform-origin: top } .loungeMenu__main { margin: 0 auto; position: relative; width: 1980px } .loungeMenu__mainInner { position: relative } .loungeMenu__headingInner { margin: 0; width: 1920px } .loungeMenu__content { width: 1970px } .loungeMenu__content:after { background-image: url(/homelounge/assets/images/common/loungemenu/pic_anne_pc.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 978px; position: absolute; right: 0; top: 148px; width: 410px; z-index: 1 } .loungeMenu__contentInner { width: 1920px } .loungeMenu__footer { padding-left: 0; width: 1920px } .loungeMenu__footerList+.loungeMenu__footerList { margin-top: 24px } .loungeMenu--allLoungeMenu .loungeMenu__contentListsWrapper { display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: 1fr; max-width: 1530px; width: 1530px } .loungeMenu--allLoungeMenu .loungeMenu__contentLists { display: grid } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--homelounge { grid-column: 1/4; grid-row: 1/2; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 0fr } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--otherlounge { grid-column: 4/5; grid-row: 1/2; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater { border-right: 2px solid #e2e2e2; grid-column: 1/2; grid-row: 1/3; z-index: 2 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--gallery { border-right: 2px solid #e2e2e2; grid-column: 2/3; grid-row: 1/3; z-index: 1 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--library { grid-column: 3/4; grid-row: 1/2 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--mylounge { grid-column: 3/4; grid-row: 2/3 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform, .loungeMenu--allLoungeMenu .loungeMenu__contentList--totikatuyo { margin-left: 10px } } @media screen and (min-width:769px) and (max-width:1279px) { .loungeMenu--nomal .loungeMenu__contentLists { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 800px; width: 100% } .loungeMenu--nomal .loungeMenu__contentList { margin: 0 0 40px; width: 47.5% } .loungeMenu--nomal .loungeMenu__contentList:not(:last-child) { margin-right: 10px } .loungeMenu--nomal .loungeMenu__contentList:nth-child(2) { margin-right: 0 } .loungeMenu .closeButton { background-color: rgba(12, 67, 111, .8); margin-left: auto; margin-right: 0; position: -webkit-sticky; position: sticky } .scale { margin-top: -48px } .loungeMenu__headingInner { display: block; padding-right: 40px; padding-top: 73px } .loungeMenu__headingTitle { margin-bottom: 16px } .loungeMenu__headingTitle:before { display: none } .loungeMenu__contentInner { padding-bottom: 0; padding-right: 40px } .loungeMenu__anne { display: block; z-index: 1 } .loungeMenu__anneInner { margin: -65px auto 0; width: 670px; z-index: 1 } .loungeMenu__footer { background-color: #fff; flex-wrap: wrap; justify-content: center; padding-bottom: 80px; padding-left: 40px; position: relative } .loungeMenu__footerText { margin-bottom: 24px; margin-right: 0; text-align: center; width: 100% } .loungeMenu__footerText span { display: inline-block } .loungeMenu--allLoungeMenu .loungeMenu__contentListsWrapper { padding-bottom: 100px } } @media screen and (min-width:745px) and (max-width:768px) { .loungeMenu--nomal .loungeMenu__contentList { padding: 36px 20px 80px } .loungeMenu__infoListButton { border-radius: 25px; height: 40px; width: 250px } .loungeMenu__contentList .loginButton, .loungeMenu__infoListButton { bottom: 40px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .loungeMenu--allLoungeMenu .loungeMenu__contentList { padding: 36px 20px 80px } } @media screen and (max-width:744px) { .loungeMenu--allLoungeMenu .loungeMenu__contentList, .loungeMenu--nomal .loungeMenu__contentList { padding: 36px 20px 32px } } @media screen and (min-width:769px) and (max-width:929px) { .loungeMenu__contentListTitle { min-height: 89.34px } } @media screen and (min-width:769px) and (max-width:930px) { .loungeMenu--nomal .loungeMenu__contentListTitle span { margin-bottom: 10px; width: 100% } .loungeMenu__container:before { height: 450px } } @media screen and (min-width:1760px) { .loungeMenu__container { min-height: 880px } .loungeMenu__container:before { -webkit-transform: scaleY(.65); transform: scaleY(.65) } } @media screen and (min-width:1615px) and (max-width:1759px) { .loungeMenu__container { min-height: 880px } .loungeMenu__container:before { -webkit-transform: scaleY(.65); transform: scaleY(.65) } .scale { margin-left: -100px; -webkit-transform: scale(.65); transform: scale(.65) } } @media screen and (min-width:1280px) and (max-width:1614px) { .loungeMenu__container { min-height: 820px } .loungeMenu__container:before { -webkit-transform: scaleY(.6); transform: scaleY(.6) } } @media screen and (min-width:931px) and (max-width:1279px) { .loungeMenu__container:before { height: 370px } } @media screen and (min-width:1760px) and (max-width:1919px) { .scale { -webkit-transform: scale(.65); transform: scale(.65) } } @media screen and (min-width:1470px) and (max-width:1614px) { .scale { margin-left: -130px; -webkit-transform: scale(.6); transform: scale(.6) } } @media screen and (min-width:1450px) and (max-width:1469px) { .scale { margin-left: -180px; -webkit-transform: scale(.6); transform: scale(.6) } } @media screen and (min-width:1420px) and (max-width:1449px) { .scale { margin-left: -200px; -webkit-transform: scale(.6); transform: scale(.6) } } @media screen and (min-width:1340px) and (max-width:1419px) { .scale { margin-left: -200px; -webkit-transform: scale(.6); transform: scale(.6) } } @media screen and (min-width:1280px) and (max-width:1339px) { .scale { margin-left: -260px; -webkit-transform: scale(.6); transform: scale(.6) } } @media screen and (max-width:1279px) { .loungeMenu__footerList { flex-direction: column } .loungeMenu__footerList+.loungeMenu__footerList { margin-top: 40px } } @media screen and (min-width:940px) and (max-width:1279px) { .loungeMenu--allLoungeMenu .loungeMenu__contentLists { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 780px; width: 100% } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--homelounge { position: relative } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--homelounge:before { background-color: #e2e2e2; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px } .loungeMenu--allLoungeMenu .loungeMenu__contentLists--otherlounge { margin-top: 80px } .loungeMenu--allLoungeMenu .loungeMenu__contentList { margin: 0 } .loungeMenu--allLoungeMenu .loungeMenu__contentList:nth-child(2) { margin-right: 0 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--theater:after { background-color: #e2e2e2; bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 110% } .loungeMenu--allLoungeMenu .loungeMenu__contentList--gallery:after { background-color: #e2e2e2; bottom: 0; content: ""; display: block; height: 2px; position: absolute; right: 0; width: 110% } } @media screen and (min-width:769px) and (max-width:939px) { .loungeMenu--allLoungeMenu .loungeMenu__contentLists { margin: 0 auto 60px; width: 380px } .loungeMenu--allLoungeMenu .loungeMenu__contentList { border-bottom: 2px solid #e2e2e2 } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform, .loungeMenu--allLoungeMenu .loungeMenu__contentList:last-child { border-bottom: none } .loungeMenu--allLoungeMenu .loungeMenu__contentList--reform { margin-bottom: 60px } } @media screen and (min-width:1935px) { .swiper-recommendCarousel .swiper-wrapper { margin: 0 auto; max-width: 1632px } .swiper--columnAndCarousel.swiper--calendar .swiper-wrapper, .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper, .swiper--homeClubOnline.swiper--columnAndCarousel .swiper-wrapper { max-width: 1632px } } @media screen and (min-width:2360px) { .main--theater .swiper-recommendCarousel:before { content: none } .main--theater .swiper-recommendCarousel .swiper-button-next, .main--theater .swiper-recommendCarousel .swiper-button-prev, .main--theater .swiper-recommendCarousel .swiper-pagination { display: none } } @media screen and (min-width:1700px) { .main--gallery .swiper-recommendCarousel:before, .main--library .swiper-recommendCarousel:before { content: none } .main--gallery .swiper-recommendCarousel .swiper-button-next, .main--gallery .swiper-recommendCarousel .swiper-button-prev, .main--gallery .swiper-recommendCarousel .swiper-pagination, .main--library .swiper-recommendCarousel .swiper-button-next, .main--library .swiper-recommendCarousel .swiper-button-prev, .main--library .swiper-recommendCarousel .swiper-pagination { display: none } } @media screen and (min-width:769px) and (max-width:1919px) { .main--top .section--recommend { background-position: bottom, left 1100px top } .loungeIntroductionMovie__movie+.loungeIntroductionMovie__movie { margin-left: 3.3% } .loungeIntroductionMovie__movie img { border-radius: .8333333333vw } } @media screen and (min-width:1850px) { .main--top .section--recommend .sectionHeading { padding-right: 720px } .main--top .section--recommend .sectionHeading__inner { max-width: 1200px } } @media screen and (min-width:769px) and (max-width:1849px) { .main--top .section--recommend .sectionHeading { padding-right: calc(100% - 1100px) } } @media screen and (min-width:1681px) { .main--theater .section--recommend { background-position: right 94px top, left calc(50% - 7px) bottom 69px } .main--library .section--recommend { background-position: right 57px top 0, left calc(50% + 211px) bottom 69px } } @media screen and (min-width:1451px) and (max-width:1680px) { .main--theater .section--recommend { background-position: left 900px top, left calc(50% - 7px) bottom 69px } .main--library .section--recommend { background-position: left 740px top 0, left calc(50% + 211px) bottom 69px } } @media screen and (min-width:769px) and (max-width:1509px) { .main--gallery .section--recommend { background-position: left 780px top 0, left calc(50% + 30px) bottom 69px } .section--calendar .sectionHeading__text, .section--misawaAssetManagement .sectionHeading__text { padding-right: calc(100% - 790px) } .section--misawaTV { background-position: top 0 left 900px, top } .section--misawaTV:before { left: 900px } .section--misawaTV:after { bottom: 542px; left: -80px } .section--misawaTV .sectionHeading__text { padding-right: calc(100% - 663px) } .section--moiMisawa, .section--newEra { background-position: top 90px left 900px } .section--newEra .sectionHeading__text, .section--studyWithAnne .sectionHeading__text { padding-right: calc(100% - 663px) } } @media screen and (min-width:769px) and (max-width:1400px) { .section--latestCase { background-position: left 890px top 35px } .section--latestCaseMovie { background-position: left 890px top 24px } .latestCaseMovie__lower { flex-direction: column } .latestCaseMovie__lower .columnAndCarousel__duration { margin-right: auto } .latestCaseMovie__lower .roundButton--detail { margin-left: auto } .section--misawaVR { background-position: left 890px top 0, top } .section--basicAndCommon { background-position: left 890px top 51px } .section--homeClubOnline { background-position: left 890px top 12px } .cardHeading--showroom .cardHeading__titles { align-items: flex-start; flex-direction: column } .cardHeading--showroom .cardHeading__titles:after { content: none } .cardHeading--showroom .cardHeading__description { margin-top: 13px; padding-left: 0 } } @media screen and (min-width:1400px) and (max-width:1750px) { .section--latestCase .sectionHeading, .section--latestCaseMovie .sectionHeading, .section--latestCaseMovieCentury .sectionHeading { padding-right: 30% } .section--misawaVR .sectionHeading { padding-right: 40% } } @media screen and (min-width:1000px) and (max-width:1399px) { .section--basicAndCommon .sectionHeading, .section--homeClubOnline .sectionHeading, .section--latestCase .sectionHeading, .section--latestCaseMovie .sectionHeading, .section--misawaVR .sectionHeading { padding-right: calc(100% - 890px) } } @media screen and (max-width:1750px) { .section--latestCase .sectionHeading__text br, .section--latestCaseMovie .sectionHeading__text br, .section--misawaVR .sectionHeading__text br { display: none } } @media screen and (max-width:1100px) { .section--misawaDigitalMuseum .sectionHeading__text br { display: none } } @media screen and (min-width:769px) and (max-width:1320px) { .breadcrumbs { padding-left: 40px } } @media screen and (min-width:1400px) and (max-width:1650px) { .section--basicAndCommon .sectionHeading { padding-right: 30% } } @media screen and (max-width:1650px) { .section--basicAndCommon .sectionHeading__text br { display: none } } @media screen and (min-width:1400px) and (max-width:1880px) { .section--homeClubOnline .sectionHeading { padding-right: 30% } } @media screen and (min-width:769px) and (max-width:1720px) { .section--homeClubOnline .sectionHeading .roundButton { margin-bottom: 31px; margin-top: -15px; position: static } } @media screen and (max-width:1880px) { .section--homeClubOnline .sectionHeading__text br { display: none } } @media screen and (min-width:750px) and (max-width:768px) { .library_article--0006 .library_article__contentsFlex p { font-size: 2.8rem } .library_article--0007 .image_list__boxTitle { font-size: 3rem } .library_article--0007 .image_list__boxText { font-size: 2.6rem } .library_article--0007 .image_list__boxCheck, .library_article--0007 .image_list__boxCheckList { font-size: 2.4rem } .library_article__headingTitle { font-size: 3.8rem } .library_article__contentsLinkButton { font-size: 2.2rem } .library_article__text--annotation { font-size: 1.8rem } .library_article__text--default { font-size: 2.8rem } .library_article__text--large { font-size: 3rem } .library_article__text--small { font-size: 1.6rem } .library_article__title--default { font-size: 1.8rem } .library_article__title--large { font-size: 3.8rem } .library_article__title--small { font-size: 1.8rem; margin-top: 33px } } @media screen and (min-width:500px) and (max-width:749px) { .library_article--0006 .library_article__contentsFlex p, .library_article--0007 .image_list__boxTitle { font-size: 2.25rem } .library_article--0007 .image_list__boxText { font-size: 1.95rem } .library_article--0007 .image_list__boxCheck, .library_article--0007 .image_list__boxCheckList { font-size: 1.8rem } .library_article__headingTitle { font-size: 2.9rem } .library_article__contentsLinkButton { font-size: 1.65rem } .library_article__text--annotation { font-size: 1.4rem } .library_article__text--default { font-size: 2.1rem } .library_article__text--large { font-size: 2.25rem } .library_article__text--small { font-size: 1.2rem } .library_article__title--default { font-size: 1.35rem } .library_article__title--large { font-size: 2.7rem } .library_article__title--small { font-size: 1.35rem } } @media screen and (min-width:769px) and (max-width:1040px) { .library_article--0007 .library_article__headingTitle { padding-left: 40px; padding-right: 40px } } @media screen and (min-width:500px) and (max-width:768px) { .library_article--0007 .library_article__headingImage { width: 100% } } @media screen and (min-width:1030px) { .library_article--0007 .clickButton.clickButton--01:before { height: 100px; width: 100px } .library_article--0007 .clickButton.clickButton--02:before { height: 78px; width: 100px } .library_article--0007 .clickButton.clickButton--03:before, .library_article--0007 .clickButton.clickButton--05:before { height: 100px; width: 100px } } @media screen and (min-width:1080px) { .library_article--0007 .clickButton.clickButton--04:before { height: 100px; width: 100px } } @media screen and (min-width:1030px) and (max-width:1079px) { .library_article--0007 .clickButton.clickButton--04:before { height: 95px; width: 95px } } @media screen and (min-width:900px) { .library_article--0007 .image_list__image { width: 420px } .library_article--0007 .image_list__box { width: 41.4% } } @media screen and (min-width:1430px) and (max-width:1599px) { .section--calendar, .section--misawaAssetManagement { background-position: right -30px top 420px; background-size: 800px auto } } @media screen and (min-width:1000px) and (max-width:1429px) { .section--calendar, .section--misawaAssetManagement { background-position: right -180px top 420px; background-size: 740px auto } } @media screen and (min-width:1000px) and (max-width:1450px) { .section--calendar .mainTitle__sup { font-size: 2rem; left: 560px } .section--calendar .mainTitle__sup img { width: 90px } .section--misawaAssetManagement .mainTitle__sup { font-size: 2rem; left: 560px } .section--misawaAssetManagement .mainTitle__sup img { width: 90px } } @media screen and (min-width:1510px) { .section--calendar .sectionHeading__text, .section--misawaAssetManagement .sectionHeading__text { padding-right: 490px } .section--newEra .sectionHeading__text { padding-right: 620px } .section--studyWithAnne .sectionHeading__text { padding-right: 600px } } @media screen and (min-width:1510px) and (max-width:1850px) { .section--misawaTV:after { bottom: 630px; left: -80px } } @media screen and (min-width:1450px) and (max-width:1509px) { .section--misawaTV:after { bottom: 642px; left: -80px } } @media screen and (max-width:1885px) { .section--misawaTV .sectionHeading__text br { display: none } } @media screen and (min-width:1509px) { .section--misawaTV .sectionHeading__text { padding-right: 650px } } @media screen and (min-width:1400px) and (max-width:1599px) { .section--studyWithAnne { background-position: left 900px top 128px } } @media screen and (min-width:1280px) and (max-width:1399px) { .section--studyWithAnne { background-position: left 900px top 128px } } @media screen and (min-width:1000px) and (max-width:1279px) { .section--studyWithAnne { background-position: left 900px top 128px } } @media screen and (min-width:1550px) and (max-width:1720px) { .section--studyWithAnne .studyWithAnne__inner--1 { background-position: bottom 20px left 1180px } .studyWithAnne__inner--4 { background-position: center left 1180px } } @media screen and (min-width:1360px) and (max-width:1549px) { .section--studyWithAnne .studyWithAnne__inner--1 { background-position: bottom 20px left 1000px } .studyWithAnne__inner--4 { background-position: center left 1000px } } @media screen and (min-width:769px) and (max-width:1842px) { .studyWithAnne__inner--0 .swiper--columnAndCarousel { flex: 0.335 } .studyWithAnne__inner--4 .swiper--columnAndCarousel { flex: 0.67 } } @media screen and (min-width:1201px) and (max-width:1359px) { .studyWithAnne__inner--4 { background-position: center left 900px; background-size: 500px auto } } @media screen and (min-width:769px) and (max-width:1200px) { .studyWithAnne__inner--4 { background-position: center left 900px; background-size: 480px auto } } @media screen and (min-width:769px) and (max-width:1205px) { .about .closeButton { background-color: #edf0f2; margin-left: auto; margin-right: 0; position: -webkit-sticky; position: sticky } .about__containerInner { padding: 7.8% 40px } .about__info { margin-bottom: 80px } .about__illust { margin: 0 auto } } @media screen and (min-width:1206px) { .about__containerInner { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1920px; padding-bottom: 150px; padding-left: 144px; padding-top: 150px } } @media screen and (min-width:769px) and (max-width:1500px) { .about__containerInner { padding-bottom: 7.8%; padding-top: 7.8% } } @media screen and (min-width:1206px) and (max-width:1300px) { .about__containerInner { padding-left: 40px } } @media (max-height:1000px) { .about__containerInner { padding-bottom: 60px; padding-top: 60px } } @media screen and (min-width:1206px) and (max-width:1559px) { .about__info { width: 54% } .about__text span { display: inline } .about__illust { width: 46% } } @media screen and (max-width:1800px) { .about__text .br--xl { display: none } } @media screen and (min-width:1470px) { .about__text span { display: block } } @media screen and (min-width:769px) and (max-width:1900px) { .section--information { background-position: left 149px bottom 18px } .section--information:before { left: 810px; right: auto } } @media screen and (max-width:1600px) { .informationRow { align-items: center; flex-direction: column } .infoCard--campaign { margin-top: 120px; width: 100% } .roundButton--detail.eventListItemButtons__reserveButton { margin-left: 18px } } @media (orientation:landscape) and (max-width:768px) { .topKv--logout { min-height: 667px } } @media screen and (min-width:769px) and (max-width:1560px) { .topKv__bg.ended { background-position: top right 26% } } @media screen and (min-width:1600px) and (max-width:1920px) { .topKv__inner { padding-top: 9% } } @media screen and (min-width:769px) and (max-width:1300px) { .topKv__inner { padding-top: 150px } } @media screen and (min-width:1100px) { .topKv__main { margin-bottom: 40px } } @media screen and (min-width:1400px) and (max-width:1600px) { .topKv__title { min-width: 613px } .skipButton { margin-left: 63px } } @media screen and (min-width:769px) and (max-width:1399px) { .topKv__title { min-width: 500px } .skipButton { margin-left: 53px } } @media screen and (min-width:1430px) and (max-height:930px) { .topKv__title { max-width: 630px; width: 100% } } @media screen and (min-width:1430px) and (max-height:870px) { .topKv__title { max-width: 500px } } @media screen and (min-width:1530px) and (max-height:800px) { .topKv__title { max-width: 450px } } @media screen and (min-width:1601px) and (max-width:1919px) { .skipButton { margin-left: 4.2% } } @media (orientation:landscape) and (min-width:769px) { .skipButton { bottom: 160px } } @media screen and (min-width:1561px) { .section--pickup:before { height: calc(100% - 148px) } .pickup__inner { margin-top: -148px } } @media screen and (min-width:1200px) and (max-width:1560px) { .section--pickup:before { height: calc(100% - 128px) } .pickup__inner { margin-top: -128px } } @media screen and (min-width:769px) and (max-width:1199px) { .section--pickup:before { height: calc(100% - 108px) } .pickup__inner { margin-top: -108px } } @media screen and (min-width:1601px) { .infoCard--campaign { margin-left: 64px; padding-top: 27px; width: 38vw } .roundButton--detail.eventListItemButtons__reserveButton { margin-top: 24px } } @media screen and (max-width:1199px) { .cardHeading.cardHeading--showroom { padding-bottom: 60px } .cardHeading--showroom .roundButton--information { bottom: 0; left: 0 } .cardHeading--showroom .cardHeading__titles { padding-right: 0 } } @media screen and (min-width:1401px) { .cardHeading--showroom .roundButton--information { bottom: 5px; right: 0 } } @media screen and (min-width:1200px) and (max-width:1400px) { .cardHeading--showroom .roundButton--information { right: 0; top: 57px } } @media screen and (min-width:1601px) and (max-width:1899px) { .eventListItem { padding-bottom: 120px } .eventListItemButtons { bottom: 0; flex-direction: column; left: 263px; position: absolute } } @media screen and (min-width:1001px) and (max-width:1600px) { .eventListItem { padding-bottom: 60px } .eventListItemButtons { bottom: 0; left: 263px; position: absolute } } @media screen and (max-width:1000px) { .eventListItem { flex-direction: column } .eventListItem+.eventListItem { margin-top: 32px } .eventListItemButtons { margin-top: 18px } .eventListItemImage { left: 0; position: absolute; top: 0; width: 145px } .eventListItemTitle { min-height: 94px; padding-left: 157px } .eventListItemTitle__text { display: block } .eventListItemTitle__address { display: inline-block; margin-top: 8px } .eventListItemTitle__hallName { display: block; margin-top: 8px } } @media screen and (min-width:1001px) { .eventListItem+.eventListItem { border-top: 1px solid #969699; margin-top: 23px; padding-top: 21px } .eventListItemDetail { flex: 1; margin-left: 33px; min-height: 150px } .eventListItemTitle { align-items: center; display: flex; margin-top: 3px } .eventListItemTitle__address { margin-left: 20px } .eventListItemTitle__hallName { bottom: 0; left: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100% } } @media screen and (min-width:1900px) { .eventListItemButtons { align-items: flex-end; bottom: 0; flex-direction: column; position: absolute; right: 0; width: 202px } .eventListItemDescription { padding-right: 214px } .eventListItemDate, .eventListItemPlace { padding-right: 226px } } @media screen and (min-width:1165px) { .tabListContent--map.tabListContent--active { display: flex } .showroomMapInfo { display: flex; flex-direction: column; margin-left: 84px; max-width: 600px } } @media screen and (max-width:1320px) { .tabListContent--map.tabListContent--active { flex-direction: column } .showroomMapInfo { margin-left: 0; margin-top: 32px } } @media screen and (min-width:1321px) { .showroomMap { max-width: 797px } } /* LOUNGE MENU login// */ @media screen and (max-width: 768px) { .loungeMenu--2023.loungeMenu.is-open .tlm-theater__head { top: 0; position: sticky; z-index: 9; background: #0C436F url(/homelounge/assets/images/top/newlogout/bg-theater.jpg) repeat; background-position: 0 0; background-size: auto; } .loungeMenu--2023 .tlm-theater__head { padding-top: 60px; } .loungeMenu--2023 .tlm-radiolist { display: flex; padding-bottom: 20px; } .loungeMenu--2023 .tlm-theater .tlm-bginner { margin-top: 0; } .loungeMenu--2023 .tlm-radiolist__li span { font-size: 10px; } .loungeMenu--2023 .tlm-radiolist__li { margin: 0 3px 10px; } } @media screen and (min-width: 769px) { .loungeMenu--2023.loungeMenu.is-open .tlm-theater__head { left: 0; right: 0; margin: auto; position: sticky; } .loungeMenu--2023.loungeMenu.is-open { display: block; height: 100vh; position: fixed; visibility: visible; overflow-y: scroll; } .loungeMenu--2023.loungeMenu .closeButton { position: sticky; margin-left: auto; margin-right: 0; } .loungeMenu--2023 .loungeMenu__container { margin-top: -48px; height: auto; } .loungeMenu--2023 .loungeMenu__container::before { content: none; } } @media screen and (min-width: 1280px) { .loungeMenu--2023.loungeMenu .closeButton { position: sticky; } .loungeMenu--2023 .loungeMenu__container { overflow: visible; } } /* //LOUNGE MENU login */ /* MEDIA ICON// */ .sectionHeading__taglist { display: flex; flex-wrap: wrap; margin-bottom: 1em; font-weight: bold; } .sectionHeading__taglist >li{ cursor: pointer; color: #0D436F; margin-bottom: 0.5em; margin-right: 1em; } .sectionHeading__taglist >li:hover{ text-decoration: underline; } .sectionHeading__taglist >li::before{ content: '#'; } @media screen and (max-width: 768px) { .sectionHeading__taglist { font-size: 1.1rem; } } @media screen and (min-width: 769px) { .sectionHeading__taglist { font-size: 1.4rem; } } .recommendCarousel__type { color: #0D436F; font-weight: bold; display: flex; flex-wrap: wrap; } .recommendCarousel__type>span { display: flex; align-items: center; margin-top: 1em; } .recommendCarousel__type>span+span { margin-left: 1em; } .recommendCarousel__type__mov { width: 1em; height: 1em; background: url(/homelounge/assets/images/common/icon-play.svg) no-repeat; background-size: contain; background-position: center; margin-right: 0.1em; } .recommendCarousel__type__article { width: 1em; height: 1em; background: url(/homelounge/assets/images/common/icon-article.svg) no-repeat; background-size: contain; background-position: center; margin-right: 0.1em; } .recommendCarousel__type__vr { width: 1em; height: 1em; background: url(/homelounge/assets/images/common/icon-vr.svg) no-repeat; background-size: contain; background-position: center; margin-right: 0.1em; } .recommendCarousel__type__catalog { width: 1em; height: 1em; background: url(/homelounge/assets/images/common/icon-catalog.svg) no-repeat; background-size: contain; background-position: center; margin-right: 0.1em; } .recommendCarousel__type__comic { width: 1em; height: 1em; background: url(/homelounge/assets/images/common/icon-manga.svg) no-repeat; background-size: contain; background-position: center; margin-right: 0.1em; } @media screen and (max-width: 768px) { .recommendCarousel__type { font-size: 10px; } .recommendCarousel__type+.recommendCarousel__duration { margin-top: 1em; line-height: 1.4; } } @media screen and (min-width: 769px) { .recommendCarousel__type { font-size: 12px; } .recommendCarousel__type+.recommendCarousel__duration { margin-top: 1em; line-height: 1.4; } }

/* //MEDIA ICON */
.swiper-recommendCarousel .swiper-slide {
  background-color: #fff;
}


/* TOP KV login */
@media screen and (min-width: 769px) { .topKv--login { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-05.jpg); } } @media screen and (max-width: 768px) { .topKv--login { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-05_sp.jpg); } } @media screen and (min-width: 769px) { .topKv--login .kv__title { margin-left: auto; margin-top: -5%;} } @media (min-width: 1451px) and (max-width: 1780px) { .topKv--login .kv__title { margin-bottom: 13%; } }
/* //TOP KV login */

/* TOP KV logout */
.topKv__inner { position: relative; z-index: 1; } @media screen and (min-width: 769px) { .topKv__title.--logout { margin-left: auto; } } .topKv__slide { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; } .topKv__slide__li { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; } .topKv__slide__li img { object-fit: cover; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; } .topKv__slide__li:nth-child(1) { animation: kv-slide1 25s infinite; } .topKv__slide__li:nth-child(2) { animation: kv-slide1 25s 5s infinite; } .topKv__slide__li:nth-child(3) { animation: kv-slide1 25s 10s infinite; } .topKv__slide__li:nth-child(4) { animation: kv-slide1 25s 15s infinite; } .topKv__slide__li:nth-child(5) { animation: kv-slide1 25s 20s infinite; } @keyframes kv-slide1 { 0% { opacity: 0; } 5% { opacity: 1; } 26.6% { opacity: 1; } 31.6% { opacity: 0; } 100% { opacity: 0; } }
@media screen and (min-width: 769px) { .kv--theater { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-01b.jpg); } } @media screen and (max-width: 768px) { .kv--theater { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-01_sp.jpg); } } @media screen and (min-width: 769px) { .kv--theater .kv__title { margin-left: auto; transform: translateY(-35%); } } @media screen and (min-width: 769px) { .kv--gallery { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-02b.jpg); } } @media screen and (max-width: 768px) { .kv--gallery { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-02_sp.jpg); } } @media screen and (min-width: 769px) { .kv--gallery .kv__title { margin-left: auto; transform: translateY(-35%); } } @media screen and (min-width: 769px) { .kv--library { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-03b.jpg); } } @media screen and (max-width: 768px) { .kv--library { background-image: url(/homelounge/assets/images/top/kv/logout/kvslide-03_sp.jpg); } } @media screen and (min-width: 769px) { .kv--library .kv__title { margin-left: auto; transform: translateY(-35%); } }
/* //KV logout */

/* misawa TV */
.swiper--misawaTV1,
.swiper--misawaTV2,
.swiper--misawaTV3,
.swiper--misawaTV4 {
  position: relative;
}

.swiper--misawaTV1::before,
.swiper--misawaTV2::before,
.swiper--misawaTV3::before,
.swiper--misawaTV4::before {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  content: "";
  background-color: transparent;
}

@media screen and (min-width: 769px) {

  .swiper--misawaTV1::before,
  .swiper--misawaTV2::before,
  .swiper--misawaTV3::before,
  .swiper--misawaTV4::before {
    width: 237px;
    height: 96px;
    border-top-left-radius: 8px;
  }
}

@media screen and (max-width: 768px) {

  .swiper--misawaTV1::before,
  .swiper--misawaTV2::before,
  .swiper--misawaTV3::before,
  .swiper--misawaTV4::before {
    width: 160px;
    height: 72px;
    border-top-left-radius: 4px;
  }
}

@media screen and (min-width: 769px) {
  .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper,
  .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-wrapper {
    max-width: 1920px;
    padding-bottom: 95px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1935px) {
  .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper,
  .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-wrapper {
    max-width: 1632px;
  }
}

@media screen and (max-width: 768px) {
  .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-wrapper,
  .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-wrapper {
    padding-bottom: 73px;
  }
}

@media screen and (min-width: 1920px) {
  .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-slide,
  .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-slide {
    width: 516px;
  }
}

@media screen and (min-width: 769px) {
  .swiper--columnAndCarousel.swiper--misawaTV1 .swiper-slide,
  .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-slide {
    max-width: 516px;
  }
}

@media screen and (min-width: 1000px) {

  .swiper--columnAndCarousel.swiper--misawaTV2,
  .swiper--columnAndCarousel.swiper--misawaTV3 {
    padding-right: 144px;
    padding-left: 144px;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {

  .swiper--columnAndCarousel.swiper--misawaTV2,
  .swiper--columnAndCarousel.swiper--misawaTV3 {
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 769px) {

  .swiper--columnAndCarousel.swiper--misawaTV2::before,
  .swiper--columnAndCarousel.swiper--misawaTV3::before {
    content: none;
  }
}

@media screen and (max-width: 768px) {

  .swiper--columnAndCarousel.swiper--misawaTV2,
  .swiper--columnAndCarousel.swiper--misawaTV3 {
    padding-bottom: 119px;
  }
}

@media screen and (max-width: 768px) {

  .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-wrapper,
  .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-wrapper {
    flex-direction: row;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {

  .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-slide+.swiper-slide,
  .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-slide+.swiper-slide {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {

  .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-pagination,
  .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-button-prev,
  .swiper--columnAndCarousel.swiper--misawaTV2 .swiper-button-next,
  .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-pagination,
  .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-button-prev,
  .swiper--columnAndCarousel.swiper--misawaTV3 .swiper-button-next {
    display: none;
  }
}
/* @media (min-width: 769px) {
  .columnAndCarousel__singleCategory .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-wrapper {
    justify-content: flex-start;
  }
  .columnAndCarousel__singleCategory .swiper--columnAndCarousel.swiper--misawaTV4 .swiper-wrapper .swiper-slide+.swiper-slide {
    margin-left: calc(0.0514 / 2 * 100%);
  }
} */

/* modal youtube */
.bcModal__youtube { padding-top: 56.25%; position: relative; width: 100%; } .bcModal__youtube iframe { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }

/* MGEO */
.section--mgeo {
  background: #EDF0F2;

  @media (min-width: 769px) {
    padding-top: 122px;
    padding-bottom: 120px;
  }

  @media (max-width: 768px) {
    padding-top: 64px;
    padding-bottom: 60px;
  }

  .swiper--columnAndCarousel.swiper--noCarousel .columnAndCarousel__content {
    height: auto;
  }
}

.section--mgeo .sectionHeading__shoulderTitle {
  font-weight: bold;
  color: #0C436F;

  @media (min-width: 769px) {
    font-size: 22px;
  }

  @media (max-width: 768px) {
    font-size: 16px;
    height: auto;
  }
}

.columnAndCarousel__relatedtext {
  height: 1.5em;
  line-height: 1.5;
  color: #0C436F;
  text-align: center;

  @media (min-width: 769px) {
    font-size: 18px;
  }

  @media (max-width: 768px) {
    font-size: 14px;
  }
}

.related-acd {
  margin-top: 15px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;

  @media (min-width: 769px) {
    font-size: 16px;
  }

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.related-acd__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75em;

  &::after {
    content: '＋';
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    color: #fff;
    background: #0D436F;
    border-radius: 50%;
    margin-left: 0.5em;
  }
}

input:checked+.related-acd__btn {
  &::after {
    content: 'ー';
  }
}

.related-acd-list {
  color: #8C8B8B;
  padding-bottom: 0.75em;
}

.related-acd-list__li+.related-acd-list__li {
  margin-top: 0.5em;
}

.related-acd-list__li {
  display: flex;
  font-size: calc(16 / 18 * 100%);
  line-height: 1.5;

  >i {
    font-style: normal;
    width: 2.5em;
  }

  >span {
    flex: 1;
  }

  a {
    color: #000;
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }
  }
}

.related-acd__trg {
  display: grid;
  grid-template-rows: 0fr;
  line-height: 1.75;
  overflow: hidden;
  position: relative;
  transition: grid-template-rows .6s ease;
  z-index: 1;
}

input:checked+*+.related-acd__trg {
  grid-template-rows: 1fr;
  transition: grid-template-rows .6s ease;
}

.related-acd__trginner {
  overflow: hidden;
}

/* WIT */
.loungeIntroductionMovie {
  @media (min-width: 769px) {
    padding-bottom: 86px;
  }

  @media (max-width: 768px) {
    padding-bottom: 49px;
  }
}

.risou-banner {
  @media (min-width: 769px) {
    padding-top: 40px;
    padding-bottom: 0;
  }

  @media (max-width: 768px) {
    padding-top: 20px;
    padding-bottom: 0;
  }
}

.risou-banner__inner {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 16px;

  @media (min-width: 769px) {
    aspect-ratio: 1078 / 208;
    background-image: url(/homelounge/assets/images/common/banner_risou_bg.jpg);
  }

  @media (max-width: 768px) {
    aspect-ratio: 335 / 336;
    background-image: url(/homelounge/assets/images/common/banner_risou_bg-sp.jpg);
  }
}

.risou-banner__btn {
  position: absolute;
  z-index: 1;
  display: block;
  transition: opacity .3s ease;

  @media (min-width: 769px) {
    width: calc(343 / 1078 * 100%);
    right: 5%;
    bottom: 11%;
  }

  @media (max-width: 768px) {
    width: calc(260 / 335 * 100%);
    right: 0;
    left: 0;
    bottom: 8%;
    margin: auto;
  }

  img {
    width: 100%;
    height: auto;
  }

  &:hover {
    opacity: .7;
    transition: opacity .3s ease;
  }
}

.section--wit {
  background: #fff;
  border-top: 1px solid #9da7b3;

  @media (min-width: 769px) {
    padding-top: 86px;
    padding-bottom: 120px;
  }

  @media (max-width: 768px) {
    padding-top: 49px;
    padding-bottom: 60px;
  }
}

.section--wit .columnAndCarousel__singleCategory {
  margin-top: 40px;
}

.is-witimg {
  height: 17px;
}

.sectionHeading__mainTitle.is-wit {
  display: flex;
  align-items: flex-end;
}

.sectionHeading__mainTitle.is-wit>span.mov {
  width: 268px;
  position: relative;
}

.sectionHeading__mainTitle.is-wit>span.mov img{
  position: absolute;
  z-index: 1;
  right: -40px;
  top: -50px;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .section--wit .columnAndCarousel__singleCategory {
    margin-top: 20px;
  }
  .sectionHeading__shoulderTitle img.is-witimg {
    height: 17px;
  }
  .sectionHeading__mainTitle.is-wit {
    align-items: center;
  }
  .sectionHeading__mainTitle.is-wit>span img {
    width: 100%;
    height: auto;
  }
  .sectionHeading__mainTitle.is-wit>span {
    width: auto;
    max-width: 80%;
  }
  .sectionHeading__mainTitle.is-wit>span img {
    height: 32px;
  }
  .sectionHeading__mainTitle.is-wit>span.mov {
    width: 20%;
    padding-left: 10px;
    padding-bottom: 1px;
  }

  .sectionHeading__mainTitle.is-wit>span.mov img{
    position: static;
    width: 100%;
    height: auto;
  }
}

/* annesHomelounge */
.section--annesHomelounge { position: relative; z-index: 2; background-color: #FFFDE8; background-repeat: no-repeat; } @media (min-width: 769px) and (max-width: 1509px) { .section--annesHomelounge { background-position: top 90px left 900px; } } @media (min-width: 769px) { .section--annesHomelounge { padding-top: 122px; padding-bottom: 120px; } } @media (max-width: 768px) { .section--annesHomelounge { padding-top: 64px; padding-bottom: 100px; } } .section--annesHomelounge .sectionHeading__mainTitle { position: relative; letter-spacing: 0.1em; } .section--annesHomelounge .sectionHeading__mainTitle>span { display: none; } .section--annesHomelounge .sectionHeading__mainTitle::before { display: block; content: ""; background-image: url("/homelounge/assets/images/theater/annesHomelounge/heading_title.svg"); background-repeat: no-repeat; background-position: left bottom; background-size: contain; } @media (min-width: 769px) { .section--annesHomelounge .sectionHeading__mainTitle::before { height: 74px; } } @media (min-width: 1451px) { .section--annesHomelounge .sectionHeading__mainTitle::before { height: 74px; } } @media (min-width: 769px) and (max-width: 1450px) { .section--annesHomelounge .sectionHeading__mainTitle::before { height: 50px; } } @media (max-width: 768px) { .section--annesHomelounge .sectionHeading__mainTitle::before { height: 20px; } } .section--annesHomelounge .sectionHeading__mainTitle::after { position: absolute; z-index: -1; display: block; content: ""; background-image: url("/homelounge/assets/images/theater/annesHomelounge/heading_image.png"); background-repeat: no-repeat; background-position: center bottom; background-size: contain; } @media (min-width: 769px) { .section--annesHomelounge .sectionHeading__mainTitle::after { bottom: 0; } } @media (min-width: 1451px) { .section--annesHomelounge .sectionHeading__mainTitle::after { left: 830px; bottom: -20px; width: 192px; height: 163.2px; } } @media (min-width: 769px) and (max-width: 1450px) { .section--annesHomelounge .sectionHeading__mainTitle::after { left: 555px; bottom: -20px; width: 144px; height: 122.4px; } } @media (max-width: 768px) { .section--annesHomelounge .sectionHeading__mainTitle::after { bottom: -12px; left: 225px; width: 72px; height: 61.2px; } }

/* annesHomelounge swiper */
@media (min-width: 1000px) { .swiper--annesHomelounge { padding: 0 144px; } } @media (min-width: 769px) and (max-width: 999px) { .swiper--annesHomelounge { padding: 0 40px; } } @media (min-width: 1000px) { .swiper--noCarousel.swiper--annesHomelounge { padding: 0 144px; } } @media (min-width: 769px) and (max-width: 999px) { .swiper--noCarousel.swiper--annesHomelounge { padding: 0 40px; } } @media (max-width: 768px) { .swiper--noCarousel.swiper--annesHomelounge { background-image: linear-gradient(0deg, #fff, #fff); background-repeat: no-repeat; background-position: 20px bottom; background-size: 100% 1px; } } @media (max-width: 768px) { .swiper--noCarousel.swiper--annesHomelounge::before { position: absolute; right: 0; bottom: 0; z-index: 1; display: block; width: 160px; height: 72px; content: ""; background-color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-top-left-radius: 4px; } } @media (min-width: 769px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-wrapper { flex-wrap: wrap; } .swiper--noCarousel.swiper--annesHomelounge .swiper-wrapper::after { display: inline-block; width: 31.62%; height: 1px; content: ""; } } @media (max-width: 768px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-wrapper { flex-direction: row; padding-bottom: 104px; margin-left: -14%; } } @media (min-width: 769px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-slide:nth-child(n+4) { margin-top: 100px; } } @media (max-width: 768px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-slide+.swiper-slide { margin-top: 0; } } @media (min-width: 769px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-pagination, .swiper--noCarousel.swiper--annesHomelounge .swiper-button-prev, .swiper--noCarousel.swiper--annesHomelounge .swiper-button-next { display: none; } } .swiper--noCarousel.swiper--annesHomelounge .swiper-slide[data-is-new=true] .columnAndCarousel__content::after { background-size: 100% auto; } @media (min-width: 769px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-slide[data-is-new=true] .columnAndCarousel__content::after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-pc.svg); } } @media (max-width: 768px) { .swiper--noCarousel.swiper--annesHomelounge .swiper-slide[data-is-new=true] .columnAndCarousel__content::after { background-image: url(/homelounge/assets/images/common/swpier/icon_new-sp.svg); } }

/* catalog */
.catalog__title { font-weight: bold; color: #626262; margin-top: 3em; } .catalog__text { color: #586166; line-height: 1.7727; margin-top: 1.5em; } @media (min-width: 1451px) { .catalog__title { font-size: 4rem; } .catalog__text { font-size: 2.2rem; } } @media (min-width: 769px) { .catalog__title { font-size: calc(4rem * 0.8); } .catalog__text { font-size: calc(2.2rem * 0.8); margin-bottom: -2em; } } @media screen and (max-width: 768px) { .catalog__title { font-size: 2rem; margin-top: 2em; } .catalog__text { font-size: 1.3rem; } }

/* mobie carousel */
.typeCarousel .swiper--columnAndCarousel.swiper--latestCaseMovie, .typeCarousel .swiper--latestCase, .typeCarousel .swiper--columnAndCarousel .swiper-wrapper { padding-left: 0; padding-right: 0; } .section--latestCaseMovieCentury { padding-bottom: 67px; } @media (max-width: 768px) { .section--latestCaseMovieCentury { padding-bottom: 37px; } } .section--latestCaseMovieCentury.typeCarousel .sectionHeading+.sectionHeading { margin-top: -135px; } @media (max-width: 768px) { .section--latestCaseMovieCentury.typeCarousel .sectionHeading+.sectionHeading { margin-top: -70px; } }

/*  */
@media (min-width: 1935px) { .swiper--misawaDigitalMuseum.swiper--columnAndCarousel .swiper-wrapper { max-width: 1632px; } } @media (min-width: 769px) and (max-width: 1934px) { .swiper--columnAndCarousel .swiper-wrapper { margin-left: 0; margin-right: 0; } }

/*  */
.pickup__footer { display: none; } @media screen and (max-width: 768px) { .section--pickup { padding-bottom: 60px; } }

/* logout TOP 202309 */
.kv__scroll.--logout { bottom: 20px; } .kv__scroll.--logout svg { fill: #fff; } .kv__scroll.--logout::after { background-color: #fff; } .tlm-section__inner { margin: 0 auto; } @media screen and (min-width: 769px) { .tlm-section__inner { max-width: 1158px; padding: 0 40px; } } @media screen and (max-width: 768px) { .tlm-section__inner { padding: 0 20px; } } .tlm-subhero { background: #fff; } @media screen and (min-width: 769px) { .tlm-subhero { padding: 90px 0; } } @media screen and (max-width: 768px) { .tlm-subhero { padding: 0 0 70px; } } .tlm-subhero__thumb { position: relative; } @media screen and (max-width: 768px) { .tlm-subhero__thumb { margin: 0 -20px; } } .tlm-subhero__thumb::before { content: ""; display: block; } @media screen and (min-width: 769px) { .tlm-subhero__thumb::before { padding-bottom: 56.3079777365%; } } @media screen and (max-width: 768px) { .tlm-subhero__thumb::before { padding-bottom: 157.6%; } } .tlm-subhero__thumb__logo { filter: drop-shadow(0px 0px 8px black); background: url(/homelounge/assets/images/top/newlogout/logo.svg) no-repeat; background-size: contain; content: ""; display: block; position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media screen and (min-width: 769px) { .tlm-subhero__thumb__logo { width: 615px; height: 212px; } } @media screen and (max-width: 768px) { .tlm-subhero__thumb__logo { width: 86vw; height: 29.6vw; } } .tlm-subhero__thumb img { position: absolute; z-index: 1; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; } .tlm-subhero__thumb__text01 { text-shadow: 0px 0px 8px black; font-family: "Noto Serif JP", serif; color: #fff; display: inline-block; font-weight: bold; position: absolute; z-index: 9; } @media screen and (min-width: 769px) { .tlm-subhero__thumb__text01 { font-size: 30px; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 1em; text-align: center; } } @media screen and (max-width: 768px) { .tlm-subhero__thumb__text01 { text-align: center; font-size: 5vw; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 1em; } } .tlm-subhero__thumb__text02 { text-shadow: 0px 0px 8px black; font-family: "Noto Serif JP", serif; color: #fff; display: inline-block; font-weight: bold; position: absolute; z-index: 9; line-height: 1.75; } @media screen and (min-width: 769px) { .tlm-subhero__thumb__text02 { display: none; } } @media screen and (max-width: 768px) { .tlm-subhero__thumb__text02 { font-size: 4.8vw; right: 0; left: 0; bottom: 1.5em; margin: auto; text-align: center; } } .tlm-subhero__img { opacity: 0; } .tlm-subhero__img:nth-child(1) { animation: tlm-slide1 30s infinite; } .tlm-subhero__img:nth-child(2) { animation: tlm-slide1 30s 5s infinite; } .tlm-subhero__img:nth-child(3) { animation: tlm-slide1 30s 10s infinite; } .tlm-subhero__img:nth-child(4) { animation: tlm-slide1 30s 15s infinite; } .tlm-subhero__img:nth-child(5) { animation: tlm-slide1 30s 20s infinite; } .tlm-subhero__img:nth-child(6) { animation: tlm-slide1 30s 25s infinite; } .tlm-subhero__morebox { position: relative; overflow: hidden; } @media screen and (min-width: 769px) { .tlm-subhero__morebox { padding: 0 0 60px; margin-top: 30px; } } @media screen and (max-width: 768px) { .tlm-subhero__morebox { padding: 0 0 40px; margin-top: 40px; } } .tlm-subhero__morebox__btn { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: auto; color: #17436F; cursor: pointer; text-decoration: underline; width: 8em; display: flex; justify-content: center; align-items: center; text-align: center; } .tlm-subhero__morebox__btn > span { text-decoration: underline; } @media screen and (min-width: 769px) { .tlm-subhero__morebox__btn { font-size: 14px; } } @media screen and (max-width: 768px) { .tlm-subhero__morebox__btn { font-size: 13px; } } .tlm-subhero__morebox__btn:hover { text-decoration: none; } .tlm-subhero__morebox__btn:hover > span { text-decoration: none; } .tlm-subhero__morebox__btn::before { margin-right: 0.5em; content: ""; display: block; width: 1em; height: 1em; background: url(/homelounge/assets/images/top/newlogout/icon-arrow.svg) no-repeat; background-size: contain; background-position: center; } .is-show .tlm-subhero__morebox__btn::before { transform: rotate(180deg); } .tlm-subhero__title { font-family: "Noto Serif JP", serif; color: #17436F; font-weight: bold; line-height: 1.75; text-align: center; } @media screen and (min-width: 769px) { .tlm-subhero__title { margin-top: 60px; font-size: 22px; } } @media screen and (max-width: 768px) { .tlm-subhero__title { display: none; } } .tlm-subhero__text { color: #17436F; line-height: 2; text-align: center; overflow: hidden; } @media screen and (min-width: 769px) { .tlm-subhero__text { font-size: 14px; max-height: 4em; transition: max-height 0.3s ease; } .is-show .tlm-subhero__text { max-height: 30em; transition: max-height 0.3s ease; } } @media screen and (max-width: 768px) { .tlm-subhero__text { font-size: 13px; max-height: 6em; transition: max-height 0.3s ease; } .is-show .tlm-subhero__text { max-height: 40em; transition: max-height 0.3s ease; } } @keyframes tlm-slide1 { 0% { opacity: 0; } 8% { opacity: 1; } 20% { opacity: 1; } 28% { opacity: 0; } 100% { opacity: 0; } } .tlm-lm-title { font-family: "Noto Serif JP", serif; display: flex; color: #fff; } @media screen and (min-width: 769px) { .tlm-lm-title { align-items: center; justify-content: center; } } @media screen and (max-width: 768px) { .tlm-lm-title { flex-direction: column; justify-content: center; align-items: center; } } @media screen and (max-width: 768px) { .tlm-lm-title span { width: 236px; } .tlm-lm-title span img { width: 100%; height: auto; } } @media screen and (min-width: 769px) { .tlm-lm-title small { font-size: 15px; margin-left: 1em; } } @media screen and (max-width: 768px) { .tlm-lm-title small { font-size: 15px; } } .tlm-theater { background: #0C436F url(/homelounge/assets/images/top/newlogout/bg-theater.jpg) repeat; background-position: 0 0; background-size: auto; /* background-blend-mode: color-burn; */ } @media screen and (max-width: 768px) { .tlm-theater { padding-top: 0 !important; } } @media screen and (min-width: 769px) { .tlm-theater__head { padding-top: 40px; padding-bottom: 30px; } .is-fixed .tlm-theater__head { position: fixed; left: 0; top: 0; width: 100%; z-index: 9; background: #0C436F url(/homelounge/assets/images/top/newlogout/bg-theater.jpg) repeat; background-position: 0 0; background-size: auto; } } @media screen and (max-width: 768px) { .tlm-theater__head { padding-top: 70px; } } @media screen and (min-width: 769px) { .tlm-theater__head__inner { max-width: 1158px; padding: 0 40px; margin: 0 auto; } } @media screen and (max-width: 768px) { .tlm-theater__head__inner { padding-left: 20px; padding-right: 20px; } } .tlm-gallery { background: #2E6380 url(/homelounge/assets/images/top/newlogout/bg-gallery.jpg) repeat; background-position: 0 0; background-size: auto; /* background-blend-mode: color-burn; */ } @media screen and (min-width: 769px) { .tlm-gallery { padding-top: 0; } } @media screen and (max-width: 768px) { .tlm-gallery { padding-top: 0; } } .tlm-gallery .tlm-totopbtn a { background-color: #204559; } .tlm-gallery .tlm-totopbtn a:hover { color: #204559; background-color: #fff; } .tlm-library { background: #444C7C url(/homelounge/assets/images/top/newlogout/bg-library.jpg) repeat; background-position: 0 0; background-size: auto; /* background-blend-mode: color-burn; */ } @media screen and (min-width: 769px) { .tlm-library { padding-top: 0; padding-bottom: 30px; } } @media screen and (max-width: 768px) { .tlm-library { padding-top: 0; padding-bottom: 20px; } } .tlm-library .tlm-totopbtn a { background-color: #2D3252; } .tlm-library .tlm-totopbtn a:hover { color: #2D3252; background-color: #fff; } .tlm-other { background: #E5EFFF; } @media screen and (min-width: 769px) { .tlm-other { padding-top: 60px; padding-bottom: 20px; } } @media screen and (max-width: 768px) { .tlm-other { padding-top: 20px; padding-bottom: 20px; } } .tlm-other__title { color: #17436F; font-weight: bold; } @media screen and (min-width: 769px) { .tlm-other__title { font-size: 20px; padding-bottom: 1em; } } @media screen and (max-width: 768px) { .tlm-other__title { font-size: 21px; padding-bottom: 0.5em; } } .tlm-radiolist { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 30px; } @media screen and (max-width: 768px) { .tlm-radiolist { display: none; } } .tlm-radiolist__li { margin: 0 5px 10px; } .tlm-radiolist__li input { display: none; } .tlm-radiolist__li span { cursor: pointer; color: #fff; display: inline-block; font-size: 14px; padding: 0.25em 1em; line-height: 1.5; border: 1px solid #fff; border-radius: 6em; transition: 0.3s ease; } .tlm-radiolist__li input:checked + span, .tlm-radiolist__li span:hover { background: #fff; color: #17436F; transition: 0.3s ease; } .tlm-cattitle { font-family: "Noto Serif JP", serif; color: #fff; font-weight: bold; display: flex; align-items: center; } @media screen and (min-width: 769px) { .tlm-cattitle { font-size: 20px; } } @media screen and (max-width: 768px) { .tlm-cattitle { font-size: min(3.3vw, 20px); } } .tlm-cattitle i { width: 1.5em; display: inline-block; margin-right: 0.5em; } @media screen and (max-width: 768px) { .tlm-cattitle i { width: 2.5em; } } .tlm-cattitle i img { width: 100%; height: auto; } .tlm-bginner { background: url(/homelounge/assets/images/top/newlogout/bg-line.png) repeat; background-size: 100% auto; background-position: 0 0; } @media screen and (min-width: 769px) { .tlm-bginner { padding-top: 40px; padding-bottom: 60px; } } @media screen and (max-width: 768px) { .tlm-bginner { padding-top: 30px; padding-bottom: 55px; background-size: auto; } } @media screen and (max-width: 768px) { .tlm-theater .tlm-bginner { padding-top: 20px; margin-top: 20px; } } @media screen and (min-width: 769px) { .tlm-library .tlm-bginner { padding-bottom: 30px; } } @media screen and (max-width: 768px) { .tlm-library .tlm-bginner { padding-bottom: 25px; } } .tlm-other .tlm-bginner { background: url(/homelounge/assets/images/top/newlogout/bg-line2.png) repeat; background-size: auto; background-position: 0 0; } @media screen and (min-width: 769px) { .tlm-other .tlm-bginner { padding-top: 10px; padding-bottom: 40px; } } @media screen and (max-width: 768px) { .tlm-other .tlm-bginner { padding-top: 10px; padding-bottom: 30px; } } .tlm-clm3 { display: flex; flex-wrap: wrap; } @media screen and (min-width: 769px) { .tlm-clm3 { margin-top: 50px; } } @media screen and (max-width: 768px) { .tlm-clm3 { margin-top: 50px; flex-direction: column; } } @media screen and (min-width: 769px) { .tlm-clm3__li { width: 29.4990723562%; margin-bottom: 60px; } .tlm-aside .tlm-clm3__li { margin-bottom: 20px; } .tlm-clm3__li:nth-child(3n+2), .tlm-clm3__li:nth-child(3n+3) { margin-left: 5.7513914657%; } } @media screen and (max-width: 768px) { .tlm-clm3__li { margin-bottom: 50px; width: 100%; } .tlm-aside .tlm-clm3__li { margin-bottom: 30px; } } .tlm-clm2 { display: flex; flex-wrap: wrap; } @media screen and (min-width: 769px) { .tlm-clm2 { justify-content: space-evenly; } } @media screen and (max-width: 768px) { .tlm-clm2 { flex-direction: column; } } @media screen and (min-width: 769px) { .tlm-clm2__li { width: 29.4990723562%; } } @media screen and (max-width: 768px) { .tlm-clm2__li { width: 100%; } } @media screen and (max-width: 768px) { .tlm-clm2__li + .tlm-clm2__li { margin-top: 60px; } } .tlm-lmblock { color: #fff; display: block; text-decoration: none; } .tlm-lmblock.is-hide { pointer-events: none; opacity: 0.9; height: 100%; position: relative; } .tlm-lmblock.is-hide::before { content: ""; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; background: #0C436F; opacity: 0.8; } .tlm-gallery .tlm-lmblock.is-hide::before { background: #2E6380; } .tlm-library .tlm-lmblock.is-hide::before { background: #444C7C; } .tlm-other .tlm-lmblock, .tlm-aside .tlm-lmblock { color: #17436F; } .tlm-lmblock__thumbarea { position: relative; z-index: 1; border-radius: 6px; overflow: hidden; display: flex; } .tlm-lmblock__thumbarea > img { width: 100%; height: auto; } .tlm-lmblock__panel { width: 44.6540880503%; position: relative; z-index: 1; } .tlm-lmblock__panel::before { content: ""; display: block; padding-bottom: 69.7183098592%; } .tlm-lmblock__panel img { position: absolute; z-index: 1; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; } .tlm-lmblock__thumb { width: 55.3459119497%; position: relative; z-index: 1; } .tlm-lmblock__thumb::before { content: ""; display: block; padding-bottom: 56.25%; } .tlm-lmblock__thumb img { position: absolute; z-index: 1; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; } .tlm-lmblock__title { position: relative; z-index: 1; margin-top: 1em; font-weight: bold; text-decoration: underline; } @media screen and (min-width: 769px) { .tlm-lmblock__title { font-size: 14px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .tlm-lmblock__title { font-size: 14px; } } @media screen and (max-width: 480px) { .tlm-lmblock__title { font-size: 14.5px; } } .tlm-other .tlm-lmblock__title { text-decoration: none; } .tlm-aside .tlm-lmblock__title { text-decoration: none; border-bottom: 1px solid rgba(12, 67, 111, 0.5); padding-bottom: 0.2em; } .tlm-lmblock__text, .tlm-lmblock-tag { position: relative; z-index: 1; margin-top: 1em; line-height: 1.333; } @media screen and (min-width: 769px) { .tlm-lmblock__text, .tlm-lmblock-tag { font-size: 12px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .tlm-lmblock__text, .tlm-lmblock-tag { font-size: 12px; } } @media screen and (max-width: 480px) { .tlm-lmblock__text, .tlm-lmblock-tag { font-size: 11.5px; } } .tlm-lmblock-tag { margin-top: 1em; display: flex; flex-wrap: wrap; line-height: 1.5; } .tlm-lmblock-tag__li { margin-right: 0.75em; display: flex; align-items: center; } .tlm-lmblock-tag__li i { display: inline-flex; width: auto; height: 1em; margin-right: 0.25em; } .tlm-lmblock-tag__li i img { width: 100%; height: auto; vertical-align: baseline; } a.tlm-lmblock { transition: opacity 0.3s ease; } a.tlm-lmblock:hover { opacity: 0.8; transition: opacity 0.3s ease; } .tlm-totopbtn { display: flex; justify-content: center; } .roundButton--lm { width: 192px; height: 36px; border: none; background-color: #0F2B47; } @media screen and (min-width: 769px) { .roundButton--lm { font-size: 12px; } } @media screen and (max-width: 768px) { .roundButton--lm { font-size: 15px; } } @media screen and (min-width: 769px) { .roundButton--lm .roundButton__text { font-size: 12px; } } @media screen and (max-width: 768px) { .roundButton--lm .roundButton__text { font-size: 15px; } } @media screen and (min-width: 769px) { .roundButton--lm .roundButton__arrow { width: 15px; } } @media screen and (max-width: 768px) { .roundButton--lm .roundButton__arrow { width: 18px; } } @media screen and (min-width: 769px) { .tlm-aside { padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 768px) { .tlm-aside { padding-top: 20px; padding-bottom: 20px; } } .tlm-aside__head { display: flex; border-bottom: 1px solid #ccc; } @media screen and (min-width: 769px) { .tlm-aside__head { align-items: center; justify-content: center; padding-bottom: 30px; margin-bottom: -20px; } } @media screen and (max-width: 768px) { .tlm-aside__head { flex-direction: column; align-items: center; padding-bottom: 20px; margin-bottom: -20px; } } .tlm-aside__head__l { font-family: "Noto Serif JP", serif; color: #0C436F; font-weight: bold; text-align: left; } @media screen and (min-width: 769px) { .tlm-aside__head__l { font-size: 23px; line-height: 1.652173913; } } @media screen and (max-width: 768px) { .tlm-aside__head__l { font-size: min(4.4vw, 24px); line-height: 1.652173913; flex-direction: column; } } @media screen and (min-width: 769px) { .tlm-aside__head__r { margin-left: 60px; } } @media screen and (max-width: 768px) { .tlm-aside__head__r { margin-top: 10px; } } .tlm-menubtn { position: absolute; z-index: 10; cursor: pointer; transition: opacity 0.3s ease; } .tlm-menubtn:hover { opacity: 0.8; transition: opacity 0.3s ease; } @media screen and (min-width: 769px) { .tlm-menubtn { width: 170px; height: 170px; right: 20px; bottom: 120px; } } @media screen and (max-width: 768px) { .tlm-menubtn { width: 115px; height: 115px; right: 10px; bottom: 60px; } } .tlm-menubtn img { width: 100%; height: auto; }

/* reform KV */
.reform--keyvisual2023 { border-radius: 0; padding: 0; position: relative; } .reform--keyvisual2023::before { content: ""; display: block; } @media screen and (min-width: 769px) { .reform--keyvisual2023::before { padding-bottom: 52.0833333333%; } } @media screen and (max-width: 768px) { .reform--keyvisual2023::before { padding-bottom: 157.264957265%; } } @media screen and (min-width: 769px) { .reform--keyvisual2023 .reform--keyvisual2023-bnr { position: absolute; z-index: 2; left: 0; width: 32%; bottom: 12%; } } @media screen and (max-width: 768px) { .reform--keyvisual2023 .reform--keyvisual2023-bnr { position: absolute; z-index: 2; left: 0; width: 60%; bottom: 20%; } } .reform--keyvisual2023 .reform--keyvisual2023-bnr a { display: block; transition: opacity 0.3s ease; } .reform--keyvisual2023 .reform--keyvisual2023-bnr a:hover { opacity: 0.8; transition: opacity 0.3s ease; } .reform--keyvisual2023 .reform--keyvisual2023-bnr img { height: auto; } .reform--keyvisual2023-slide { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .reform--keyvisual2023-slide__li { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; animation: kv-slide-reform 20s infinite; } .reform--keyvisual2023-slide__li img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; } .reform--keyvisual2023-slide__li:nth-child(1) { animation-delay: 0s; } .reform--keyvisual2023-slide__li:nth-child(2) { animation-delay: 5s; } .reform--keyvisual2023-slide__li:nth-child(3) { animation-delay: 10s; } .reform--keyvisual2023-slide__li:nth-child(4) { animation-delay: 15s; } @keyframes kv-slide-reform { 0% { opacity: 0; } 10% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } .reform--keyvisual2023-logo { position: absolute !important; z-index: 2; margin: auto; display: flex; } @media screen and (min-width: 769px) { .reform--keyvisual2023-logo { left: 3.125% !important; top: 0 !important; right: auto !important; bottom: auto !important; width: 54.0625%; height: 100%; align-items: center; } } @media screen and (max-width: 768px) { .reform--keyvisual2023-logo { left: 3.4188034188% !important; top: 0 !important; right: auto !important; bottom: auto !important; width: 70.6837606838%; height: 100%; align-items: center; } } .reform--keyvisual2023-logo__pc { position: relative; } @media screen and (min-width: 769px) { .reform--keyvisual2023-logo__pc { width: 100%; } } @media screen and (max-width: 768px) { .reform--keyvisual2023-logo__pc { display: none; } } .reform--keyvisual2023-logo__sp { position: relative; } @media screen and (min-width: 769px) { .reform--keyvisual2023-logo__sp { display: none; } } @media screen and (max-width: 768px) { .reform--keyvisual2023-logo__sp { width: 100%; } } .reform--keyvisual2023-logo__img { position: absolute; z-index: 1; width: 100%; height: auto; filter: drop-shadow(0px 0px 10px #000000); } @media screen and (min-width: 769px) { .reform--keyvisual2023-logo__img { left: 17%; top: -21%; } } @media screen and (max-width: 768px) { .reform--keyvisual2023-logo__img { width: 151%!important; left: -24.5%; top: 2.5%; } } #kv-animtext, #kv-animtext-sp { filter: drop-shadow(0px 0px 10px #000000); } #anim-text { fill: #fff; stroke-width: 0px; mask: url(#mask); } #anim-text-sp { fill: #fff; stroke-width: 0px; mask: url(#mask-sp); } #mask-line, #mask-line-sp { fill: none; stroke: #FFFFFF; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8; stroke-dasharray: 730px; stroke-dashoffset: 730px; animation: handwriting 3s cubic-bezier(0, 0.48, 0.6, 0.99) 1s forwards; } #mask-line-sp { animation: handwriting 7s cubic-bezier(0, 0.48, 0.6, 0.99) 1s forwards; } @keyframes handwriting { 0% { stroke-dashoffset: 730px; } 100% { stroke-dashoffset: 0px; } }

/* reform 202309 */
.reform-contentsarea { background-color: #E7E2D6; } @media screen and (max-width: 768px) { .reform-contentsarea { padding-top: 30px; } } .reform-contentsarea-title { color: #B5A58A; display: flex; } @media screen and (min-width: 769px) { .reform-contentsarea-title { max-width: 1632px; padding: 20px 1.75% 50px; align-items: center; margin: 0 auto; } } @media screen and (max-width: 768px) { .reform-contentsarea-title { flex-direction: column; } } @media screen and (min-width: 769px) { .reform-contentsarea-title__h { max-width: 551px; width: 34.4375vw; } } @media screen and (max-width: 768px) { .reform-contentsarea-title__h { padding-right: 20.8737864078vw; padding-left: 5px; } } .reform-contentsarea-title__h img { height: auto; } .reform-contentsarea-title__text { color: #B5A58A; } @media screen and (min-width: 769px) { .reform-contentsarea-title__text { font-size: min(1.75vw, 28px); margin-left: 1em; margin-top: 1em; } } @media screen and (max-width: 768px) { .reform-contentsarea-title__text { margin-top: 4.854368932vw; font-size: 3.8834951456vw; padding-left: 4.854368932vw; } } .reform-contentsCarousel { display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 12px; height: 100%; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15)); } @media screen and (min-width: 769px) { .reform-contentsCarousel__upper { padding: 7.0588235294%; } } @media screen and (max-width: 768px) { .reform-contentsCarousel__upper { padding: 7.0588235294%; } } .reform-contentsCarousel__thumb { position: relative; padding-bottom: 76.3698630137%; } .reform-contentsCarousel__thumb img { width: 100%; height: 100%; object-fit: contain; position: absolute; z-index: 1; left: 0; top: 0; } .reform-contentsCarousel__text { font-weight: bold; margin-top: 1em; } @media screen and (min-width: 769px) { .reform-contentsCarousel__text { font-size: min(1.375vw, 22px); } } @media screen and (max-width: 768px) { .reform-contentsCarousel__text { font-size: min(5.3398058252vw, 18px); } } .reform-contentsCarousel__lower { margin-top: auto; background: #F8F7F4; position: relative; } @media screen and (min-width: 769px) { .reform-contentsCarousel__lower { padding: 7.0588235294%; font-size: min(1vw, 16px); } } @media screen and (max-width: 768px) { .reform-contentsCarousel__lower { padding: 7.0588235294%; font-size: min(3.8834951456vw, 14px); } } .reform-contentsCarousel__lower::before { content: ""; display: block; width: 2em; height: 2em; background: url(/homelounge/assets/images/reform/top/icon-brownarrow.svg) no-repeat; background-size: contain; position: absolute; z-index: 1; right: 1em; top: 0; bottom: 0; margin: auto; } @media screen and (min-width: 769px) { .reform-contentsarea .swiper--reformcontents { padding: 0 3.75% 90px; max-width: 1632px; overflow: visible; } } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents { padding: 4.854368932vw; } } .reform-contentsarea .swiper--reformcontents .swiper-wrapper { box-sizing: border-box; } @media screen and (min-width: 769px) { .reform-contentsarea .swiper--reformcontents .swiper-wrapper { margin: 0 auto; justify-content: space-between; padding: 0; } } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-wrapper { padding-bottom: 55px; } } @media screen and (min-width: 769px) { .reform-contentsarea .swiper--reformcontents .swiper-slide { width: calc(25% - 1.5625vw); height: auto; } } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-slide { height: auto; } } .reform-contentsarea .swiper--reformcontents .swiper-pagination { color: #5C4E3C; } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-pagination { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-button-next, .reform-contentsarea .swiper--reformcontents .swiper-button-prev { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-button-next { left: 10em; } } .reform-contentsarea .swiper--reformcontents .swiper-button-next::after { background-image: url(/homelounge/assets/images/common/arrow_navy_02.svg); } @media screen and (max-width: 768px) { .reform-contentsarea .swiper--reformcontents .swiper-button-prev { left: -10em; } } .reform-contentsarea .swiper--reformcontents .swiper-button-prev::after { transform: rotate(180deg); background-image: url(/homelounge/assets/images/common/arrow_navy_02.svg); } .reform-fixmenu { display: none; position: fixed; z-index: 0; right: 100%; bottom: 0; transition: transform 0.2s ease; } .reform-fixmenu.type02 { display: block; z-index: 100; } .reform-fixmenu.type02.is-show { transform: translateX(100%); transition: transform 0.2s ease; } @media screen and (min-width: 769px) { .reform-fixmenu { width: 402px; } } @media screen and (max-width: 768px) { .reform-fixmenu { width: 100%; } } .reform-fixmenu-upper { background: #FAD18F; color: #D66300; font-weight: bold; text-align: center; padding: 1em 0; } @media screen and (min-width: 769px) { .reform-fixmenu-upper { border-radius: 0 6em 0 0; font-size: 16px; } } @media screen and (max-width: 768px) { .reform-fixmenu-upper { font-size: 16px; } } .reform-fixmenu-lower { font-family: "Noto Serif JP", serif; display: flex; padding: 1em 0; background: #D66300; color: #fff; } @media screen and (min-width: 769px) { .reform-fixmenu-lower { font-size: 18px; } } @media screen and (max-width: 768px) { .reform-fixmenu-lower { font-size: 18px; } } .reform-fixmenu-lower__li { width: 50%; } .reform-fixmenu-lower__li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; transition: opacity 0.3s ease; } .reform-fixmenu-lower__li a:hover { opacity: 0.8; transition: opacity 0.3s ease; } .reform-fixmenu-lower__li a .roundButton__arrow { width: 1em; position: absolute; z-index: 1; right: 20px; top: 0; bottom: 0; margin: auto; } .reform-fixmenu-lower__li + .reform-fixmenu-lower__li { border-left: 1px solid #fff; } .reform-fixmenu-close { cursor: pointer; position: absolute; z-index: 1; right: 0; top: 0; transition: opacity 0.3s ease; } .reform-fixmenu-close:hover { opacity: 0.8; transition: opacity 0.3s ease; } @media screen and (min-width: 769px) { .reform-fixmenu-close { width: 26px; height: 26px; } } @media screen and (max-width: 768px) { .reform-fixmenu-close { width: 26px; height: 26px; right: 10px; top: 11px; } } .reform-fixmenu-close svg, .reform-fixmenu-close img { width: 100%; height: auto; } .section--information.is-reforminfo { background-color: #F2F2EE; } .reform-hero { background-color: #e7e2d6; } @media screen and (max-width: 768px) { .reform-hero { margin-top: 50px; } } @media screen and (min-width: 769px) { .reform-hero { margin-top: 80px; } } .reform-hero-upper { position: relative; } @media screen and (min-width: 769px) { .reform-hero-upper { width: 96.25%; margin-left: auto; } } .reform-hero-upper img { width: 100%; height: auto; } .reform-hero-upper__title { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; font-family: "Noto Serif JP", serif; color: #fff; display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .reform-hero-upper__title { padding: 15.7766990291vw 0.5em 0; font-size: min(10.9223300971vw, 64px); line-height: 1.1111111111; justify-content: flex-start; } } @media screen and (min-width: 769px) { .reform-hero-upper__title { justify-content: center; padding-bottom: 8%; width: 69.7916666667%; margin: 0 auto; font-size: min(4vw, 128px); line-height: 1.25; } } @media screen and (max-width: 768px) { .reform-hero-upper__title p { margin-top: 2em; font-size: min(3.3980582524vw, 28px); line-height: 1.8571428571; } } @media screen and (min-width: 769px) { .reform-hero-upper__title p { margin-top: 2em; line-height: 2.25; font-size: 16px; } } .reform-hero-lower { position: relative; } @media screen and (max-width: 768px) { .reform-hero-lower { display: flex; flex-direction: column; margin-top: 14.5631067961vw; } } @media screen and (min-width: 769px) { .reform-hero-lower { margin-top: -10%; display: flex; justify-content: space-between; } } .reform-hero-lower__l img, .reform-hero-lower__r img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .reform-hero-lower__l { margin-top: 8.4951456311vw; width: 87.6213592233%; } } @media screen and (min-width: 769px) { .reform-hero-lower__l { width: 42.4375%; margin-left: 2.8125%; padding-top: 4%; } } .reform-hero-lower__r { position: relative; } @media screen and (max-width: 768px) { .reform-hero-lower__r { order: -1; width: 100%; padding-right: 5.8252427184%; } } @media screen and (min-width: 769px) { .reform-hero-lower__r { width: 46.9375%; } } .reform-hero-lower__video { position: relative; padding-bottom: 56.5333333333%; } .reform-hero-lower__video video { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px) { .reform-hero-lower__video video { border-radius: 0 0 15.0666666667vw 0; } } @media screen and (min-width: 769px) { .reform-hero-lower__video video { border-radius: 0 0 11.71875vw 0; } } .reform-hero-lower__videobtn { position: absolute; z-index: 1; right: 35px; bottom: 0; transform: translateY(50%); display: block; transition: opacity 0.3s ease; } @media screen and (max-width: 768px) { .reform-hero-lower__videobtn { width: 25.0666666667%; } } @media screen and (min-width: 769px) { .reform-hero-lower__videobtn { width: 153px; } } .reform-hero-lower__videobtn:hover { opacity: 0.8; transition: opacity 0.3s ease; } .is-pageReform .myHomePage__banner { /* display: none !important; */ } @media screen and (max-width: 768px) { .is-pageSelection .reform--box22 { padding-top: 24.2718446602vw; } } @media screen and (min-width: 769px) { .is-pageSelection .reform--box22 { padding-top: 0; } } .is-page5reasons.reform-hero { background-color: #d6d5cd; } .is-page5reasons .reform-hero-upper__title { color: #413534; } @media screen and (max-width: 768px) { .is-page5reasons .reform-hero-upper__title h2 { width: 53.640776699vw; margin: 0 auto; } } @media screen and (min-width: 769px) { .is-page5reasons .reform-hero-upper__title h2 { width: 20.625vw; max-width: 330px; } } @media screen and (max-width: 768px) { .is-page5reasons .reform-hero-lower__l { margin-top: 15.7766990291vw; } } @media screen and (min-width: 769px) { .is-page5reasons .reform--box20 { padding-top: 0; margin-top: -6%; } } .is-page5reasons .reform--box20__title01 { display: none; } .eventListItemImage img { width: 100%; height: auto; } .main--reform .informationRow--showroom { display: none; } .is-reforminfo .sectionHeading__mainTitle, .is-reforminfo .cardHeading__title { color: #413434; } .is-reforminfo .roundButton--bgNavy { background-color: #413434; } .is-reforminfo .roundButton--bgNavy:hover { border-color: #413434; background-color: #fff; color: #413434; } .is-reforminfo .cardHeading__category img, .is-reforminfo .sectionHeading__shoulderTitle img { width: auto; height: 100%; } .is-reforminfo .campaign__contents .swiper-pagination { color: #413434; } .is-reforminfo .campaign__contents .swiper-button-next:after { background-image: url(/homelounge/assets/images/common/swpier/button_next_v2-brown.svg); } .is-reforminfo .campaign__contents .swiper-button-prev:after { background-image: url(/homelounge/assets/images/common/swpier/button_prev_v2-brown.svg); }

.main--reform:has(.reform-hero.is-page5reasons) {
  background-color: #d6d5cd;
}
.reform-hero.is-page5reasons {
  position: relative;
  z-index: 2;
  background: transparent;
}
.section--reform02.is-page5reasons {
  position: relative;
  z-index: 1;
}
/* reform 202309 */

/* manga */
.lib-anchortrg { margin-top: -80px; padding-top: 80px; position: relative; z-index: -9; } .lib-area, .lib-area-s, .lib-area-m { position: relative; z-index: 1; } .lib-area img, .lib-area-s img, .lib-area-m img { width: auto; max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; } .lib-area-m { max-width: 916px; margin-left: auto; margin-right: auto; } .lib-area-s { max-width: 772px; margin-left: auto; margin-right: auto; } .lib-area-btn { max-width: 772px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .lib-area-btn { max-width: 89.2537313433%; } } @media screen and (min-width: 769px) { .lib-title { font-size: 28px; line-height: 1.75; font-weight: bold; } } @media screen and (max-width: 768px) { .lib-title { font-weight: bold; font-size: 18px; line-height: 1.75; } } @media screen and (min-width: 769px) { .lib-text { font-size: 18px; line-height: 2; font-weight: bold; } } @media screen and (max-width: 768px) { .lib-text { font-weight: bold; font-size: 14px; line-height: 2; } } @media screen and (min-width: 769px) { .lib-mt-1 { margin-top: 10px; } .lib-mt-2 { margin-top: 20px; } .lib-mt-3 { margin-top: 30px; } .lib-mt-4 { margin-top: 40px; } .lib-mt-5 { margin-top: 50px; } .lib-mt-6 { margin-top: 60px; } .lib-mt-12 { margin-top: 120px; } } @media screen and (max-width: 768px) { .lib-mt-1 { margin-top: 5px; } .lib-mt-2 { margin-top: 10px; } .lib-mt-3 { margin-top: 15px; } .lib-mt-4 { margin-top: 20px; } .lib-mt-5 { margin-top: 25px; } .lib-mt-6 { margin-top: 30px; } .lib-mt-12 { margin-top: 40px; } } @media screen and (min-width: 769px) { .lib-mb-1 { margin-bottom: 10px; } .lib-mb-2 { margin-bottom: 20px; } .lib-mb-3 { margin-bottom: 30px; } .lib-mb-4 { margin-bottom: 40px; } .lib-mb-5 { margin-bottom: 50px; } .lib-mb-6 { margin-bottom: 60px; } .lib-mb-12 { margin-bottom: 120px; } } @media screen and (max-width: 768px) { .lib-mb-1 { margin-bottom: 5px; } .lib-mb-2 { margin-bottom: 10px; } .lib-mb-3 { margin-bottom: 15px; } .lib-mb-4 { margin-bottom: 20px; } .lib-mb-5 { margin-bottom: 25px; } .lib-mb-6 { margin-bottom: 30px; } .lib-mb-12 { margin-bottom: 40px; } } .lib-area__btnlist { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: auto; width: 489px; } @media screen and (max-width: 768px) { .lib-area__btnlist { width: 67.1641791045%; } } @media screen and (min-width: 769px) { .lib-area__btnlist__li + .lib-area__btnlist__li { margin-top: 24px; } } @media screen and (max-width: 768px) { .lib-area__btnlist__li + .lib-area__btnlist__li { margin-top: 3.4666666667vw; } } .lib-area__btnlistsp01__01 { position: absolute; z-index: 1; width: 8%; height: 13%; left: 34%; top: 15%; } @media screen and (max-width: 768px) { .lib-area__btnlistsp01__01 { position: absolute; z-index: 1; width: 10%; height: 15%; left: 30%; top: 12%; } } .lib-area__btnlistsp01__02 { position: absolute; z-index: 1; width: 8%; height: 13%; left: 53%; top: 34%; } @media screen and (max-width: 768px) { .lib-area__btnlistsp01__02 { position: absolute; z-index: 1; width: 11%; height: 15%; left: 53%; top: 31%; } } .lib-area__btnlistsp01__03 { position: absolute; z-index: 1; width: 9%; height: 13%; left: 60%; top: 19%; } @media screen and (max-width: 768px) { .lib-area__btnlistsp01__03 { position: absolute; z-index: 1; width: 14%; height: 13%; left: 64%; top: 18%; } } .lib-area__btnlistsp02__04 { position: absolute; z-index: 1; width: 7%; height: 13%; left: 25%; top: 23%; } @media (max-width: 1040px) { .lib-area__btnlistsp02__04 { left: 23%; } } @media screen and (max-width: 768px) { .lib-area__btnlistsp02__04 { position: absolute; z-index: 1; width: 10%; height: 15%; left: 14%; top: 21%; } } .lib-area__btnlistsp02__05 { position: absolute; z-index: 1; width: 6%; height: 13%; left: 31.5%; top: 15%; } @media (max-width: 1040px) { .lib-area__btnlistsp02__05 { left: 29.5%; } } @media screen and (max-width: 768px) { .lib-area__btnlistsp02__05 { position: absolute; z-index: 1; width: 9%; height: 15%; left: 22%; top: 11%; } } .lib-area__btnlistsp02__06 { position: absolute; z-index: 1; width: 6%; height: 13%; left: 37%; top: 23%; } @media (max-width: 1040px) { .lib-area__btnlistsp02__06 { left: 35%; } } @media screen and (max-width: 768px) { .lib-area__btnlistsp02__06 { position: absolute; z-index: 1; width: 8%; height: 13%; left: 32%; top: 21%; } } .lib-area__btnlistsp03__08 { position: absolute; z-index: 1; width: 10%; height: 13%; left: 28%; top: 13%; } @media (max-width: 1040px) { .lib-area__btnlistsp03__08 { left: 26%; } } @media screen and (max-width: 768px) { .lib-area__btnlistsp03__08 { position: absolute; z-index: 1; width: 14%; height: 9%; left: 18%; top: 15%; } } .lib-area__btnlistsp03__09 { position: absolute; z-index: 1; width: 9%; height: 8%; left: 67%; top: 51%; } @media (max-width: 1040px) { .lib-area__btnlistsp03__09 { left: 68%; } } @media screen and (max-width: 768px) { .lib-area__btnlistsp03__09 { position: absolute; z-index: 1; width: 12%; height: 12%; left: 74%; top: 50%; } } .lib-area__btnlistsp03__10 { position: absolute; z-index: 1; width: 8%; height: 13%; left: 43%; top: 41%; } @media screen and (max-width: 768px) { .lib-area__btnlistsp03__10 { position: absolute; z-index: 1; width: 10%; height: 13%; left: 41%; top: 42%; } } .lib-modal { display: none; background: rgba(0, 0, 0, 0); } input:checked + .lib-modal { display: flex; z-index: 10; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); align-items: center; justify-content: center; width: 100%; height: 100%; } .lib-modal__cont { overflow: auto; background: #fff; padding: 0px; max-height: 70vh; } .lib-modal__cont img { width: auto; max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .lib-spfull { margin: 0 -20px; width: auto; display: block; } }

/* reform 202312 */
.reform-protalk { position: relative; z-index: 10; background: #F8F7F4; font-family: "Noto Serif JP", serif; color: #413534; } .reform-protalk__inner { margin: 0 auto; padding: 60px 0 80px; max-width: 1920px; position: relative; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 768px) { .reform-protalk__inner { display: block; padding: 9.7087378641vw 0 24.2718446602vw; } } .reform-protalk__l { margin-left: 7.8125%; } @media (max-width: 768px) { .reform-protalk__l { margin-left: 0; } } .reform-protalk__r { display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 768px) { .reform-protalk__r { display: none; } } .reform-protalk__wrap { display: flex; align-items: center; font-size: min(1.625vw, 31.2px); margin-top: 3em; } @media (max-width: 768px) { .reform-protalk__wrap { margin: 0 auto; display: block; } } .reform-protalk__new { display: inline-block; background: #6C5E4B; border-radius: 6em; color: #fff; font-family: sans-serif; font-size: min(1.1875vw, 22.8px); padding: 0.2em 1.5em; margin-right: 1em; } @media (max-width: 768px) { .reform-protalk__new { display: inline-block; text-align: center; width: 6em; position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; transform: translateY(-50%); font-size: min(3.640776699vw, 27.9611650485px); } } .reform-protalk__subtitle { display: inline-block; font-size: min(1.625vw, 31.2px); } @media (max-width: 768px) { .reform-protalk__subtitle { display: block; text-align: center; font-size: min(2.9126213592vw, 22.3689320388px); } } .reform-protalk__title { line-height: 1.4375; display: block; font-size: min(4vw, 76.8px); } @media (max-width: 768px) { .reform-protalk__title { text-align: center; font-size: min(8.9805825243vw, 68.9708737864px); } } .reform-protalk__desc { margin-top: 2em; line-height: 2; font-size: min(1.125vw, 21.6px); } @media (max-width: 768px) { .reform-protalk__desc { margin-top: 1.5em; padding: 0 7.2815533981vw; font-size: min(3.640776699vw, 27.9611650485px); } } .reform-protalk__panel { width: 24.75vw; max-width: 475.2px; } @media (max-width: 768px) { .reform-protalk__panel { width: 76.4563106796vw; margin: 0 auto; } } .reform-protalk-panel { display: block; position: relative; border-radius: 28px; overflow: hidden; margin-top: 4em; font-size: min(1vw, 19.2px); } @media (max-width: 768px) { .reform-protalk-panel { margin-top: 2em; font-size: min(3.3980582524vw, 26.0970873786px); } } .reform-protalk-panel:hover { opacity: 0.7; } .reform-protalk-panel__thumb { width: 100%; } .reform-protalk-panel__thumb img { width: 100%; height: auto; } .reform-protalk-panel__cont { font-family: "Noto Sans JP", sans-serif; padding: 7.5757575758% 10.101010101%; background: #fff; font-weight: bold; } .reform-protalk-panel__text { font-size: 75%; margin-top: 1em; } .reform-protalk__thumb1 { order: -1; width: 46.5625vw; max-width: 894px; background: url(/homelounge/assets/images/reform/top/protalk_thumb01.png) no-repeat; background-size: auto 100%; } .reform-protalk__thumb1::before { content: ""; display: block; padding-bottom: 97.0469798658%; } @media (max-width: 768px) { .reform-protalk__thumb1 { display: none; } } .reform-protalk__thumb2 { width: 30.625vw; max-width: 588px; background: url(/homelounge/assets/images/reform/top/protalk_thumb02.svg) no-repeat; background-size: contain; margin-top: 1.125%; margin-right: 1.875%; } .reform-protalk__thumb2::before { content: ""; display: block; padding-bottom: 49.5918367347%; } @media (max-width: 768px) { .reform-protalk__thumb2 { display: none; } } @media (max-width: 768px) { .reform-protalk__thumb3 { margin-left: 3.3980582524vw; margin-top: 4.854368932vw; width: 96.6019417476vw; background: url(/homelounge/assets/images/reform/top/protalk_thumb03.png) no-repeat; background-size: auto 100%; } .reform-protalk__thumb3::before { content: ""; display: block; padding-bottom: 75.8793969849%; } } .reform-protalk__arrow { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: auto; transform: translate3d(49%, 50%, 0); width: 191px; height: 138px; } .reform-protalk__arrow img { width: 100%; height: auto; } @media (max-width: 768px) { .reform-protalk__arrow { width: 21.8446601942vw; height: auto; transform: translate3d(49%, 50%, 0); } } @media (max-width: 768px) { .reform--box19 { padding: 30.133333% 0 44%; } } .talktop { background: #F8F7F4; font-family: "Noto Serif JP", serif; margin-top: 80px; } @media (max-width: 768px) { .talktop { margin-top: 50px; } } .talktop img { width: 100%; height: auto; } .reform-talktop { position: relative; z-index: 10; background: #E7E2D6; font-family: "Noto Serif JP", serif; color: #413534; padding: 0 0 6.25vw; } @media (max-width: 768px) { .reform-talktop { padding: 0 0 24.2718446602vw; } } .reform-talktop__inner { margin: 0 auto; padding: 5.625vw 0 0; max-width: 1920px; position: relative; width: 100%; display: flex; justify-content: space-between; position: relative; } @media (max-width: 768px) { .reform-talktop__inner { display: block; padding: 9.7087378641vw 0 12.1359223301vw; } } .reform-talktop__inner::before { content: ""; display: block; background: #fff; border-radius: 0 0 0 280px; width: 96.25vw; max-width: 1860px; height: 86%; position: absolute; z-index: -1; right: 0; top: 0; } @media (max-width: 768px) { .reform-talktop__inner::before { width: 100%; height: 100%; border-radius: 0 0 0 140px; } } .reform-talktop__lower { margin-top: 6em; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 768px) { .reform-talktop__lower { margin-top: 16em; } } .reform-talktop__lower__title { width: 100%; text-align: center; margin-bottom: 1em; font-size: min(2vw, 38.4px); } @media (max-width: 768px) { .reform-talktop__lower__title { font-size: min(5.8252427184vw, 44.7378640777px); } } .reform-talktop__l { margin-left: auto; } @media (max-width: 768px) { .reform-talktop__l { margin-left: 0; } } .reform-talktop__r { position: relative; display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 768px) { .reform-talktop__r { position: static; } } .reform-talktop__wrap { display: flex; align-items: center; font-size: min(1.625vw, 31.2px); } @media (max-width: 768px) { .reform-talktop__wrap { margin: 0 auto; display: block; } } .reform-talktop__new { display: inline-block; background: #6C5E4B; border-radius: 6em; color: #fff; font-family: sans-serif; font-size: min(1.1875vw, 22.8px); padding: 0.2em 1.5em; margin-right: 1em; } @media (max-width: 768px) { .reform-talktop__new { display: inline-block; text-align: center; width: 6em; position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; transform: translateY(-50%); font-size: min(3.640776699vw, 27.9611650485px); } } .reform-talktop__subtitle { display: inline-block; font-size: min(1.625vw, 31.2px); } @media (max-width: 768px) { .reform-talktop__subtitle { display: block; text-align: center; font-size: min(2.9126213592vw, 22.3689320388px); } } .reform-talktop__title { line-height: 1.4375; display: block; font-size: min(4vw, 76.8px); } @media (max-width: 768px) { .reform-talktop__title { text-align: center; font-size: min(8.9805825243vw, 68.9708737864px); } } .reform-talktop__desc { margin-top: 2em; line-height: 2; font-size: min(1.125vw, 21.6px); } @media (max-width: 768px) { .reform-talktop__desc { margin-top: 1.5em; padding: 0 7.2815533981vw; font-size: min(3.640776699vw, 27.9611650485px); } } .reform-talktop__movbtn { width: 25.75vw; margin-top: 3.75vw; margin-left: 3.125vw; } @media (max-width: 768px) { .reform-talktop__movbtn { width: 72.8155339806vw; margin: 0 auto; margin-top: 4.854368932vw; } } .reform-talktop__panel { width: 25.375vw; max-width: 475.2px; } @media (max-width: 768px) { .reform-talktop__panel { width: 76.4563106796vw; margin: 0 auto; } } .reform-talktop-panel { display: block; position: relative; border-radius: 1.75em; overflow: hidden; margin: 0 10px; font-size: min(1vw, 19.2px); } @media (max-width: 768px) { .reform-talktop-panel { margin-top: 2em; font-size: min(3.3980582524vw, 26.0970873786px); } } .reform-talktop-panel:hover { opacity: 0.7; } .reform-talktop-panel__thumb { width: 100%; } .reform-talktop-panel__thumb img { width: 100%; height: auto; } .reform-talktop-panel__cont { font-family: "Noto Sans JP", sans-serif; padding: 7.5757575758% 10.101010101%; background: #fff; font-weight: bold; } .reform-talktop-panel__text { font-size: 75%; margin-top: 1em; } .reform-talktop__thumb1 { order: -1; width: 45.3125vw; max-width: 870px; background: url(/homelounge/assets/images/reform/top/protalk_thumb01.png) no-repeat; background-size: auto 100%; } .reform-talktop__thumb1::before { content: ""; display: block; padding-bottom: 99.724137931%; } @media (max-width: 768px) { .reform-talktop__thumb1 { display: none; } } .reform-talktop__thumb2 { width: 52.375vw; max-width: 1005.6px; background: url(/homelounge/assets/images/reform/top/protalk_thumb02-2.svg) no-repeat; background-size: contain; position: absolute; z-index: 1; bottom: 0; right: 100%; } .reform-talktop__thumb2::before { content: ""; display: block; padding-bottom: 16.4081145585%; } @media (max-width: 768px) { .reform-talktop__thumb2 { width: 63.5922330097vw; background: url(/homelounge/assets/images/reform/top/protalk_thumb02.svg) no-repeat; background-size: contain; left: 5.8252427184vw; right: auto; top: calc(100% - 4px); bottom: auto; } .reform-talktop__thumb2::before { content: ""; display: block; padding-bottom: 49.5918367347%; } } @media (max-width: 768px) { .reform-talktop__thumb3 { margin-left: 7.2815533981vw; margin-top: 4.854368932vw; width: 96.6019417476vw; background: url(/homelounge/assets/images/reform/talk/protalk_thumb03.jpg) no-repeat; background-size: auto 100%; } .reform-talktop__thumb3::before { content: ""; display: block; padding-bottom: 51.5267175573%; } } .reform-talktop__arrow { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: auto; transform: translate3d(49%, 50%, 0); width: 191px; height: 138px; } .reform-talktop__arrow img { width: 100%; height: auto; } @media (max-width: 768px) { .reform-talktop__arrow { width: 21.8446601942vw; height: auto; transform: translate3d(49%, 50%, 0); } } .talkarticle { background: #F8F7F4; font-family: "Noto Serif JP", serif; margin-top: 80px; } @media (max-width: 768px) { .talkarticle { margin-top: 50px; } } .talkarticle img { width: 100%; height: auto; } .talkarticle-hero__title { margin: 0 auto; text-align: center; width: 415.5px; padding: 40px 0; } @media (max-width: 768px) { .talkarticle-hero__title { width: 65.5339805825vw; padding: 9.7087378641vw 0; } } .talkarticle-hero__thumb { max-width: 1200px; margin: 0 auto; overflow: hidden; border-radius: 60px; } @media (max-width: 768px) { .talkarticle-hero__thumb { border-radius: 0; } } .talkarticle-head { border-bottom: 1px solid #6C5E4B; max-width: 720px; margin: 0 auto; padding: 3.75vw 0; } @media (max-width: 768px) { .talkarticle-head { padding: 14.5631067961vw 0; margin-left: 6.3106796117vw; margin-right: 6.3106796117vw; } } .talkarticle-head__title { line-height: 1.5625; margin: 0 auto; text-align: center; font-size: min(2vw, 38.4px); } @media (max-width: 768px) { .talkarticle-head__title { font-size: min(6.3106796117vw, 48.4660194175px); } } .talkarticle-head__name { margin-top: 1.5em; margin-bottom: 1.5em; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: min(1.625vw, 31.2px); } @media (max-width: 768px) { .talkarticle-head__name { font-size: min(4.854368932vw, 37.2815533981px); } } .talkarticle-head__name small { display: block; margin-bottom: 0.5em; font-size: 14px; } @media (max-width: 768px) { .talkarticle-head__name small { font-size: min(3.3980582524vw, 26.0970873786px); } } .talkarticle-head__text { line-height: 2; margin-top: 1.75em; font-family: "Noto Sans JP", sans-serif; font-size: 14px; text-align: center; } @media (max-width: 768px) { .talkarticle-head__text { text-align: left; font-size: min(4.3689320388vw, 33.5533980583px); } } .talkarticle-mov { max-width: 920px; margin: 3.75vw auto; } @media (max-width: 768px) { .talkarticle-mov { margin: 7.2815533981vw auto; } } .talkarticle-mov__title { text-align: center; line-height: 1.5384615385; color: #323333; margin-bottom: 0.8em; font-size: min(2vw, 38.4px); } @media (max-width: 768px) { .talkarticle-mov__title { font-size: min(6.3106796117vw, 48.4660194175px); } } .talkarticle-mov__label { margin-top: 2em; text-align: center; font-size: 16px; } .talkarticle-mov__label span { border: 1px solid #6C5E4B; border-radius: 6em; line-height: 1; padding: 1em 2em; display: inline-block; } @media (max-width: 768px) { .talkarticle-mov__label { font-size: min(2.9126213592vw, 22.3689320388px); } } .talkarticle-contents { border-top: 1px solid #6C5E4B; max-width: 920px; margin: 0 auto; padding: 3.75vw 0; } @media (max-width: 768px) { .talkarticle-contents { padding: 14.5631067961vw 0; margin: 0 6.3106796117vw; } } .talkarticle-contents h3 { max-width: 720px; margin: 0 auto; line-height: 2; font-size: 20px; } @media (max-width: 768px) { .talkarticle-contents h3 { font-size: min(4.854368932vw, 37.2815533981px); } } .talkarticle-contents * + h3 { margin-top: 1.75em; } @media (max-width: 768px) { .talkarticle-contents * + h3 { margin-top: 1.75em; } } .talkarticle-contents h4 { font-family: "Noto Sans JP", sans-serif; max-width: 720px; margin: 0 auto; line-height: 2; margin-top: 1.75em; font-weight: bold; font-size: 14px; } @media (max-width: 768px) { .talkarticle-contents h4 { font-size: min(3.640776699vw, 27.9611650485px); } } .talkarticle-contents p { font-family: "Noto Sans JP", sans-serif; max-width: 720px; margin: 0 auto; line-height: 2; font-size: 14px; } @media (max-width: 768px) { .talkarticle-contents p { font-size: min(3.640776699vw, 27.9611650485px); } } .talkarticle-contents p strong { font-weight: bold; } .talkarticle-contents p small { display: block; font-size: 12px; } @media (max-width: 768px) { .talkarticle-contents p small { font-size: min(2.9126213592vw, 22.3689320388px); } } .talkarticle-contents p + p, .talkarticle-contents h4 + p { margin-top: 1.75em; } .talkarticle-clm2 { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 920px; margin: 3.75vw auto; margin-top: 6em; font-size: 10px; } @media (max-width: 768px) { .talkarticle-clm2 { margin: 0 auto; font-size: min(2.427184466vw, 18.640776699px); } } .talkarticle-clm2__l, .talkarticle-clm2__r { width: 47.8260869565%; } @media (max-width: 768px) { .talkarticle-clm2__l, .talkarticle-clm2__r { width: 100%; margin: 7.2815533981vw auto; font-size: min(2.9126213592vw, 22.3689320388px); } } .talkarticle-clm2__l img, .talkarticle-clm2__r img { border-radius: 40px; } @media (max-width: 768px) { .talkarticle-clm2__l img, .talkarticle-clm2__r img { border-radius: 20px; } } @media (max-width: 768px) { .talkarticle-clm2__r { margin-top: 0; } } .talkarticle-clm2 p { font-family: "Noto Sans JP", sans-serif; margin-top: 0.5em; } @media (max-width: 768px) { .talkarticle-clm2 > p { margin-top: -4.854368932vw; } } .talkarticle-thumb { max-width: 920px; margin-top: 6em; overflow: hidden; border-radius: 60px; margin: 3.75vw auto; font-size: 10px; } @media (max-width: 768px) { .talkarticle-thumb { border-radius: 0; margin: 7.2815533981vw -6.3106796117vw; } } @media (max-width: 768px) { .talkarticle-thumb { font-size: min(2.427184466vw, 18.640776699px); } } .talkarticle-thumb2 { max-width: 920px; margin-top: 6em; overflow: hidden; margin: 3.75vw auto; font-size: 10px; } @media (max-width: 768px) { .talkarticle-thumb2 { margin: 7.2815533981vw auto; font-size: min(2.427184466vw, 18.640776699px); } } .talkarticle-thumb3 { max-width: 700px; margin-top: 6em; overflow: hidden; margin: 3.75vw auto; font-size: 10px; } @media (max-width: 768px) { .talkarticle-thumb3 { margin: 7.2815533981vw -6.3106796117vw; } } .talkarticle-thumb3 img { border-radius: 40px; margin-bottom: 0.5em; } @media (max-width: 768px) { .talkarticle-thumb3 img { border-radius: 20px; } } @media (max-width: 768px) { .talkarticle-thumb3 { font-size: min(2.427184466vw, 18.640776699px); } } .talkarticle-brownbox { max-width: 780px; background: #F0EEE9; border-radius: 18px; padding: 40px; margin: 4em auto 4em; } @media (max-width: 768px) { .talkarticle-brownbox { padding: 20px; } } .talkarticle-brownbox__title { margin: 0 !important; font-weight: bold; font-size: 20px !important; } @media (max-width: 768px) { .talkarticle-brownbox__title { font-size: min(3.640776699vw, 27.9611650485px) !important; } } .talkarticle-brownbox__text { margin-top: 0 !important; line-height: 1.5; } @media (max-width: 768px) { .talkarticle-brownbox__text { font-size: min(2.427184466vw, 18.640776699px) !important; } } .talkarticle-brownbox__thumb { margin-top: 2em; } @media (max-width: 768px) { .talkarticle-brownbox__thumb { margin-top: 1.75em; } } .talkarticle-bnr { max-width: 540px; margin-top: 6em; overflow: hidden; margin: 3.75vw auto; font-size: 10px; } @media (max-width: 768px) { .talkarticle-bnr { margin: 14.5631067961vw auto; font-size: min(2.427184466vw, 18.640776699px); } } .talkarticle-bnr__btn { display: block; transition: opacity 0.3s ease; } .talkarticle-bnr__btn:hover { opacity: 0.8; transition: opacity 0.3s ease; } .talkarticle-bnrtext { margin-top: 1em; line-height: 1.8; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: 14px; } @media (max-width: 768px) { .talkarticle-bnrtext { font-size: min(3.1553398058vw, 24.2330097087px); } } .talkarticle-bnrtext a { text-decoration: underline; } .talkarticle-bnrtext a:hover { text-decoration: none; } .talkarticle-personbox { background: #fff; border-radius: 40px; max-width: 700px; margin-top: 6em; overflow: hidden; margin: 3.75vw auto; padding: 50px 80px; font-size: 10px; } @media (max-width: 768px) { .talkarticle-personbox { margin: 7.2815533981vw auto; padding: 4.854368932vw 6.3106796117vw; font-size: 10px; } } .talkarticle-personbox__category { text-align: center; border-bottom: 1px solid #6C5E4B; padding: 0.5em 0; margin-bottom: 2em; font-size: 16px; } @media (max-width: 768px) { .talkarticle-personbox__category { font-size: min(3.8834951456vw, 29.8252427184px); } } .talkarticle-personbox-clm + .talkarticle-personbox__category { margin-top: 2em; } .talkarticle-personbox-clm { display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 768px) { .talkarticle-personbox-clm { justify-content: flex-start; align-items: center; flex-direction: column; } } .talkarticle-personbox-clm__l { width: 31.4814814815%; padding-bottom: 3em; } @media (max-width: 768px) { .talkarticle-personbox-clm__l { width: 41.2621359223%; } } .talkarticle-personbox-clm__r { padding-top: 2em; width: 62.962962963%; font-size: 12px; } @media (max-width: 768px) { .talkarticle-personbox-clm__r { padding-top: 0em; width: 100%; font-size: min(2.9126213592vw, 22.3689320388px); } } .talkarticle-personbox-clm__r strong { display: block; font-weight: bold; font-size: 16px; margin-bottom: 0.75em; } @media (max-width: 768px) { .talkarticle-personbox-clm__r strong { text-align: center; font-size: min(3.8834951456vw, 29.8252427184px); } } .talkarticle-share { margin: 3.75vw auto; } @media (max-width: 768px) { .talkarticle-share { margin: 14.5631067961vw auto; } } .talkarticle-share__title { text-align: center; font-size: 32px; margin-bottom: 1em; } @media (max-width: 768px) { .talkarticle-share__title { text-align: center; font-size: min(6.3106796117vw, 48.4660194175px); } } .talkarticle-sharelist { display: flex; align-items: center; justify-content: center; } .talkarticle-sharelist__tw, .talkarticle-sharelist__fb { margin: 0 10px; } .talkarticle-sharelist__tw { width: 88px; } .talkarticle-sharelist__fb { width: 80px; } .talkarticle-prev { max-width: 700px; border-top: 1px solid #6C5E4B; margin: 3.75vw auto; text-align: center; padding: 3.75vw 0 0; } @media (max-width: 768px) { .talkarticle-prev { padding: 14.5631067961vw 0 0; } } .talkarticle-breadcrumb { background: #837868; color: #fff; font-size: 12px; } @media (max-width: 768px) { .talkarticle-breadcrumb { font-size: min(2.9126213592vw, 22.3689320388px); } } .talkarticle-breadcrumb__inner { max-width: 1400px; padding: 1.25em 20px; margin: 0 auto; } @media (max-width: 768px) { .talkarticle-breadcrumb__inner { padding: 1.25em 0; overflow: scroll; } } .talkarticle-breadcrumblist { display: flex; align-items: center; } @media (max-width: 768px) { .talkarticle-breadcrumblist { white-space: nowrap; padding: 0 6.3106796117vw; } } @media (max-width: 768px) { .talkarticle-breadcrumblist > li:last-child { padding-right: 6.3106796117vw; } } .talkarticle-breadcrumblist > li + li { margin-left: 3em; position: relative; } .talkarticle-breadcrumblist > li + li::before { content: "＞"; display: block; width: 1em; height: 1em; position: absolute; z-index: 1; left: -2em; } .talkarticle-breadcrumblist a:hover { text-decoration: underline; } a.talkarticle-roundbtn { min-width: 240px; font-weight: bold; border: 2px solid #6C5E4B; border-radius: 6em; line-height: 1; padding: 1em 2em; display: inline-block; text-align: center; font-size: 16px; transition: 0.3s ease; } @media (max-width: 768px) { a.talkarticle-roundbtn { font-size: min(3.8834951456vw, 29.8252427184px); } } a.talkarticle-roundbtn:hover { border-color: #413434; background: #413434; color: #fff; transition: 0.3s ease; } .reform-contentsCarousel__thumb { position: relative; } .swiper--reformcontents .swiper-slide[data-is-new=true] .reform-contentsCarousel__thumb:after { background: url(/homelounge/assets/images/reform/top/icon_new.svg) no-repeat 100% 0/contain; content: ""; display: block; left: 0; position: absolute; top: 0; z-index: 3; } @media (min-width: 769px) { .swiper--reformcontents .swiper-slide[data-is-new=true] .reform-contentsCarousel__thumb:after { padding: 7.5949367089% 0 0; width: 19.4092827004%; } } @media (max-width: 768px) { .talkarticle-related { background: #E7E2D6; padding: 50px 0 60px; } .talkarticle-related .reform--box22__title01 { text-align: center; font-size: 3.2rem; line-height: 1.5; color: #6C5E4B; margin-bottom: 50px; } .talkarticle-related .reform--box22__slide01__label { display: none; } .talkarticle-related .reform--box22__slide01 .swiper-slide > a .reform--box22__slide01__photo01:after { content: none; } } @media (min-width: 769px) { .talkarticle-related { background: #E7E2D6; padding: 60px 0 70px; } .talkarticle-related .reform--box22__title01 { text-align: left; font-size: 3.2rem; line-height: 1.5; color: #6C5E4B; margin-bottom: 60px; } .talkarticle-related .reform--box22__slide01__label { display: none; } .talkarticle-related .reform--box22__slide01 .swiper-slide > a .reform--box22__slide01__photo01:after { content: none; } }


.reform-talktop__panelclm {
  width: calc(25.375vw * 3);
  max-width: calc(475.2px * 3);
  margin: 0 auto;
  margin-top: -20px;
  display: flex;
  flex-wrap: wrap;
}

.reform-talktop__panel {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .reform-talktop__panel {
    width: 76.4563106796vw;
    margin: 0 auto;
    margin-top: 20px;
  }
}

.reform-talktop-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.reform-talktop-panel[data-is-new=true]:after {
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  z-index: 3;
  padding: 7.5949367089% 0 0;
  width: 19.4092827004%;
  background: url(/homelounge/assets/images/reform/top/icon_new-logout.svg) no-repeat 100% 0 / contain;
}
.reform-talktop-panel__cont {
  flex: 1;
}
.talkarticle-mov__mov {
  a.js-reform-open-modal01 {
    transition: opacity .3s ease;
    &:hover {
      opacity: .8;
      transition: opacity .3s ease;
    }
  }
}
/* reform 202312 */

.reform-anchortrg { position: relative; z-index: -1; padding-top: 80px; margin-top: -80px; } @media (max-width: 768px) { .reform-anchortrg { padding-top: 50px; margin-top: -50px; } }

/* header */
@media (max-width: 768px) { .header .roundButton { font-size: 1rem; width: 152px; margin: 0 10px 0 auto; } } @media (min-width: 769px) and (max-width: 952px) { .header .roundButton { margin: 0 30px 0 auto; } } .header__menuList span.display-none--pcDesign { display: none; } @media (max-width: 952px) { .header__menuList span { display: inline-block; font-weight: bold; line-height: 1.333; } .header__menuList small { display: inline-block; margin-left: 1em; line-height: 1.75; vertical-align: bottom; } } @media (min-width: 953px) { .header__menuList span { display: block; font-weight: bold; line-height: 1.333; } .header__menuList small { display: block; line-height: 1.333; } } @media (min-width: 953px) { .header__menuList:nth-child(1) a:after { content: none; } .header__menuList a:after, .header__menuList:last-child a:after { display: block; content: ''; top: 0; left: 0; position: absolute; z-index: 1; transform: translate(0, 0) rotate(20deg); height: 100%; width: 1px; background: #fff; } } .loungeMenu__button__circle img { width: 100%; height: auto; } @media (max-width: 768px) { .loungeMenu__button { background: transparent; padding: 0; width: 115px; height: 115px; box-shadow: none; right: 10px; } } @media (min-width: 769px) { .loungeMenu__button { background: transparent; padding: 0; width: 194px; height: 194px; box-shadow: none; right: 40px; } } @media (min-width: 953px) { .loungeMenu__button { bottom: 0; } }

/* header logout */
.header--topLogout { position: relative; top: 0; left: 0; z-index: 5; width: 100%; background-color: transparent; backdrop-filter: inherit; opacity: 0; backdrop-filter: blur(15px); background-color: rgba(12, 67, 111, 0.8); } .header--topLogout.js-fadeIn { opacity: 1; transition: opacity 1s ease-out; } .header--topLogout .header__logo a { display: block; } .header--topLogout .header__logo img { width: 100%; }

/* TOP campaign */
.header--topLogout {
  .header__menuList a[href="/homelounge/"] {
    pointer-events: none;
  }
}

.header--topLogin {
  .header__menuList a[href="/homelounge/"] {
    pointer-events: none;
  }
}

.body--theater {
  .header__menuList a[href="/homelounge/theater/"] {
    pointer-events: none;
  }
}

.body--gallery {
  .header__menuList a[href="/homelounge/gallery/"] {
    pointer-events: none;
  }
}

.body--library {
  .header__menuList a[href="/homelounge/library/"] {
    pointer-events: none;
  }
}

.main--top .section--recommend {
  background-image: linear-gradient(0deg, #fff, #fff), url(/homelounge/assets/images/top/recommend/bg_recommend.png);
  padding-bottom: 15px;
}

.section--campaign {
  background: #F5F8FA;
}

.infoCard--campaign {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.campaignclm {
  display: flex;
  flex-wrap: wrap;

  @media (max-width: 768px) {
    flex-direction: column;
  }

  @media (min-width: 769px) {
    justify-content: space-between;
  }
}

.campaignclm__l {
  @media (max-width: 1150px) {
    width: 100%;
  }

  @media (min-width: 1151px) {
    width: calc(50% - 20px);
  }
}

.campaignclm__r {
  @media (max-width: 1150px) {
    width: 100%;
    margin-top: 40px;
  }

  @media (min-width: 1151px) {
    width: calc(50% - 20px);
  }
}
.campaignclm__r+.campaignclm__l,
.campaignclm__r+.campaignclm__l+.campaignclm__r {
  @media (max-width: 1150px) {
    width: 100%;
    margin-top: 40px;
  }

  @media (min-width: 1151px) {
    width: calc(50% - 20px);
    margin-top: 80px;
  }
}

.campaignclm__c {
  @media (max-width: 1150px) {
    width: 100%;
    margin-top: 40px;
  }

  @media (min-width: 1151px) {
    width: 100%;
    margin-top: 80px;
  }
}

.js-campaign .swiper-slide a.newcontents-block {
  border-radius: 0;
  box-shadow: none;
}

.js-campaign.swiper-recommendCarousel:before,
.swiper--js-campaign.swiper-recommendCarousel:before {
  content: none;
}

.campaign__contents .recommendCarousel__image {
  aspect-ratio: 16 / 9;
  position: relative;

  img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}


.newcontents__contents {
  min-height: 240px;
}
.newcontents__contents,
.ranking__contents {
  height: 100%;
}

#tn_mylounge_newcontents .swiper-slide > div + div {
  margin-top: 20px;
}

.newcontents_error,
.ranking_error,
.recentview_error {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  padding-bottom: 4em;

  @media (max-width: 768px) {
    padding: 3em 0 4em;
  }
}

.ranking_error,
.recentview_error {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 4em;
  padding-bottom: 8em;

  @media (max-width: 768px) {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 1.5em;
    padding-bottom: 4em;
  }
}

@media (max-width: 768px) {

  .js-campaign,
  .swiper--js-campaign {
    margin-top: -28px;
    padding: 28px 25px 84px !important;
  }

  .ranking__contents .swiper--js-campaign {
    padding: 28px 25px 112px !important;
  }

  .js-campaign .swiper-slide,
  .swiper--js-campaign .swiper-slide {
    height: auto;
    border-radius: 0;
    box-shadow: none;
  }
  .campaign__contents .swiper-slide a {
    border-radius: 8px;
    box-shadow: 4px 4px 32px rgba(0, 45, 89, .16);
  }

  .campaign__contents .swiper-slide {
    padding: 0;
  }

  .main--top .section--recommend {
    padding-bottom: 0;
  }

  .section--campaign {
    padding: 60px 0 20px;

    .infoCard {
      padding-left: 0;
      padding-right: 0;
      display: flex;
      flex-direction: column;
    }

    .campaign__contents {
      margin-top: 20px;
      overflow: hidden;
    }
    .newcontents__contents {
      height: 100%;
      margin-top: 0;
    }
  }

  .campaign__contents .swiper-pagination-fraction {
    bottom: 0;
    left: auto;
    right: 0;
    top: auto;
  }

  .newcontents__contents {
    overflow: hidden;
    margin-top: 0;
    padding: 0 25px;
  }

  .js-newcontents {
    padding: 28px 0 84px !important;
    margin: 0 auto;
    max-width: 1920px;
    height: 100%;
  }
  .js-newcontents .swiper-slide {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .newcontents__contents.campaign__contents .swiper-button-next {
    right: 0;
  }

  .newcontents__contents.campaign__contents .swiper-button-prev {
    right: 78px;
  }

  .newcontents__contents.campaign__contents .swiper-pagination-fraction {
    right: -25px;
  }

  .section--campaign .section__inner {
    padding: 0 15px;
  }

  .section--information {
    background-image: url(/homelounge/assets/images/top/information/bg_top-sp.png), url(/homelounge/assets/images/top/information/bg_bottom-sp.png), linear-gradient(0deg, #F5F8FA, #F5F8FA), linear-gradient(0deg, #fff, #fff);
  }

  .infoCard--campaign {
    margin-top: 0;
  }

  .infoCard--campaign:before {
    content: none;
  }
}

@media (min-width: 769px) {
  .cardHeading--campaign {
    padding-left: 40px;
    padding-right: 40px;
  }

  .js-campaign,
  .swiper--js-campaign {
    margin: -35px -40px;
    padding: 35px 40px 116px !important;
    margin: 0 auto;
    max-width: 1920px;
    height: 100%;
  }

  .js-campaign .swiper-slide,
  .swiper--js-campaign .swiper-slide {
    width: 80%;
    max-width: 304px;
    height: auto;
    border-radius: 0;
    box-shadow: none;
  }

  .campaign__contents .swiper-slide-content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .campaign__contents .swiper-slide a {
    border-radius: 8px;
    box-shadow: 4px 4px 32px rgba(0, 45, 89, .16);
  }

  .campaign__contents .swiper-button-next {
    right: 42px;
  }

  .campaign__contents .swiper-button-prev {
    right: 166px;
  }

  .campaign__contents .swiper-pagination-fraction {
    right: 0;
  }

  .newcontents__contents {
    overflow: hidden;
    margin-top: 0;
    padding: 0 40px;
  }

  .js-newcontents {
    padding: 35px 0 116px !important;
    margin: 0 auto;
    max-width: 1920px;
    height: 100%;
  }
  .js-newcontents .swiper-slide {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .newcontents__contents.campaign__contents .swiper-button-next {
    right: 2px;
  }

  .newcontents__contents.campaign__contents .swiper-button-prev {
    right: 126px;
  }

  .newcontents__contents.campaign__contents .swiper-pagination-fraction {
    right: -40px;
  }

  .infoCard--campaign {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;

    .infoCard {
      padding-left: 0;
      padding-right: 0;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .campaign__contents {
      margin-top: 0;
      overflow: hidden;
    }
  }

  .section--campaign {
    padding: 94px 0;
  }

  .section--campaign .section__inner {
    margin: 0 auto;
    max-width: 1920px;
  }

  .infoCard--event {
    max-width: 100%;
  }
}

.newcontents__item {
  align-items: center;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 16px;
  transition: 0.3s;
}

.newcontents__item + .newcontents__item {
  border-top: 1px solid #DDDDDD;
  margin-top: 16px;
  padding-top: 16px;
}

.newcontents__item .newcontents__itemThumb,
.newcontents__item .newcontents__itemThumb img {
  width: 112px;
}

.newcontents__item .newcontents-block__cat.show {
  display: flex;
}

.newcontents__item .newcontents__itemText {
  flex: 1;
}

.newcontents__item .newcontents__itemInfo {
  align-items: center;
  color: #0D436F;
  display: flex;
  gap: 12px;
}

.newcontents__item .newcontents__date {
  font-size: 13px;
  line-height: 1;
}

.newcontents__item .newcontents-block__cat {
  font-weight: bold;
}

.newcontents__item .newcontents__itemTitle {
  color: #586166;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 7px;
}

@media screen and (min-width: 769px) {
  .newcontents__item:hover {
    opacity: 0.7;
  }
}

@media (max-width: 768px) {
  .newcontents__item {
    gap: 20px;
  }

  .newcontents__item .newcontents__itemInfo {
    gap: 11px;
  }

  .newcontents__item .newcontents__date {
    font-size: 12px;
  }

  .newcontents__item .newcontents__itemTitle {
    font-size: 16px;
    line-height: 1.31;
    margin-top: 7px;
  }
}

@media (min-width: 769px) and (max-width: 999px) {
  .js-campaign {
    padding: 35px 0 96px;
  }

  .section--campaign .section__inner {
    padding: 0 40px;
  }
}

@media (min-width: 1000px) {
  .section--campaign .section__inner {
    padding: 0 144px;
  }
}

.newcontents-block {
  font-size: 20px;
  color: #586166;

  @media (max-width: 768px) {
    font-size: 16px;
  }
}

#mylounge_newcontents .swiper-slide >*+* .newcontents-block {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ddd;
}

.newcontents-block__upper {
  font-size: calc(14 / 20 * 100%);
  color: #0D426D;
  display: flex;
}
.newcontents-block__lower {
  margin-top: 0.5em;
}

.newcontents-block__cat {
  margin-left: 1em;
  font-size: 12px;
  color: #0D436F;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;

  >span {
    display: flex;
    align-items: center;
  }
}

.campaign-card {
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  display: block;
  border-radius: 6px;
  box-shadow: 2px 2px 16px rgba(0, 45, 89, .16);
  transition: opacity .3s ease;

  &:hover {
    opacity: .8;
    transition: opacity .3s ease;
  }
}

.ranking-number {
  position: relative;
  height: 1.5em;
  font-size: 14px;
  line-height: 1.5;
  color: #0D426D;
  text-align: center;
  margin-bottom: 0.5em;

  &::before {
    position: relative;
    z-index: 2;
    width: auto;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding: 0 1em;
  }
  &::after {
    content: '';
    background: url(/homelounge/assets/images/top/information/bg_ranking.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

#mylounge_ranking_1 .ranking-number::before {
  content: 'No.1';
}
#mylounge_ranking_2 .ranking-number::before {
  content: 'No.2';
}
#mylounge_ranking_3 .ranking-number::before {
  content: 'No.3';
}
#mylounge_ranking_4 .ranking-number::before {
  content: 'No.4';
}
#mylounge_ranking_5 .ranking-number::before {
  content: 'No.5';
}
#mylounge_ranking_6 .ranking-number::before {
  content: 'No.6';
}
#mylounge_ranking_7 .ranking-number::before {
  content: 'No.7';
}
#mylounge_ranking_8 .ranking-number::before {
  content: 'No.8';
}
#mylounge_ranking_9 .ranking-number::before {
  content: 'No.9';
}
#mylounge_ranking_10 .ranking-number::before {
  content: 'No.10';
}

.campaign-card__thumb {
  position: relative;
  background: #ccc;
  /* aspect-ratio: 59 / 27; */
  aspect-ratio: 80 / 53;
}

.campaign-card__thumb img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  margin: auto;
}

.campaign-card__contents {
  font-size: 1.8rem;
  padding: 24px;
  color: #586166;
}

@media (min-width: 769px) and (max-width: 1450px) {
  .campaign-card__contents {
    font-size: 1.4rem;
  }
}

.campaign-card__title {
  font-weight: bold;
}

.campaign-card__date {
  margin-top: 1em;
  font-size: calc(12 / 18 * 100%);
  display: flex;
  line-height: 1.5;

  >i {
    width: 5em;
    font-style: normal;
  }
  >span {
    flex: 1;
  }
}

@media (max-width: 768px) {
  .campaign-card__contents {
    font-size: min(calc(14 / 375 * 100vw), 28px);
  }
}

@media (max-width: 768px) {
  .campaign__contents .eventList.swiper {
    margin: -28px -24px;
    padding: 28px 24px 104px;
  }
}

@media (min-width: 769px) {
  .campaign__contents .eventList.swiper {
    margin: -35px -40px;
    padding: 35px 40px 136px;
  }
}

.main--top {
  .eventListItem {
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 2px 2px 16px rgba(0, 45, 89, .16);
    transition: opacity .3s ease;
    max-width: 450px;
    height: auto;
    padding: 0;
    margin: 0;
  }

  .eventListItem+.eventListItem {
    padding: 0;
    margin: 0;
    border: none;
  }

  .eventListItemImage {
    position: relative;
    aspect-ratio: 68 / 41;
    width: 100%;
    height: auto;
  }

  .eventListItemImage img {
    position: absolute;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .eventListItemDetail {
    padding: 1em;
    margin: 0;
    font-size: 1.3em;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .eventListItemTitle {
    margin: 0;
    padding: 0;
    min-height: 0;
  }

  .eventListItemTitle__text {
    font-size: 1.4em;
  }

  .eventListItemDate,
  .eventListItemPlace,
  .eventListItemTel {
    font-size: 1.4rem;
    padding: 0;
    color: #586166;
    display: flex;
    font-weight: normal;
    line-height: 1.7143;
  }

  .eventListItemTel {
    margin-bottom: 1.5em;
  }

  .eventListItemDate i,
  .eventListItemPlace i,
  .eventListItemTel i {
    font-style: normal;
    width: 6em;
  }

  .eventListItemDate span,
  .eventListItemPlace span,
  .eventListItemTel span {
    flex: 1;
  }

  .eventListItemButtons {
    margin-top: auto;
    position: static;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .eventListItemButtons>a.roundButton--detail.eventListItemButtons__detailButton,
  .eventListItemButtons>a.roundButton--detail.eventListItemButtons__reserveButton {
    width: calc(50% - 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: 1em;
  }

  .showroomList__button .roundButton+.roundButton {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: 1em;

    @media (min-width: 769px) {
      font-size: 1.4em;
    }
  }

  .eventListItemButtons>a.roundButton--detail.eventListItemButtons__reserveButton {
    margin: 0;
    padding: 0;
    margin-left: 12px;
    background: #0c436f;
    color: #fff;
    border: 1px solid #0c436f;

    &:hover {
      background: #fff;
      color: #0c436f;
      border: 1px solid #586166;
    }
  }

  .showroomList__button .roundButton+.roundButton {
    padding: 0;
    margin-left: 12px;
    background: #0c436f;
    color: #fff;
    border: 1px solid #0c436f;

    &:hover {
      background: #fff;
      color: #0c436f;
      border: 1px solid #586166;
    }

    @media (max-width: 768px) {
      margin-left: 0;
    }
  }

  .eventListItemButtons>a.roundButton--detail.eventListItemButtons__detailButton .roundButton__text,
  .eventListItemButtons>a.roundButton--detail.eventListItemButtons__reserveButton .roundButton__text {
    @media (max-width: 768px) {
      font-size: min(calc(10.5 / 375 * 100vw), 1.2em);
    }
  }


  .eventListItemTitle__text {
    @media (min-width: 769px) {
      font-size: 1.4em;
    }
  }

  .sectionHeading__shoulderTitle--imginfo {
    visibility: hidden;

    @media(min-width: 769px) and (max-width: 1888px) {
      display: none;
    }

    @media(max-width: 768px) {
      display: none;
    }
  }
}

/* gallery */
.swiper--columnAndCarousel.swiper--latestCaseMovie .swiper-slide, .swiper--columnAndCarousel.swiper--noCarousel .swiper-slide { display: flex; flex-direction: column; height: auto; border-radius: 9px; } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__content, .swiper--columnAndCarousel.swiper--noCarousel .columnAndCarousel__content { height: 100%; display: flex !important; flex-direction: column; } .swiper--columnAndCarousel.swiper--noCarousel .columnAndCarousel__content { background: inherit; height: 100%; display: flex !important; flex-direction: column; } .swiper--columnAndCarousel.swiper--latestCaseMovie .columnAndCarousel__text, .swiper--columnAndCarousel.swiper--noCarousel .columnAndCarousel__text { background: #fff; display: flex; flex-direction: column; flex: 1; border-radius: 0 0 6px 6px; } .swiper--columnAndCarousel.swiper--noCarousel .columnAndCarousel__text { background: inherit; } .columnAndCarousel__pointwrap { font-size: 1.2rem; padding-bottom: 1.6em; } .columnAndCarousel__pointwrap+.columnAndCarousel__pointlower { margin-top: auto; border-top: 1px solid #DDD; padding-top: .5em; font-size: 1.2rem; } .columnAndCarousel__point { margin-top: 1em; background: #F9F9F9; color: #0D426D; border-radius: 9px; padding: 1em; } .columnAndCarousel__point__label span { display: inline-block; background: #0D426D; color: #fff; font-weight: bold; border-radius: 6em; font-size: 1rem; line-height: 1.5; padding: 0.1em 1em; } .columnAndCarousel__point__text { line-height: 1.75; margin-top: 0.5em; } @media (max-width: 768px) { .latestCaseMovie__lower { margin-top: 5px; } .columnAndCarousel__duration { margin-top: 0.5em; } } @media (min-width: 769px) { .latestCaseMovie__lower { margin-top: 5px; } .latestCaseMovie__lower .roundButton--detail { width: auto; padding: 0 1.5em; } .latestCaseMovie__lower .roundButton--detail .roundButton__text { font-size: 1rem; } } @media (min-width: 1451px) { .latestCaseMovie__lower .roundButton--detail .roundButton__text { font-size: 1.3rem; } }

/* FP */
.section--fpsekine {
  padding: 120px 0;
  background: #f7f7f7;
}
@media screen and (max-width: 768px) { .section--fpsekine { padding: 64px 0; } } .newEra__category--4 .categoryTitleBar span::before { background-color: #158cc2; } .newEra__category--4 .underline::before { background-color: #158cc2; } @media screen and (min-width: 1000px) { .swiper--noCarousel.swiper--newEra4 { padding: 0 144px; } } @media screen and (min-width: 769px) and (max-width: 999px) { .swiper--noCarousel.swiper--newEra4 { padding: 0 40px; } } @media screen and (max-width: 768px) { .swiper--noCarousel.swiper--newEra4 { background-image: linear-gradient(0deg, #c6c6c6, #c6c6c6); background-repeat: no-repeat; background-position: 20px bottom; background-size: 100% 1px; } } @media screen and (max-width: 768px) { .swiper--noCarousel.swiper--newEra4::before { position: absolute; right: 0; bottom: 0; z-index: 1; display: block; width: 160px; height: 72px; content: ""; border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-top-left-radius: 4px; } } @media screen and (max-width: 768px) { .swiper--noCarousel.swiper--newEra4 .swiper-wrapper { flex-direction: row; padding-bottom: 104px; margin-left: -14%; } } @media screen and (max-width: 768px) { .swiper--noCarousel.swiper--newEra4 .swiper-slide+.swiper-slide { margin-top: 0; } } @media screen and (min-width: 769px) { .swiper--noCarousel.swiper--newEra4 .swiper-pagination, .swiper--noCarousel.swiper--newEra4 .swiper-button-prev, .swiper--noCarousel.swiper--newEra4 .swiper-button-next { display: none; } }

.fp-section-related {
  background-color: #EDF0F2;
  background-image: url(/homelounge/assets/images/theater/studyWithAnne/bg_2-pc.png);
  background-position: bottom 60px right -100px;
  background-repeat: no-repeat;
  background-size: 509px 274px;
  display: block;
  position: relative;
  padding: 60px 0 70px;
}

.fp-section-related__inner {
  max-width: 1031px;
  padding: 0 20px;
  margin: 0 auto;
}
.fp-section-related__inner .sectionHeading__inner {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}

.fp-section-related__inner .sectionHeading__shoulderTitle {
  color: #0c436f;
  font-size: 2rem;
  font-family: "Noto Serif JP", sans-serif;
}
.fp-section-related__inner .sectionHeading__mainTitle {
  color: #0c436f;
  font-size: 4rem;
}

@media (max-width: 768px) {
  .fp-section-related {
    background-size: 254.5px 137px;
    background-position: bottom 10px right -100px;
    padding: 55px 0 100px;
  }

  .fp-section-related__inner {
    .sectionHeading__shoulderTitle {
      font-size: 1.8rem;
    }
    .sectionHeading__mainTitle {
      color: #000;
      font-size: 2.4rem;
    }
  }
}

.fp-section-related-clm {
  width: 75%;
  display: flex;
  justify-content: space-between;

  @media (max-width: 768px) {
    width: 90%;
  }
}

.fp-section-related-clm__li {
  width: calc(50% - 10px);
}
.fp-section-related-clm__li[data-membership=true] .columnAndCarousel__content,
.fp-section-related-clm__li[data-membership=true] .columnAndCarousel__image {
  position: relative;
}

.fp-section-related-clm__li[data-membership=true] .columnAndCarousel__content:before {
  content: '';
  background-image: url(/homelounge/assets/images/common/swpier/icon_member-pc.svg);
  max-height: 36px;
  max-width: 150px;
  min-width: 60px;
  width: 29.07%;
  background-position: 100% 0;
  height: 100%;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 3;
}

.fp-section-related-clm__li[data-membership=true] .columnAndCarousel__image:before {
  border-radius: 8px;
  background-color: rgba(13, 29, 51, .5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.fp-section-related-clm__li[data-membership=true] .columnAndCarousel__image:after {
  max-height: 68px;
  max-width: 68px;
  width: 14.34%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/homelounge/assets/images/common/swpier/icon_member.svg) !important;
  content: "" !important;
  height: 100%;
}


.fp_article {
  padding-bottom: 120px;
  padding-top: 80px;
}

@media (max-width: 768px) {
  .fp_article {
    padding-bottom: 60px;
    padding-top: 50px;
  }
}

.fp-wrapper {
  position: relative;
  line-height: 1.5;
}

.fp-h1 {
  line-height: 1.5;
  color: #0B436F;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #0B436F;
  padding: 0 0 .25em;
  font-feature-settings: "palt"1;

  &::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: url(/homelounge/library/fp001/images/icon-m.svg) no-repeat;
    background-size: contain;
    margin-right: 0.35em;
    margin-bottom: 0.1em;
  }
}

.fp-h2 {
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-top: 0.9em;
  font-feature-settings: "palt"1;
}

.fp-h2 small {
  display: block;
  font-size: calc(24 / 34 * 100%);
}

.fp-h3 {
  font-weight: bold;
  margin-top: 4em;
}

.fp-btnarea {
  text-align: center;
}

.fp-btn {
  line-height: 1.3333;
  border: 1px solid #000;
  border-radius: 6em;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding: 1em 2em;
  transition: opacity .3s ease;
  &::after {
    content: '';
    display: block;
    background: url(/homelounge/library/fp001/images/icon-arrow.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
    height: 1em;
    margin-left: 1em;
  }

  &:hover {
    opacity: .6;
    transition: opacity .3s ease;
  }
}

.fp-thumb {
  margin-top: 2em;

  img {
    width: 100%;
    height: auto;
  }
}

.fp-textarea {
  margin-top: 2em;
}

.fp-textarea__name {
  font-weight: bold;
  line-height: 2;
}

.fp-textarea__text {
  line-height: 2;
}

.fp-moviearea {

}

.fp-moviearea__inner {
  border-top: 1px solid #000;
  padding-top: 60px;
  padding-bottom: 120px;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: calc(37 / 1000 * 100%);
  padding-right: calc(37 / 1000 * 100%);
}

.fp-moviearea__title {
  font-weight: bold;
  text-align: center;
}

.fp-moviearea__mov {
  margin-top: 60px;
  img {
    width: 100%;
    height: auto;
  }

  .js-reform-open-modal01 {
    transition: opacity .3s ease;
    &:hover {
      transition: opacity .3s ease;
      opacity: .8;
    }
  }
  .recommendCarousel__duration {
    margin-top: .5em;
  }
}

@media (max-width: 768px) {
  .fp-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 18px;
    padding-top: 40px;
  }

  .fp-h1 {
    font-size: min(calc(18 / 375 * 100vw), 36px);
  }

  .fp-h2 {
    font-size: min(calc(16 / 375 * 100vw), 32px);
  }

  .fp-h3 {
    font-size: min(calc(15 / 375 * 100vw), 30px);
  }

  .fp-btn {
    font-size: min(calc(12 / 375 * 100vw), 24px);
  }

  .fp-btnarea {
    margin: 20px auto;
  }

  .fp-textarea,
  .fp-thumb {
    font-size: min(calc(13 / 375 * 100vw), 26px);
  }

  .fp-caption {
    font-size: min(calc(11 / 375 * 100vw), 22px);
  }

  .fp-caption {
    padding: .5em .5em 0;
  }

  .fp-moviearea__inner {
    border-top: 1px solid #000;
    padding-top: 30px;
    padding-bottom: 60px;
    max-width: 1000px;
    margin: 0 auto;
  }
  .fp-moviearea__title {
    font-size: min(calc(13 / 375 * 100vw), 26px);
  }
  .fp-moviearea__mov {
    margin-top: 30px;
  }
}

@media (min-width: 769px) {
  .fp-inner {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    padding-top: 60px;
  }

  .fp-h1 {
    font-size: 36px;
  }

  .fp-h2 {
    font-size: 33px;
  }

  .fp-h3 {
    font-size: 28px;
  }

  .fp-btn {
    font-size: 18px;
  }

  .fp-btnarea {
    margin: 30px auto;
  }

  .fp-textarea,
  .fp-thumb {
    font-size: 16px;
  }

  .fp-caption {
    font-size: 14px;
  }

  .fp-caption {
    padding: .5em 0 .5em 3em;
  }
  .fp-moviearea__title {
    font-size: 16px;
  }
}

/* RToaster */
.myHomePage__banner {
  @media (min-width: 1451px) and (max-width: 1780px) {
    bottom: 330px;
    top: auto;
  }
  @media (min-width: 953px) and (max-width: 1450px) {
    bottom: 280px;
  }
}
.loungeMenu__button {
  @media(max-width: 768px) {
    bottom: 10px;
  }
}

.kv-newcontentsbtn {
  border-radius: 8px 0 0 8px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, .16);
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 210px;

  @media (min-width: 1451px) and (max-width: 1780px) {
    width: 340px;
    bottom: 230px;
    top: auto;
  }
  @media (min-width: 953px) and (max-width: 1450px) {
    width: 254px;
    bottom: 210px;
  }
  @media(max-width: 952px) {
    width: 254px;
    bottom: 250px;
  }
  @media(max-width: 768px) {
    width: 33vw;
    max-width: 168px;
    bottom: 140px;
  }
}

a.kv-newcontentsbtn__btn {
  display: block;
  transition: opacity .3s ease;
  &:hover {
    opacity: .7;
    transition: opacity .3s ease;
  }
  img {
    width: 100%;
    height: auto;
  }
}

.recommendCarousel__none {
  display: none;
}

.myhomepageinfoRow {
  @media (max-width: 768px) {
    margin-top: 40px;
  }
  @media (min-width: 769px) {
    margin-top: 60px;
  }
}

.myhomepageinfo {

}

.myhomepageinfo__title {
  line-height: 1.5;
  color: #0D426D;
  font-weight: bold;
  text-align: center;
  @media (max-width: 768px) {
    font-size: min(calc(18 / 414 * 100vw), 18px * 1.5);
  }
  @media (min-width: 769px) {
    font-size: 24px;
  }
}

.myhomepageinfo__btnarea {
  margin-top: 20px;
  display: flex;
}

a.myhomepageinfo__btn,
button.myhomepageinfo__btn {
  background: none;
  height: auto;
  position: static;
  max-width: 672px;
  width: auto;
  display: flex;
  margin: 0 auto;
  padding: 0;
  transition: opacity .3s ease;
  box-shadow: none;
  border-radius: 0;

  img {
    width: 100%;
    height: auto;
  }

  &:hover {
    opacity: .7;
    transition: opacity .3s ease;
  }
}

/* ideal */
.section--wit {
  background: url(/homelounge/assets/images/theater/ideal/bg.jpg) repeat;
  /* background: #EFECE5; */
  background-position: center top;
  border-top: none;
}

.ideal-clmwrap {
  background: url(/homelounge/assets/images/theater/ideal/main-bg.png) no-repeat;
  background-position: center;
  background-size: cover;
}


@media (min-width: 1000px) {
  .ideal-clmwrap {
    padding-left: 144px;
    padding-right: 144px;
  }
}

@media (min-width: 769px) and (max-width: 999px) {
  .ideal-clmwrap {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 769px) {
  .ideal-clmwrap {
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: -120px;
  }
  .ideal-clm {
    display: flex;
    justify-content: space-between;
  }

  .ideal-clm__l {
    width: 35%;
  }

  .ideal-clm__r {
    width: 60%;
    display: flex;
    flex-direction: column;
  }

  .ideal-clm-text {
    font-weight: bold;
    padding: 0 .5em;
    margin-top: 2em;
    line-height: 1.75;
    font-size: calc(12 / 1000 * 100vw);
  }

  .ideal-clm-label {
    width: 90%;
    margin-left: auto;
    margin-top: 20px;
  }

  .ideal-clm-bnr {
    width: 50%;
    margin: auto auto 0;
    transition: filter .3s ease;
    &:hover {
      filter: brightness(1.4);
      transition: filter .3s ease;
    }
  }

  .ideal-clm-bnr-sp {
    display: none;
  }
}

.ideal-clm-yt {
  aspect-ratio: 16 / 9;
  position: relative;
}

.ideal-clm-yt iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;  top: 0;
  border-radius: 3em;
}

@media (max-width: 768px) {
  .ideal-clmwrap {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 60px;
    margin-bottom: -60px;
  }
  .ideal-clm {
    display: flex;
    flex-direction: column;
  }

  .ideal-clm__l {
    width: 100%;
    margin-top: 20px;
  }

  .ideal-clm__r {
    width: auto;
    margin: 0 -20px;
    order: -1;
  }

  .ideal-clm-title {
    width: 75%;
    margin: 0 auto;
  }

  .ideal-clm-text {
    text-align: center;
    font-weight: bold;
    padding: 0 1em;
    margin-top: 2em;
    line-height: 1.75;
    font-size: calc(12 / 375 * 100vw);
  }

  .ideal-clm-bnr {
    padding: 20px 0 0;
  }

  .ideal-clm-label {
    width: 100%;
    margin-left: auto;
    margin-top: 20px;
  }

  .ideal-clm-yt iframe {
    border-radius: 0;
  }
  .ideal-clm-bnr-pc {
    display: none;
  }
}

.ideal-clm-title,
.ideal-clm-label,
.ideal-clm-bnr {
  img {
    width: 100%;
    height: auto;
  }
}

.HomeclubMonthly {
  padding-bottom: 100px;
}

.homeclubMonthly {
  position: relative;
  padding: 34px 28px 42px;
  max-width: 1112px;
  background: #f5f7f8;
}

.homeclubMonthly-ttl {
  color: #626262;
  font-weight: 700;
  font-size: 32px;
}

.homeclubMonthly-txt {
  margin-top: 37px;
  color: #626262;
  font-size: 16px;
}

.homeclubMonthly-list {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
}

.homeclubMonthly-list-item {}

.homeclubMonthly-list-item-tokusyu {
  display: flex;
  gap: 30px;
}

.homeclubMonthly-list-item-tokusyu-img {
  width: 285px;
}

.homeclubMonthly-list-item-tokusyu-img img {
  width: 100%;
  height: auto;
}

.homeclubMonthly-list-item-tokusyu-letter {
  margin-top: 30px;
}

.homeclubMonthly-list-item-tokusyu-letter-number {
  display: flex;
  align-items: center;
  color: #0c436f;
  font-weight: 400;
  font-size: 20px;
}

.homeclubMonthly-list-item-tokusyu-letter-number span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  padding: 2px 4px;
  width: 70px;
  height: 30px;
  background: #0c436f;
  color: #fff;
  font-size: 18px;
}

.homeclubMonthly-list-item-tokusyu-letter-ttl {
  margin-top: 18px;
  color: #0c436f;
  font-weight: 400;
  font-size: 36px;
}

.homeclubMonthly-list-item-tokusyu-txt {
  margin-top: 28px;
  color: #586166;
  font-size: 18px;
  line-height: normal;
}

.homeclubMonthly-list-item-img {
  max-width: 328px;
}

.homeclubMonthly-list-item-img img {
  width: 100%;
  height: auto;
}

.homeclubMonthly-button {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin: 30px auto 0;
  width: 250px;
  height: 40px;
  border: 1px solid #0c436f;
  border-radius: 40px;
  background-color: #0c436f;
  color: #fff;
  cursor: pointer;
}

.homeclubMonthly-button:hover {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin: 30px auto 0;
  width: 250px;
  height: 40px;
  border: 1px solid #0c436f;
  border-radius: 40px;
  background-color: #fff;
  color: #0c436f;
}

.homeclubMonthly-button-text {
  text-align: center;
  font-size: 19px;
}

.sectionHeading.paddingnone {
  padding-right: 0;
}

@media (max-width: 768px) {
  .homeclubMonthly {
    position: relative;
    padding: 16px 14px 18px;
    max-width: 1112px;
    background: #f5f7f8;
  }

  .homeclubMonthly-ttl {
    color: #626262;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
  }

  .homeclubMonthly-txt {
    margin-top: 18px;
    color: #626262;
    font-size: 12px;
    line-height: normal;
  }

  .homeclubMonthly-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 23px;
  }

  .homeclubMonthly-list-item-tokusyu {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .homeclubMonthly-list-item-tokusyu-img {
    width: 100%;
  }

  .homeclubMonthly-list-item-tokusyu-letter {
    margin-top: 0;
  }

  .homeclubMonthly-list-item-tokusyu-letter-number {
    font-size: 12px;
  }

  .homeclubMonthly-list-item-tokusyu-letter-number span {
    margin-right: 12px;
    width: 50px;
    height: 20px;
    font-size: 11px;
  }

  .homeclubMonthly-list-item-tokusyu-letter-ttl {
    margin-top: 10px;
    font-size: 20px;
    line-height: normal;
  }

  .homeclubMonthly-list-item-tokusyu-txt {
    margin-top: 15px;
    color: #586166;
    font-size: 12px;
    line-height: normal;
  }

  .homeclubMonthly-button {
    position: unset;
    margin: 20px auto 0;
    font-size: 16px;
  }
  .homeclubMonthly-button:hover {
    position: unset;
    margin: 20px auto 0;
    font-size: 16px;
  }

  .HomeclubMonthly {
    margin-top: 50px;
    padding-bottom: 30px;
  }
}
/*デジタルカタログ*/
.woodbackground-erea {
  max-width: 1920px;
  margin: 0 auto;
}
.woodbackground {
  background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 100%;
  margin-left: 8em;
  height: 540px;
  position: relative;
  margin-bottom: 230px;
}
.woodbackground::after {
  content: "";
  display: block;
  height: 2em;
  min-width: calc(100% + 1.6em);
  background: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg)
    repeat left top;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: -0.8em;
  bottom: 0;
}
.woodbackgroundsolution {
  background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 100%;
  margin-left: 8em;
  margin-bottom: 230px;
  position: relative;
  height: 561px;
}
.woodbackgroundsolution::after {
  content: "";
  display: block;
  height: 2em;
  min-width: calc(100% + 1.6em);
  background: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg)
    repeat left top;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: -0.8em;
  bottom: 0;
}
#misawaDigitalMuseum
  .swiper--misawaDigitalMuseum.swiper--columnAndCarousel
  .swiper-wrapper {
  padding: 4em 0 2em 0;
  display: flex;
  align-items: stretch !important;
  width: fit-content;
  overflow: visible;
}
#misawaDigitalMuseum .swiper-wrapper {
  max-width: 2957px; /* 最大幅を2957pxに制限 */
  margin: 0 auto; /* 中央揃え（オプション） */
  overflow: hidden; /* 必要に応じてコンテンツのオーバーフローを隠す */
}
#misawaDigitalMuseum .swiper-slide-active {
  width: fit-content !important;
}
#misawaDigitalMuseum .swiper-wrapper #misawaDigitalMuseum .swiper-slide {
  min-width: 367px;
  height: auto;
  box-sizing: border-box;
  width: fit-content !important;
  margin-right: 0;
}
#misawaDigitalMuseum .swiper-slide-active {
  width: fit-content !important;
}
#misawaDigitalMuseum .swiper-slide:first-child {
  margin-left: 80px;
}
.columnFlex {
  display: flex;
  align-items: flex-end;
  column-gap: 1em;
  margin-top: 4em;
  max-width: 390px;
}
#misawaDigitalMuseum .columnFlex .columnAndCarousel__image {
  position: relative;
  max-width: calc(100% - 12em);
  max-height: 265px;
}
#misawaDigitalMuseum
  .swiper--columnAndCarousel
  .swiper-slide[data-membership="true"]
  .columnAndCarousel__image:before,
#misawaDigitalMuseum
  .swiper--columnAndCarousel
  .swiper-slide[data-membership="true"]
  .columnAndCarousel__image:after {
  content: none;
}
#misawaDigitalMuseum .columnFlex .columnAndCarousel__image img {
  display: block;
  box-shadow: 2px 0px 10px 0px #786b5e;
  max-height: 265px;
  height: 100%;
  width: auto;
  border-radius: 0;
  position: relative;
}
#misawaDigitalMuseum .columnAndCarousel__content {
  display: flex !important;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
#misawaDigitalMuseum .columnAndCarousel__text {
  padding-top: 0;
}
#misawaDigitalMuseum .columnAndCarousel__title {
  margin-top: 1em;
}
#misawaDigitalMuseum .columnAndCarousel__ruby {
  display: block;
  max-width: 21em;
  font-size: 1.3rem;
  margin-top: 1em;
}
.section--misawaDigitalMuseum span.ctlg_text {
  font-size: 1rem;
  display: block;
}
.columnAndCarousel__pointlower {
  padding-bottom: 1em;
}
#misawaDigitalMuseum
  .swiper-slide[data-is-new="true"]
  .columnAndCarousel__content:after,
#misawaDigitalMuseum
  .swiper-slide[data-membership="true"]
  .columnAndCarousel__content:before {
  content: none;
}
#misawaDigitalMuseum .columnAndCarousel__marks,
#misawaDigitalMuseum
  .swiper-slide[data-is-new="true"]
  .columnAndCarousel__marks
  .marks_icons {
  display: flex;
  gap: 1em;
}
#misawaDigitalMuseum .columnAndCarousel__marks img,
#misawaDigitalMuseum
  .swiper-slide[data-is-new="true"]
  .columnAndCarousel__marks
  .marks_icons:before,
section--misawaDigitalMuseum
  .swiper--columnAndCarousel
  .swiper-slide[data-membership="true"]
  .columnAndCarousel__marks
  .marks_icons:after {
  max-height: 2.9rem;
}
#misawaDigitalMuseum .swiper-slide {
  height: auto;
  width: fit-content !important;
}
#misawaDigitalMuseum
  .swiper-slide[data-is-new="true"]
  .columnAndCarousel__marks
  .marks_icons:before {
  content: "";
  display: block;
  background-image: url(/homelounge/assets/images/common/swpier/icon_new-pc_library.svg);
  height: 100%;
  aspect-ratio: 92 / 36;
  background-size: cover;
}

#misawaDigitalMuseum
  .swiper-slide[data-membership="true"]
  .columnAndCarousel__marks
  .marks_icons:after {
  content: "";
  display: block;
  background-image: url(/homelounge/assets/images/common/swpier/icon_member-pc_library.svg);
  height: 100%;
  aspect-ratio: 94 / 29;
  background-size: cover;
}
#misawaDigitalMuseum .swiper-wrapper {
  max-width: none;
}
#misawaDigitalMuseum .swiper-wrapper {
  max-width: 9050px !important;
}
#misawaDigitalMuseum .recommendCarousel__type__catalog {
  background: url(/homelounge/assets/images/common/icon-catalog_library.svg)
    no-repeat;
}
@media screen and (max-width: 1450px){
  .woodbackground {
    height: 529px;
  }
  .woodbackgroundsolution {
    height: 552px;
  }
}
@media screen and (min-width: 769px) {
  #misawaDigitalMuseum
    .swiper-slide[data-membership="true"]
    .columnAndCarousel__image:after {
    position: absolute;
    background-image: url(/homelounge/assets/images/common/swpier/icon_member_library.png) !important;
    content: "" !important;
    width: 57px;
    height: 57px;
    top: 0 !important;
    right: -3px !important;
    left: inherit !important;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 640px) {
  .woodbackground {
    background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto 100%;
    margin-left: 2em;
    height: 475px;
    position: relative;
    margin-bottom: 120px;
  }

  .woodbackgroundsolution {
    background-image: url(/homelounge/assets/images/gallery/misawaDigitalMuseum/bg-slide.jpg);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto 100%;
    margin-left: 2em;
    margin-bottom: 120px;
    position: relative;
    height: 471px;
  }
  #misawaDigitalMuseum .swiper-wrapper {
    padding: 3em 0 2em 0;
  }
  #misawaDigitalMuseum .swiper-slide {
    min-width: 200px;
  }
  #misawaDigitalMuseum .swiper-slide:first-child {
    margin-left: 7em;
  }
  .columnFlex {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 2em;
  }
  #misawaDigitalMuseum .columnAndCarousel__marks img,
  #misawaDigitalMuseum
    .swiper-slide[data-is-new="true"]
    .columnAndCarousel__marks
    .marks_icons:before,
  section--misawaDigitalMuseum
    .swiper--columnAndCarousel
    .swiper-slide[data-membership="true"]
    .columnAndCarousel__marks
    .marks_icons:after {
    max-height: 1.875rem;
  }
  #misawaDigitalMuseum .columnAndCarousel__title {
    font-size: 1.5rem;
  }
  #misawaDigitalMuseum .columnAndCarousel__ruby {
    margin-top: 1em;
    font-size: 1.2rem;
    max-width: 17.5em;
    line-height: 1.375;
  }
  #misawaDigitalMuseum .columnFlex .columnAndCarousel__image {
    max-width: 100%;
    max-height: 195px;
  }
  #misawaDigitalMuseum .columnFlex .columnAndCarousel__image img {
    max-height: 195px;
  }
  #misawaDigitalMuseum
    .swiper-slide[data-membership="true"]
    .columnAndCarousel__image:after {
    position: absolute;
    background-image: url(/homelounge/assets/images/common/swpier/icon_member_library.png) !important;
    content: "" !important;
    width: 57px;
    height: 57px;
    top: 0 !important;
    right: -1px !important;
    left: inherit !important;
    transform: translate(0, 0);
  }

  #misawaDigitalMuseum .swiper-slide {
    min-width: 220px;
    height: auto;
    box-sizing: border-box;
    width: 220px !important;
    margin-right: 0;
  }
}

/*** 202503 update ***/
.contactSection__linkArea {
  margin: 0 0 80px;
}
.contactSection__linkArea .contactSection__list a {
  background: #EDF0F2;
  border: 1.5px solid #2C4C63;
  border-radius: 68px;
  color: #2C4C63;
  height: 68px;
  line-height: 64px;
  width: 266px;
  text-align: center;
  display: block;
  position: relative;
}
.contactSection__linkArea .contactSection__list a:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 32px;
  width: 38px;
}
.contactSection__linkArea .contactSection__listTheater a:before {
  background: url(/homelounge/assets/images/common/contact/icon_to_theater.svg) no-repeat center center;
  background-size: 100%;
}
.contactSection__linkArea .contactSection__listGallery a:before {
  background: url(/homelounge/assets/images/common/contact/icon_to_gallery_2.svg) no-repeat center center;
  background-size: 100%;
}
.contactSection__linkArea .contactSection__listLibrary a:before {
  background: url(/homelounge/assets/images/common/contact/icon_to_library_2.svg) no-repeat center center;
  background-size: 100%;
}
.contactSection__linkArea .contactSection__list .contactSection__listTitle {
  font-size: 24px;
  font-weight: bold;
  color: #2C4C63;
  display: block;
  margin: 10px 0 0;
  line-height: 1;
}
.contactSection__linkArea .contactSection__list.contactSection__listTOP .contactSection__listTitle {
  margin-top: 17px;
}
.contactSection__linkArea .contactSection__list .contactSection__listText {
  font-size: 14px;
  font-weight: bold;
  margin-top: 8px;
  color: #2C4C63;
  display: block;
  line-height: 1;
}
.contactSection__linkArea .contactSection__list .roundButton__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 20px;
}
@media screen and (min-width: 769px) {
  .contactSection__linkArea .contactSection__list a:hover {
    opacity: 0.7;
  }
}

.reratedBlock {
  background: #EDF0F2;
  margin-top: 80px;
  padding: 100px 0 234px;
}
.reratedBlock .reratedBlock__inner {
  max-width: 1632px;
  margin: 0 auto;
  padding: 0 44px;
}
.reratedBlock .sectionHeading__mainTitle {
  font-size: 4rem;
}
.reratedBlock .sectionHeading__shoulderTitle--en {
  height: 36px;
  margin-bottom: 10px;
}
.reratedBlock .reratedBlock__item {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0px 3px 32px #c4cdd6;
  overflow: hidden;
  width: calc((100% - 92px) / 3);
}
.reratedBlock .reratedBlock__item > a {
  transition: 0.3s;
}
.reratedBlock .reratedBlock__itemThumb {
  height: 240px;
}
.reratedBlock .reratedBlock__itemThumb img {
  height: 240px;
  width: 100%;
  object-fit: cover;
}
.reratedBlock .reratedBlock__itemText {
  padding: 22px 29px 36px 28px;
}
.reratedBlock .reratedBlock__itemTitle {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.47;
  margin-bottom: 9px;
}
.reratedBlock .reratedBlock__point {
  background: #F9F9F9;
  border-radius: 8px;
  padding: 12px 13px;
}
.reratedBlock .reratedBlock__pointText {
  background: #0D426D;
  border-radius: 150px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
  padding: 3px 8px 4px;
  width: fit-content;
}
.reratedBlock .reratedBlock__pointDesc {
  color: #0C436F;
  font-size: 12px;
  line-height: 1.92;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: calc(12px * 1.92 * 2);
}
.reratedBlock .reratedBlock__bottomText {
  border-top: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding-top: 17px;
}
.reratedBlock .reratedBlock__bottomTextIndex {
  align-items: center;
  color: #0C436F;
  display: flex;
  font-size: 13px;
  font-weight: bold;
}
.reratedBlock .reratedBlock__bottomTextIndex::before {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9.376" height="11.469" viewBox="0 0 9.376 11.469"><style>.a{fill:%230d426d;}</style><path class="a" d="M6317.377,20228.471H6308V20217h9.376v11.469Zm-7.295-4.2h0v2.08h5.219v-2.08Zm0-2.047h0v1.025h5.219v-1.025Zm0-3.152h0v2.082h5.219v-2.082Z" transform="translate(-6308.001 -20217.002)"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 11px;
  margin-right: 3px;
  width: 9px;
}
.reratedBlock .reratedBlock__bottomTextLabel {
  color: #0C436F;
  font-size: 12px;
  font-weight: bold;
}
.reratedBlock .reratedBlock__itemTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: calc(19px * 1.47 * 3);
}
@media screen and (min-width: 769px) {
  .reratedBlock .reratedBlock__swiper {
    overflow: initial;
  }
  .reratedBlock .reratedBlock__list {
    display: flex;
    justify-content: center;
    gap: 46px;
  }
  .reratedBlock .reratedBlock__item {
    margin: 0 !important;
  }
  .reratedBlock .reratedBlock__item > a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .reratedBlock {
    padding-bottom: 64px;
  }
  .reratedBlock .reratedBlock__item {
    width: 71%;
  }
  .reratedBlock .sectionHeading__title {
    margin-bottom: 35px;
    padding: 0 20px;
  }
  .reratedBlock .reratedBlock__itemThumb {
    height: 200px;
  }
  .reratedBlock .reratedBlock__itemThumb img {
    height: 200px;
  }
  .reratedBlock .sectionHeading__mainTitle {
    font-size: 3rem;
  }
  .reratedBlock .sectionHeading__shoulderTitle--en {
    height: 21px;
    margin-bottom: 10px;
  }
  .reratedBlock .reratedBlock__inner {
    padding: 0;
  }
  .reratedBlock .reratedBlock__itemTitle {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 9px;
  }
  .reratedBlock .reratedBlock__itemText {
    padding: 13px 10px 32px 17px;
  }
  .reratedBlock .reratedBlock__bottomTextIndex {
    font-size: 11px;
  }
  .reratedBlock .reratedBlock__bottomTextLabel {
    font-size: 10px;
  }
  .reratedBlock .reratedBlock__swiper {
    padding-bottom: 80px;
  }
  .reratedBlock .reratedBlock__controller {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    height: 160px;
    position: absolute;
    right: 0;
    width: 160px;
  }
}

@media screen and (min-width: 953px) {
  .header__menu .header__menuLists {
    align-items: stretch;
  }
  .header__menu .header__menuList {
    align-items: center;
    display: flex;
    position: relative;
  }
  .header__menu .header__menuList > a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    opacity: 0.7;
    position: relative;
    transition: 0.3s;
  }
  .header__menu .header__menuList > a::before {
    background: #fff;
    bottom: -5px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin-inline: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(10px);
    transition: 0.3s;
    width: 80%;
  }
  .header__menu .header__menuList.is-current > a {
    opacity: 1;
  }
  .header__menu .header__menuList.is-current > a::before {
    opacity: 1;
    transform: translateY(0);
  }

  .header__menu .header__menuList > a:hover {
    opacity: 1;
  }
  .header__menu .header__menuList > a:hover::before {
    opacity: 1;
    transform: translateY(0);
  }
}