/** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent; list-style-type: none; } body { line-height: 1; word-wrap: break-word; word-break: break-all; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } * { box-sizing: border-box; } html { font-size: 62.5%; background: #fff; } body { font-size: 1.6em; background-color: #fff; line-height: 1.75; -webkit-text-size-adjust: 100%; font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif; color: #5d5d5f; } @media only screen and (max-width: 736px) { body { font-size: 1.6em; background-color: 0; } } a { color: #005084; text-decoration: underline; } a:hover { text-decoration: none; } body.loading * { transition: 0s !important; } .l_contents { position: relative; } .l_commonWrap01 { width: 100%; } @media only screen and (min-width: 737px) { .l_commonWrap01 { min-width: 1040px; } } .l_commonInner01 { width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 737px) { .l_commonInner01 { max-width: 1040px; padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 736px) { .l_commonInner01 { box-sizing: border-box; padding-left: 10px; padding-right: 10px; } } .l_commonInner02 { width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 737px) { .l_commonInner02 { max-width: 940px; } } @media only screen and (max-width: 736px) { .l_commonInner02 { box-sizing: border-box; padding-left: 10px; padding-right: 10px; } } .l_commonInner03 { width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 737px) { .l_commonInner03 { max-width: 940px; } } @media only screen and (max-width: 736px) { .l_commonInner03 { box-sizing: border-box; } } .l_bottomPadding01 { padding-bottom: 60px; } @media only screen and (max-width: 736px) { .l_bottomPadding01 { padding-bottom: 30px; } } @media only screen and (max-width: 736px) { .l_bottomPadding01--sp40 { padding-bottom: 40px; } } .l_bottomPadding02 { padding-bottom: 100px; } @media only screen and (max-width: 736px) { .l_bottomPadding02 { padding-bottom: 50px; } } .l_bottomPadding03 { padding-bottom: 80px; } @media only screen and (max-width: 736px) { .l_bottomPadding03 { padding-bottom: 60px; } } .l_bottomPadding04 { padding-bottom: 0px; } @media only screen and (max-width: 736px) { .l_bottomPadding04 { padding-bottom: 60px; } } .l_topPadding01 { padding-top: 60px; } @media only screen and (max-width: 736px) { .l_topPadding01 { padding-top: 30px; } } .l_topmargin01 { margin-top: 60px; } @media only screen and (max-width: 736px) { .l_topmargin01 { margin-top: 30px; } } .l_topPadding02 { padding-top: 100px; } @media only screen and (max-width: 736px) { .l_topPadding02 { padding-top: 50px; } } .l_topPadding03 { padding-top: 80px; } @media only screen and (max-width: 736px) { .l_topPadding03 { padding-top: 40px; } } .l_topPadding04 { padding-top: 30px; } .l_topPadding05 { padding-top: 30px; } @media only screen and (max-width: 736px) { .l_topPadding05 { padding-top: 10px; } } .l_topMargin02 { margin-top: 100px; } @media only screen and (max-width: 736px) { .l_topMargin02 { margin-top: 50px; } } .l_dropShadow01 { position: relative; z-index: 1; } .l_dropShadow01:before { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 100%; height: 32px; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); } @media only screen and (max-width: 736px) { .l_dropShadow01:before { height: 16px; } } .l_dropShadow01--after { position: relative; z-index: 1; } .l_dropShadow01--after:after { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 100%; height: 32px; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); } @media only screen and (max-width: 736px) { .l_dropShadow01--after:after { height: 16px; } } .l_dropShadow02 { position: relative; z-index: 1; } .l_dropShadow02:before { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 100%; height: 13px; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); } @media only screen and (max-width: 736px) { .l_dropShadow02:before { height: 7px; } } .l_dropShadow02--after { position: relative; z-index: 1; } .l_dropShadow02--after:after { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 100%; height: 13px; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); } @media only screen and (max-width: 736px) { .l_dropShadow02--after:after { height: 7px; } } .m_header { position: relative; z-index: 100; } .m_header:after { position: absolute; z-index: 2; content: ""; bottom: 0; left: 0; width: 100%; height: 13px; display: block; transform: translateY(100%); background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); } @media only screen and (max-width: 736px) { .m_header:after { height: 7px; } } .m_header .headerInner01 { padding: 5px; background: #f6f6f6; } @media only screen and (max-width: 736px) { .m_header .headerInner01 { display: none; } } @media only screen and (min-width: 737px) { .m_header .headerInner01 .headerNav01 { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; font-size: 1.4rem; } .m_header .headerInner01 .headerNav01 li:not(:first-of-type):before { content: "|"; display: inline-block; vertical-align: middle; margin: 0 5px; } .m_header .headerInner01 .headerNav01 li a { text-decoration: none; color: #5d5d5f; } .m_header .headerInner01 .headerNav01 li a:hover { text-decoration: underline; } } .m_header .headerInner02 { background: #fff; } @media only screen and (max-width: 736px) { .m_header .headerInner02 { position: relative; z-index: 1; } } .m_header .headerInner02 .headerNav02 { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 17px; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 { padding: 10px 0; } } .m_header .headerInner02 .headerNav02 .btnSpMenu { display: none; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .btnSpMenu { display: block; border-radius: 4px; width: 30px; height: 30px; background: #005084; position: relative; z-index: 1; cursor: pointer; } .m_header .headerInner02 .headerNav02 .btnSpMenu span { font-size: 0; text-indent: -9999px; display: block; width: 18px; height: 3px; border-radius: 1px; background: #fff; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.4s; } .m_header .headerInner02 .headerNav02 .btnSpMenu span:before, .m_header .headerInner02 .headerNav02 .btnSpMenu span:after { content: ""; width: 18px; height: 3px; display: block; position: absolute; z-index: 2; background: #fff; } .m_header .headerInner02 .headerNav02 .btnSpMenu span:before { top: -6px; transition: 0.2s; } .m_header .headerInner02 .headerNav02 .btnSpMenu span:after { top: 6px; transition: 0.2s; } .m_header .headerInner02 .headerNav02 .btnSpMenu.on span { background: rgba(255,255,255,0); } .m_header .headerInner02 .headerNav02 .btnSpMenu.on span:before { top: 0; transform: rotate(135deg); } .m_header .headerInner02 .headerNav02 .btnSpMenu.on span:after { top: 0; transform: rotate(-135deg); } } .m_header .headerInner02 .headerNav02 .logoArea .logo01 { display: inline-block; vertical-align: middle; padding-right: 40px; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo01 { width: 53px; padding-right: 20px; } } .m_header .headerInner02 .headerNav02 .logoArea .logo01 a { display: block; } .m_header .headerInner02 .headerNav02 .logoArea .logo01 a:hover { opacity: 0.8; } .m_header .headerInner02 .headerNav02 .logoArea .logo01 a img { display: block; width: 100%; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 { display: inline-block; vertical-align: middle; color: #5d5d5f; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .text01 { display: block; line-height: 1; margin-bottom: 4px; font-size: 1.2rem; font-weight: normal; letter-spacing: 0.05em; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo02 .text01 { font-size: 0.8rem; margin-bottom: 2px; letter-spacing: normal; } } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner { display: block; line-height: 1; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .img { display: inline-block; vertical-align: middle; margin-top: -2px; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .img { width: 87px; } } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .img a { display: block; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .img a:hover { opacity: 0.8; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .img a img { display: block; width: 100%; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 { margin-left: 15px; padding-top: 3px; display: inline-block; vertical-align: middle; font-size: 2rem; line-height: 1; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 { margin-left: 10px; } } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a { display: block; color: #5d5d5f; text-decoration: none; line-height: 1; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a span { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a { font-size: 1rem; } } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a:hover { opacity: 0.8; } .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a .blue { display: inline-block; vertical-align: middle; margin-left: 8px; color: #42a0dc; font-weight: normal; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .logoArea .logo02 .inner .text02 a .blue { font-size: 1.4rem; margin-left: 5px; } } .m_header .headerInner02 .headerNav02 .contactArea { display: flex; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav02 .contactArea { display: none; } } .m_header .headerInner02 .headerNav02 .contactArea .telInfo { display: inline-block; vertical-align: bottom; box-sizing: border-box; padding-right: 15px; line-height: 1.2; } .m_header .headerInner02 .headerNav02 .contactArea .telInfo .tel { font-size: 2.4rem; } .m_header .headerInner02 .headerNav02 .contactArea .telInfo .time { font-size: 1.4rem; } .m_header .headerInner02 .headerNav02 .contactArea .instagram { margin: 0 10px; } .m_header .headerInner02 .headerNav02 .contactArea .icon { display: flex; align-items: center; height: 30px; justify-content: center; } .m_header .headerInner02 .headerNav02 .contactArea a { color: #5d5d5f; font-size: 1.4rem; position: relative; z-index: 1; text-align: center; display: inline-block; font-size: 1.4rem; text-decoration: none; } .m_header .headerInner02 .headerNav02 .contactArea a:hover { text-decoration: underline; } .m_header .headerInner02 .headerNav02 .contactArea .webInfo { margin: 0 0 0 10px; } .m_header .headerInner02 .headerNav02 .contactArea .webInfo .icon { display: flex; align-items: center; justify-content: center; height: 30px; } .m_header .headerInner02 .headerNav02 .contactArea .webInfo a { color: #5d5d5f; font-size: 1.4rem; position: relative; z-index: 1; text-align: center; display: inline-block; text-decoration: none; } .m_header .headerInner02 .headerNav02 .contactArea .webInfo a:hover { text-decoration: underline; } .m_header .headerInner02 .headerNav02 .instagramSp { text-align: center; font-size: 0.8rem; } @media only screen and (min-width: 737px) { .m_header .headerInner02 .headerNav02 .instagramSp { display: none; } } .m_header .headerInner02 .headerNav02 .instagramSp .icon { margin-bottom: 1px; } .m_header .headerInner02 .headerNav02 .instagramSp a { color: #5d5d5f; text-decoration: none; } .m_header .headerInner02 .headerNav03 { display: block; border-top: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav03 { display: none; } } .m_header .headerInner02 .headerNav03 .gNav { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; height: 76px; padding: 6px 0; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav03 .gNav { display: none; } } .m_header .headerInner02 .headerNav03 .gNav > li { display: flex; justify-content: center; align-items: center; width: 12.5%; position: relative; z-index: 101; padding: 0 5px; box-sizing: border-box; line-height: 1.4; } .m_header .headerInner02 .headerNav03 .gNav > li:before { content: ""; width: 1px; height: 40px; background: #ddd7ca; display: block; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); } .m_header .headerInner02 .headerNav03 .gNav > li .circle { display: block; width: 116px; height: 52px; position: absolute; left: 50%; top: 50%; overflow: hidden; border-radius: 10px; transform: translate(-50%, -50%); } @media only screen and (max-width: 736px) { .m_header .headerInner02 .headerNav03 .gNav > li .circle { display: none !important; } .m_header .headerInner02 .headerNav03 .gNav > li .circle::after { display: none; } } .m_header .headerInner02 .headerNav03 .gNav > li .circle::after { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 200px; background: #005084; } .m_header .headerInner02 .headerNav03 .gNav > li:not(.entry):hover > span, .m_header .headerInner02 .headerNav03 .gNav > li:not(.entry):hover > a { color: #fff; } .m_header .headerInner02 .headerNav03 .gNav > li:not(.entry):hover .circle::after { content: ""; width: 200px; height: 200px; opacity: 1; transition: 1s; } .m_header .headerInner02 .headerNav03 .gNav > li.arrow:after { position: absolute; z-index: 2; bottom: 14px; left: 50%; transform: translateX(-50%); width: 11px; height: 6px; content: ""; display: block; background: url(/saiyo/resources/images/saiyo/arrow/arrow_down_theme_color01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .headerNav03 .gNav > li.arrow:hover:after { background: url(/saiyo/resources/images/saiyo/arrow/arrow_down_white01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .headerNav03 .gNav > li > a, .m_header .headerInner02 .headerNav03 .gNav > li > span { border-radius: 10px; width: 100%; font-size: 1.6rem; text-align: center; display: block; position: relative; text-decoration: none; z-index: 3; color: #5d5d5f; cursor: pointer; } .m_header .headerInner02 .headerNav03 .gNav > li > a span, .m_header .headerInner02 .headerNav03 .gNav > li > span span { width: 100%; display: block; transition: 0s; } .m_header .headerInner02 .headerNav03 .gNav > li > a span.mt, .m_header .headerInner02 .headerNav03 .gNav > li > span span.mt { margin-top: -10px; } .m_header .headerInner02 .headerNav03 .gNav > li > a span span, .m_header .headerInner02 .headerNav03 .gNav > li > span span span { color: #fff; transition: 0s; } .m_header .headerInner02 .headerNav03 .gNav > li.nav02 > a, .m_header .headerInner02 .headerNav03 .gNav > li.nav03 > a, .m_header .headerInner02 .headerNav03 .gNav > li.nav04 > a, .m_header .headerInner02 .headerNav03 .gNav > li.nav06 > a, .m_header .headerInner02 .headerNav03 .gNav > li.nav02 > span, .m_header .headerInner02 .headerNav03 .gNav > li.nav03 > span, .m_header .headerInner02 .headerNav03 .gNav > li.nav04 > span, .m_header .headerInner02 .headerNav03 .gNav > li.nav06 > span { font-size: 1.4rem; } .m_header .headerInner02 .headerNav03 .gNav > li.entry > a span { background: #f3982d; padding: 20px 15px; line-height: 1; color: #fff; font-weight: bold; border-radius: 10px; position: relative; overflow: hidden; z-index: 1; } .m_header .headerInner02 .headerNav03 .gNav > li.entry > a span:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #ffcd87; opacity: 0.2; transition: 0; } .m_header .headerInner02 .headerNav03 .gNav > li.entry > a span:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 150px; height: 150px; border-radius: 100%; background: #ffcd8c; opacity: 0; transition: 1s; } .m_header .headerInner02 .headerNav03 .gNav > li.entry > a span:active { background: #ffae47; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 { display: none; border-radius: 16px; width: 220px; background: #f6f6f6; box-shadow: 0px 5px 8px rgba(0,0,0,0.1); position: absolute; z-index: 2; left: 50%; bottom: 6px; transform: translate(-50%, 100%); } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01:after { content: ""; display: block; width: 12px; height: 8px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -7px); background: url(/saiyo/resources/images/saiyo/arrow/header_bubble_arrow.svg) center center no-repeat; background-size: 100% 100%; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li { display: block; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li:first-of-type { border-radius: 16px 16px 0 0; overflow: hidden; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li:last-of-type { border-radius: 0 0 16px 16px; overflow: hidden; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li:not(:first-of-type) a span { border-top: 1px solid #c4d9e6; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li a { display: block; padding: 0 15px; text-decoration: none; transition: 0.2s; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li a span { padding: 12px 0; display: block; padding-left: 10px; text-indent: -10px; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li a span:before { content: ""; width: 5px; height: 11px; margin-right: 5px; margin-top: -3px; display: inline-block; vertical-align: middle; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li a:hover { background: #005084; color: #fff; } .m_header .headerInner02 .headerNav03 .gNav > li .intNav01 li a:hover span:before { background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .spNav { width: 100%; background: rgba(93,93,95,0.9); position: absolute; z-index: 10; bottom: 0; left: 0; transform: translateY(100%); } @media only screen and (min-width: 737px) { .m_header .headerInner02 .spNav { display: none !important; } } @media only screen and (max-width: 736px) { .m_header .headerInner02 .spNav { display: none; } } .m_header .headerInner02 .spNav .spEntry { padding: 30px 10px; background: #5d5d5f; } .m_header .headerInner02 .spNav .spEntry a { display: block; } .m_header .headerInner02 .spNav .spNav01 li { display: block; font-weight: bold; transition: 0.4s; } .m_header .headerInner02 .spNav .spNav01 li .circle { display: none; } .m_header .headerInner02 .spNav .spNav01 li a, .m_header .headerInner02 .spNav .spNav01 li .toggleBtn { cursor: pointer; display: block; padding: 15px 10px; color: #fff; font-size: 1.6rem; line-height: 1.4; text-decoration: none; border-bottom: 1px solid #fff; position: relative; z-index: 1; } .m_header .headerInner02 .spNav .spNav01 li a:not(.toggleBtn):after { width: 8px; height: 16px; display: block; content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .spNav .spNav01 li .toggleBtn:before, .m_header .headerInner02 .spNav .spNav01 li .toggleBtn:after { width: 12px; height: 2px; display: block; content: ""; background: #fff; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%) rotate(0deg); } .m_header .headerInner02 .spNav .spNav01 li .toggleBtn:before { transform: translateY(-50%) rotate(90deg); transition: 0.4s; } .m_header .headerInner02 .spNav .spNav01 li .toggleBtn.on:before { transform: translateY(-50%) rotate(0deg); } .m_header .headerInner02 .spNav .spNav01 li.on { background: rgba(0,0,0,0.3); } .m_header .headerInner02 .spNav .spNav01 li .intNav01 { display: none; } .m_header .headerInner02 .spNav .spNav01 li .intNav01 li a { font-size: 1.4rem; padding: 15px 20px; font-weight: normal; position: relative; z-index: 1; } .m_header .headerInner02 .spNav .spNav01 li .intNav01 li a:after { width: 8px; height: 16px; display: block; content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .spNav .spTelInfo { text-align: center; color: #fff; border-bottom: 1px solid #fff; line-height: 1.2; padding: 30px 0; } .m_header .headerInner02 .spNav .spTelInfo .telText { font-size: 1.6rem; padding-bottom: 10px; } .m_header .headerInner02 .spNav .spTelInfo .tel { font-size: 3rem; display: block; padding-bottom: 5px; } .m_header .headerInner02 .spNav .spTelInfo .tel a { color: #fff; font-weight: normal; display: inline-block; margin: 0 auto; text-decoration: none; border-bottom: 1px solid #fff; } .m_header .headerInner02 .spNav .spTelInfo .time { font-size: 1.4rem; display: block; } .m_header .headerInner02 .spNav .spTelInfo .web { display: inline-block; margin-top: 20px; padding-left: 20px; background: url(/saiyo/resources/images/saiyo/common/ico_web_white.svg) left center no-repeat; background-size: 15px auto; } .m_header .headerInner02 .spNav .spTelInfo .web a { display: inline-block; color: #fff; } .m_header .headerInner02 .spNav .spNav02 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .m_header .headerInner02 .spNav .spNav02 li { width: 50%; display: block; font-weight: bold; border-bottom: 1px solid #fff; } .m_header .headerInner02 .spNav .spNav02 li:nth-child(2n) { border-left: 1px solid #fff; } .m_header .headerInner02 .spNav .spNav02 li a { display: block; padding: 10px 20px 10px 10px; font-size: 1.4rem; text-decoration: none; color: #fff; font-weight: normal; position: relative; z-index: 1; } .m_header .headerInner02 .spNav .spNav02 li a:after { width: 4px; height: 8px; display: block; content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: contain; } .m_header .headerInner02 .spNav .spCloseBtn { display: block; padding: 18px; background: #5d5d5f; color: #fff; font-size: 1.4rem; font-weight: bold; text-align: center; cursor: pointer; } @media only screen and (max-width: 736px) { .m_footer { position: relative; z-index: 1; } } .m_footer .grayBg { background: #f0ede6; } @media only screen and (min-width: 737px) { .m_footer .grayBg { position: relative; border-top: 1px solid #ddd7ca; } } .m_footer .grayBg .pagetopBtn { display: none; position: fixed; z-index: 5000; right: 8vw; bottom: 100px; width: 60px; height: 60px; border-radius: 60px; border: 1px solid #ddd7ca; background: #fff; } .m_footer .grayBg .pagetopBtn.fixed { position: absolute; top: 0; margin-right: 0; transform: translateY(-50%); } @media only screen and (max-width: 736px) { .m_footer .grayBg .pagetopBtn { width: 30px; height: 30px; right: 20px; bottom: 50px; } } .m_footer .grayBg .pagetopBtn:hover { opacity: 0.8; } .m_footer .grayBg .pagetopBtn img { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -2px; } @media only screen and (max-width: 736px) { .m_footer .grayBg .pagetopBtn img { width: 13px; margin-top: 0px; } } .m_footer .footerCopy { display: block; font-size: 2.4rem; color: #5d5d5f; line-height: 2; text-align: center; position: relative; z-index: 1; padding-top: 30px; } .m_footer .footerCopy.l_dropShadow01 { padding-top: 50px; } @media only screen and (max-width: 736px) { .m_footer .footerCopy { display: none; } } .m_footer .footerCopy .inner { width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 737px) { .m_footer .footerCopy .inner { max-width: 1040px; padding-left: 20px; padding-right: 20px; } } .m_footer .footerCopy .copyText { padding: 100px 250px 100px 180px; display: block; background: url(/saiyo/resources/images/saiyo/common/img_footer_logo01.png) left center no-repeat, url(/saiyo/resources/images/saiyo/common/img_footer01.png) right center no-repeat; } .m_footer .spEntry { display: none; } @media only screen and (max-width: 736px) { .m_footer .spEntry { background: #f0ede6; display: block; padding: 40px 10px 30px; } } .m_footer .spEntry ul li { display: block; } .m_footer .spEntry ul li:not(:first-of-type) { margin-top: 15px; } .m_footer .l_commonInner01 { padding: 75px 0 50px; } @media only screen and (min-width: 737px) { .m_footer .l_commonInner01 { position: relative; z-index: 1; } } @media only screen and (max-width: 736px) { .m_footer .l_commonInner01 { padding: 0; } } @media only screen and (min-width: 737px) { .m_footer .footerInner01 .contents01 { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding-bottom: 30px; border-bottom: 1px solid #ddd7ca; } } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .contents01 { display: block; border-top: 1px solid #ddd7ca; } } @media only screen and (min-width: 737px) { .m_footer .footerInner01 .columnBox01 { flex-grow: 1; padding: 0 20px; } } .m_footer .footerInner01 .columnBox01:not(:first-of-type) { border-left: 1px solid #ddd7ca; } .m_footer .footerInner01 .columnBox01 .title { font-size: 2.4rem; font-weight: bold; color: #42a0dc; line-height: 1; } @media only screen and (min-width: 737px) { .m_footer .footerInner01 .columnBox01 .title { margin-bottom: 15px; } } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .columnBox01 .title { line-height: 1.4; font-size: 1.6rem; font-weight: normal; padding: 16px 30px 16px 10px; box-sizing: border-box; border-bottom: 1px solid #c4d9e6; position: relative; z-index: 1; } .m_footer .footerInner01 .columnBox01 .title:after, .m_footer .footerInner01 .columnBox01 .title:before { content: ""; display: block; width: 20px; height: 2px; border-radius: 3px; background: #005084; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); } .m_footer .footerInner01 .columnBox01 .title:after { transform: translateY(-50%) rotate(90deg); transition: 0.4s; } .m_footer .footerInner01 .columnBox01 .title.on:after { transform: translateY(-50%) rotate(0deg); } } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .columnBox01 .contents { display: none; } } .m_footer .footerInner01 .columnBox01 .list { display: block; } .m_footer .footerInner01 .columnBox01 .list li { display: block; } @media only screen and (min-width: 737px) { .m_footer .footerInner01 .columnBox01 .list li { margin-bottom: 10px; } } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .columnBox01 .list li { background: #fff; line-height: 1; } .m_footer .footerInner01 .columnBox01 .list li:not(:last-of-type) { border-bottom: 1px solid #c4d9e6; } } .m_footer .footerInner01 .columnBox01 .list li a { display: inline-block; vertical-align: middle; font-size: 1.8rem; color: #5d5d5f; line-height: 1.4; } @media only screen and (min-width: 737px) { .m_footer .footerInner01 .columnBox01 .list li a { padding-left: 12px; text-indent: -12px; } } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .columnBox01 .list li a { text-decoration: none; padding: 16px 20px; font-size: 1.4rem; display: block; color: #005084; position: relative; z-index: 1; } .m_footer .footerInner01 .columnBox01 .list li a:after { display: block; content: ""; width: 10px; height: 20px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } } .m_footer .footerInner01 .columnBox01 .list li a:before { content: ""; width: 5px; height: 5px; border-radius: 5px; background: #42a0dc; display: inline-block; vertical-align: middle; margin-right: 7px; margin-top: -3px; } @media only screen and (max-width: 736px) { .m_footer .footerInner01 .columnBox01 .list li a:before { display: none; } } .m_footer .footerInner02 { padding: 30px 0; } @media only screen and (max-width: 736px) { .m_footer .footerInner02 { padding: 0; } } .m_footer .footerInner02 .contents01 .title01 { font-size: 2.4rem; font-weight: bold; color: #856652; line-height: 1.4; margin-bottom: 20px; } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .title01 { margin-bottom: 0; font-size: 1.8rem; font-weight: normal; color: #5d5d5f; background: #f6f6f6; padding: 16px 10px; } } @media only screen and (min-width: 737px) { .m_footer .footerInner02 .contents01 .listBox01 { display: table; table-layout: fixed; } .m_footer .footerInner02 .contents01 .listBox01:not(:first-of-type) { margin-top: 5px; } } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .listBox01 { display: block; } } .m_footer .footerInner02 .contents01 .listBox01 .title02 { display: table-cell; vertical-align: top; width: 160px; color: #42a0dc; font-weight: bold; font-size: 1.8rem; line-height: 1.4; padding-top: 3px; } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .listBox01 .title02 { display: block; width: 100%; padding: 16px 30px 16px 10px; box-sizing: border-box; font-weight: normal; font-size: 1.6rem; border-bottom: 1px solid #c4d9e6; position: relative; z-index: 1; } .m_footer .footerInner02 .contents01 .listBox01 .title02:after, .m_footer .footerInner02 .contents01 .listBox01 .title02:before { content: ""; display: block; width: 20px; height: 2px; border-radius: 3px; background: #005084; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); } .m_footer .footerInner02 .contents01 .listBox01 .title02:after { transform: translateY(-50%) rotate(90deg); transition: 0.4s; } .m_footer .footerInner02 .contents01 .listBox01 .title02.on:after { transform: translateY(-50%) rotate(0deg); } } .m_footer .footerInner02 .contents01 .listBox01 .contents { display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .listBox01 .contents { display: none; } } .m_footer .footerInner02 .contents01 .listBox01 .contents .list { display: block; } .m_footer .footerInner02 .contents01 .listBox01 .contents .list li { display: inline-block; } @media only screen and (min-width: 737px) { .m_footer .footerInner02 .contents01 .listBox01 .contents .list li:not(:last-of-type):after { content: "|"; margin: 0 5px; vertical-align: middle; display: inline-block; } } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .listBox01 .contents .list li { display: block; background: #fff; border-bottom: 1px solid #c4d9e6; font-size: 1.6rem; } } .m_footer .footerInner02 .contents01 .listBox01 .contents .list li a { display: inline-block; color: #5d5d5f; } @media only screen and (max-width: 736px) { .m_footer .footerInner02 .contents01 .listBox01 .contents .list li a { display: block; padding: 16px 30px 16px 20px; text-decoration: none; font-size: 1.4rem; color: #005084; position: relative; z-index: 1; } .m_footer .footerInner02 .contents01 .listBox01 .contents .list li a:after { display: block; content: ""; width: 10px; height: 20px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } } .m_footer .footerInner03 { padding-top: 30px; } @media only screen and (max-width: 736px) { .m_footer .footerInner03 { width: 100%; padding: 20px 10px; box-sizing: border-box; font-size: 1.4rem; } } @media only screen and (max-width: 736px) { .m_footer .footerInner03 .snsList { text-align: center; } } .m_footer .footerInner03 .snsList li { display: inline-block; } .m_footer .footerInner03 .snsList li:not(:first-of-type) { margin-left: 14.5px; } .m_footer .footerInner03 .snsList li a { display: block; } .m_footer .footerInner03 .snsList li a:hover { opacity: 0.8; } .m_footer .footerInner03 .snsList li img { display: block; height: 29px; } @media only screen and (max-width: 736px) { .m_footer .footerInner03 .snsList li img { height: 29px; margin-bottom: 14px; } } .m_footer .footerInner03 .text01 { padding-top: 20px; font-size: 1.2rem; } @media only screen and (max-width: 736px) { .m_footer .footerInner03 .text01 { font-size: 1.4rem; } } .m_newsTopContentsWrap01 { padding: 40px 0 100px; } @media only screen and (max-width: 736px) { .m_newsTopContentsWrap01 { padding: 20px 0 50px; } } .m_newsList01 { padding: 0 30px; width: 100%; box-sizing: border-box; display: block; } @media only screen and (max-width: 736px) { .m_newsList01 { padding: 0 15px; } } .m_newsList01 > li { display: block; box-sizing: border-box; border-bottom: 1px solid #ddd7ca; } .m_newsList01 > li a { display: block; text-decoration: none; padding: 20px 0; color: #333; } @media only screen and (min-width: 737px) { .m_newsList01 > li a .contents { text-decoration: underline; } .m_newsList01 > li a:hover .contents { text-decoration: none; } } @media only screen and (max-width: 736px) { .m_newsList01 > li a { padding: 10px 0; } } .m_newsList01 > li a .inner { display: table; table-layout: fixed; width: 100%; } @media only screen and (max-width: 736px) { .m_newsList01 > li a .inner { display: block; } } .m_newsList01 > li a .inner .newsThumb { width: 80px; display: table-cell; vertical-align: middle; } .m_newsList01 > li a .inner .date { width: 110px; display: table-cell; vertical-align: top; padding: 10px 0; box-sizing: border-box; } @media only screen and (min-width: 737px) { .m_newsList01 > li a .inner .date { border-right: 1px dashed #ddd7ca; } } @media only screen and (max-width: 736px) { .m_newsList01 > li a .inner .date { border-bottom: 1px dashed #ddd7ca; width: 100%; display: block; padding: 5px 0; padding-left: 14px; } } .m_newsList01 > li a .inner .contents { display: table-cell; padding: 10px 0; color: #005084; position: relative; vertical-align: middle; z-index: 1; } @media only screen and (min-width: 737px) { .m_newsList01 > li a .inner .contents { padding-left: 25px; text-indent: -14px; } } @media only screen and (max-width: 736px) { .m_newsList01 > li a .inner .contents { padding: 5px 25px 5px 0; display: block; width: 100%; } } .m_newsList01 > li a .inner .contents:before { content: ""; display: inline-block; width: 6px; height: 11px; margin-right: 8px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_newsList01 > li a .inner .contents:before { position: absolute; z-index: 2; width: 8px; height: 16px; right: 0; top: 50%; margin-top: 5px; transform: translateY(-50%); } } .m_newsDetailHeader { padding: 30px 0 55px; } @media only screen and (max-width: 736px) { .m_newsDetailHeader { padding: 15px 0 30px; } } .m_newsDetailHeader .imgArea { display: block; } .m_newsDetailHeader .imgArea img { width: 100%; display: block; } .m_newsDetailHeader .title01 { padding-top: 20px; font-size: 4.8rem; color: #5d5d5f; font-weight: normal; line-height: 1.4; } @media only screen and (max-width: 736px) { .m_newsDetailHeader .title01 { padding-top: 15px; font-size: 2.4rem; } } .m_newsDetailHeader .date { font-size: 1.6rem; color: #5d5d5f; } @media only screen and (max-width: 736px) { .m_newsDetailHeader .date { font-size: 1.4rem; } } .m_newsDetailContentsWrap01 { padding: 60px 0 120px; } @media only screen and (max-width: 736px) { .m_newsDetailContentsWrap01 { padding: 30px 0 60px; } } .m_newsDetailContentsWrap01 .contentsArea01 { background: #fff; border-radius: 18px; padding: 55px 30px 50px; width: 100%; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_newsDetailContentsWrap01 .contentsArea01 { padding: 30px 20px 25px; } } .m_seminarListWrap { display: block; padding-top: 60px; } @media only screen and (max-width: 736px) { .m_seminarListWrap { padding-top: 30px; } } .m_seminarListWrap .noContents { text-align: center; padding: 100px 0; font-size: 2.4rem; color: #005084; } @media only screen and (max-width: 736px) { .m_seminarListWrap .noContents { padding: 50px 0; font-size: 1.8rem; } } .m_seminarListWrap .contentsBox { display: block; width: 100%; border: 1px solid #ddd7ca; border-top: 0; } .m_seminarListWrap .contentsBox .contentsInner01 { padding: 20px 40px 20px 20px; border-top: 4px solid #005084; position: relative; z-index: 1; } .m_seminarListWrap .contentsBox .contentsInner01:before { content: ""; display: inline-block; position: absolute; z-index: 2; width: 14px; height: 26px; right: 20px; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .contentsInner01 { border-top: 2px solid #005084; padding: 10px 30px 10px 10px; box-sizing: border-box; } .m_seminarListWrap .contentsBox .contentsInner01:before { right: 10px; } } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco { display: inline-block; color: #fff; line-height: 1; padding: 10px 20px; text-align: center; } @media only screen and (min-width: 737px) { .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco { padding: 10px; font-size: 1.4rem; } } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco--dark { font-weight: bold; background-color: #5d5d5f; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco--sky { background-color: #42a0dc; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco--blue { background-color: #dbe000; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco--orange { background-color: #63c0ab; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsIco--green { background-color: #f3982d; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsTitle { margin-top: 5px; color: #005084; font-weight: bold; font-size: 2.4rem; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsTitle a { text-decoration: none; display: block; transition: 0.2s; } .m_seminarListWrap .contentsBox .contentsInner01 .contentsTitle a:hover { opacity: 0.8; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .contentsInner01 .contentsTitle { margin-top: 10px; font-size: 1.8rem; } } .m_seminarListWrap .contentsBox .contentsInner02 { padding: 20px 0; margin: 0 20px; border-top: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .contentsInner02 { padding: 10px 0; margin: 0 10px; } } .m_seminarListWrap .contentsBox .contentsInner03 { padding: 20px; background: #f0ede6; position: relative; z-index: 1; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .contentsInner03 { padding: 10px; } } .m_seminarListWrap .contentsBox .contentsInner03:before { position: absolute; content: ""; width: 100%; height: 7px; top: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); } .m_seminarListWrap .contentsBox:not(:first-child) { margin-top: 40px; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox:not(:first-child) { margin-top: 20px; } } .m_seminarListWrap .contentsBox .category01 { display: table; table-layout: fixed; } @media only screen and (min-width: 737px) { .m_seminarListWrap .contentsBox .category01 { font-size: 1.8rem; } } .m_seminarListWrap .contentsBox .category01:not(:first-child) { margin-top: 5px; } .m_seminarListWrap .contentsBox .category01 dt { display: table-cell; vertical-align: top; width: 90px; padding-right: 0.5em; box-sizing: border-box; position: relative; z-index: 1; color: #005084; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .category01 dt { display: block; padding-right: 0; } } .m_seminarListWrap .contentsBox .category01 dt:after { position: absolute; z-index: 2; content: ":"; right: 0; top: 0; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .category01 dt:after { display: none; } } .m_seminarListWrap .contentsBox .category01 dd { padding-left: 0.7em; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_seminarListWrap .contentsBox .category01 dd { display: block; padding-left: 0; } } .m_seminarDetailHeading01 { background: #fff; } .m_seminarDetailHeading01 .l_commonInner01 { padding: 30px 20px; } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .l_commonInner01 { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } } .m_seminarDetailHeading01 .beigeBg { background: #f0ede6; position: relative; z-index: 1; } .m_seminarDetailHeading01 .beigeBg:after { position: absolute; z-index: 1; content: ""; display: block; width: 100%; height: 7px; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); } .m_seminarDetailHeading01 .contentsIco { display: inline-block; color: #fff; line-height: 1; padding: 10px 20px; text-align: center; } @media only screen and (min-width: 737px) { .m_seminarDetailHeading01 .contentsIco { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .contentsIco { padding: 10px; font-size: 1.4rem; } } .m_seminarDetailHeading01 .contentsIco--dark { font-weight: bold; background-color: #5d5d5f; } .m_seminarDetailHeading01 .contentsIco--sky { background-color: #42a0dc; } .m_seminarDetailHeading01 .contentsIco--blue { background-color: #dbe000; } .m_seminarDetailHeading01 .contentsIco--orange { background-color: #63c0ab; } .m_seminarDetailHeading01 .contentsIco--green { background-color: #f3982d; } .m_seminarDetailHeading01 .contentsTitle { margin-top: 5px; font-weight: normal; font-size: 4.8rem; } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .contentsTitle { margin-top: 10px; font-size: 2.4rem; } } .m_seminarDetailHeading01 .category01 { display: table; table-layout: fixed; } @media only screen and (min-width: 737px) { .m_seminarDetailHeading01 .category01 { font-size: 1.8rem; } } .m_seminarDetailHeading01 .category01:not(:first-child) { margin-top: 5px; } .m_seminarDetailHeading01 .category01 dt { display: table-cell; vertical-align: top; width: 90px; padding-right: 0.5em; box-sizing: border-box; position: relative; z-index: 1; color: #005084; } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .category01 dt { display: block; padding-right: 0; } } .m_seminarDetailHeading01 .category01 dt:after { position: absolute; z-index: 2; content: ":"; right: 0; top: 0; } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .category01 dt:after { display: none; } } .m_seminarDetailHeading01 .category01 dd { padding-left: 0.7em; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .category01 dd .m_spotLink01 { margin-left: 0; display: block; } } @media only screen and (max-width: 736px) { .m_seminarDetailHeading01 .category01 dd { display: block; padding-left: 0; } } .m_thumbnailBox { margin-top: 40px; } .m_thumbnailBox ul { text-align: center; } .m_thumbnailBox ul li { display: inline-block; width: 293px; vertical-align: top; } .m_thumbnailBox ul li:not(:first-child) { margin-left: 30px; } .m_thumbnailBox ul li .seminarThumbImg { height: 208px; position: relative; overflow: hidden; } .m_thumbnailBox ul li .seminarThumbImg img { position: absolute; left: 50%; max-height: 208px; width: auto; top: 0; transform: translateX(-50%); } .m_thumbnailBox ul li p { text-align: left; margin: 5px 0; } @media only screen and (max-width: 736px) { .m_thumbnailBox ul { margin-left: 0; } .m_thumbnailBox ul li { width: 80%; display: block; margin: 20px auto; } .m_thumbnailBox ul li img { width: 100%; height: auto; } .m_thumbnailBox ul li img.heightImg { width: 50%; height: auto; } } @media only screen and (min-width: 737px) { .m_seminarDetailContents01 { font-size: 1.8rem; } } .m_seminarBtnArea { margin-top: 60px; text-align: center; } @media only screen and (max-width: 736px) { .m_seminarBtnArea { margin-top: 30px; } } @media only screen and (max-width: 736px) { .m_trainingLedeText01 { font-size: 1.4rem; } } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_radiusBox02 { font-size: 1.4rem; } } .m_trainingContents01 .m_radiusBox02:not(:first-of-type) { margin-top: 40px; } .m_trainingContents01 .m_radiusBox02 .m_commonTitle03 span { line-height: 1; color: #856652; font-size: 3.6rem; transform-origin: 0 0; transform: skewX(-10deg); display: inline-block; vertical-align: baseline; } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_radiusBox02 .m_commonTitle03 span { font-size: 2rem; } } .m_trainingContents01 .m_trainingBox01 { display: table; table-layout: fixed; width: 100%; } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_trainingBox01 { display: block; } } .m_trainingContents01 .m_trainingBox01 .img { padding: 10px 0; display: table-cell; vertical-align: middle; width: 50%; text-align: center; } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_trainingBox01 .img { display: block; width: 100%; padding: 20px 0; } } .m_trainingContents01 .m_trainingBox01 .img img { display: block; max-width: 100%; margin: 0 auto; } @media only screen and (min-width: 737px) { .m_trainingContents01 .m_trainingBox01 .img img { transform: translateX(-15px); } } .m_trainingContents01 .m_trainingBox01 .text01 { display: table-cell; vertical-align: middle; width: 50%; } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_trainingBox01 .text01 { display: block; width: 100%; } } .m_trainingContents01 .m_trainingBox01 .text01 .customBgBlue { font-weight: bold; } .m_trainingContents01 .m_trainingBox02 { display: block; width: 100%; text-align: center; } .m_trainingContents01 .m_trainingBox02 .text02 { text-align: left; } @media only screen and (max-width: 736px) { .m_trainingContents01 .m_trainingBox02 .text02 { margin-top: 20px; } } .m_trainingContents01 .m_trainingBox02 .text02 .small { display: block; font-size: 1.4rem; } @media only screen and (min-width: 737px) { .m_trainingContents01 .m_trainingBox02 .m_commonDoublebtnArea { max-width: 400px; margin: 0 auto; } } .m_facilitiesDetailHeading01 { background: #fff; border-bottom: 1px solid #ddd7ca; } .m_facilitiesDetailHeading01 .l_commonInner01 { padding: 30px 0; } @media only screen and (max-width: 736px) { .m_facilitiesDetailHeading01 .l_commonInner01 { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } } .m_facilitiesDetailHeading01 .contentsIco { display: inline-block; line-height: 1; padding: 10px 20px; text-align: center; } @media only screen and (min-width: 737px) { .m_facilitiesDetailHeading01 .contentsIco { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_facilitiesDetailHeading01 .contentsIco { padding: 5px; font-size: 1.4rem; font-weight: bold; } } .m_facilitiesDetailHeading01 .contentsIco--pinkBorder { background-color: #fff; border: 1px solid #42a0dc; color: #42a0dc; } .m_facilitiesDetailHeading01 .contentsTitle { font-weight: normal; font-size: 4.8rem; } @media only screen and (max-width: 736px) { .m_facilitiesDetailHeading01 .contentsTitle { margin-top: 10px; font-size: 2.4rem; } } .m_facilitiesDetailHeading01 .smallText01 { font-size: 1.8rem; line-height: 1; } @media only screen and (max-width: 736px) { .m_facilitiesDetailHeading01 .smallText01 { font-size: 1.4rem; } } .m_facilitiesContents01 .mainImage { display: block; margin-bottom: 30px; } .m_facilitiesContents01 .mainImage img { display: block; max-width: 100%; margin: 0 auto; } .m_facilitiesContents01 .aboutOffer { display: table; table-layout: fixed; box-sizing: border-box; width: 100%; max-width: 940px; margin: 0 auto; border: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_facilitiesContents01 .aboutOffer { display: block; } } .m_facilitiesContents01 .aboutOffer .offerTitle { display: table-cell; vertical-align: middle; width: 175px; padding: 45px 10px; text-align: center; box-sizing: border-box; background: #42a0dc; } @media only screen and (max-width: 736px) { .m_facilitiesContents01 .aboutOffer .offerTitle { display: block; width: 100%; padding: 10px; } } .m_facilitiesContents01 .aboutOffer .offerTitle .title01 { color: #fff; font-size: 2.4rem; line-height: 1.2; } @media only screen and (max-width: 736px) { .m_facilitiesContents01 .aboutOffer .offerTitle .title01 { font-size: 1.6rem; font-weight: bold; } } @media only screen and (min-width: 737px) { .m_facilitiesContents01 .aboutOffer .offerTitle .title01 .big { font-size: 3rem; font-weight: bold; } } .m_facilitiesContents01 .aboutOffer .offerList { display: table-cell; vertical-align: middle; padding: 30px; font-size: 1.8rem; } @media only screen and (max-width: 736px) { .m_facilitiesContents01 .aboutOffer .offerList { padding: 10px; display: block; font-size: 1.6rem; } } .m_facilitiesContents01 .aboutOffer .offerList li:not(:first-child) { margin-top: 7px; } @media only screen and (max-width: 736px) { .m_facilitiesContents01 .aboutOffer .offerList li { background-size: contain; } .m_facilitiesContents01 .aboutOffer .offerList li:before { content: ""; width: 8px; height: 15px; margin-right: 7px; margin-top: -4px; display: inline-block; vertical-align: middle; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } } .m_penLineTitle { display: block; text-align: center; margin: 0 0 30px; } @media only screen and (max-width: 736px) { .m_penLineTitle { margin: 0px 0 10px; } } .m_penLineTitle span { display: inline-block; font-size: 3rem; font-weight: bold; color: #856652; background: url(/saiyo/resources/images/saiyo/common/title_double_line01.png) bottom center repeat-x; padding-bottom: 7px; position: relative; z-index: 1; } @media only screen and (min-width: 737px) { .m_penLineTitle span { transform: translateX(-20px); } } @media only screen and (max-width: 736px) { .m_penLineTitle span { font-size: 1.6rem; margin-right: 20px; } } .m_penLineTitle span:after { content: ""; width: 83px; height: 52px; display: block; position: absolute; z-index: 2; right: 2px; bottom: 0; transform: translateX(100%); background: url(/saiyo/resources/images/saiyo/common/ico_accent_pen.png) bottom left no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_penLineTitle span:after { width: 40px; height: 24px; } } .m_messageCardBox01 { background: #f0ede6; display: block; max-width: 880px; border: 1px solid #ddd7ca; border-radius: 16px; margin: 0 auto; box-sizing: border-box; padding: 30px; } @media only screen and (max-width: 736px) { .m_messageCardBox01 { padding: 20px 10px; } } .m_messageCardBox01 .text { color: #5d5d5f; font-size: 2.4rem; display: block; line-height: 50px; background: url(/saiyo/resources/images/saiyo/common/bg_note_border01.png) left top repeat; } @media only screen and (max-width: 736px) { .m_messageCardBox01 .text { font-size: 1.6rem; line-height: 34px; background-size: auto 34px; } } .m_messageCardBox01 .from { font-weight: bold; font-size: 1.6rem; margin-top: 30px; padding-left: 40px; background: url(/saiyo/resources/images/saiyo/common/ico_accent_plant01.png) left center no-repeat; background-size: 30px auto; color: #856652; } .m_facilitiesContents02 .m_commonTitle01 .title { letter-spacing: normal; padding: 0 30px; } @media only screen and (max-width: 736px) { .m_facilitiesContents02 .m_commonTitle01 .title { padding: 0; } } .m_facilitiesContents03 .title01 { color: #856652; font-weight: bold; text-align: center; font-size: 3rem; margin-top: 30px; } @media only screen and (max-width: 736px) { .m_facilitiesContents03 .title01 { font-size: 1.8rem; text-align: left; margin-top: 20px; } } .m_facilitiesContents03 .textArea { margin-top: 30px; } @media only screen and (max-width: 736px) { .m_facilitiesContents03 .textArea { margin-top: 15px; } } .m_facilitiesThumbnailBox { margin-top: 40px; } @media only screen and (max-width: 736px) { .m_facilitiesThumbnailBox { margin-top: 0; } } .m_facilitiesThumbnailBox ul { text-align: center; } @media only screen and (min-width: 737px) { .m_facilitiesThumbnailBox ul { display: flex; justify-content: center; flex-wrap: wrap; } } .m_facilitiesThumbnailBox ul li { display: inline-block; width: 293px; vertical-align: top; } @media only screen and (min-width: 737px) { .m_facilitiesThumbnailBox ul li:not(:first-child) { margin-left: 30px; } } .m_facilitiesThumbnailBox ul li .seminarThumbImg { position: relative; overflow: hidden; } @media only screen and (min-width: 737px) { .m_facilitiesThumbnailBox ul li .seminarThumbImg { height: 208px; } } @media only screen and (min-width: 737px) { .m_facilitiesThumbnailBox ul li .seminarThumbImg img { position: absolute; left: 50%; max-height: 208px; width: auto; top: 0; transform: translateX(-50%); } } .m_facilitiesThumbnailBox ul li p { text-align: left; margin: 5px 0; } @media only screen and (max-width: 736px) { .m_facilitiesThumbnailBox ul { margin-left: 0; } .m_facilitiesThumbnailBox ul li { width: 100%; display: table; table-layout: fixed; margin: 20px auto; } .m_facilitiesThumbnailBox ul li .seminarThumbImg { display: table-cell; vertical-align: middle; width: 50%; padding-right: 10px; box-sizing: border-box; } .m_facilitiesThumbnailBox ul li .seminarThumbImg img { width: 100%; height: auto; } .m_facilitiesThumbnailBox ul li p { display: table-cell; vertical-align: middle; } } .m_facilitiesMapArea .mapImage { display: block; width: 100%; } .m_facilitiesMapArea .mapImage img { width: 100%; } @media only screen and (max-width: 736px) { .m_facilitiesMapArea .mapImage iframe { width: 100%; height: calc(100vw * 1.33); } } .m_facilitiesMapArea .mapDetails { display: block; margin-top: 25px; } @media only screen and (min-width: 737px) { .m_facilitiesMapArea .mapDetails { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_facilitiesMapArea .mapDetails { margin-top: 15px; } } .m_facilitiesMapArea .mapDetails .spot { padding-left: 20px; text-indent: -20px; } .m_facilitiesMapArea .mapDetails .spot:before { display: inline-block; vertical-align: middle; width: 20px; height: 17px; content: ""; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center left no-repeat; background-size: contain; } .m_facilitiesMapArea .mapDetails .station { padding-left: 20px; text-indent: -20px; } .m_facilitiesMapArea .mapDetails .station:before { display: inline-block; vertical-align: middle; width: 20px; height: 14px; content: ""; background: url(/saiyo/resources/images/saiyo/common/ico_train01.svg) center left no-repeat; background-size: contain; } .m_facilitiesBoxList01 .inner { display: block; width: 100%; } .m_facilitiesBoxList01 .inner .box01 { display: table; table-layout: fixed; width: 100%; padding: 15px; border: 1px solid #ddd7ca; border-top: 4px solid #dbe000; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 { display: block; } } .m_facilitiesBoxList01 .inner .box01:not(:first-child) { margin-top: 30px; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01:not(:first-child) { margin-top: 15px; } } .m_facilitiesBoxList01 .inner .box01 .imgArea { display: table-cell; vertical-align: top; width: 220px; padding-right: 10px; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 .imgArea { display: block; width: 100%; padding: 0 20px; } } .m_facilitiesBoxList01 .inner .box01 .imgArea img { width: 100%; display: block; } .m_facilitiesBoxList01 .inner .box01 .textArea { display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 .textArea { display: block; width: 100%; } } .m_facilitiesBoxList01 .inner .box01 .textArea .facilitiesBoxListTitle { color: #5d5d5f; font-weight: bold; font-size: 2.4rem; padding-left: 60px; position: relative; z-index: 1; background: url(/saiyo/resources/images/saiyo/common/bg_line_dot.gif) left bottom repeat-x; } @media only screen and (min-width: 737px) { .m_facilitiesBoxList01 .inner .box01 .textArea .facilitiesBoxListTitle { margin-top: -10px; } } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 .textArea .facilitiesBoxListTitle { font-size: 1.8rem; margin-top: 10px; padding-left: 35px; } } .m_facilitiesBoxList01 .inner .box01 .textArea .facilitiesBoxListTitle:before { display: block; content: ""; position: absolute; z-index: 2; width: 50px; height: 31px; left: 0; bottom: 0; background: url(/saiyo/resources/images/saiyo/common/ico_accent_plant01.png) center bottom no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 .textArea .facilitiesBoxListTitle:before { width: 29px; height: 25px; } } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .spot { display: block; margin-top: 10px; padding-left: 20px; text-indent: -20px; } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .spot:before { display: inline-block; vertical-align: middle; width: 20px; height: 17px; content: ""; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center left no-repeat; background-size: contain; } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .offerTitle { display: block; color: #856652; font-weight: bold; margin-top: 15px; } @media only screen and (max-width: 736px) { .m_facilitiesBoxList01 .inner .box01 .textArea .detail .offerTitle { margin-top: 10px; } } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .offerList { display: block; } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .offerList li { padding-left: 15px; text-indent: -15px; background-size: contain; } .m_facilitiesBoxList01 .inner .box01 .textArea .detail .offerList li:before { content: ""; width: 8px; height: 15px; margin-right: 7px; margin-top: -4px; display: inline-block; vertical-align: middle; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } .m_pageAnchor { display: block; opacity: 0; line-height: 0; font-size: 0; height: 0; width: 0; position: relative; top: -180px; } @media only screen and (max-width: 736px) { .m_pageAnchor { top: -20px; } } .m_fixedAnchorLink01 { padding: 30px 0; position: fixed; z-index: 200; top: 0; left: 0; height: 123px; transition: 0.5s; transform: translateY(-100%); } @media only screen and (max-width: 736px) { .m_fixedAnchorLink01 { display: none !important; } } .m_fixedAnchorLink01:after { display: none; } .m_fixedAnchorLink01.show { transform: translateY(0%); } .m_fixedAnchorLink01.show:after { display: block; } .m_fixedAnchorLink01:after { position: absolute; z-index: 2; content: ""; bottom: 0; left: 0; width: 100%; height: 13px; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); transform: translateY(100%); } @media only screen and (max-width: 736px) { .m_fixedAnchorLink01:after { height: 7px; } } .m_fixedAnchorLink02 { font-size: 0; z-index: 999; top: 50%; right: -119px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 80px 30px 0; background: #f3982d; border-radius: 100px 0 0 100px; width: 44px; height: 239px; position: fixed; transition: right 0.5s; box-shadow: 0 0 10px 0 rgba(135,135,135,0.7); box-sizing: content-box; } @media only screen and (max-width: 736px) { .m_fixedAnchorLink02 { display: none !important; } } .m_fixedAnchorLink02:hover { opacity: 0.8; } .m_fixedAnchorLink02.show { right: 0; } @media only screen and (min-width: 737px) { .js_fixedAnchorLink03 { display: none !important; } } @media only screen and (max-width: 736px) { .js_fixedAnchorLink03 { display: block; position: fixed; z-index: 200; bottom: 0; left: 0; width: 100%; background: rgba(93,93,95,0.6); padding: 10px; transition: 0.5s; transform: translateY(100%); } .js_fixedAnchorLink03.show { transform: translateY(0%); } } .m_jobResultTitle { font-size: 4.8rem; font-weight: bold; text-align: center; color: #856652; line-height: 1; position: relative; z-index: 1; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; padding: 50px 0; } @media only screen and (max-width: 736px) { .m_jobResultTitle { padding: 30px 0; font-size: 2.4rem; } } .m_jobResultTitle .title01 { display: block; } .m_jobResultTitle .resultNum { padding-top: 30px; display: block; } .m_jobResultTitle .resultNum--absolute { position: absolute; right: 0; top: 50%; padding-top: 0; transform: translateY(-50%); } @media only screen and (max-width: 736px) { .m_jobResultTitle .resultNum { padding-top: 10px; } } .m_jobResultTitle .resultNum .num { display: inline-block; vertical-align: bottom; color: #f3982d; } @media only screen and (max-width: 736px) { .m_jobResultTitle .resultNum .num { font-size: 3.2rem; } } .m_jobResultTitle .resultNum .text { display: inline-block; vertical-align: bottom; font-size: 3.2rem; padding-bottom: 5px; } @media only screen and (max-width: 736px) { .m_jobResultTitle .resultNum .text { font-size: 2rem; padding-bottom: 2px; } } .m_jobResultTitle--jobResult { overflow: hidden; } .m_jobResultTitle--jobResult .m_commonTitle06 { float: left; } .m_jobResultTitle--jobResult .resultNum { float: right; padding-top: 5px; } @media only screen and (max-width: 736px) { .m_jobResultTitle--jobResult .resultNum { padding-top: 0; } } .m_jobResultConditionsBox { padding-top: 30px; padding-bottom: 30px; } @media only screen and (max-width: 736px) { .m_jobResultConditionsBox { padding-top: 20px; padding-bottom: 20px; } } .m_jobResultConditionsBox .inner01 { background: #fff; border-radius: 16px; border: 1px solid #ddd7ca; box-sizing: border-box; padding: 20px 30px; } @media only screen and (max-width: 736px) { .m_jobResultConditionsBox .inner01 { padding: 15px 10px; } } .m_jobResultConditionsBox .inner01 .m_commonTitle02 { margin-bottom: 20px; } @media only screen and (max-width: 736px) { .m_jobResultConditionsBox .inner01 .m_commonTitle02 { margin: 0 0 10px; } } .m_jobResultConditionsBox .inner01 .contentsArea dl { display: table; table-layout: fixed; width: 100%; } @media only screen and (min-width: 737px) { .m_jobResultConditionsBox .inner01 .contentsArea dl { font-size: 1.8rem; } } .m_jobResultConditionsBox .inner01 .contentsArea dl dt { display: table-cell; vertical-align: top; width: 120px; padding-right: 20px; box-sizing: border-box; font-weight: bold; color: #42a0dc; } @media only screen and (max-width: 736px) { .m_jobResultConditionsBox .inner01 .contentsArea dl dt { width: 90px; padding-right: 10px; } } .m_jobResultConditionsBox .inner01 .contentsArea dl dd { display: table-cell; vertical-align: top; } .form ul { display: flex; justify-content: flex-start; flex-wrap: nowrap; padding: 20px 30px; background: #fff; border-radius: 16px; } @media only screen and (max-width: 736px) { .form ul { display: block; border-radius: 0 0 16px 16px; } } .form ul li.mapSearchItem { width: 33%; width: calc(100% / 3); border-right: 1px solid #ddd7ca; box-sizing: border-box; padding: 0 15px; } .form ul li.mapSearchItem:first-child { padding-left: 0; } .form ul li.mapSearchItem:last-child { border-right: 0; padding-right: 0; } @media only screen and (max-width: 736px) { .form ul li.mapSearchItem { width: 100%; border-right: 0; padding: 0; display: none; } .form ul li.mapSearchItem.current { display: block; } } .form ul li.mapSearchItem h2 { color: #856652; margin-bottom: 10px; } @media only screen and (max-width: 736px) { .form ul li.mapSearchItem h2 { display: none; } } .form ul li.mapSearchItem .inputArea input { appearance: none; color: #5d5d5f; font-size: 1.6rem; line-height: 24px; padding: 10px; height: 44px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 0 4px 2px rgba(199,199,199,0.35) inset; border: none; background-color: #f6f6f6; width: 100%; } .form ul li.mapSearchItem .inputArea label { background-image: url(/saiyo/resources/images/saiyo/common/select_arrow.svg); background-color: #f6f6f6; background-size: contain; background-position: right center; background-repeat: no-repeat; height: 44px; display: inline-block; border-radius: 5px; box-shadow: 0 0 4px 2px rgba(199,199,199,0.35) inset; color: #5d5d5f; width: 48%; } .form ul li.mapSearchItem .inputArea label.prefecture { margin-right: 4%; } .form ul li.mapSearchItem .inputArea label select { appearance: none; color: #5d5d5f; font-size: 1.6rem; padding: 10px 55px 10px 10px; line-height: 24px; overflow: hidden; border: none; background-color: transparent; width: 100%; } .form ul li.mapSearchItem .m__btn01 { width: 100%; margin-top: 20px; padding: 5px 10px; } .form ul li.mapSearchItem--address h2::before { content: ""; display: inline-block; vertical-align: baseline; margin-right: 5px; width: 14px; height: 14px; background: url(/saiyo/resources/images/saiyo/common/icon_post.svg) left top no-repeat; background-size: 14px 14px; } .form ul li.mapSearchItem--station h2::before { content: ""; display: inline-block; vertical-align: baseline; margin-right: 5px; width: 15px; height: 14px; background: url(/saiyo/resources/images/saiyo/common/ico_train01.svg) left top no-repeat; background-size: 15px 14px; } .form ul li.mapSearchItem--area h2::before { content: ""; display: inline-block; vertical-align: -3px; margin-right: 5px; width: 13px; height: 17px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) left top no-repeat; background-size: 13px 17px; } .m_jobResultNum01 { padding-bottom: 20px; text-align: right; } .m_jobResultBox01 { border: 1px solid #ddd7ca; border-top: 4px solid #dbe000; margin-bottom: 40px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 { margin-bottom: 20px; } } .m_jobResultBox01 .inner01 { padding: 20px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .inner01 { padding: 20px 10px; } } .m_jobResultBox01 .titleInner01 { padding-bottom: 5px; border-bottom: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .titleInner01 { padding-bottom: 15px; } } .m_jobResultBox01 .titleInner01 .contentsIco { display: inline-block; line-height: 1; padding: 12px 20px 6px; text-align: center; } @media only screen and (min-width: 737px) { .m_jobResultBox01 .titleInner01 .contentsIco { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_jobResultBox01 .titleInner01 .contentsIco { padding: 5px; font-size: 1.6rem; font-weight: bold; } } .m_jobResultBox01 .titleInner01 .contentsIco--pink { background: #42a0dc; color: #fff; } .m_jobResultBox01 .titleInner01 .contentsIco--palePink { background: #d9edfa; color: #005084; } .m_jobResultBox01 .titleInner01 .contentsTitle { font-weight: normal; font-size: 2.4rem; margin-top: 5px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .titleInner01 .contentsTitle { margin-top: 5px; font-size: 2rem; } } .m_jobResultBox01 .titleInner01 .smallText01 { font-size: 1.8rem; line-height: 1; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .titleInner01 .smallText01 { font-size: 1.4rem; } } .m_jobResultBox01 .facilitiesInfo { display: table; table-layout: fixed; width: 100%; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo { display: block; } } .m_jobResultBox01 .facilitiesInfo .imgArea { display: table-cell; vertical-align: top; width: 250px; padding-right: 20px; box-sizing: border-box; } .m_jobResultBox01 .facilitiesInfo .imgArea img { display: block; width: 100%; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo .imgArea { display: block; padding: 10px 20px; width: 100%; } } .m_jobResultBox01 .facilitiesInfo .textArea { display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo .textArea { display: block; } } .m_jobResultBox01 .facilitiesInfo .textArea ul { display: block; box-sizing: border-box; } .m_jobResultBox01 .facilitiesInfo .textArea ul .money { display: flex; } .m_jobResultBox01 .facilitiesInfo .textArea ul .money::before { content: ""; display: inline-block; vertical-align: top; margin-top: 5px; background: url(/saiyo/resources/images/saiyo/common/ico_money.svg) left top no-repeat; width: 25px; height: 29px; background-size: 25px 29px; padding-right: 5px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo .textArea ul .money::before { width: 18px; height: 21px; background-size: contain; padding-right: 7px; margin-top: 6px; } } .m_jobResultBox01 .facilitiesInfo .textArea ul .money p { display: inline-block; width: 613px; width: calc(100% - 35px); vertical-align: top; flex: 1; } .m_jobResultBox01 .facilitiesInfo .textArea ul .tags { margin-top: 10px; background: url(/saiyo/resources/images/saiyo/common/ico_tag.svg) left 6px no-repeat; background-size: 24px 22px; padding-left: 35px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo .textArea ul .tags { background-size: 18px auto; padding-left: 25px; } } .m_jobResultBox01 .facilitiesInfo .textArea ul .tags span { border: 1px solid #42a0dc; color: #42a0dc; background: #fff; padding: 2px 10px; display: inline-block; vertical-align: top; margin-bottom: 5px; } .m_jobResultBox01 .facilitiesInfo .textArea ul .tags span:not(:last-child) { margin-right: 10px; } @media only screen and (max-width: 736px) { .m_jobResultBox01 .facilitiesInfo .textArea ul .tags span { padding: 2px 5px; } .m_jobResultBox01 .facilitiesInfo .textArea ul .tags span:not(:last-child) { margin-right: 5px; } } .m_jobResultBox01 .baigeBox { padding: 15px 20px; box-sizing: border-box; background: #f0ede6; position: relative; z-index: 2; } @media only screen and (min-width: 737px) { .m_jobResultBox01 .baigeBox { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_jobResultBox01 .baigeBox { padding: 20px 10px; } } .m_jobResultBox01 .baigeBox:before { position: absolute; z-index: 1; content: ""; display: inline-block; width: 100%; left: 0; height: 13px; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.05) 20%, rgba(0,0,0,0) 100%); } .m_jobResultBox01 .baigeBox .spot { background: #f0ede6; padding-left: 20px; display: block; text-indent: -20px; } .m_jobResultBox01 .baigeBox .spot:before { content: ""; width: 13px; height: 17px; margin-right: 7px; vertical-align: middle; display: inline-block; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center center no-repeat; background-size: 13px 17px; } @media only screen and (min-width: 737px) { .m_jobResultBox01 .baigeBox .m_arrowLink.absolute { position: absolute; right: 20px; bottom: 15px; } } .m_jobsDetailHeading01 { background: #fff; border-bottom: 1px solid #ddd7ca; } .m_jobsDetailHeading01 .l_commonInner01 { padding: 30px 0 40px; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .l_commonInner01 { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 { padding-bottom: 25px; border-bottom: 4px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 { padding-bottom: 15px; } } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsIco { display: inline-block; line-height: 1; padding: 12px 20px 4px; text-align: center; } @media only screen and (min-width: 737px) { .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsIco { font-size: 3.2rem; } } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsIco { padding: 5px; font-size: 1.6rem; font-weight: bold; } } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsIco--pink { background: #42a0dc; color: #fff; } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsIco--palePink { background: #d9edfa; color: #005084; } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsTitle { font-weight: normal; font-size: 3.2rem; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .contentsTitle { margin-top: 5px; font-size: 2rem; } } .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .smallText01 { font-size: 1.8rem; line-height: 1; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .l_commonInner01 .titleInner01 .smallText01 { font-size: 1.4rem; } } .m_jobResultBtnPageBack01 { margin-top: 40px; } @media only screen and (min-width: 737px) { .m_jobResultBtnPageBack01 { width: 380px; } } .m_jobsDetailHeading01 .facilitiesInfo { display: table; table-layout: fixed; width: 100%; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo { display: block; } } .m_jobsDetailHeading01 .facilitiesInfo .imgArea { display: table-cell; vertical-align: top; width: 250px; padding-right: 20px; box-sizing: border-box; } .m_jobsDetailHeading01 .facilitiesInfo .imgArea img { display: block; width: 100%; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo .imgArea { display: block; padding: 10px 20px; width: 100%; } } .m_jobsDetailHeading01 .facilitiesInfo .textArea { display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo .textArea { display: block; } } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul { display: block; box-sizing: border-box; } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .money { background: url(/saiyo/resources/images/saiyo/common/ico_money.svg) left 5px no-repeat; background-size: 25px auto; padding-left: 35px; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .money { background-size: 18px auto; padding-left: 25px; } } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags { margin-top: 10px; background: url(/saiyo/resources/images/saiyo/common/ico_tag.svg) left 6px no-repeat; background-size: 25px auto; padding-left: 35px; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags { background-size: 18px auto; padding-left: 25px; } } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags span { border: 1px solid #42a0dc; color: #42a0dc; background: #fff; padding: 2px 10px; display: inline-block; vertical-align: top; margin-bottom: 5px; } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags span:not(:last-child) { margin-right: 10px; } @media only screen and (max-width: 736px) { .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags span { padding: 2px 5px; } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .tags span:not(:last-child) { margin-right: 5px; } } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .spot { background: #f0ede6; padding: 15px 20px; display: block; margin-top: 10px; text-indent: -24px; padding-left: 44px; } .m_jobsDetailHeading01 .facilitiesInfo .textArea ul .spot:before { content: ""; width: 13px; height: 17px; margin-right: 7px; vertical-align: middle; display: inline-block; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center center no-repeat; background-size: contain; } .m_jobsDetailBox { display: block; border-radius: 18px; background: #fff; border: 1px solid #ddd7ca; box-sizing: border-box; padding: 30px; } .m_jobsDetailBox:not(:first-child) { margin-top: 30px; } @media only screen and (max-width: 736px) { .m_jobsDetailBox { padding: 15px; } .m_jobsDetailBox:not(:first-child) { margin-top: 20px; } } .m_jobsDetailBox .detailBtnArea01 { text-align: center; margin-top: 30px; } .m_jobsCircleFlow01 { display: block; } .m_jobsCircleFlow01 .circleFlow01 { display: flex; justify-content: space-between; flex-wrap: wrap; } .m_jobsCircleFlow01 li { text-align: center; } @media only screen and (min-width: 737px) { .m_jobsCircleFlow01 li { width: 160px; } } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li { margin-bottom: 35px; display: table; table-layout: fixed; width: 100%; flex-grow: 1; position: relative; z-index: 1; } } @media only screen and (min-width: 737px) { .m_jobsCircleFlow01 li .imgArea { position: relative; z-index: 1; } } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li .imgArea { width: 40%; display: table-cell; vertical-align: middle; } } .m_jobsCircleFlow01 li .imgArea:after { content: ""; width: 21px; height: 38px; display: block; position: absolute; z-index: 2; } @media only screen and (min-width: 737px) { .m_jobsCircleFlow01 li .imgArea:after { right: -6px; top: 50%; transform: translate(100%, -50%); } } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li .imgArea:after { width: 15px; height: 30px; left: 50%; bottom: -5px; transform: translate(-50%, 100%) rotate(90deg); } } .m_jobsCircleFlow01 li .imgArea img { width: 100%; max-width: 156px; margin: 0 auto; display: block; } .m_jobsCircleFlow01 li .textArea { display: block; } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li .textArea { padding-left: 10px; display: table-cell; vertical-align: middle; } } .m_jobsCircleFlow01 li .title { padding: 10px 0; font-size: 2rem; line-height: 1.4; } @media only screen and (min-width: 737px) { .m_jobsCircleFlow01 li .title { height: 105px; } .m_jobsCircleFlow01 li .title.mt { padding-top: 25px; box-sizing: border-box; } } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li .title { font-size: 1.6rem; text-align: left; padding-left: 1em; text-indent: -1em; } .m_jobsCircleFlow01 li .title .num { margin-right: 0.4em; } } .m_jobsCircleFlow01 li .title.green { font-weight: bold; color: #f3982d; font-size: 2.4rem; } @media only screen and (min-width: 737px) { .m_jobsCircleFlow01 li .title.green { margin-top: 5px; } } @media only screen and (max-width: 736px) { .m_jobsCircleFlow01 li .title.green { font-size: 2rem; } } .m_jobsCircleFlow01 li .textArea .text01 { text-align: left; } .m_jobsCircleFlow01 li.flow01 .imgArea:after { background: url(/saiyo/resources/images/saiyo/jobs/flow_arrow01.svg) center center no-repeat; background-size: contain; } .m_jobsCircleFlow01 li.flow02 .imgArea:after { background: url(/saiyo/resources/images/saiyo/jobs/flow_arrow02.svg) center center no-repeat; background-size: contain; } .m_jobsCircleFlow01 li.flow03 .imgArea:after { background: url(/saiyo/resources/images/saiyo/jobs/flow_arrow03.svg) center center no-repeat; background-size: contain; } .m_jobsCircleFlow01 li.flow04 .imgArea:after { background: url(/saiyo/resources/images/saiyo/jobs/flow_arrow04.svg) center center no-repeat; background-size: contain; } .m__searchLinkList { display: block; width: 100%; } .m__searchLinkList li { display: inline-block; vertical-align: top; } @media only screen and (min-width: 737px) { .m__searchLinkList li { width: 32%; } .m__searchLinkList li:not(:nth-child(3n+1)) { margin-left: 1%; } } @media only screen and (max-width: 736px) { .m__searchLinkList li { width: 43%; margin: 0 3%; } .m__searchLinkList li:nth-child(n+3) { margin-top: 20px; } } .m__searchLinkList .listBtn01 { display: block; width: 100%; text-decoration: none; color: #5d5d5f; } .m__searchLinkList .listBtn01 .icon { position: relative; z-index: 1; margin-bottom: 30px; } .m__searchLinkList .listBtn01 .icon:before { position: absolute; z-index: 2; width: 1px; height: 28px; content: ""; display: block; background: #ddd7ca; bottom: 0; left: 50%; transform: translateY(100%); } .m__searchLinkList .listBtn01 .icon p { border-radius: 212px; background: #d9edfa; border: 2px solid #005084; position: relative; overflow: hidden; z-index: 1; margin: 0 auto; } .m__searchLinkList .listBtn01 .icon p:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #4cafff; opacity: 0.2; transition: 0; } .m__searchLinkList .listBtn01 .icon p:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 212px; height: 212px; border-radius: 100%; background: #49b1ff; opacity: 0; transition: 1s; } .m__searchLinkList .listBtn01 .icon p:active { background: #007dda; } @media only screen and (min-width: 737px) { .m__searchLinkList .listBtn01 .icon p { width: 212px; height: 212px; } } @media only screen and (max-width: 736px) { .m__searchLinkList .listBtn01 .icon p { width: 100%; } } .m__searchLinkList .listBtn01 .icon p img { display: block; } @media only screen and (max-width: 736px) { .m__searchLinkList .listBtn01 .icon p img { width: 100%; } } .m__searchLinkList .listBtn01 .title { font-weight: bold; font-size: 2.4rem; color: #005084; text-align: center; line-height: 1.4; } @media only screen and (max-width: 736px) { .m__searchLinkList .listBtn01 .title { font-size: 1.8rem; } } .m__searchLinkList .listBtn01 .txt { padding-top: 5px; font-size: 1.8rem; } @media only screen and (max-width: 736px) { .m__searchLinkList .listBtn01 .txt { font-size: 1.4rem; } } .m_searchFormWrapper01 .m_commonTitle01 .title { padding: 0 10px; } .m_searchFormWrapper01 .allowLinkRight { display: block; text-align: right; padding: 30px 0 20px; } @media only screen and (max-width: 736px) { .m_searchFormWrapper01 .allowLinkRight.noConditions { text-align: center; padding-bottom: 10px; } .m_searchFormWrapper01 .allowLinkRight.noConditions a::before { display: none; } } .m_searchFormInner { border-bottom: 1px dotted #ddd7ca; } .m_searchFormInner.changeConditions { border-bottom: 0; margin-top: 15px; } @media only screen and (max-width: 736px) { .m_searchFormInner { padding-bottom: 15px; } } .m_searchFormInner .m_commonTitle04 { margin: 0 0 25px; } @media only screen and (max-width: 736px) { .m_searchFormInner .m_commonTitle04 { margin: 0; } } .m_searchFormInner .formList01, .m_searchFormInner .formList02, .m_searchFormInner .formList03 { margin-bottom: 25px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-item: stretch; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01, .m_searchFormInner .formList02, .m_searchFormInner .formList03 { margin-bottom: 10px; border-bottom: 1px solid #ddd7ca; align-content: space-around; } } .m_searchFormInner .formList01 li, .m_searchFormInner .formList02 li, .m_searchFormInner .formList03 li { display: inline-block; vertical-align: top; margin-bottom: 8px; line-height: 1.4; } .m_searchFormInner .formList01 li label, .m_searchFormInner .formList02 li label, .m_searchFormInner .formList03 li label { cursor: pointer; vertical-align: middle; display: inline-block; box-sizing: border-box; padding-left: 36px; padding-right: 10px; text-indent: -36px; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01 li label, .m_searchFormInner .formList02 li label, .m_searchFormInner .formList03 li label { padding-left: 28px; text-indent: -28px; } } .m_searchFormInner .formList01 li label a, .m_searchFormInner .formList02 li label a, .m_searchFormInner .formList03 li label a { color: #5d5d5f; } .m_searchFormInner .formList01 li label input[type="radio"], .m_searchFormInner .formList02 li label input[type="radio"], .m_searchFormInner .formList03 li label input[type="radio"] { width: 28px; height: 28px; vertical-align: middle; margin-top: -3px; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01 li label input[type="radio"], .m_searchFormInner .formList02 li label input[type="radio"], .m_searchFormInner .formList03 li label input[type="radio"] { width: 20px; height: 20px; } } .m_searchFormInner .formList01 li label input[type="checkbox"], .m_searchFormInner .formList02 li label input[type="checkbox"], .m_searchFormInner .formList03 li label input[type="checkbox"] { width: 28px; height: 28px; vertical-align: middle; margin-top: -1px; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01 li label input[type="checkbox"], .m_searchFormInner .formList02 li label input[type="checkbox"], .m_searchFormInner .formList03 li label input[type="checkbox"] { width: 20px; height: 20px; } } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01 li, .m_searchFormInner .formList02 li, .m_searchFormInner .formList03 li { width: 50%; box-sizing: border-box; margin-bottom: 0; padding: 15px; border-bottom: 1px solid #ddd7ca; } .m_searchFormInner .formList01 li:nth-last-child(1), .m_searchFormInner .formList02 li:nth-last-child(1), .m_searchFormInner .formList03 li:nth-last-child(1) { border: none; } .m_searchFormInner .formList01 li:nth-child(2n - 1), .m_searchFormInner .formList02 li:nth-child(2n - 1), .m_searchFormInner .formList03 li:nth-child(2n - 1) { border-right: 1px solid #ddd7ca; } .m_searchFormInner .formList01 li:nth-child(2n - 1):nth-last-child(2), .m_searchFormInner .formList02 li:nth-child(2n - 1):nth-last-child(2), .m_searchFormInner .formList03 li:nth-child(2n - 1):nth-last-child(2) { border-bottom: 0; } } .m_searchFormInner .formList01 li { width: 20%; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList01 li { width: 50%; } } .m_searchFormInner .formList02 li { width: 33%; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList02 li { width: 50%; } } .m_searchFormInner .formList03 li { width: 25%; } @media only screen and (max-width: 736px) { .m_searchFormInner .formList03 li { width: 50%; } } .m_searchFormInner02 .m_commonTitle03:not(:first-of-type) { margin-top: 15px; } .m_searchFormInner02 .caption { margin-bottom: 20px; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .caption { margin: 10px 0; } } .m_searchFormInner02 .columnWrap01 { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } .m_searchFormInner02 .columnWrap01 .columnList01 { width: 32%; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .columnWrap01 .columnList01 { width: 100%; } } .m_searchFormInner02 .doubleBox { display: table; width: 100%; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .doubleBox { display: block; } } .m_searchFormInner02 .doubleBox .leftBox { width: 49%; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .doubleBox .leftBox { display: block; width: 100%; } } .m_searchFormInner02 .doubleBox .rightBox { padding-left: 2%; width: 49%; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .doubleBox .rightBox { display: block; padding-left: 0; width: 100%; } } .m_searchFormInner02 .allowTableList { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; border-top: 1px solid #ddd7ca; position: relative; z-index: 1; } .m_searchFormInner02 .allowTableList:after { width: 100%; height: 1px; display: block; content: ""; background: #ddd7ca; position: absolute; bottom: 0; left: 0; } .m_searchFormInner02 .allowTableList li { display: block; box-sizing: border-box; border-right: 1px solid #ddd7ca; border-bottom: 1px solid #ddd7ca; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .allowTableList li { width: 20%; } .m_searchFormInner02 .allowTableList li:nth-child(5n) { border-right: 0; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .allowTableList li { width: 50%; } .m_searchFormInner02 .allowTableList li:nth-child(2n) { border-right: 0; } .m_searchFormInner02 .allowTableList li:not(:nth-last-child(n + 3)) { border-bottom: 0; } .m_searchFormInner02 .allowTableList li:nth-child(even):nth-last-child(2) { border-bottom: 1px solid #ddd7ca; } } .m_searchFormInner02 .allowTableList li a { height: 100%; padding: 10px 10px 10px 23px; width: 100%; display: block; text-decoration: none; transition: 0.2s; text-indent: -13px; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .allowTableList li a { text-indent: 0; padding: 10px; padding-right: 20px; position: relative; z-index: 1; } } .m_searchFormInner02 .allowTableList li a:before { width: 6px; height: 11px; display: inline-block; vertical-align: middle; content: ""; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: 6px 11px; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .allowTableList li a:before { margin-right: 7px; margin-top: -2px; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .allowTableList li a:before { width: 8px; height: 16px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); } } .m_searchFormInner02 .allowTableList li a:hover { background: #d9edfa; } .m_searchFormInner02 .allowTableList--column03 li { width: 33.3%; width: calc(100% / 3); } @media only screen and (min-width: 737px) { .m_searchFormInner02 .allowTableList--column03 li:nth-child(3n) { border-right: 0; } .m_searchFormInner02 .allowTableList--column03 li:nth-child(5n) { border-right: 1px solid #ddd7ca; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .allowTableList--column03 li { width: 50%; } } .m_searchFormInner02 .allowTableList--column04 li { width: 25%; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .allowTableList--column04 li:nth-child(4n) { border-right: 0; } .m_searchFormInner02 .allowTableList--column04 li:nth-child(5n) { border-right: 1px solid #ddd7ca; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .allowTableList--column04 li { width: 50%; } } .m_searchFormInner02 .arrowList01 { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .m_searchFormInner02 .arrowList01 li { display: block; box-sizing: border-box; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .arrowList01 li { width: 25%; padding-right: 10px; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList01 li { width: 48%; } .m_searchFormInner02 .arrowList01 li:nth-child(2n) { margin-left: 4%; } .m_searchFormInner02 .arrowList01 li:nth-child(n + 3) { margin-top: 10px; } } .m_searchFormInner02 .arrowList01 li a { padding-left: 13px; display: inline-block; text-indent: -13px; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList01 li a { display: block; } } .m_searchFormInner02 .arrowList01 li a:before { width: 6px; height: 11px; display: inline-block; vertical-align: middle; content: ""; margin-right: 7px; margin-top: -2px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } .m_searchFormInner02 .arrowList02 li { display: block; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList02 li { width: 48%; display: inline-block; vertical-align: top; } .m_searchFormInner02 .arrowList02 li:nth-child(2n) { margin-left: 4%; } .m_searchFormInner02 .arrowList02 li:nth-child(n + 3) { margin-top: 10px; } } .m_searchFormInner02 .arrowList02 li a { padding-left: 13px; display: inline-block; text-indent: -13px; } .m_searchFormInner02 .arrowList02 li a:before { width: 6px; height: 11px; display: inline-block; vertical-align: middle; content: ""; margin-right: 7px; margin-top: -2px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList03 { border: 1px solid #ddd7ca; border-top: 0; border-radius: 0 0 8px 8px; } } .m_searchFormInner02 .arrowList03 li { display: inline-block; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .arrowList03 li { margin-right: 15px; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList03 li { width: 100%; display: block; } .m_searchFormInner02 .arrowList03 li span { display: block; padding: 10px; } .m_searchFormInner02 .arrowList03 li:not(:first-of-type) { border-top: 1px solid #ddd7ca; } } .m_searchFormInner02 .arrowList03 li a { padding-left: 11px; display: inline-block; text-indent: -11px; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList03 li a { text-indent: 0; display: block; padding: 0; position: relative; z-index: 1; text-decoration: none; } } .m_searchFormInner02 .arrowList03 li a:before { width: 6px; height: 11px; display: inline-block; vertical-align: middle; content: ""; margin-right: 5px; margin-top: -2px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .arrowList03 li a:before { margin: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } } .m_searchFormInner02 .btnList01 { display: flex; flex-wrap: wrap; } .m_searchFormInner02 .btnList01 li { display: inline-block; width: 110px; margin-right: 10px; margin-bottom: 10px; } .m_searchFormInner02 .btnList01 li:nth-child(4n) { margin-right: 0; } @media only screen and (max-width: 736px) { .m_searchFormInner02 .btnList01 li { width: 50%; margin-right: 0; margin-bottom: 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .m_searchFormInner02 .btnList01 li:nth-child(2n) { border-right: 0; } .m_searchFormInner02 .btnList01 li:not(:nth-last-child(n + 3)) { border-bottom: 0; } .m_searchFormInner02 .btnList01 li:nth-child(even):nth-last-child(2) { border-bottom: 1px solid #fff; } } .m_searchFormInner02 .btnList01 li a { vertical-align: top; color: #fff; background: #005084; border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; width: 100%; box-sizing: border-box; font-weight: normal; text-decoration: none; cursor: pointer; display: block; } .m_searchFormInner02 .btnList01 li a::-webkit-search-decoration { display: none; } .m_searchFormInner02 .btnList01 li a::focus { outline-offset: -2px; } @media only screen and (min-width: 737px) { .m_searchFormInner02 .btnList01 li a { border-radius: 10em; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); text-align: center; transition: 1s; position: relative; overflow: hidden; z-index: 1; padding: 6px 10px 6px; font-size: 1.6rem; } .m_searchFormInner02 .btnList01 li a:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #4cafff; opacity: 0.2; transition: 0; } .m_searchFormInner02 .btnList01 li a:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 200px; height: 200px; border-radius: 100%; background: #49b1ff; opacity: 0; transition: 1s; } .m_searchFormInner02 .btnList01 li a:active { background: #007dda; } } @media only screen and (max-width: 736px) { .m_searchFormInner02 .btnList01 li a { padding: 10px; padding-right: 20px; position: relative; z-index: 1; } .m_searchFormInner02 .btnList01 li a:before { width: 8px; height: 16px; display: inline-block; content: ""; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: contain; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 736px) { .noConditions { text-align: center; margin-bottom: 15px; } } .m_commonDoublebtnArea.m_jobSearchBtnArea01 { display: block; } @media only screen and (min-width: 737px) { .m_commonDoublebtnArea.m_jobSearchBtnArea01 .m__btn01--std { width: 400px; } } .mapCanvasSearch { position: relative; z-index: 1; } .mapCanvasSearch h2.m_commonTitle06 { display: inline-block; } .mapCanvasSearch h2.m_commonTitle06 .resultNum { padding-left: 50px; } @media only screen and (max-width: 736px) { .mapCanvasSearch h2.m_commonTitle06 .resultNum { padding-left: 20px; } } .mapCanvasSearch h2.m_commonTitle06 .resultNum small { color: #856652; font-size: 3.2rem; vertical-align: baseline; } @media only screen and (max-width: 736px) { .mapCanvasSearch h2.m_commonTitle06 .resultNum small { font-size: 1.8rem; } } .mapCanvasSearch h2.m_commonTitle06 .resultNum span { color: icoGreen01; vertical-align: baseline; font-size: 4.8rem; } @media only screen and (max-width: 736px) { .mapCanvasSearch h2.m_commonTitle06 .resultNum span { font-size: 2.4rem; } } .mapCanvasSearch .mapSearchConditionBtn { padding: 5px 30px; vertical-align: baseline; display: inline-block; } @media only screen and (min-width: 737px) { .mapCanvasSearch .mapSearchConditionBtn { margin-left: 30px; } } @media only screen and (max-width: 736px) { .mapCanvasSearch .mapSearchConditionBtn { margin-top: 20px; width: 100%; } } @media only screen and (min-width: 737px) { .spMapSearchTabList { display: none; } } @media only screen and (max-width: 736px) { .spMapSearchTabList { display: flex; justify-content: space-between; position: relative; bottom: -1px; } .spMapSearchTabList li { text-align: center; background: #005084; border-radius: 8px 8px 0 0; color: #fff; width: 32%; padding: 10px 0 0; } .spMapSearchTabList li.current { background-color: #fff; color: #5d5d5f; } .spMapSearchTabList li.address::before { content: ""; display: block; margin: 0 auto; vertical-align: baseline; width: 14px; height: 14px; background: url(/saiyo/resources/images/saiyo/common/icon_post_white.svg) left top no-repeat; background-size: 14px 14px; } .spMapSearchTabList li.address.current::before { background-image: url(/saiyo/resources/images/saiyo/common/icon_post.svg); } .spMapSearchTabList li.station::before { content: ""; display: block; margin: 0 auto; vertical-align: baseline; width: 15px; height: 14px; background: url(/saiyo/resources/images/saiyo/common/icon_station_white.svg) left top no-repeat; background-size: 15px 14px; } .spMapSearchTabList li.station.current::before { background-image: url(/saiyo/resources/images/saiyo/common/ico_train01.svg); } .spMapSearchTabList li.area::before { content: ""; display: block; margin: 0 auto; vertical-align: -3px; width: 13px; height: 17px; background: url(/saiyo/resources/images/saiyo/common/icon_spot_white.svg) left top no-repeat; background-size: 13px 17px; } .spMapSearchTabList li.area.current::before { background-image: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg); } } @media only screen and (max-width: 736px) { .m_searchMapWrapper { position: relative; z-index: 101; } } .m_searchMapArea01 { width: 100%; height: 600px; display: block; } .m_searchMapArea01 .inner { display: block; background: #fff; height: 100%; } .m_searchMapArea01 .inner .map-container { width: 100%; height: 100%; } .m_searchMapArea01 .inner .map-canvas-container { position: relative; width: 100%; height: 100%; } .m_searchMapArea01 .inner .map-canvas { width: 100%; height: 100%; } .m_searchMapArea01 .inner .map-info-box { display: block; position: absolute; top: 40px; right: 50px; z-index: 1001; width: 320px; background-color: #fff; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); border-radius: 18px; } @media only screen and (max-width: 736px) { .m_searchMapArea01 .inner .map-info-box { position: fixed; top: auto; bottom: 0; right: 50%; width: 100%; height: 100%; transform: translateX(50%); background: rgba(0,0,0,0.3); border-radius: 0; box-shadow: none; } } .m_searchMapArea01 .inner .map-info-box__inner { height: 100%; border-radius: 18px; overflow: hidden; } @media only screen and (max-width: 736px) { .m_searchMapArea01 .inner .map-info-box__inner { border-radius: 0; overflow-y: scroll; margin: 60px auto 10px auto; width: 96%; height: 88%; height: calc(100% - 70px); background: #fff; } } .m_searchMapArea01 .inner .map-info-box__intInner { display: block; } .m_searchMapArea01 .inner .map-info-box__intInner .imgBox { position: relative; width: 100%; overflow: hidden; } .m_searchMapArea01 .inner .map-info-box__intInner .imgBox img { display: block; margin: 15px auto 0px auto; width: 80%; } .m_searchMapArea01 .inner .map-info-box__intInner .textArea { padding: 0px 20px 10px; box-sizing: border-box; } .m_searchMapArea01 .inner .map-info-box__facility-name { margin: 10px 0; padding-left: 8px; text-align: left; border-left: 6px solid #30b974; font-size: 1.8rem; box-sizing: border-box; } .m_searchMapArea01 .inner .map-info-box__recruitments { padding: 5px 0; width: 100%; overflow: hidden; } .m_searchMapArea01 .inner .map-info-box__recruitment-list { height: 170px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #eee; padding: 5px; box-sizing: border-box; } .m_searchMapArea01 .inner .map-info-box__recruitment-header { font-size: 1.6rem; padding: 10px 0 5px; font-weight: bold; } .m_searchMapArea01 .inner .map-info-box__no-recruitment { font-size: 1.6rem; padding: 10px 0 5px; font-weight: bold; text-align: center; margin-top: 20px; } .m_searchMapArea01 .inner .map-info-box__btn--close { position: absolute; top: -28px; right: -28px; cursor: pointer; width: 56px; height: 56px; border-radius: 28px; background: #5d5d5f; } @media only screen and (max-width: 736px) { .m_searchMapArea01 .inner .map-info-box__btn--close { position: absolute; top: 0%; right: auto; cursor: pointer; width: 100vw; height: 60px; border-radius: 0; background: #30b974; } } .m_searchMapArea01 .inner .map-info-box__btn--close:before { content: ""; width: 30px; height: 2px; background: #fff; display: block; position: absolute; left: 28px; top: 28px; margin-left: -15px; margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m_searchMapArea01 .inner .map-info-box__btn--close:after { content: ""; width: 30px; height: 2px; background: #fff; display: block; position: absolute; left: 28px; top: 28px; margin-left: -15px; margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (max-width: 736px) { .m_searchMapArea01 .inner .map-info-box__btn--close::before { display: none; } .m_searchMapArea01 .inner .map-info-box__btn--close::after { content: "閉じる"; font-size: 1.6rem; width: auto; height: auto; background: none; color: #fff; display: inline-block; position: absolute; left: 50%; top: 50%; margin: 0; transform: rotate(0deg); transform: translate(-50%, -50%); background: url(/saiyo/resources/images/saiyo/common/icon_close_white.svg) left 5px no-repeat; background-size: 15px 15px; padding-left: 20px; box-sizing: border-box; } } .m_searchMapArea01 .inner .map-info-box__btn--close:hover { opacity: 0.8; } @media only screen and (max-width: 736px) { .m_searchMapArea01 { height: 370px; padding: 0 20px; } } .js_searchSpAccordion { position: relative; z-index: 1; } @media only screen and (max-width: 736px) { .js_searchSpAccordion span:before { content: ""; width: 20px; height: 2px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%) rotate(90deg); background: #005084; transition: 0.4s; } .js_searchSpAccordion span:after { content: ""; width: 20px; height: 2px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); background: #005084; } } @media only screen and (max-width: 736px) { .js_searchSpAccordion.on span:before { content: ""; width: 20px; height: 2px; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%) rotate(0deg); background: #005084; } } @media only screen and (max-width: 736px) { .js_searchSpAccordionInner { display: none; } } .m__btn01 { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; padding: 20px; border-radius: 10em; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); font-size: 1.8rem; font-weight: normal; color: #fff; text-align: center; text-decoration: none; cursor: pointer; transition: 1s; vertical-align: top; } .m__btn01::-webkit-search-decoration { display: none; } .m__btn01::focus { outline-offset: -2px; } .m__btn01:hover { text-decoration: none; } .m__btn01--std { color: #fff; background: #005084; position: relative; overflow: hidden; z-index: 1; } .m__btn01--std:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #4cafff; opacity: 0.2; transition: 0; } .m__btn01--std:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 500px; height: 500px; border-radius: 100%; background: #49b1ff; opacity: 0; transition: 1s; } .m__btn01--std:active { background: #007dda; } .m__btn01--green { color: #fff; background: #f3982d; position: relative; overflow: hidden; z-index: 1; } .m__btn01--green:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #ffcd87; opacity: 0.2; transition: 0; } .m__btn01--green:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 500px; height: 500px; border-radius: 100%; background: #ffcd8c; opacity: 0; transition: 1s; } .m__btn01--green:active { background: #ffae47; } .m__btn01--szL { display: inline-block; height: 60px; line-height: 60px; padding: 0px 120px; } @media only screen and (max-width: 736px) { .m__btn01--szL { font-size: 1.6rem; height: 40px; line-height: 40px; padding: 0px 10px; width: 100%; } } .m__btn01--szS { display: inline-block; height: 40px; line-height: 40px; padding: 0px 30px; font-size: 1.6rem; } @media only screen and (max-width: 736px) { .m__btn01--szS { font-size: 1.6rem; height: 40px; line-height: 40px; padding: 0px 30px; width: 100%; } } .m__btn01.btnMapSearchDetail { display: block; margin-top: 10px; } @media only screen and (min-width: 737px) { .m__btn01--grow0 { flex-grow: 0; padding-left: 120px; padding-right: 120px; margin: 0 auto; font-size: 2.4rem; height: 80px; line-height: 80px; } } .m_rightBtnWrap { position: relative; z-index: 1; } .m_rightBtnWrap .m__btn01 { position: absolute; z-index: 2; right: 0; bottom: 20px; } .m_commonDoublebtnArea { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; } .m_commonDoublebtnArea--block { display: block; } .m_commonDoublebtnArea--mt01 { margin-top: 60px; } @media only screen and (max-width: 736px) { .m_commonDoublebtnArea--mt01 { margin-top: 40px; } } .m_commonDoublebtnArea--mt02 { margin-top: 40px; } @media only screen and (max-width: 736px) { .m_commonDoublebtnArea--mt02 { margin-top: 20px; } } .m_commonDoublebtnArea--mt03 { margin-top: 30px; } @media only screen and (max-width: 736px) { .m_commonDoublebtnArea--mt03 { margin-top: 20px; } } @media only screen and (min-width: 737px) { .m_commonDoublebtnArea .m__btn01 { flex-grow: 1; } .m_commonDoublebtnArea .m__btn01:nth-child(2n) { margin-left: 30px; } .m_commonDoublebtnArea .m__btn01--szL { padding: 0; text-align: center; } } @media only screen and (max-width: 736px) { .m_commonDoublebtnArea .m__btn01:nth-child(n + 2) { margin-top: 10px; } } .m_topHeroImage { overflow: hidden; } .m_topHeroImage .slideArea { display: block; position: relative; z-index: 1; } @media only screen and (min-width: 737px) { .m_topHeroImage .slideArea { width: 2820px; left: 50%; margin-left: -1410px; } } .m_topHeroImage .swiper { width: 940px; height: 540px; overflow: visible; } .m_topHeroImage .swiper .swiper-slide img { max-width: 100%; } @media only screen and (max-width: 736px) { .m_topHeroImage .swiper { width: 100%; height: auto; } } .m_topHeroImage .swiper .swiper-button-prev, .m_topHeroImage .swiper .swiper-button-next { display: block; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; width: 40px; height: 40px; text-indent: -9999px; border-radius: 20px; } .m_topHeroImage .swiper .swiper-button-prev { left: 50%; margin-left: -490px; width: 40px; height: 40px; background: url(/saiyo/resources/images/saiyo/top/ico_slider_left.svg) left top no-repeat; } .m_topHeroImage .swiper .swiper-button-prev:hover { background: url(/saiyo/resources/images/saiyo/top/ico_slider_left.svg) #fff left top no-repeat; } .m_topHeroImage .swiper .swiper-button-next { right: 50%; margin-right: -490px; background: url(/saiyo/resources/images/saiyo/top/ico_slider_right.svg) left top no-repeat; } .m_topHeroImage .swiper .swiper-button-next:hover { background: url(/saiyo/resources/images/saiyo/top/ico_slider_right.svg) #fff left top no-repeat; } @media only screen and (min-width: 737px) { .m_topHeroImage .swiper .swiper-pagination { position: absolute; bottom: 30px; left: auto; right: 30px; width: auto; } } @media only screen and (max-width: 736px) { .m_topHeroImage .swiper .swiper-pagination { position: static; line-height: 1; padding-top: 10px; } } .m_topHeroImage .swiper .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 50%; opacity: 1; background: #fff; margin: 0 5px; } @media only screen and (min-width: 737px) { .m_topHeroImage .swiper .swiper-pagination .swiper-pagination-bullet { box-shadow: 0 0 3px rgba(137,137,137,0.7) inset; } } @media only screen and (max-width: 736px) { .m_topHeroImage .swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #005084; } } .m_topHeroImage .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #005084; box-shadow: none; } .m_newGraduateTop { min-width: 1040px; } @media only screen and (max-width: 736px) { .m_newGraduateTop { min-width: 100%; } } .m_newGraduateTop h1 img { width: 100%; } .m_newGraduateTop h1 img.mvSp { display: none; } @media only screen and (max-width: 736px) { .m_newGraduateTop h1 img.mvSp { display: block; } } @media only screen and (max-width: 736px) { .m_newGraduateTop h1 img.mvPc { display: none; } } .l_commonWrap01.mvLogo .l_commonInner01 { position: relative; max-width: 1000px; } .l_commonWrap01.mvLogo .l_commonInner01 img { position: absolute; right: 0; bottom: 30px; z-index: 2; } @media only screen and (max-width: 736px) { .l_commonWrap01.mvLogo .l_commonInner01 img { width: 150px; height: auto; right: 10px; bottom: 10px; } } .l_saiyoTop .m_jobResultConditionsBox { position: relative; z-index: 1; padding-bottom: 0; } .l_saiyoTop .m_jobResultConditionsBox .topIntInner { background: #fff; border-radius: 16px; } @media only screen and (min-width: 737px) { .l_saiyoTop .m_jobResultConditionsBox .topIntInner { padding: 30px 30px 40px; } .l_saiyoTop .m_jobResultConditionsBox .topIntInner .m_commonTitle02 { margin-bottom: 0; } } @media only screen and (max-width: 736px) { .l_saiyoTop .m_jobResultConditionsBox .topIntInner { border-radius: 9px; padding: 20px 10px; } } @media only screen and (max-width: 736px) { .l_saiyoTop .m_jobResultConditionsBox .pdfLink { display: block; } } @media only screen and (min-width: 737px) { .l_saiyoTop .m_jobResultConditionsBox .pdfLink .customLinkPdf { position: absolute; right: 30px; top: 80px; z-index: 2; } } .l_saiyoTop .m_jobResultConditionsBox .spMapSearchTabList li { line-height: 1.3; font-size: 1.6rem; border: 1px solid #d1cfc0; border-bottom-color: #fff; } .l_saiyoTop .m_jobResultConditionsBox .spMapSearchTabList li.current { color: #005084; } .l_saiyoTop .m_jobResultConditionsBox .spMapSearchTabList li:not(.current) { position: relative; z-index: 1; border-bottom-color: #d1cfc0; } .l_saiyoTop .m_jobResultConditionsBox .spMapSearchTabList li:not(.current):after { position: absolute; z-index: 2; content: ""; bottom: 0; left: 0; width: 100%; height: 10px; display: block; background: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,0.1) 100%); } @media only screen and (min-width: 737px) { .l_saiyoTop .m_jobResultConditionsBox .new_user_recruit_map_address_form ul { padding: 20px 0 0; } } @media only screen and (max-width: 736px) { .l_saiyoTop .m_jobResultConditionsBox .new_user_recruit_map_address_form { border-top: 1px solid #d1cfc0; } .l_saiyoTop .m_jobResultConditionsBox .new_user_recruit_map_address_form ul { padding: 20px 0; } } .m_allowLinkRight { position: relative; z-index: 1; } .m_allowLinkRight .m_arrowLink { position: absolute; z-index: 2; right: 0; bottom: 20px; } .m_top_bgBelt01:before { display: block; width: 100%; height: 250px; content: ""; background: url(/saiyo/resources/images/saiyo/top/img_top_belt01.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_top_bgBelt01:before { height: auto; padding-bottom: 31%; } } .m_top_bgBelt01 .l_commonInner01 { padding-top: 40px; } @media only screen and (max-width: 736px) { .m_top_bgBelt01 .l_commonInner01 { padding-top: 20px; } } .m_commonAlertBox { background: #fee9e7; padding: 30px; margin-top: 30px; color: #fe7d71; } @media only screen and (max-width: 736px) { .m_commonAlertBox { padding: 10px; margin-top: 10px; } } .m_commonAlertBox .alertText { padding-left: 30px; background: url(/saiyo/resources/images/saiyo/common/ico_alert01.svg) left 5px no-repeat; background-size: 20px auto; } @media only screen and (min-width: 737px) { .m_commonAlertBox .alertText { font-size: 1.8rem; } } @media only screen and (max-width: 736px) { .m_commonAlertBox .alertText { background: url(/saiyo/resources/images/saiyo/common/ico_alert01.svg) left 3px no-repeat; } } .m_threeColumnCard { width: 100%; font-size: 0; letter-spacing: -0.4em; display: flex; flex-flow: row wrap; justify-content: space-between; align-item: stretch; } .m_threeColumnCard .card { display: block; letter-spacing: normal; vertical-align: top; width: 293px; box-sizing: border-box; background: #fff; margin-top: 30px; box-shadow: 2px 5px 8px 0 rgba(0,0,0,0.1); border-radius: 18px; transition: 0.4s; } .m_threeColumnCard .card:hover { box-shadow: 14px 14px 30px 0 rgba(0,0,0,0.08); transform: translate(-6px, -6px); } .m_threeColumnCard .card +mediaSp:hover { box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1); transform: translate(0px, 0px); opacity: 0.6; } @media only screen and (min-width: 737px) { .m_threeColumnCard .card { min-height: 324px; } .m_threeColumnCard .card:not(:nth-child(3n)) { margin-right: 30px; } } @media only screen and (max-width: 736px) { .m_threeColumnCard .card { display: table; width: 100%; margin-top: 15px; } .m_threeColumnCard .card:first-child { margin-top: 20px; } } .m_threeColumnCard .card a { padding: 15px; display: block; width: 100%; height: 100%; text-decoration: none; box-sizing: border-box; } .m_threeColumnCard .card a:hover { text-decoration: none; } @media only screen and (max-width: 736px) { .m_threeColumnCard .card a { padding: 10px; position: relative; padding-right: 30px; } .m_threeColumnCard .card a:before { content: ""; width: 9px; height: 16px; display: block; position: absolute; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .m_threeColumnCard .card .imgBox { width: 100%; } .m_threeColumnCard .card .imgBox img { width: 100%; } @media only screen and (max-width: 736px) { .m_threeColumnCard .card .imgBox { width: 35%; display: table-cell; vertical-align: middle; } } .m_threeColumnCard .card .textBox { width: 100%; display: block; } @media only screen and (max-width: 736px) { .m_threeColumnCard .card .textBox { box-sizing: border-box; padding-left: 15px; display: table-cell; width: 65%; vertical-align: middle; } } .m_threeColumnCard .card .textBox .cardTitle { font-size: 2.4rem; font-weight: normal; color: #005084; margin-top: 10px; } @media only screen and (max-width: 736px) { .m_threeColumnCard .card .textBox .cardTitle { font-size: 1.8rem; margin-top: 0; } } .m_threeColumnCard .card .textBox .cardText { margin-top: 10px; font-size: 1.6rem; color: #5d5d5f; } @media only screen and (max-width: 736px) { .m_threeColumnCard .card .textBox .cardText { margin-top: 5px; font-size: 1.4rem; } } .m_imageLinkColumn { display: block; box-sizing: border-box; font-size: 0; letter-spacing: -0.4em; text-align: center; } .m_imageLinkColumn--mt01 { margin-top: 30px; } @media only screen and (max-width: 736px) { .m_imageLinkColumn--mt01 { margin-top: 20px; } } .m_imageLinkColumn li { font-size: 2.4rem; letter-spacing: normal; font-weight: bold; margin: 30px 30px 0px 0px; display: inline-block; overflow: hidden; box-shadow: 2px 5px 8px 0 rgba(0,0,0,0.1); border-radius: 18px; transition: 0.4s; } .m_imageLinkColumn li:hover { box-shadow: 14px 14px 30px 0 rgba(0,0,0,0.08); transform: translate(-6px, -6px); } .m_imageLinkColumn li +mediaSp:hover { box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1); transform: translate(0px, 0px); opacity: 0.6; } @media only screen and (max-width: 736px) { .m_imageLinkColumn li { width: 100% !important; display: block; margin: 20px 0px 0px 0px; height: 100px !important; font-size: 2rem; border-radius: 4px; } .m_imageLinkColumn li a span br { display: none; } } .m_imageLinkColumn li a { border-radius: 18px; position: relative; text-shadow: 0 0 10px rgba(0,0,0,0.3); color: #fff; display: block; width: 100%; height: 100%; background-color: rgba(70,70,78,0.3); -webkit-transition: 0.4s; text-decoration: none; transition: 0.4s; } @media only screen and (max-width: 736px) { .m_imageLinkColumn li a { border-radius: 4px; } } .m_imageLinkColumn li a:hover { text-decoration: none; background-color: rgba(70,70,78,0.5); text-shadow: 0 0 10px rgba(0,0,0,0.7); } .m_imageLinkColumn li a span { position: absolute; text-align: left; bottom: 10px; left: 20px; text-shadow: 0 0 10px #000; } .m_imageLinkColumn--1 li { height: 160px; margin: 0px; width: 100%; } .m_imageLinkColumn--2 li { height: 160px; width: 48%; width: calc(100% / 2 - 15px); } .m_imageLinkColumn--2 li:nth-child(2n) { margin-right: 0px; } .m_imageLinkColumn--3 li { height: 207px; width: 31%; width: calc(100% / 3 - 20px); } .m_imageLinkColumn--3 li:nth-child(3n) { margin-right: 0px; } .m_imageLinkColumn li.image--daihyo { background: url(/saiyo/resources/images/saiyo/top/image_link_column_daihyo.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--idea { background: url(/saiyo/resources/images/saiyo/top/image_link_column_idea.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--salary { background: url(/saiyo/resources/images/saiyo/top/image_link_column_salary.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--career { background: url(/saiyo/resources/images/saiyo/top/image_link_column_career.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--support { background: url(/saiyo/resources/images/saiyo/top/image_link_column_support.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--welfare { background: url(/saiyo/resources/images/saiyo/top/image_link_column_welfare.jpg) center center no-repeat; background-size: cover; } .m_imageLinkColumn li.image--companyhouse { background: url(/saiyo/resources/images/saiyo/top/image_link_column_companyhouse.jpg) center center no-repeat; background-size: cover; } .m_visualLinkRwd .image { overflow: hidden; position: relative; width: 100%; z-index: 0; } .m_visualLinkRwd .image:before { background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; display: block; height: 100%; position: absolute; transition: all 1s ease-out; width: 100%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image:before { padding-bottom: 20px; } } .m_visualLinkRwd .image:hover:before { transform: scale(1.1); } .m_visualLinkRwd .image.image--interviewtop01:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop01.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop01:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop02:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop02.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop02:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop03:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop03.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop03:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop04:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop04.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop04:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop01-b:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop01-b.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop01-b:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop12:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop12.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop12:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop13:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop13.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop13:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop14:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop14.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop14:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop16:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop16.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop16:before { background-position: left center; } } .m_visualLinkRwd .image.image--interviewtop17:before { background-image: url(/saiyo/resources/images/saiyo/top/img_interviewtop17.jpg); } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--interviewtop17:before { background-position: left center; } } .m_visualLinkRwd .image a { background-color: rgba(70,70,78,0.3); display: block; position: relative; -webkit-transition: 1s; text-decoration: none; transition: 1s; width: 100%; z-index: 1; color: #fff; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image a { background-color: rgba(70,70,78,0.5); } } .m_visualLinkRwd .image a .textArea .linkDetail { font-weight: bold; } .m_visualLinkRwd .image a .textArea .linkDetail span { font-size: 2.4rem; display: block; } .m_visualLinkRwd .image a .textArea .linkDetail span.place { font-size: 1.6rem; margin-bottom: 5px; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image a .textArea .linkDetail { width: 100%; box-sizing: border-box; font-size: 2rem; border: 2px solid #fff; padding: 10px; margin-top: 10px; } .m_visualLinkRwd .image a .textArea .linkDetail::before { display: none; } .m_visualLinkRwd .image a .textArea .linkDetail span { font-size: 2rem; } .m_visualLinkRwd .image a .textArea .linkDetail span.place { font-size: 1.4rem; } } .m_visualLinkRwd .image a:hover { background-color: rgba(70,70,78,0.5); text-decoration: none; } .m_visualLinkRwd .image a:hover .inner .textArea p:after { background-color: #0068b5; } .m_visualLinkRwd .inner { display: table; text-align: left; } .m_visualLinkRwd .inner:before { content: ""; display: table-cell; vertical-align: middle; height: 300px; width: 55%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .inner { display: block; padding-bottom: 20px; } .m_visualLinkRwd .inner:before { content: none; } } .m_visualLinkRwd .inner .textArea { display: table-cell; vertical-align: middle; font-weight: 100; line-height: 1.4; color: #fff; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .inner .textArea { display: block; padding-top: 80px; } } .m_visualLinkRwd .inner .textArea .linkTtl { font-size: 2.6rem; font-weight: 100; margin-bottom: 20px; text-shadow: 0 0 10px #000; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .inner .textArea .linkTtl { font-size: 2rem; font-weight: bold; padding-left: 30px; text-indent: -30px; } .m_visualLinkRwd .inner .textArea .linkTtl:before { background: #005084 url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: 6px 11px; border-radius: 1em; content: ""; display: inline-block; height: 25px; margin-right: 5px; vertical-align: middle; width: 25px; } } .m_visualLinkRwd .inner .textArea .linkDetail { font-weight: bold; font-size: 1.8rem; display: table-cell; width: 340px; vertical-align: middle; box-sizing: border-box; border: 3px solid #fff; padding: 30px 15px; position: relative; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .inner .textArea .linkDetail { min-height: 0; border: #fff 2px solid; font-size: 1.4rem; margin-top: 10px; padding: 10px; width: auto; height: auto; display: block; } } .m_visualLinkRwd .inner .textArea .linkDetail:after { content: ""; position: absolute; top: -3px; right: -113px; width: 110px; height: 100%; padding: 3px 0; display: block; background: #005084 url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: 28px auto; border-radius: 0 125px 125px 0; transition: 0.4s; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .inner .textArea .linkDetail:after { content: none; } } .m_visualLinkRwd--2column { overflow: hidden; } .m_visualLinkRwd--2column .image { width: 50%; float: left; } @media only screen and (max-width: 736px) { .m_visualLinkRwd--2column .image { width: 100%; float: none; } } .m_visualLinkRwd--2column .image .inner { width: 100%; } .m_visualLinkRwd--2column .image .inner:before { width: 0; height: 300px; } .m_visualLinkRwd--2column .image .inner .textArea { vertical-align: bottom; padding: 20px 30px; } @media only screen and (max-width: 736px) { .m_visualLinkRwd--2column .image .inner .textArea { padding: 100px 10px 0; } } .m_visualLinkRwd--2column .image .inner .linkDetail { height: auto; width: 350px; padding: 14px 20px; font-weight: normal; font-size: 2.4rem; color: #fff; } .m_visualLinkRwd--2column .image .inner .linkDetail:after { top: -3px; right: -63px; width: 60px; height: 100%; padding: 3px 0; display: block; background: #005084 url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: 20px auto; border-radius: 0 66px 66px 0; transition: 0.4s; } @media only screen and (max-width: 736px) { .m_visualLinkRwd--2column .image .inner .linkDetail:after { content: none; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd--2column .image .inner .linkDetail { border: 0; vertical-align: middle; margin: 0; padding: 10px; padding-bottom: 0; font-size: 1.8rem; } .m_visualLinkRwd--2column .image .inner .linkDetail span { display: inline-block; vertical-align: middle; font-size: 2rem; } .m_visualLinkRwd--2column .image .inner .linkDetail:before { display: inline-block; content: ""; width: 32px; height: 32px; box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1); margin-right: 5px; margin-top: -5px; display: inline-block; background: #005084 url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: 8px auto; border-radius: 30px; vertical-align: middle; } } @media only screen and (max-width: 736px) and (max-width: 736px) { .m_visualLinkRwd--2column .image .inner .linkDetail:before { width: 25px; height: 25px; } } .m_visualLinkRwd--2column .image a:hover .inner .textArea p:after { background-size: 20px auto; } .m_visualLinkRwd.topInterview .image a .textArea .linkDetail { padding: 18px 20px; } .m_visualLinkRwd.topInterview .image a .textArea .linkDetail span { font-size: 1.7rem; } @media only screen and (max-width: 736px) { .m_visualLinkRwd.topInterview .image a .textArea .linkDetail { border: 0; padding: 0; } .m_visualLinkRwd.topInterview .image a .textArea .linkDetail span { font-weight: normal; display: inline-block; vertical-align: middle; margin-top: -3px; width: 250px; width: calc(100% - 27px); } .m_visualLinkRwd.topInterview .image a .textArea .linkDetail::before { content: ""; background: #005084 url(/saiyo/resources/images/saiyo/arrow/arrow_right_white01.svg) center center no-repeat; background-size: 5px auto; border-radius: 1em; display: inline-block; height: 22px; margin-right: 5px; vertical-align: middle; width: 22px; } } .m__cubeLinkList { box-sizing: border-box; margin-top: 30px; background: #fff; width: 100%; border: 1px solid #ddd7ca; overflow: hidden; display: flex; flex-flow: row wrap; justify-content: space-between; align-item: stretch; } @media only screen and (max-width: 736px) { .m__cubeLinkList { border-radius: 8px; margin-top: 20px; } } .m__cubeLinkList .item { text-align: center; font-size: 1.5rem; line-height: 1.4; display: inline-block; width: 20%; box-sizing: border-box; vertical-align: top; } @media only screen and (max-width: 736px) { .m__cubeLinkList .item { width: 100%; display: block; height: auto; } .m__cubeLinkList .item.blank { display: none; } .m__cubeLinkList .item:not(:first-child) { border-top: 1px solid #ddd7ca; } .m__cubeLinkList .item a { padding: 5px 10px; } } @media only screen and (min-width: 737px) { .m__cubeLinkList .item:nth-child(n+6) { border-top: 1px solid #ddd7ca; } .m__cubeLinkList .item:not(:nth-child(5n)) { border-right: 1px solid #ddd7ca; } } .m__cubeLinkList .item a { width: 100%; padding: 10px; box-sizing: border-box; text-decoration: underline; } .m__cubeLinkList .item a:hover { text-decoration: none; background: #d9edfa; } @media only screen and (min-width: 737px) { .m__cubeLinkList .item a { min-height: 180px; display: flex; flex-direction: column; justify-content: center; } } @media only screen and (max-width: 736px) { .m__cubeLinkList .item a { display: table; text-decoration: none; } } .m__cubeLinkList .item a .imgBox { width: 100%; min-height: 115px; position: relative; } @media only screen and (max-width: 736px) { .m__cubeLinkList .item a .imgBox { display: table-cell; width: 15%; height: auto; vertical-align: middle; } .m__cubeLinkList .item a .imgBox img { height: 40px; } } @media only screen and (min-width: 737px) { .m__cubeLinkList .item a .imgBox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .m__cubeLinkList .item a .textLink { display: block; width: 100%; position: relative; } .m__cubeLinkList .item a .textLink.mt { margin-top: 1.4em; } .m__cubeLinkList .item a .textLink:before { display: inline-block; vertical-align: middle; content: ""; width: 7px; height: 16px; margin-right: 5px; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) left center no-repeat; background-size: 7px auto; } @media only screen and (max-width: 736px) { .m__cubeLinkList .item a .textLink { text-align: left; font-size: 1.6rem; text-decoration: none; width: 85%; padding-left: 10px; padding-right: 15px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .m__cubeLinkList .item a .textLink:before { position: absolute; right: 0px; top: 50%; margin-top: 0; transform: translateY(-50%); } } .m_pickUpPlace { width: 100%; overflow: hidden; display: flex; flex-flow: row wrap; justify-content: space-between; align-item: stretch; } .m_pickUpPlace .card { width: 455px; float: left; border: 1px solid #ddd7ca; border-top: 4px solid #dbe000; background-color: #fff; padding: 15px; margin-top: 30px; box-sizing: border-box; } @media only screen and (min-width: 737px) { .m_pickUpPlace .card:nth-child(2n) { margin-left: 30px; } } @media only screen and (max-width: 736px) { .m_pickUpPlace .card { width: 100%; border: 0; border-top: 4px solid #dbe000; margin-top: 20px; padding: 10px; } } .m_pickUpPlace .card .m_commonTitle04 { line-height: 1.4; font-weight: bold; margin-top: 0; padding-bottom: 15px; display: flex; flex-direction: column; justify-content: center; } @media only screen and (min-width: 737px) { .m_pickUpPlace .card .m_commonTitle04 { min-height: 81px; } } .m_pickUpPlace .card .m_commonTitle04 a { color: #5d5d5f; text-decoration: none; } .m_pickUpPlace .card .m_commonTitle04 a:hover { text-decoration: underline; } .m_pickUpPlace .card .inner01 { margin-top: 15px; width: 100%; display: table; } .m_pickUpPlace .card .inner01 .imgArea { width: 50%; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_pickUpPlace .card .inner01 .imgArea { width: 40%; } } .m_pickUpPlace .card .inner01 .imgArea img { width: 100%; } .m_pickUpPlace .card .inner01 .txtArea { display: table-cell; vertical-align: top; width: 50%; box-sizing: border-box; padding-left: 15px; } @media only screen and (max-width: 736px) { .m_pickUpPlace .card .inner01 .txtArea { width: 60%; } } .m_pickUpPlace .card .inner01 .txtArea ul li { vertical-align: top; display: block; font-size: 1.6rem; line-height: 1.6; } .m_pickUpPlace .card .inner01 .txtArea ul li.spot { padding-left: 25px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) left 3px no-repeat; } .m_pickUpPlace .card .inner01 .txtArea ul li.station { padding-left: 25px; background: url(/saiyo/resources/images/saiyo/common/ico_train01.svg) left 5px no-repeat; } @media only screen and (max-width: 736px) { .m_pickUpPlace .card .inner01 .txtArea .m_commonDoublebtnArea { justify-content: flex-end; } } .m_pickUpPlace .card .inner01 .txtArea .m__btn01 { margin-top: 10px; box-sizing: border-box; width: 100%; display: block; height: 40px; line-height: 40px; padding: 0px 30px; font-size: 1.5rem; font-weight: normal; position: relative; overflow: hidden; z-index: 1; } .m_pickUpPlace .card .inner01 .txtArea .m__btn01:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #4cafff; opacity: 0.2; transition: 0; } .m_pickUpPlace .card .inner01 .txtArea .m__btn01:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 200px; height: 200px; border-radius: 100%; background: #49b1ff; opacity: 0; transition: 1s; } .m_pickUpPlace .card .inner01 .txtArea .m__btn01:active { background: #007dda; } @media only screen and (max-width: 736px) { .m_pickUpPlace .card .inner01 .txtArea .m__btn01 { background: none; color: #005084; text-decoration: underline; padding: 0; box-shadow: none; width: auto; height: auto; font-size: 1.6rem; line-height: 1.4; padding-left: 12px; overflow: visible; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) left 4px no-repeat; background-size: 8px auto; } } .m_pickUpPlace .card .commentArea { color: $titleText01; font-size: 1.8rem; margin: 15px 0; font-weight: bold; padding: 15px; box-sizing: border-box; background: url(/saiyo/resources/images/saiyo/common/ico_accent01_left.png) left top no-repeat, url(/saiyo/resources/images/saiyo/common/ico_accent01_right.png) right bottom no-repeat; background-size: 48px auto; } @media only screen and (max-width: 736px) { .m_pickUpPlace .card .commentArea { font-weight: normal; font-size: 1.6rem; padding: 10px 0; background-size: 24px auto; } } .m_pickUpPlace .card .inner02 { width: 100%; border-top: 1px solid #ddd7ca; } .m_pickUpPlace .card .inner02 h4 { font-size: 1.6rem; font-weight: bold; padding: 10px 0 0; color: #856652; } .m_pickUpPlace .card .inner02 li { width: 100%; padding-left: 12px; margin-top: 10px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) left 9px no-repeat; background-size: 6px auto; box-sizing: border-box; } .m_pickUpPlace .card .inner02 li a { text-decoration: underline; font-size: 1.6rem; display: inline-block; } .m_pickUpPlace .card .inner02 li a span { font-size: 1.4rem; display: block; } .m_pickUpPlace .card .inner02 li a:hover { text-decoration: none; } .m__infoIndexList { width: 100%; padding: 0 30px; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m__infoIndexList { padding: 0; } } .m__infoIndexList li { width: 100%; box-sizing: border-box; } .m__infoIndexList li a { display: block; color: #5d5d5f; text-decoration: none; } .m__infoIndexList li a:hover dl .title span { text-decoration: none; } .m__infoIndexList li dl { width: 100%; display: table; padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m__infoIndexList li dl { display: block; position: relative; z-index: 1; } .m__infoIndexList li dl:after { width: 6px; height: 11px; content: ""; position: absolute; z-index: 2; right: 0; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; } } .m__infoIndexList li dl .category { text-align: center; vertical-align: middle; color: #fff; display: table-cell; width: 9%; } @media only screen and (max-width: 736px) { .m__infoIndexList li dl .category { display: inline-block; width: 30%; width: calc(70px); font-size: 1.4rem; } } .m__infoIndexList li dl .category span { display: block; padding: 12px 0px; } .m__infoIndexList li dl .category span.category--01 { background-color: #dbe000; } .m__infoIndexList li dl .category span.category--02 { background-color: #42a0dc; } .m__infoIndexList li dl .category span.category--03 { background-color: #63c0ab; } .m__infoIndexList li dl .category span.category--04 { background-color: #f3982d; } .m__infoIndexList li dl .date { padding-left: 10px; font-size: 1.6rem; vertical-align: middle; display: table-cell; width: 22%; } @media only screen and (min-width: 737px) { .m__infoIndexList li dl .date { border-right: 1px dashed #ddd7ca; } } @media only screen and (max-width: 736px) { .m__infoIndexList li dl .date { display: inline-block; width: 70%; width: calc(100% - 85px); } } .m__infoIndexList li dl .title { padding-left: 10px; font-size: 2rem; font-weight: normal; color: $green01; vertical-align: middle; display: table-cell; width: 68%; } @media only screen and (max-width: 736px) { .m__infoIndexList li dl .title { width: 100%; display: block; font-size: 1.6rem; padding-left: 0; } } .m__infoIndexList li dl .title span { display: block; color: #005084; text-decoration: underline; padding-left: 12px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) left 11px no-repeat; background-size: 5px 10px; } @media only screen and (max-width: 736px) { .m__infoIndexList li dl .title span { padding: 10px 10px 0 0; background: none; text-decoration: none; line-height: 1.4; } } .m_commonQuestionList { display: block; } @media only screen and (min-width: 737px) { .m_commonQuestionList { padding: 0 30px; } } .m_commonQuestionList li { padding: 12px 0; border-bottom: 1px dotted #ddd7ca; } .m_commonQuestionList li a { display: inline-block; font-size: 2rem; color: #005084; text-decoration: underline; padding-left: 12px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) left 11px no-repeat; background-size: 5px 10px; } .m_commonQuestionList li a:hover { text-decoration: none; } @media only screen and (max-width: 736px) { .m_commonQuestionList li a { display: block; font-size: 1.6rem; } } .m_topEntryInfo01 { display: block; width: 100%; padding: 10px; box-sizing: border-box; background: url(/saiyo/resources/images/saiyo/common/bg_check_pink01.gif) center center repeat; } .m_topEntryInfo01 .inner { background: #fff url(/saiyo/resources/images/saiyo/common/bg_entry_info01.png) right top no-repeat; background-size: auto 100%; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner { background: #fff url(/saiyo/resources/images/saiyo/common/sp_bg_entry_info01.png) right top no-repeat; background-size: auto 100%; } } .m_topEntryInfo01 .inner .left { width: 560px; padding: 50px 0px 50px 60px; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner .left { width: 100%; padding: 10px; } } .m_topEntryInfo01 .inner .left .logo { display: block; text-align: center; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner .left .logo { width: 70%; margin-top: 10px; } } .m_topEntryInfo01 .inner .left .logo img { display: block; margin: 0 auto; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner .left .logo img { width: 50px; } } .m_topEntryInfo01 .inner .left .catchCopy { text-align: center; font-size: 3.1rem; line-height: 1.4; margin-top: 20px; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner .left .catchCopy { width: 70%; text-align: left; font-size: 1.6rem; text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 5px #fff; } } .m_topEntryInfo01 .inner .left .btnArea { display: block; width: 100%; } @media only screen and (max-width: 736px) { .m_topEntryInfo01 .inner .left .btnArea { padding: 0 10px; } } .m_topEntryInfo01 .inner .left .btnArea .m__btn01 { margin-top: 20px; width: 100%; } .m_notFoundArea { text-align: center; } .m_notFoundArea .bigText { font-size: 4rem; line-height: 1.4; color: #856652; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-weight: bold; } @media only screen and (max-width: 736px) { .m_notFoundArea .bigText { font-size: 2rem; } } .m_notFoundArea .text { margin-top: 50px; } @media only screen and (max-width: 736px) { .m_notFoundArea .text { text-align: left; margin-top: 25px; } } .m_notFoundArea .m_commonDoublebtnArea { margin-top: 60px; } @media only screen and (max-width: 736px) { .m_notFoundArea .m_commonDoublebtnArea { margin-top: 30px; } } .m_commonAnchorNav01 { border: 1px solid #ddd7ca; border-radius: 100px; display: table; table-layout: fixed; width: 100%; overflow: hidden; margin-top: 60px; } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 { border-radius: 30px; } } .m_commonAnchorNav01--mt0 { margin-top: 0; } .m_commonAnchorNav01 li { overflow: hidden; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 737px) { .m_commonAnchorNav01 li:not(:first-child) { border-left: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:first-child { border-radius: 100px 0 0 100px; } .m_commonAnchorNav01 li:last-child { border-radius: 0 100px 100px 0; } } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li { display: inline-block; width: 49%; border-bottom: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:nth-child(2n - 1) { border-right: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:nth-child(2n - 1):last-child { border-bottom: 0; } .m_commonAnchorNav01 li:nth-child(2n - 1):nth-last-child(2) { border-bottom: 0; } .m_commonAnchorNav01 li:nth-child(2n):last-child { border-bottom: 0; } } .m_commonAnchorNav01 li a { overflow: hidden; display: block; text-align: center; color: #5d5d5f; background-color: #fff; padding: 15px; font-size: 1.8rem; text-decoration: none; transition: 0.4s; } @media only screen and (min-width: 737px) { .m_commonAnchorNav01 li a.small { font-size: 1.5rem; line-height: 2.1; } } @media all and (-ms-high-contrast: none) { .m_commonAnchorNav01 li a { padding: 18px 15px 12px; } } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li a { font-size: 1.3rem; padding: 15px 0; } } .m_commonAnchorNav01 li a:before { content: ""; display: inline-block; vertical-align: middle; width: 11px; height: 6px; margin-right: 7px; margin-top: -4px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_down_theme_color01.svg) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li a:before { width: 8px; height: 5px; } } @media only screen and (min-width: 737px) { .m_commonAnchorNav01 li a:hover { background: #d9edfa; } } .m_commonContentsHeading01 { display: block; } @media only screen and (min-width: 737px) { .m_commonContentsHeading01 { height: 360px; } } .m_commonContentsHeading01 .l_commonInner01 { height: 100%; display: flex; flex-direction: column; justify-content: space-around; flex-wrap: nowrap; align-items: flex-end; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01 .l_commonInner01 { min-height: 140px; } } .m_commonContentsHeading01 .l_commonInner01 .titleInner .title01 { line-height: 1.4; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01 .l_commonInner01 .titleInner .title01 { padding: 30px 0; } } .m_commonContentsHeading01 .l_commonInner01 .titleInner .title01 .intTitle { font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-size: 4.8rem; color: #856652; font-weight: normal; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01 .l_commonInner01 .titleInner .title01 .intTitle { line-height: 1.5; font-size: 2.4rem; } } .m_commonContentsHeading01 .l_commonInner01 .titleInner .title01.pb0 { padding-bottom: 0; } .m_commonContentsHeading01 .l_commonInner01 .titleInner .titleCaption { padding-top: 10px; color: #5d5d5f; font-weight: normal; line-height: 1.4; } @media only screen and (min-width: 737px) { .m_commonContentsHeading01 .l_commonInner01 .titleInner .titleCaption { font-size: 2.4rem; } } .m_commonContentsHeading01--search { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/search/mv_search01.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--search { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/search/sp_mv_search01.jpg) center center no-repeat; background-size: cover; } } @media only screen and (min-width: 737px) { .m_commonContentsHeading01--search .l_commonInner01 .titleInner { line-height: 1.4; width: 520px; box-sizing: border-box; } } .m_commonContentsHeading01--seminar { background: #f0f1f3 url(/saiyo/resources/images/saiyo/seminar/mv_seminar01.jpg) center center no-repeat; background-size: cover; } .m_commonContentsHeading01--support { background: #f0f1f3 url(/saiyo/resources/images/saiyo/support/mv_support01.jpg) center center no-repeat; background-size: cover; } .m_commonContentsHeading01--support .titleInner { max-width: 480px; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--support .titleInner { width: 56%; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--support .titleCaption { display: none; } } .m_commonContentsHeading01--training { background: #f0f1f3 url(/saiyo/resources/images/saiyo/training/mv_career01.jpg?update=20250624) center center no-repeat; background-size: cover; } .m_commonContentsHeading01--training .titleInner { max-width: 480px; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--training .titleInner { width: 56%; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--training .titleCaption { display: none; } } .m_commonContentsHeading01--message { background: #f0f1f3 url(/saiyo/resources/images/saiyo/message/message_titlebg.jpg) center center no-repeat; background-size: cover; } .m_commonContentsHeading01--message .l_commonInner01 { align-items: flex-start; } .m_commonContentsHeading01--message .titleInner { width: 50%; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--message { background: #f0f1f3 url(/saiyo/resources/images/saiyo/message/message_titlebg.jpg) center center no-repeat; background-size: cover; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--message .titleCaption { display: none; } } .m_commonContentsHeading01--wages { background: #f0f1f3 url(/saiyo/resources/images/saiyo/wages/bg_title_wages.jpg) center top no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--wages { background-position: left top; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--wages .titleCaption { display: none; } } .m_commonContentsHeading01--philosophy { background: #f0f1f3 url(/saiyo/resources/images/saiyo/philosophy/mv_philosophy01.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--philosophy .titleCaption { display: none; } } .m_commonContentsHeading01--philosophy .l_commonInner01 { align-items: flex-start; } .m_commonContentsHeading01--recruit { background: #f0f1f3 url(/saiyo/resources/images/saiyo/new_graduate/recruit/mv_recruit.jpg) center center no-repeat; background-size: cover; } .m_commonContentsHeading01--recruit .titleInner { max-width: 480px; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--recruit .titleInner { width: 56%; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--recruit .titleCaption { display: none; } } .m_commonContentsHeading01--newSupport { background: #f0f1f3 url(/saiyo/resources/images/saiyo/new_graduate/support/mv_support01.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--newSupport { background-image: url(/saiyo/resources/images/saiyo/new_graduate/support/mv_support01_sp.jpg); } } .m_commonContentsHeading01--newSupport .titleInner { max-width: 480px; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--newSupport .titleInner { width: 56%; } } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--newSupport .titleCaption { display: none; } } .m_commonContentsHeading02 { border-bottom: 1px solid #ddd7ca; text-align: center; } .m_commonContentsHeading02 .title01 { padding: 40px 0; font-size: 4.8rem; color: #856652; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-weight: bold; } @media only screen and (max-width: 736px) { .m_commonContentsHeading02 .title01 { padding: 30px 0; font-size: 2.4rem; } } .m_commonContentsHeading01--area_condition_prefectures { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/area_condition_prefectures.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--area_condition_prefectures .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--area_condition_city { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/area_condition_city.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--area_condition_city .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--occupation_gakudou_mgr { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/occupation_gakudou_mgr.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--occupation_gakudou_mgr .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--occupation_gakudou_staff { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/occupation_gakudou_staff.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--occupation_gakudou_staff .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--occupation_gakudou_asst { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/occupation_gakudou_asst.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--occupation_gakudou_asst .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_new { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_new.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_new .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_opening { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_opening.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_opening .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_unqualified { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_unqualified.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_unqualified .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_inexperienced { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_inexperienced.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_inexperienced .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_close_station { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_close_station.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_close_station .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_dormitory { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_dormitory.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_dormitory .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_weekday { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_weekday.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_weekday .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_weekend { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_weekend.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_weekend .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--type_of_employment { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/type_of_employment.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--type_of_employment .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_one_day { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_one_day.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_one_day .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_hoiku_staff { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_hoiku_staff.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_hoiku_staff .l_commonInner01 .titleInner { width: 50%; } .m_commonContentsHeading01--popular_condition_online { background: #f0f1f3 url(/saiyo/resources/images/saiyo/jobs/mv/popular_condition_online.jpg) center top no-repeat; background-size: cover; } .m_commonContentsHeading01--popular_condition_online .l_commonInner01 .titleInner { width: 50%; } .m_common_tabNav01 { padding-top: 60px; border-bottom: 4px solid #ddd7ca; z-index: 1; position: relative; } @media only screen and (max-width: 736px) { .m_common_tabNav01 { padding-top: 30px; padding-bottom: 30px; border-bottom: 2px solid #ddd7ca; } .m_common_tabNav01:after { content: ""; display: block; position: absolute; z-index: 2; width: 16px; height: 10px; bottom: 0; left: 50%; transform: translateX(-50%); background: url(/saiyo/resources/images/saiyo/arrow/arrow_bubble_up01.svg) center center no-repeat; background-size: contain; } } .m_common_tabNav01 .inner { display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 736px) { .m_common_tabNav01 .inner { border: 1px solid #ddd7ca; border-radius: 30px; overflow: hidden; background: #005084; } } .m_common_tabNav01 .inner li { box-sizing: border-box; line-height: 1; font-size: 2.4rem; text-align: center; } @media only screen and (min-width: 737px) { .m_common_tabNav01 .inner li { flex-grow: 1; } .m_common_tabNav01 .inner li:not(:first-child) { padding-left: 15px; } } @media only screen and (max-width: 736px) { .m_common_tabNav01 .inner li { display: inline-block; border-radius: 0; width: 50%; border-bottom: 1px solid #ddd7ca; } .m_common_tabNav01 .inner li:nth-child(2n - 1) { border-right: 1px solid #ddd7ca; } .m_common_tabNav01 .inner li:nth-child(2n - 1):last-child { border-bottom: 0; } .m_common_tabNav01 .inner li:nth-child(2n - 1):nth-last-child(2) { border-bottom: 0; } .m_common_tabNav01 .inner li:nth-child(2n):last-child { border-bottom: 0; } } .m_common_tabNav01 .inner li a, .m_common_tabNav01 .inner li span { text-decoration: none; position: relative; z-index: 1; color: #fff; background: #005084; display: block; padding: 18px 0; } @media only screen and (min-width: 737px) { .m_common_tabNav01 .inner li a, .m_common_tabNav01 .inner li span { border-radius: 18px 18px 0 0; } } .m_common_tabNav01 .inner li a:before, .m_common_tabNav01 .inner li span:before { content: ""; position: absolute; display: block; width: 100%; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .m_common_tabNav01 .inner li a:before, .m_common_tabNav01 .inner li span:before { display: none; } } .m_common_tabNav01 .inner li:not(.current) a { position: relative; overflow: hidden; z-index: 1; } .m_common_tabNav01 .inner li:not(.current) a:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 0px; height: 0px; border-radius: 100%; background: #4cafff; opacity: 0.2; transition: 0; } .m_common_tabNav01 .inner li:not(.current) a:hover:after { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 200px; height: 200px; border-radius: 100%; background: #49b1ff; opacity: 0; transition: 1s; } .m_common_tabNav01 .inner li:not(.current) a:active { background: #007dda; } .m_common_tabNav01 .inner li:not(.current) a:before { z-index: 1; height: 20px; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); } .m_common_tabNav01 .inner li.current a, .m_common_tabNav01 .inner li.current span { padding: 15px 0 17px; color: #005084; background: #fff; box-sizing: border-box; } @media only screen and (min-width: 737px) { .m_common_tabNav01 .inner li.current a, .m_common_tabNav01 .inner li.current span { border: 4px solid #ddd7ca; border-bottom: 0; } } @media only screen and (max-width: 736px) { .m_common_tabNav01 .inner li.current a, .m_common_tabNav01 .inner li.current span { padding: 18px 0; } } .m_common_tabNav01 .inner li.current a:before, .m_common_tabNav01 .inner li.current span:before { z-index: 2; width: 100%; height: 4px; background-color: #fff; bottom: -4px; } @media only screen and (max-width: 736px) { .m_common_tabNav01 .inner li { font-size: 1.6rem; } } .m_commonTableList01 { display: table; table-layout: fixed; width: 100%; background: #fff; border-bottom: 1px solid #ddd7ca; } .m_commonTableList01:first-of-type { border-top: 1px solid #ddd7ca; } .m_commonTableList01.mt { margin-top: 40px; } @media only screen and (max-width: 736px) { .m_commonTableList01 { display: block; } } .m_commonTableList01 dt { display: table-cell; vertical-align: top; color: #856652; background: #f0ede6; padding: 25px 20px; font-weight: bold; font-size: 2.4rem; width: 220px; } @media only screen and (max-width: 736px) { .m_commonTableList01 dt { display: block; width: 100%; font-size: 1.6rem; line-height: 1.4; padding: 5px 10px; } } .m_commonTableList01 dd { display: table-cell; vertical-align: middle; color: #5d5d5f; padding: 25px 20px; } .m_commonTableList01 dd .spot { padding-left: 20px; text-indent: -20px; } .m_commonTableList01 dd .spot:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center left no-repeat; background-size: contain; } .m_commonTableList01 dd .station { padding-left: 20px; text-indent: -20px; } .m_commonTableList01 dd .station:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 14px; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/common/ico_train01.svg) center left no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonTableList01 dd .lineClamp:not(.visible) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .m_commonTableList01 dd .spMoreBtn { display: none; } @media only screen and (max-width: 736px) { .m_commonTableList01 dd .spMoreBtn { margin-top: 10px; display: block; color: #005084; position: relative; padding-left: 23px; cursor: pointer; } .m_commonTableList01 dd .spMoreBtn .close { display: none; } .m_commonTableList01 dd .spMoreBtn:before, .m_commonTableList01 dd .spMoreBtn:after { position: absolute; left: 0; top: 50%; margin-top: -3px; content: ""; width: 18px; height: 3px; border-radius: 3px; display: block; background: #005084; } .m_commonTableList01 dd .spMoreBtn:after { transform: rotate(90deg); } .m_commonTableList01 dd .spMoreBtn.on .more { display: none; } .m_commonTableList01 dd .spMoreBtn.on .close { display: inline; } .m_commonTableList01 dd .spMoreBtn.on:after { transform: rotate(180deg); } } @media only screen and (max-width: 736px) { .m_commonTableList01 dd { display: block; width: 100%; font-size: 1.6rem; padding: 5px 10px; } } .m_commonTelInfoBox01 { display: block; background: #fff url(/saiyo/resources/images/saiyo/common/bg_check_green01.gif) left top repeat; padding: 10px; margin-top: 100px; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 { margin-top: 30px; margin-bottom: 30px; } } .m_commonTelInfoBox01 .inner { background: #fff url(/saiyo/resources/images/saiyo/common/bg_tel_info01.png) right center no-repeat; background-size: auto 100%; padding: 40px 20px; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner { background: #fff; padding: 0; text-align: center; } } .m_commonTelInfoBox01 .inner .greenTitle01 { color: #f3982d; font-weight: bold; font-size: 3rem; margin-bottom: 40px; padding-left: 36px; text-indent: -36px; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .greenTitle01 { font-size: 1.8rem; margin-bottom: 10px; padding: 10px 10px 10px 38px; text-indent: 0; position: relative; z-index: 1; background: #fcfe98; text-align: left; } } .m_commonTelInfoBox01 .inner .greenTitle01:before { content: ""; width: 29px; height: 42px; display: inline-block; vertical-align: middle; margin-right: 7px; background: url(/saiyo/resources/images/saiyo/common/ico_telephone01.png) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .greenTitle01:before { width: 21px; height: 31px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } } .m_commonTelInfoBox01 .inner .intBox { display: block; font-size: 0; letter-spacing: -0.4em; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox { padding-bottom: 20px; } } .m_commonTelInfoBox01 .inner .intBox .left01 { display: inline-block; letter-spacing: normal; font-size: 1.6rem; vertical-align: middle; background: #d9edfa; padding: 20px 60px; font-weight: bold; text-align: center; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .left01 { padding: 10px; width: 100%; background: none; } } .m_commonTelInfoBox01 .inner .intBox .left01 .entryText { line-height: 1.2; color: #42a0dc; font-size: 1.8rem; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .left01 .entryText { font-size: 1.6rem; } } .m_commonTelInfoBox01 .inner .intBox .left01 .entryText span { vertical-align: baseline; } .m_commonTelInfoBox01 .inner .intBox .left01 .entryText .big { margin-left: 3px; font-size: 2.4rem; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .left01 .entryText .big { font-size: 2rem; } } .m_commonTelInfoBox01 .inner .intBox .right01 { display: inline-block; letter-spacing: normal; font-size: 1.6rem; vertical-align: middle; padding: 0 20px; line-height: 1.5; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .right01 a { color: #5d5d5f; text-decoration: none; } } .m_commonTelInfoBox01 .inner .intBox .right01 .telNum { font-size: 3.2rem; color: #5d5d5f; font-weight: bold; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .right01 .telNum { font-size: 2.8rem; } } .m_commonTelInfoBox01 .inner .intBox .right01 .time { color: #5d5d5f; } @media only screen and (max-width: 736px) { .m_commonTelInfoBox01 .inner .intBox .right01 .time { font-size: 1.4rem; } } .m_commonTelInfoBox01 .inner .intBox .right02 { display: inline-block; letter-spacing: normal; font-size: 1.4rem; vertical-align: middle; } @media only screen and (min-width: 737px) { .m_commonTelInfoBox01--bg02 .inner { padding: 30px 20px 50px; background: #fff url(/saiyo/resources/images/saiyo/common/bg_tel_info02.png) right center no-repeat; background-size: contain; } } @media only screen and (min-width: 737px) { .m_commonTelInfoBox01--bg02 .inner .greenTitle01 { margin-bottom: 30px; } } @media only screen and (min-width: 737px) { .m_commonTelInfoBox01--bg02 .inner .intBox .left01 { padding: 20px 40px; } } @media only screen and (min-width: 737px) { .m_commonTelInfoBox01--bg02 .inner .intBox .right01 { padding: 0 10px 0 20px; } } @media only screen and (min-width: 737px) { .m_commonTelInfoBox01--bg02 .inner .intBox .right01 .telNum { font-size: 4rem; } } .m_commonTitle01 { font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; text-align: center; display: table; table-layout: fixed; margin: 0 auto; } .m_commonTitle01 .title { display: table-cell; vertical-align: bottom; padding: 0 40px; font-size: 4.2rem; color: #42a0dc; letter-spacing: 0.1em; } @media only screen and (max-width: 736px) { .m_commonTitle01 .title { font-size: 2rem; padding: 0 10px; line-height: 1.5; } } .m_commonTitle01:before, .m_commonTitle01:after { content: ""; display: table-cell; vertical-align: bottom; width: 208px; height: 68px; } @media only screen and (max-width: 736px) { .m_commonTitle01:before, .m_commonTitle01:after { width: 72px; height: 32px; } } .m_commonTitle01:before { background: url(/saiyo/resources/images/saiyo/common/ico_accent_title01_left.png) bottom center no-repeat; background-size: contain; } .m_commonTitle01:after { background: url(/saiyo/resources/images/saiyo/common/ico_accent_title01_right.png) bottom center no-repeat; background-size: contain; } .m_commonTitle02 { font-size: 3rem; font-weight: bold; color: #856652; padding-left: 50px; padding-bottom: 5px; border-bottom: 2px solid #ddd7ca; margin-bottom: 30px; position: relative; z-index: 1; margin-top: 50px; } @media only screen and (max-width: 736px) { .m_commonTitle02 { margin: 15px 0; font-size: 1.8rem; padding-left: 25px; } } .m_commonTitle02--mt0 { margin-top: 0; } @media only screen and (max-width: 736px) { .m_commonTitle02--mt0 { margin-top: 0; } } .m_commonTitle02--m0 { margin: 0; } @media only screen and (max-width: 736px) { .m_commonTitle02--m0 { margin: 0; } } .m_commonTitle02:before { content: ""; width: 38px; height: 23px; display: block; position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); background: url(/saiyo/resources/images/saiyo/common/ico_accent_title02.png) center center no-repeat; background-size: contain; margin-top: -3px; } @media only screen and (max-width: 736px) { .m_commonTitle02:before { width: 16px; height: 12px; } } .m_commonTitle03 { font-weight: bold; color: #856652; background: #fcfe98; border-radius: 8px; position: relative; z-index: 1; padding: 8px 15px 2px 30px; font-size: 3rem; margin-bottom: 25px; } @media only screen and (max-width: 736px) { .m_commonTitle03 { font-size: 1.8rem; padding: 10px 10px 9px 20px; margin-bottom: 0; } .m_commonTitle03:not(:first-of-type) { margin-top: 15px; } .m_commonTitle03.js_searchSpAccordion { padding-right: 30px; } .m_commonTitle03.on { margin-bottom: 0; } } .m_commonTitle03:before { position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); content: ""; border-radius: 0 100px 100px 0; width: 20px; height: 40px; background: #dbe000; } @media only screen and (max-width: 736px) { .m_commonTitle03:before { width: 15px; height: 30px; } } .m_commonTitle04 { color: #5d5d5f; font-weight: bold; font-size: 2.4rem; padding-left: 60px; position: relative; z-index: 1; background: url(/saiyo/resources/images/saiyo/common/bg_line_dot.gif) left bottom repeat-x; margin-top: 20px; margin-bottom: 15px; } .m_commonTitle04.mt0 { margin-top: 0; } @media only screen and (max-width: 736px) { .m_commonTitle04 { font-size: 1.8rem; margin-top: 10px; padding-left: 35px; } } .m_commonTitle04:before { display: block; content: ""; position: absolute; z-index: 2; width: 50px; height: 31px; left: 0; bottom: 0; background: url(/saiyo/resources/images/saiyo/common/ico_accent_plant01.png) center bottom no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonTitle04:before { width: 29px; height: 25px; } } .m_commonTitle05 { font-size: 3.6rem; font-weight: bold; line-height: 1.4; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; padding-bottom: 30px; margin-bottom: 20px; text-align: center; background: url(/saiyo/resources/images/saiyo/common/ico_accent_title05.png) bottom center no-repeat; } @media only screen and (max-width: 736px) { .m_commonTitle05 { font-size: 2rem; background-size: 90px auto; padding-bottom: 20px; } } .m_commonTitle06 { font-size: 4.2rem; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; color: #42a0dc; font-weight: bold; text-align: left; padding-left: 107px; box-sizing: border-box; position: relative; z-index: 1; line-height: 1.4; } @media only screen and (max-width: 736px) { .m_commonTitle06 { font-size: 2rem; padding-left: 55px; } } .m_commonTitle06:before { position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 97px; height: 97px; vertical-align: middle; background: url(/saiyo/resources/images/saiyo/common/ico_accent_title03.png) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonTitle06:before { width: 45px; height: 45px; } } .m_slashTitle01 { text-align: center; vertical-align: middle; font-weight: bold; font-size: 2.4rem; color: #42a0dc; text-align: center; } .m_slashTitle01 span { display: inline-block; position: relative; z-index: 1; padding: 0 40px; } .m_slashTitle01 span:before { padding-right: 10px; display: inline-block; vertical-align: middle; content: ""; width: 30px; height: 30px; position: absolute; z-index: 2; left: 0; bottom: 5px; background: url(/saiyo/resources/images/saiyo/common/img_accent_slash01.svg) center center no-repeat; background-size: contain; } .m_slashTitle01 span:after { padding-left: 10px; display: inline-block; vertical-align: middle; content: ""; width: 30px; height: 30px; position: absolute; z-index: 2; right: 0; bottom: 5px; background: url(/saiyo/resources/images/saiyo/common/img_accent_slash02.svg) center center no-repeat; background-size: contain; } .m_commonPager01 { display: block; margin: 40px 0; } @media only screen and (max-width: 736px) { .m_commonPager01 { margin: 20px 0; } } .m_commonPager01 .inner { position: relative; max-width: 630px; padding: 0 45px; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 1; } .m_commonPager01 .inner .pagerList { text-align: center; } .m_commonPager01 .inner .pagerList li { display: inline-block; vertical-align: middle; color: #005084; line-height: 1; } .m_commonPager01 .inner .pagerList li a, .m_commonPager01 .inner .pagerList li span { display: block; padding: 10px 13px; } .m_commonPager01 .inner .pagerList li a.current, .m_commonPager01 .inner .pagerList li span.current { color: #fff; background: #005084; text-decoration: none; } .m_commonPager01 .inner .arrowBefore, .m_commonPager01 .inner .arrowAfter { position: absolute; top: 50%; transform: translateY(-50%); } .m_commonPager01 .inner .arrowBefore a, .m_commonPager01 .inner .arrowAfter a { display: inline-block; } .m_commonPager01 .inner .arrowBefore a.ico01, .m_commonPager01 .inner .arrowAfter a.ico01 { height: 22px; } .m_commonPager01 .inner .arrowBefore a.ico02, .m_commonPager01 .inner .arrowAfter a.ico02 { height: 22px; margin: 0 10px; } .m_commonPager01 .inner .arrowBefore a:hover, .m_commonPager01 .inner .arrowAfter a:hover { opacity: 0.8; } .m_commonPager01 .inner .arrowBefore a img, .m_commonPager01 .inner .arrowAfter a img { height: 100%; } .m_commonPager01 .inner .arrowBefore { left: 0; } .m_commonPager01 .inner .arrowAfter { right: 0; } @media only screen and (max-width: 736px) { .m_topNewsSection.m_newsList01 { padding: 0; } } @media only screen and (max-width: 736px) { .m_topNewsSection.m_newsList01 >li a .inner { display: table; } .m_topNewsSection.m_newsList01 >li a .inner dl { padding: 20px 0; } .m_topNewsSection.m_newsList01 >li a .inner dd.contents { padding: 0 15px 0 10px; display: table-cell; } .m_topNewsSection.m_newsList01 >li a .inner dd.contents::before { margin: 0; } } .m_beliefSectionWrap { overflow: hidden; position: relative; z-index: 1; } .m_beliefSectionWrap::before { content: ""; display: block; width: 100%; height: 36px; background: url(/saiyo/resources/images/saiyo/new_graduate/img_belief_bg_bottom.png) left bottom repeat-x; position: absolute; left: 0; bottom: 0; z-index: 2; } .m_beliefSection { position: relative; z-index: 1; text-align: center; } .m_beliefSection::before { content: ""; display: block; width: 367px; height: 993px; background: url(/saiyo/resources/images/saiyo/new_graduate/img_belief_bg_left.png) left top no-repeat; position: absolute; left: -160px; bottom: -100px; z-index: -1; } .m_beliefSection::after { content: ""; display: block; width: 352px; height: 811px; background: url(/saiyo/resources/images/saiyo/new_graduate/img_belief_bg_right.png) left top no-repeat; position: absolute; right: -160px; bottom: -100px; z-index: -1; } @media only screen and (max-width: 736px) { .m_beliefSection::before { width: 87px; height: 94px; background-size: contain; left: 5px; bottom: -50px; background-image: url(/saiyo/resources/images/saiyo/new_graduate/img_belief_bg_left_sp.png); } .m_beliefSection::after { width: 87px; height: 94px; background-size: contain; right: 10px; bottom: -50px; background-image: url(/saiyo/resources/images/saiyo/new_graduate/img_belief_bg_right_sp.png); } } .m_beliefSection h2 { margin: 90px 0 70px; } @media only screen and (max-width: 736px) { .m_beliefSection h2 { margin: 0 0 30px; } } .m_beliefSection h2 img.textSp { display: none; } @media only screen and (max-width: 736px) { .m_beliefSection h2 img.textPc { display: none; } .m_beliefSection h2 img.textSp { display: inline-block; } } .m_beliefSection .textBox01 { text-align: left; } @media only screen and (min-width: 737px) { .m_beliefSection .textBox01 { margin: 0 auto; width: 750px; } } .m_beliefSection p { font-size: 2.4rem; line-height: 2.2; margin-bottom: 30px; } .m_beliefSection p .big { font-size: 3.2rem; display: block; line-height: 1; text-align: center; padding-bottom: 30px; } @media only screen and (max-width: 736px) { .m_beliefSection p .big { font-size: 2rem; padding-bottom: 10px; } } @media only screen and (max-width: 736px) { .m_beliefSection p { font-size: 1.6rem; text-align: left; line-height: 2; } .m_beliefSection p br { display: none; } } .m_beliefSection .logo { padding: 50px 0; } .m_beliefSection .logo p { margin: 5px 0 0; font-size: 1.6rem; } @media only screen and (max-width: 736px) { .m_beliefSection .logo { padding-top: 0; } .m_beliefSection .logo p { margin-top: 5px; } .m_beliefSection .logo img { width: 200px; } .m_beliefSection .logo p { text-align: center; font-size: 1.2rem; font-weight: bold; } } .m_entryLinkList { font-size: 0; letter-spacing: -0.4em; text-align: center; } @media only screen and (max-width: 736px) { .m_entryLinkList { padding: 0 10px; } } .m_entryLinkList li { width: 48%; display: inline-block; letter-spacing: normal; font-size: 1.8rem; margin-right: 4%; } .m_entryLinkList li:last-child { margin-right: 0; } @media only screen and (max-width: 736px) { .m_entryLinkList li h3.m_commonTitle04::before { background-image: url(/saiyo/resources/images/saiyo/common/ico_accent_plant02.png); width: 30px; } } .m_entryLinkList li span { font-size: 2rem; vertical-align: baseline; } @media only screen and (max-width: 736px) { .m_entryLinkList li { width: 100%; display: block; font-size: 1.6rem; margin-right: 0; } .m_entryLinkList li span { font-size: 1.4rem; } .m_entryLinkList li:last-child { margin-top: 35px; } } .m_entryLinkList li a.m__btn01 { width: 90%; margin: 30px auto 0; display: block; padding: 0; } @media only screen and (max-width: 736px) { .m_entryLinkList li a.m__btn01 { width: 100%; margin: 10px auto 0; } } @media only screen and (max-width: 736px) { .m_newGraduateKnows .l_commonInner01 { padding: 20px 0; } } .m_newGraduateKnows .m_commonTitle01::before, .m_newGraduateKnows .m_commonTitle01::after { background-position: center center; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_commonTitle01 { width: 100%; } .m_newGraduateKnows .m_commonTitle01:first-child { padding-top: 20px; } .m_newGraduateKnows .m_commonTitle01::before { background-position: right center; } .m_newGraduateKnows .m_commonTitle01::after { background-position: left center; } } .m_newGraduateKnows .m_commonTitle01 .title { padding-bottom: 20px; letter-spacing: 0.05em; line-height: 1.5; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_commonTitle01 .title { letter-spacing: 0; padding: 0; } } .m_newGraduateKnows.m_top_bgBelt01::before { background-image: url(/saiyo/resources/images/saiyo/new_graduate/img_newgraduate_contentsv.jpg); } .m_newGraduateKnows .m_imageLinkColumn--1 li { margin-bottom: 30px; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn--1 li { min-height: 150px; height: 150px !important; height: 26.5vh !important; margin-bottom: 10px; } } .m_newGraduateKnows .m_imageLinkColumn--2 li { margin: 0 30px 30px 0; } .m_newGraduateKnows .m_imageLinkColumn--2 li:nth-child(2n) { margin-right: 0; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn--2 li { min-height: 75px; height: 75px !important; height: 13.2vh !important; margin: 0 0 10px; } } .m_newGraduateKnows .m_imageLinkColumn--3 li { margin: 0 30px 30px 0; } .m_newGraduateKnows .m_imageLinkColumn--3 li:nth-child(3n) { margin-right: 0; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn--3 li { min-height: 75px; height: 75px !important; height: 13.2vh !important; margin: 0 0 10px; } } .m_newGraduateKnows .m_imageLinkColumn li { height: 200px; } .m_newGraduateKnows .m_imageLinkColumn li a .innerText { text-align: left; position: absolute; left: 20px; bottom: 15px; width: 430px; } .m_newGraduateKnows .m_imageLinkColumn li a .innerText p { font-weight: normal; font-size: 1.6rem; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li a .innerText { width: 100%; left: 0; bottom: 0; padding: 10px 15px; box-sizing: border-box; font-size: 1.6rem; } .m_newGraduateKnows .m_imageLinkColumn li a .innerText p { font-size: 1.4rem; } } .m_newGraduateKnows .m_imageLinkColumn li.image--careerSupport { background: url(/saiyo/resources/images/saiyo/new_graduate/image_link_career_support.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li.image--careerSupport { background-position: right bottom; background-size: 150%; } } .m_newGraduateKnows .m_imageLinkColumn li.image--seniorInterview { background: url(/saiyo/resources/images/saiyo/new_graduate/image_link_interview.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li.image--seniorInterview { background-position: right bottom; background-size: 110%; } } .m_newGraduateKnows .m_imageLinkColumn li.image--requirements { background: url(/saiyo/resources/images/saiyo/new_graduate/image_link_requirements.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li.image--requirements { background-position: right center; background-size: 130%; } } .m_newGraduateKnows .m_imageLinkColumn li.image--daihyo2 { background: url(/saiyo/resources/images/saiyo/new_graduate/image_link_column_daihyo.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li.image--daihyo2 { background-position: left top; } } .m_newGraduateKnows .m_imageLinkColumn li.image--company { background: url(/saiyo/resources/images/saiyo/new_graduate/image_link_column_company.jpg) center center no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_newGraduateKnows .m_imageLinkColumn li.image--company { background-position: center center; } } .m_boxNewGraduateSalary { width: 480px; margin: 40px auto 0; } @media only screen and (max-width: 736px) { .m_boxNewGraduateSalary { width: 100%; } } .m_boxNewGraduateSalary h3 { background: #d9edfa; color: #005084; font-weight: bold; font-size: 2.4rem; line-height: 1; padding: 20px; width: 100%; text-align: center; } @media only screen and (max-width: 736px) { .m_boxNewGraduateSalary h3 { font-size: 2rem; } } .m_boxNewGraduateSalary .inner { padding: 10px 20px 20px; border: 1px solid #ddd7ca; box-sizing: border-box; display: block; width: 100%; } .m_boxNewGraduateSalary p { text-align: center; vertical-align: bottom; } .m_boxNewGraduateSalary p .small { display: inline-block; font-size: 2rem; } @media only screen and (max-width: 736px) { .m_boxNewGraduateSalary p .small { font-size: 1.6rem; } } .m_boxNewGraduateSalary p .middle { display: inline-block; font-size: 2.4rem; transform: translateY(3px); } @media only screen and (max-width: 736px) { .m_boxNewGraduateSalary p .middle { font-size: 2rem; } } .m_boxNewGraduateSalary p .big { display: inline-block; font-size: 3.2rem; transform: translateY(8px); } @media only screen and (max-width: 736px) { .m_boxNewGraduateSalary p .big { font-size: 2.4rem; } } .m_faqContentWrap01 .contentsArea01 { background: #fff; border-radius: 18px; padding: 55px 30px 50px; } @media only screen and (max-width: 736px) { .m_faqContentWrap01 .contentsArea01 { padding: 20px 10px 0; border-radius: 9px; } } .m_faqContentWrap01 .contentsArea01 h3.m_commonTitle03 { font-weight: normal; } .m_faqContentWrap01 .contentsArea01 h3.m_commonTitle03 span::before { content: "Q."; color: #005084; font-size: 3rem; } @media only screen and (max-width: 736px) { .m_faqContentWrap01 .contentsArea01 h3.m_commonTitle03 span { font-weight: bold; display: inline-block; text-indent: -1.1em; padding-left: 1.1em; } .m_faqContentWrap01 .contentsArea01 h3.m_commonTitle03 span::before { font-size: 1.8rem; } } .m_faqContentWrap01 .contentsArea01 .answer { padding: 0 30px; } .m_faqContentWrap01 .contentsArea01 .answer p { position: relative; padding: 4px 0 30px 33px; font-size: 2.4rem; line-height: 1.8; } .m_faqContentWrap01 .contentsArea01 .answer p span { font-size: 1.8rem; line-height: 1.5; display: block; margin-top: 10px; } .m_faqContentWrap01 .contentsArea01 .answer p a { vertical-align: bottom; } .m_faqContentWrap01 .contentsArea01 .answer p::before { content: "A."; position: absolute; color: #005084; font-size: 3rem; left: 0; top: 0; } @media only screen and (max-width: 736px) { .m_faqContentWrap01 .contentsArea01 .answer p::before { font-weight: bold; } } .m_faqContentWrap01 .contentsArea01 .answer dl { font-size: 2rem; padding-left: 33px; padding-bottom: 40px; } .m_faqContentWrap01 .contentsArea01 .answer dl dt { font-weight: bold; margin-bottom: 10px; } .m_faqContentWrap01 .contentsArea01 .answer dl dt span { font-size: 2rem; padding-right: 24px; color: #42a0dc; display: inline-block; padding: 0 10px; background: #d9edfa; border-radius: 5px; } .m_faqContentWrap01 .contentsArea01 .answer dl dt b { display: block; } .m_faqContentWrap01 .contentsArea01 .answer dl dd { font-size: 1.8rem; margin-bottom: 40px; } .m_faqContentWrap01 .contentsArea01 .answer dl dd span { font-size: 1.8rem; display: block; } @media only screen and (max-width: 736px) { .m_faqContentWrap01 .contentsArea01 .answer { padding: 10px 10px 9px 22px; } .m_faqContentWrap01 .contentsArea01 .answer p { padding: 4px 5px 15px 20px; font-size: 1.6rem; } .m_faqContentWrap01 .contentsArea01 .answer p::before { font-size: 1.6rem; top: 4px; } .m_faqContentWrap01 .contentsArea01 .answer p span { font-size: 1.4rem; } .m_faqContentWrap01 .contentsArea01 .answer dl { font-size: 1.6rem; padding-left: 22px; padding-bottom: 10px; } .m_faqContentWrap01 .contentsArea01 .answer dl dt { margin-bottom: 5px; } .m_faqContentWrap01 .contentsArea01 .answer dl dt span { padding-right: 16px; font-size: 1.8rem; } .m_faqContentWrap01 .contentsArea01 .answer dl dd { margin-bottom: 20px; font-size: 1.6rem; } .m_faqContentWrap01 .contentsArea01 .answer dl dd span { font-size: 1.4rem; display: block; text-indent: -1em; padding-left: 1em; } } .m_faqContentWrap01.t_whiteBg01 .contentsArea01 { border: 1px solid #ddd7ca; } .m_titleInterview { height: 600px; max-width: 1200px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 736px) { .m_titleInterview { width: 100%; height: auto; min-height: 160px; } .m_titleInterview.l_topPadding04 { padding-top: 10px; } } .m_titleInterview--01 { background-image: url(/saiyo/resources/images/saiyo/interview/1/img_interviewpage_main01.jpg); } .m_titleInterview--02 { background-image: url(/saiyo/resources/images/saiyo/interview/2/img_interviewpage_main01.jpg); } .m_titleInterview--03 { background-image: url(/saiyo/resources/images/saiyo/interview/3/img_interviewpage_main01.jpg); } .m_titleInterview--04 { background-image: url(/saiyo/resources/images/saiyo/interview/4/img_interviewpage_main01.jpg); } .m_titleInterview--05 { background-image: url(/saiyo/resources/images/saiyo/interview/5/img_interviewpage_main01.jpg); } .m_titleInterview--06 { background-image: url(/saiyo/resources/images/saiyo/interview/6/img_interviewpage_main01.jpg); } .m_titleInterview--07 { background-image: url(/saiyo/resources/images/saiyo/interview/7/img_interviewpage_main01.jpg); } .m_titleInterview--08 { background-image: url(/saiyo/resources/images/saiyo/interview/8/img_interviewpage_main01.jpg); } .m_titleInterview--09 { background-image: url(/saiyo/resources/images/saiyo/interview/9/img_interviewpage_main01.jpg); } .m_titleInterview--10 { background-image: url(/saiyo/resources/images/saiyo/interview/10/img_interviewpage_main01.jpg?update=20250624); } .m_titleInterview--11 { background-image: url(/saiyo/resources/images/saiyo/interview/11/img_interviewpage_main01.jpg); } .m_titleInterview--12 { background-image: url(/saiyo/resources/images/saiyo/interview/12/img_interviewpage_main01.jpg); } .m_titleInterview--13 { background-image: url(/saiyo/resources/images/saiyo/interview/13/img_interviewpage_main01.jpg); } .m_titleInterview--14 { background-image: url(/saiyo/resources/images/saiyo/interview/14/img_interviewpage_main01.jpg?update=20250624); } .m_titleInterview--15 { background-image: url(/saiyo/resources/images/saiyo/interview/15/img_interviewpage_main01.jpg); } .m_titleInterview--16 { background-image: url(/saiyo/resources/images/saiyo/interview/16/img_interviewpage_main01.jpg?update=20250624); } .m_titleInterview--17 { background-image: url(/saiyo/resources/images/saiyo/interview/17/img_interviewpage_main01.jpg?update=20250624); } .m_titleInterview--new01 { background-image: url(/saiyo/resources/images/saiyo/new_graduate/interview/1/img_interviewpage_main01.jpg); } .m_titleInterview--new02 { background-image: url(/saiyo/resources/images/saiyo/new_graduate/interview/2/img_interviewpage_main01.jpg); } .m_titleInterview .l_commonInner01 { display: table; width: 1000px; margin: 0 auto; height: 100%; } @media only screen and (max-width: 736px) { .m_titleInterview .l_commonInner01 { padding: 10px 0; } } .m_titleInterview .l_commonInner01 .title01 { padding-top: 30px; display: table-cell; vertical-align: middle; line-height: 1.4; height: 100%; } .m_titleInterview .l_commonInner01::after { content: ""; display: table-cell; width: 10%; height: 100%; } .m_titleInterview .l_commonInner01.textWhite h1.intTitle { color: #fff; text-shadow: 0 0 7px #000; } .m_titleInterview .l_commonInner01.textWhite h1.intTitle--wideR { width: 1020px; margin: 0 0 0 460px; } @media only screen and (max-width: 736px) { .m_titleInterview .l_commonInner01.textWhite h1.intTitle--wideR { width: auto; margin: auto; } } @media only screen and (max-width: 736px) { .m_titleInterview .l_commonInner01.textWhite h1.intTitle { color: #5d5d5f; text-shadow: none; } } .m_titleInterview .l_commonInner01.textRight::before { content: ""; display: table-cell; width: 45%; height: 100%; } .m_titleInterview .l_commonInner01.textRight::after { display: none; } .m_titleInterview .l_commonInner01 h1.intTitle { font-size: 4.2rem; font-weight: normal; } @media only screen and (max-width: 736px) { .m_titleInterview .l_commonInner01 { width: 100%; padding: 15px 3%; min-height: 160px; } .m_titleInterview .l_commonInner01.textRight::before, .m_titleInterview .l_commonInner01::after { width: 43%; } .m_titleInterview .l_commonInner01 .title01 { padding: 10px; width: 55%; background: rgba(255,255,255,0.6); } .m_titleInterview .l_commonInner01 .title01 h1.intTitle { font-size: 1.8rem; } .m_titleInterview .l_commonInner01 .title01 h1.intTitle br { display: none; } } @media only screen and (max-width: 736px) { .m_titleInterview--08 .l_commonInner01 .title01 { width: 60%; } } .m_staffProfile .l_commonInner01 { display: table; table-layout: fixed; background: url(/saiyo/resources/images/saiyo/interview/bg_interviewpage_text01.png) right center no-repeat; } .m_staffProfile .l_commonInner01 .staffName { display: table-cell; vertical-align: middle; width: 270px; } .m_staffProfile .l_commonInner01 .staffName p { color: #42a0dc; font-size: 1.8rem; } .m_staffProfile .l_commonInner01 .staffName p.name { font-size: 2.4rem; } .m_staffProfile .l_commonInner01 .staffName p.small { font-size: 1.4rem; } .m_staffProfile .l_commonInner01 .staffCareer { display: table-cell; vertical-align: middle; width: 100%; } .m_staffProfile .l_commonInner01 .staffCareer p.small { font-size: 1.4rem; } @media only screen and (max-width: 736px) { .m_staffProfile .l_commonInner01 { display: block; width: 94%; padding: 20px 0; background-size: contain; } .m_staffProfile .l_commonInner01 .staffName, .m_staffProfile .l_commonInner01 .staffCareer { display: block; width: 100%; } .m_staffProfile .l_commonInner01 .staffName p.small, .m_staffProfile .l_commonInner01 .staffCareer p.small { font-size: 1.2rem; } .m_staffProfile .l_commonInner01 .staffName { padding: 0 0 10px; } .m_staffProfile .l_commonInner01 .staffName p { font-size: 1.6rem; } .m_staffProfile .l_commonInner01 .staffName p.name { font-size: 1.8rem; } .m_staffProfile .l_commonInner01 .staffName p.small { font-size: 1.2rem; } } .m_interviewContentWrap--01 .l_commonInner01:first-child { background: url(/saiyo/resources/images/saiyo/interview/bg_interviewpage_text02.png) left 50px no-repeat; padding-top: 180px; } @media only screen and (max-width: 736px) { .m_interviewContentWrap--01 .l_commonInner01:first-child { background: none; padding-top: 50px; } } .m_interviewContentWrap .m_interviewMainImg { margin: 100px 0 0; text-align: center; } @media only screen and (max-width: 736px) { .m_interviewContentWrap .m_interviewMainImg { margin: 30px auto 0; width: 80%; } .m_interviewContentWrap .m_interviewMainImg img { width: 100%; } } .m_interviewContentWrap .m_interviewFullWrap, .m_interviewContentWrap .m_interviewHalfWrap, .m_interviewContentWrap .m_imgFullWidthWrap, .m_interviewContentWrap .m_interviewHarfImg { padding: 50px 0; border-bottom: 1px solid #ddd7ca; } .m_interviewContentWrap .m_interviewFullWrap.noBorder, .m_interviewContentWrap .m_interviewHalfWrap.noBorder, .m_interviewContentWrap .m_imgFullWidthWrap.noBorder, .m_interviewContentWrap .m_interviewHarfImg.noBorder { border-bottom: 0; } .m_interviewContentWrap .m_interviewFullWrap--multiBlocks, .m_interviewContentWrap .m_interviewHalfWrap--multiBlocks, .m_interviewContentWrap .m_imgFullWidthWrap--multiBlocks, .m_interviewContentWrap .m_interviewHarfImg--multiBlocks { padding-top: 30px; } .m_interviewContentWrap .m_interviewFullWrap--multiBlocks.noBorder, .m_interviewContentWrap .m_interviewHalfWrap--multiBlocks.noBorder, .m_interviewContentWrap .m_imgFullWidthWrap--multiBlocks.noBorder, .m_interviewContentWrap .m_interviewHarfImg--multiBlocks.noBorder { padding-bottom: 0; } .m_interviewContentWrap .m_interviewFullWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_interviewHalfWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_imgFullWidthWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_interviewHarfImg h3.m_interviewQuestion { color: #42a0dc; font-size: 2.4rem; font-weight: normal; margin-bottom: 10px; } .m_interviewContentWrap .m_interviewFullWrap .answer p mark, .m_interviewContentWrap .m_interviewHalfWrap .answer p mark, .m_interviewContentWrap .m_imgFullWidthWrap .answer p mark, .m_interviewContentWrap .m_interviewHarfImg .answer p mark { font-weight: normal; background: #fcfe98; color: #5d5d5f; font-style: normal; } .m_interviewContentWrap .m_interviewFullWrap p, .m_interviewContentWrap .m_interviewHalfWrap p, .m_interviewContentWrap .m_imgFullWidthWrap p, .m_interviewContentWrap .m_interviewHarfImg p { font-size: 1.8rem; } .m_interviewContentWrap .m_interviewFullWrap p.mb, .m_interviewContentWrap .m_interviewHalfWrap p.mb, .m_interviewContentWrap .m_imgFullWidthWrap p.mb, .m_interviewContentWrap .m_interviewHarfImg p.mb { margin-bottom: 10px; } .m_interviewContentWrap .m_interviewFullWrap .contentImg .imgFull, .m_interviewContentWrap .m_interviewHalfWrap .contentImg .imgFull, .m_interviewContentWrap .m_imgFullWidthWrap .contentImg .imgFull, .m_interviewContentWrap .m_interviewHarfImg .contentImg .imgFull { margin-top: 15px; } @media only screen and (max-width: 736px) { .m_interviewContentWrap .m_interviewFullWrap, .m_interviewContentWrap .m_interviewHalfWrap, .m_interviewContentWrap .m_imgFullWidthWrap, .m_interviewContentWrap .m_interviewHarfImg { padding: 30px 0; } .m_interviewContentWrap .m_interviewFullWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_interviewHalfWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_imgFullWidthWrap h3.m_interviewQuestion, .m_interviewContentWrap .m_interviewHarfImg h3.m_interviewQuestion { font-size: 2rem; } .m_interviewContentWrap .m_interviewFullWrap h3.m_interviewQuestion::before, .m_interviewContentWrap .m_interviewHalfWrap h3.m_interviewQuestion::before, .m_interviewContentWrap .m_imgFullWidthWrap h3.m_interviewQuestion::before, .m_interviewContentWrap .m_interviewHarfImg h3.m_interviewQuestion::before { font-size: 2.2rem; padding-right: 5px; } .m_interviewContentWrap .m_interviewFullWrap p, .m_interviewContentWrap .m_interviewHalfWrap p, .m_interviewContentWrap .m_imgFullWidthWrap p, .m_interviewContentWrap .m_interviewHarfImg p { font-size: 1.6rem; } .m_interviewContentWrap .m_interviewFullWrap .contentImg .imgFull, .m_interviewContentWrap .m_interviewHalfWrap .contentImg .imgFull, .m_interviewContentWrap .m_imgFullWidthWrap .contentImg .imgFull, .m_interviewContentWrap .m_interviewHarfImg .contentImg .imgFull { width: 100%; margin-top: 15px; } } .m_interviewContentWrap .m_interviewHalfWrap { display: table; table-layout: fixed; width: 100%; } .m_interviewContentWrap .m_interviewHalfWrap .wrapInner { display: table-cell; width: 50%; vertical-align: top; } .m_interviewContentWrap .m_interviewHalfWrap .wrapInner:first-child { padding-right: 3%; } .m_interviewContentWrap .m_interviewHalfWrap .wrapInner:last-child { padding-left: 3%; } @media only screen and (max-width: 736px) { .m_interviewContentWrap .m_interviewHalfWrap { display: block; } .m_interviewContentWrap .m_interviewHalfWrap .wrapInner { display: block; width: 100%; padding: 0 3%; } } .m_interviewContentWrap .m_imgFullWidthWrap { padding: 0; text-align: center; max-width: 1200px; margin: 0 auto; } .m_interviewContentWrap .m_imgFullWidthWrap img { width: 100%; } @media only screen and (max-width: 736px) { .m_interviewContentWrap .m_imgFullWidthWrap { width: 100%; margin: 0 auto; } .m_interviewContentWrap .m_imgFullWidthWrap img { width: 100%; } } .m_interviewContentWrap .m_interviewHarfImg { overflow: hidden; } .m_interviewContentWrap .m_interviewHarfImg .contentImg.leftSection { float: left; padding-right: 3%; } .m_interviewContentWrap .m_interviewHarfImg .contentImg.rightSection { float: right; padding-left: 3%; } @media only screen and (max-width: 736px) { .m_interviewContentWrap .m_interviewHarfImg .contentImg.leftSection, .m_interviewContentWrap .m_interviewHarfImg .contentImg.rightSection { float: none; padding: 0 3%; } .m_interviewContentWrap .m_interviewHarfImg .contentImg.leftSection.contentImg, .m_interviewContentWrap .m_interviewHarfImg .contentImg.rightSection.contentImg { width: 80%; margin: 0 auto 10px; } .m_interviewContentWrap .m_interviewHarfImg .contentImg.leftSection.contentImg img, .m_interviewContentWrap .m_interviewHarfImg .contentImg.rightSection.contentImg img { width: 100%; } } .m_interviewContentWrap .m_otherStaffInterview { margin: 50px 0; text-align: center; } .m_interviewPageList .m_visualLinkRwd { max-width: 1200px; margin: 0 auto; } .m_interviewPageList .m_visualLinkRwd li.image { height: 370px; position: relative; } @media only screen and (max-width: 736px) { .m_interviewPageList .m_visualLinkRwd li.image { height: auto; } } .m_interviewPageList .m_visualLinkRwd li.image a { height: 100%; } .m_interviewPageList .m_visualLinkRwd li.image a .inner { height: 100%; } @media only screen and (max-width: 736px) { .m_interviewPageList .m_visualLinkRwd li.image a .inner { width: auto; margin: 0 3%; } } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea { position: absolute; left: 0; bottom: 10px; } @media only screen and (max-width: 736px) { .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea { padding-top: 100px; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkTtl { font-size: 1.8rem; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkTtl::before { width: 22px; height: 22px; background-size: 5px auto; vertical-align: top; } } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail { font-weight: bold; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail span { font-size: 2.4rem; display: block; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail span.place { font-size: 1.6rem; margin-bottom: 5px; } @media only screen and (max-width: 736px) { .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea { position: static; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail { width: 100%; box-sizing: border-box; font-size: 2rem; border: 2px solid #fff; padding: 10px; margin-top: 10px; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail::before { display: none; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail span { font-size: 2rem; } .m_interviewPageList .m_visualLinkRwd li.image a .inner .textArea .linkDetail span.place { font-size: 1.4rem; } } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop01::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top01.jpg?update=20250624) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop02::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top02.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop03::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top03.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop04::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top04.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop05::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top05.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop06::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top06.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop07::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top07.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop08::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top08.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop09::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top09.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop10::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top10.jpg?update=20250624) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop11::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top11.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop12::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top12.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop13::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top13.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop14::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top14.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop15::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top15.jpg) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop16::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top16.jpg?update=20250624) center center no-repeat; background-size: cover; } .m_interviewPageList .m_visualLinkRwd li.image--interviewtop17::before { background: url(/saiyo/resources/images/saiyo/interview/img_interview_top17.jpg?update=20250624) center center no-repeat; background-size: cover; } .messageSection .messageInner { overflow: hidden; border-bottom: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .messageSection .messageInner { margin-bottom: 0; } } .messageSection .messageInner h2.m_commonTitle05 { margin-bottom: 50px; } .messageSection .messageInner p { font-size: 1.8rem; line-height: 2; } .messageSection .messageInner p img { float: right; margin: 0 0 30px 30px; } @media only screen and (max-width: 736px) { .messageSection .messageInner p { font-size: 1.6rem; line-height: 1.7; } .messageSection .messageInner p img { float: none; margin: 0 0 20px; width: 100%; } } .messageSection .messageInner p.nameArea { margin: 40px 0; } @media only screen and (max-width: 736px) { .messageSection .messageInner p.nameArea { margin-top: 20px; } .messageSection .messageInner p.nameArea img { float: right; width: 50%; } } .messageSection .messageInner:nth-child(2) p img { float: left; margin: 0 30px 30px 0; } @media only screen and (max-width: 736px) { .messageSection .messageInner:nth-child(2) p img { float: none; margin: 0 0 20px 0; } } .messageSection .messageInner:last-child { border-bottom: 0; } .messageSection .messageInner .nameArea { margin-top: 30px; text-align: right; } .messageSection .messageInner .nameArea p img { float: none; width: 283px; height: auto; } .m_commonContentsHeading01--wages .titleInner { width: 50%; } @media only screen and (max-width: 736px) { .m_commonContentsHeading01--wages .titleInner h1.intTitle { text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff; } } .m_pageWages .m_commonTitle01 h2.title { padding: 0 35px; } @media only screen and (max-width: 736px) { .m_pageWages .m_commonTitle01 h2.title { padding: 0 10px; } } .m_pageWages .m_commonTitle01 h2.title--wide { padding: 0 20px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox { background: #d9edfa; padding: 60px 30px; position: relative; margin-top: 50px; border-radius: 18px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox { width: auto; width: initial; margin: 30px 10px 0; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox::before { background-color: #005084; border-radius: 10px; content: ""; display: block; height: 6px; left: 50%; position: absolute; top: 0px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 540px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox { padding: 40px 10px 20px; border-radius: 9px; text-align: center; } .m_pageWages .m_pinkRadiusBox.wagesUpBox::before { width: 50%; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 { font-size: 3.2rem; font-weight: bold; margin-bottom: 40px; text-align: center; } .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 .strong { background-color: #f9df1c; color: #f66760; font-size: 4.2rem; padding: 3px 5px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 { font-size: 2rem; } .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 .strong { font-size: 2.4rem; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 .iconUp { left: 120px; position: absolute; top: -30px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox h2 .iconUp { width: 100px; height: 100px; left: 0; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea { margin-bottom: 80px; font-size: 1.8rem; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea .strong { font-size: 2.2rem; font-weight: bold; vertical-align: baseline; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea .strong--orange { color: #e89933; font-size: 2.4rem; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea { font-size: 1.6rem; text-align: left; margin-bottom: 50px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea .strong { font-size: 2rem; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .txtArea .strong--orange { font-size: 2.2rem; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList { text-align: center; } @media only screen and (min-width: 737px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList { display: flex; justify-content: space-between; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li { display: inline-block; margin-right: 30px; positoin: relative; text-align: center; width: 273px; width: calc(920px / 3); } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li:last-child { margin-right: 0; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li { width: 100%; display: block; margin: 0 0 50px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li:last-child { margin-bottom: 0; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner { box-sizing: border-box; font-size: 1.8rem; min-height: 240px; padding: 0px 20px 0px; position: relative; background: #fff; border-radius: 18px; display: flex; justify-content: center; align-items: center; } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner--tall { padding-top: 20px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner { padding: 30px 10px 10px; min-height: inherit; font-size: 1.6rem; display: block; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner .iconPoint { background: #f9df1c; height: 80px; border-radius: 40px; left: 50%; padding-top: 20px; position: absolute; top: 0px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80px; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner .iconPoint { width: 60px; height: 60px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner .iconPoint img { width: 60%; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner p .strong { color: #e89933; font-size: 2.4rem; font-weight: bold; line-height: 1.6; } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner p .strong +mediaSp { font-size: 2rem; } .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner small { display: block; font-size: 1.6rem; text-align: left; text-indent: -1em; padding-left: 1em; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox ol.pointList li .inner small { font-size: 1.4rem; } } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine { clear: both; text-align: center; padding-top: 40px; position: relative; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::before, .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::after { content: ""; width: 1px; height: 30px; display: inline-block; vertical-align: baseline; background: #333; margin-bottom: -2px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::before { transform: rotate(-45deg); margin-right: 20px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::after { transform: rotate(45deg); margin-left: 20px; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine span.ttlInner { font-weight: bold; font-size: 2rem; } @media only screen and (max-width: 736px) { .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine { display: inline-block; position: relative; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine span.ttlInner { font-size: 1.8rem; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::before, .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::after { position: absolute; margin-bottom: 0; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::before { left: -20px; bottom: 0; } .m_pageWages .m_pinkRadiusBox.wagesUpBox .m__ttlBalloonLine::after { right: -20px; bottom: 0; } } .m_pageWages .wagesWhiteBox { padding: 60px 20px 50px; margin-top: 50px; border-radius: 18px; } @media only screen and (max-width: 736px) { .m_pageWages .wagesWhiteBox { padding: 10px 30px; margin-top: 30px; border-radius: 9px; } } .m_pageWages .wagesWhiteBox .wagesSec1Box { display: table; padding: 50px 30px; width: 100%; border-bottom: 1px solid #ddd7ca; } @media only screen and (max-width: 736px) { .m_pageWages .wagesWhiteBox .wagesSec1Box { padding: 20px 0; } } .m_pageWages .wagesWhiteBox .wagesSec1Box:last-child { border-bottom: 0; } .m_pageWages .wagesWhiteBox .wagesSec1Box .left { line-height: 1; color: #005084; font-size: 7.2rem; transform-origin: 0 0; transform: skewX(-10deg); display: table-cell; vertical-align: top; padding: 0 0 0 10px; width: 0.75em; } .m_pageWages .wagesWhiteBox .wagesSec1Box .right { font-size: 2.4rem; display: table-cell; vertical-align: top; } @media only screen and (max-width: 736px) { .m_pageWages .wagesWhiteBox .wagesSec1Box .right { font-size: 1.4rem; } } .m_pageWages .wagesWhiteBox .wagesSec1Box .right mark { background: #fcfe98; font-size: 2.8rem; vertical-align: baseline; font-weight: normal; font-style: normal; } @media only screen and (max-width: 736px) { .m_pageWages .wagesWhiteBox .wagesSec1Box .right mark { font-size: 1.8rem; } } .m_pageWages .wagesWhiteBox .wagesSec1Box .right .aside { font-size: 1.6rem; display: block; margin-top: 10px; } @media only screen and (max-width: 736px) { .m_pageWages .wagesWhiteBox .wagesSec1Box .right .aside { font-size: 1.2rem; } } .m_pageWages.change .m_commonTitle01 h2 { padding: 0 30px; } @media only screen and (max-width: 736px) { .m_pageWages.change .m_commonTitle01 h2 { padding: 0 10px; } } .m_pageWages.change p.overview { font-size: 2.4rem; text-align: center; text-align: left; } .m_pageWages.change p.overview mark { background: #fcfe98; font-size: 2.8rem; vertical-align: baseline; font-weight: normal; font-style: normal; } @media only screen and (max-width: 736px) { .m_pageWages.change p.overview { font-size: 1.4rem; } .m_pageWages.change p.overview mark { font-size: 1.8rem; } } .m_pageWages.change .imgBox { width: 100%; padding: 70px 0 60px; } @media only screen and (max-width: 736px) { .m_pageWages.change .imgBox { padding: 30px 0; } } .m_pageWages.change .imgBox img.pc { margin: 0 auto; display: block; } @media only screen and (max-width: 736px) { .m_pageWages.change .imgBox img.pc { display: none; } } .m_pageWages.change .imgBox img.sp { display: none; } @media only screen and (max-width: 736px) { .m_pageWages.change .imgBox img.sp { display: block; width: 100%; } } .philosophySection p { font-size: 1.8rem; } .philosophySection p mark { background: #fcfe98; font-weight: normal; font-style: normal; } @media only screen and (max-width: 736px) { .philosophySection p { font-size: 1.6rem; } } .philosophySection .photoFullWidth { margin: 30px auto; } .philosophySection .photoFullWidth img { width: 100%; } @media only screen and (max-width: 736px) { .philosophySection .photoFullWidth { margin: 20px auto; } } .philosophySection .messageBlock { background: #fff; overflow: hidden; position: relative; } .philosophySection .messageBlock:before, .philosophySection .messageBlock:after { content: ""; display: block; background: url(/saiyo/resources/images/saiyo/philosophy/line_vertical.jpg); width: 100%; height: 8px; position: absolute; left: 0; z-index: 2; } .philosophySection .messageBlock:before { top: 0; } .philosophySection .messageBlock:after { bottom: 0; } .philosophySection .messageBlock .bg { position: relative; } .philosophySection .messageBlock .bg:before, .philosophySection .messageBlock .bg:after { content: ""; display: block; background: url(/saiyo/resources/images/saiyo/philosophy/line_side.jpg); width: 8px; height: 100%; position: absolute; top: 0; z-index: 1; } .philosophySection .messageBlock .bg:before { left: 0; } .philosophySection .messageBlock .bg:after { right: 0; } .philosophySection .messageBlock .bg .accent { position: absolute; z-index: 1; content: ""; width: 139px; height: 27px; display: block; right: 40px; bottom: 7px; background: url(/saiyo/resources/images/saiyo/philosophy/img_accent02.png) 90% bottom no-repeat; } @media only screen and (max-width: 736px) { .philosophySection .messageBlock .bg .accent { bottom: 4px; } } .philosophySection .messageBlock .box { padding: 50px; position: relative; } .philosophySection .messageBlock .box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .philosophySection .messageBlock .box .textArea { width: 100%; } .philosophySection .messageBlock .box .textArea .title { margin: 0; padding: 0 0 40px; font-size: 2.4rem; color: #005084; text-align: center; } .philosophySection .messageBlock .box .textArea .italic { font-style: italic; font-size: 1.8rem; line-height: 2; text-align: center; } .philosophySection .messageBlock .box .textArea .text01 { font-size: 1.6rem; margin-top: 30px; } @media only screen and (max-width: 736px) { .philosophySection .messageBlock:before, .philosophySection .messageBlock:after { background-size: auto 100%; height: 4px; } .philosophySection .messageBlock .bg:before, .philosophySection .messageBlock .bg:after { background-size: 100% auto; width: 4px; } .philosophySection .messageBlock .box { padding: 25px 25px 50px; } .philosophySection .messageBlock .box .textArea .title { background-position: center bottom; background-size: 100% auto; padding: 0 0 25px; font-size: 1.8rem; } .philosophySection .messageBlock .box .textArea .italic { font-size: 1.4rem; text-align: left; } .philosophySection .messageBlock .box .textArea .text01 { font-size: 1.4rem; } } .philosophySection .imageBelt01 { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; } .philosophySection .imageBelt01 img { width: 33.4%; } .philosophySection .imageBelt02 { position: relative; z-index: 1; } .philosophySection .imageBelt02 img { width: 100%; } .philosophySection .imageBelt03 { position: relative; z-index: 1; } .philosophySection .imageBelt03 .pc { display: block; } .philosophySection .imageBelt03 .sp { display: none; } @media only screen and (max-width: 736px) { .philosophySection .imageBelt03 .pc { display: none; } .philosophySection .imageBelt03 .sp { display: block; } } .philosophySection .imageBelt03 img { width: 100%; } @media only screen and (max-width: 736px) { .philosophySection .imageBelt03 img { padding: 0 20px; } } .philosophySection .conceptBox01 { position: relative; z-index: 2; background: #f0ede6 url(/saiyo/resources/images/saiyo/philosophy/bg_title01.png) center 60px no-repeat; padding: 60px 30px; margin-top: -80px; margin-left: auto; margin-right: auto; width: 1000px; } @media only screen and (max-width: 736px) { .philosophySection .conceptBox01 { padding: 30px 25px; margin: -30px 20px 0; width: auto; background-position: center 30px; background-size: 90% auto; } } .philosophySection .conceptBox01 .title01 { text-align: center; } .philosophySection .conceptBox01 .title01 img { width: auto; } .philosophySection .conceptBox01 .titleSub { text-align: center; padding: 30px 0 50px; } @media only screen and (max-width: 736px) { .philosophySection .conceptBox01 .titleSub { padding: 20px 0; } .philosophySection .conceptBox01 .titleSub img { width: 100%; } } .philosophySection .conceptBox01 .text { line-height: 2; } @media only screen and (min-width: 737px) { .philosophySection .conceptBox01 .text { font-size: 1.8rem; } } .philosophySection .scheduleBox01 .pc { display: block; } .philosophySection .scheduleBox01 .sp { display: none; } .philosophySection .scheduleBox01 img { margin: 80px auto 30px; padding: 5px; background: #fff; } @media only screen and (max-width: 736px) { .philosophySection .scheduleBox01 img { padding: 10px; width: 100%; margin: 30px auto 20px; } .philosophySection .scheduleBox01 img.pc { display: none; } .philosophySection .scheduleBox01 img.sp { display: block; } } .philosophySection .scheduleBox01 p.notice { margin-bottom: 30px; padding-left: 70px; } @media only screen and (max-width: 736px) { .philosophySection .scheduleBox01 p.notice { margin-bottom: 10px; padding-left: 0; } } .philosophySection .secThreeForce .title02 { text-align: center; padding: 70px 0 40px; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .title02 { padding: 40px 20px 20px; } } .philosophySection .secThreeForce .title02 img { margin: 0 auto; } .philosophySection .secThreeForce .m_commonTitle02 { max-width: 1040px; margin: 0 auto 30px; padding-left: 49px; padding-right: 20px; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .m_commonTitle02 { padding-left: 27px; padding-right: 0; width: auto; margin: 10px; } } .philosophySection .secThreeForce .boxHeadline { text-align: center; padding: 6px 0; background: #7ec7a5; background-size: cover; margin-top: 55px; } .philosophySection .secThreeForce .boxHeadline p { color: #fff; font-size: 3.2rem; } .philosophySection .secThreeForce .boxHeadline p span { font-size: 4rem; vertical-align: baseline; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .boxHeadline { margin-top: 34px; } .philosophySection .secThreeForce .boxHeadline p { font-size: 2rem; } .philosophySection .secThreeForce .boxHeadline p span { font-size: 2.4rem; } } .philosophySection .secThreeForce .colorBoxWrap { padding-top: 77px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap { padding: 30px 20px 0; } } .philosophySection .secThreeForce .colorBoxWrap .box { position: relative; width: 306px; background: #fff; border-radius: 16px; } @media only screen and (min-width: 737px) { .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(2), .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(3), .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(5) { margin-left: 40px; } .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(1), .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(2), .philosophySection .secThreeForce .colorBoxWrap .box:nth-of-type(3) { margin-bottom: 30px; } } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box { border-radius: 8px; width: 100%; } .philosophySection .secThreeForce .colorBoxWrap .box:not(:first-of-type) { margin-top: 10px; } } .philosophySection .secThreeForce .colorBoxWrap .box .title { font-size: 2.4rem; font-weight: bold; color: #fff; text-align: center; padding: 20px 0; border-radius: 14px 14px 0 0; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box .title { font-size: 1.8rem; padding: 15px 0; border-radius: 7px 7px 0 0; } } .philosophySection .secThreeForce .colorBoxWrap .box.orange { border: 1px solid #fe7d71; } .philosophySection .secThreeForce .colorBoxWrap .box.orange .title { background: #f17d41; background-size: cover; } .philosophySection .secThreeForce .colorBoxWrap .box.orange::after { content: ""; display: block; width: 17px; height: 86px; background: url(/saiyo/resources/images/saiyo/philosophy/colorbox_border_short.png); position: absolute; top: -77px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box.orange::after { display: none; } } .philosophySection .secThreeForce .colorBoxWrap .box.green { border: 1px solid #005084; } .philosophySection .secThreeForce .colorBoxWrap .box.green .title { background: #44ae93; background-size: cover; } .philosophySection .secThreeForce .colorBoxWrap .box.green::after { content: ""; display: block; width: 17px; height: 86px; background: url(/saiyo/resources/images/saiyo/philosophy/colorbox_border_short.png); position: absolute; top: -77px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box.green::after { display: none; } } .philosophySection .secThreeForce .colorBoxWrap .box.pink { border: 1px solid #f39eb5; } .philosophySection .secThreeForce .colorBoxWrap .box.pink .title { background: #e26587; background-size: cover; } .philosophySection .secThreeForce .colorBoxWrap .box.pink::after { content: ""; display: block; width: 17px; height: 86px; background: url(/saiyo/resources/images/saiyo/philosophy/colorbox_border_short.png); position: absolute; top: -77px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box.pink::after { display: none; } } .philosophySection .secThreeForce .colorBoxWrap .box.blue { border: 1px solid #005084; } .philosophySection .secThreeForce .colorBoxWrap .box.blue .title { background: #32709f; background-size: cover; } .philosophySection .secThreeForce .colorBoxWrap .box.blue::after { content: ""; display: block; width: 17px; height: 339px; background: url(/saiyo/resources/images/saiyo/philosophy/colorbox_border_long.png); position: absolute; top: -332px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box.blue::after { display: none; } } .philosophySection .secThreeForce .colorBoxWrap .box.yellow { border: 1px solid #e3ba15; } .philosophySection .secThreeForce .colorBoxWrap .box.yellow .title { background: #e3c010; background-size: cover; } .philosophySection .secThreeForce .colorBoxWrap .box.yellow::after { content: ""; display: block; width: 17px; height: 339px; background: url(/saiyo/resources/images/saiyo/philosophy/colorbox_border_long.png); position: absolute; top: -332px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box.yellow::after { display: none; } } .philosophySection .secThreeForce .colorBoxWrap .box .text { padding: 25px; } @media only screen and (max-width: 736px) { .philosophySection .secThreeForce .colorBoxWrap .box .text { padding: 15px 25px; } } .philosophySection .photoSplitWidth { overflow: hidden; margin: 30px 0 20px; } .philosophySection .photoSplitWidth .imgSection { float: left; margin: 0 30px 10px 0; } @media only screen and (max-width: 736px) { .philosophySection .photoSplitWidth .imgSection { float: none; margin: 0 0 20px; } .philosophySection .photoSplitWidth .imgSection img { width: 100%; } } .philosophySection .photoSplitWidth p { display: inline; } @media only screen and (max-width: 736px) { .philosophySection .photoSplitWidth p { display: block; } } .philosophySection h3.concept { margin: 40px 0; text-align: center; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-size: 2.4rem; } .philosophySection h3.concept img { vertical-align: -5px; } .philosophySection h3.concept span { font-size: 4rem; vertical-align: baseline; } .philosophySection h3.concept span.blue { color: #42a0dc; } .philosophySection h3.concept span.orange { color: #f3982d; } @media only screen and (max-width: 736px) { .philosophySection h3.concept { font-size: 2rem; } .philosophySection h3.concept span { font-size: 2.4rem; } } .philosophySection .conceptImgThumb { margin-bottom: 20px; } .philosophySection .conceptImgThumb img { margin-right: 20px; } .philosophySection .conceptImgThumb img:last-child { margin-right: 0; } @media only screen and (max-width: 736px) { .philosophySection .conceptImgThumb img { width: 100%; display: block; margin-top: 20px; } } .philosophySection h3.training { margin: 40px 0; text-align: center; font-weight: normal; } .philosophySection h3.training em { display: block; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-style: normal; font-weight: bold; font-size: 2.4rem; } @media only screen and (max-width: 736px) { .philosophySection h3.training em { font-size: 2rem; } } .m_newRecruitContents.t_whiteBg01 .m_radiusBox02 { border: 1px solid #ddd7ca; } .m_newRecruitContents .m_radiusBox02 { margin: 40px 0; background: #fff; } .m_newRecruitContents .m_radiusBox02:last-child { margin-bottom: 0; } .m_newRecruitContents .m_radiusBox02 p.notice { margin: 20px 0; text-indent: -1em; padding-left: 1em; font-size: 1.4rem; } .m_newRecruitContents .m_radiusBox02 .m_commonTitle04 span { font-size: 1.8rem; vertical-align: baseline; font-weight: normal; padding-left: 10px; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .m_commonTitle04 { line-height: 1; padding-bottom: 5px; margin: 30px 0 15px; } .m_newRecruitContents .m_radiusBox02 .m_commonTitle04 span { font-size: 1.1rem; padding-left: 0; } } .m_newRecruitContents .m_radiusBox02 .m_commonTitle04::before { background-image: url(/resources/images/saiyo/common/ico_accent_plant02.png); width: 30px; } .m_newRecruitContents .m_radiusBox02 .allowance { display: table; width: 100%; table-layout: fixed; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .allowance { display: block; margin-top: 20px; } } .m_newRecruitContents .m_radiusBox02 .allowance dl { display: table-cell; width: 50%; vertical-align: middle; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .allowance dl { display: block; width: 100%; } } .m_newRecruitContents .m_radiusBox02 .allowance dl dt { font-size: 2.4rem; font-weight: bold; padding: 20px 0; line-height: 1; text-align: center; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .allowance dl dt { font-size: 1.8rem; } } .m_newRecruitContents .m_radiusBox02 .allowance dl dd { background: #f0ede6; font-size: 2.8rem; line-height: 1.4; padding: 18px 0; text-align: center; } .m_newRecruitContents .m_radiusBox02 .allowance dl dd span { font-size: 1.6rem; vertical-align: baseline; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .allowance dl dd { font-size: 2rem; } .m_newRecruitContents .m_radiusBox02 .allowance dl dd span { display: block; font-size: 1.2rem; } } .m_newRecruitContents .m_radiusBox02 .allowance dl.college dt { background: #d9edfa; color: #42a0dc; } .m_newRecruitContents .m_radiusBox02 .allowance dl.juniorCollege dt { background: #fcfe98; color: #dbe000; } .m_newRecruitContents .m_radiusBox02 .allowance dl.juniorCollege dd { background: url(/resources/images/saiyo/common/bg_line_dot_length.gif) #f0ede6 left top repeat-y; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .allowance dl.juniorCollege dd { background-image: none; } } .m_newRecruitContents .m_radiusBox02 ul.system { display: table-cell; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 ul.system { display: block; margin: 20px 0; } } .m_newRecruitContents .m_radiusBox02 ul.system li { text-indent: -1em; padding-left: 1em; } .m_newRecruitContents .m_radiusBox02 ul.system li::before { content: "●"; } .m_newRecruitContents .m_radiusBox02 ul.system li ul { margin-left: -1em; } .m_newRecruitContents .m_radiusBox02 ul.system li ul li::before { content: "・"; } .m_newRecruitContents .m_radiusBox02 .markImgBox { display: table-cell; width: 350px; padding-left: 20px; vertical-align: middle; } @media only screen and (max-width: 736px) { .m_newRecruitContents .m_radiusBox02 .markImgBox { display: block; width: 100%; padding-left: 0; margin-top: 20px; } .m_newRecruitContents .m_radiusBox02 .markImgBox img { max-width: 100%; } } .m_newSupportContents01 h2 { font-size: 4.2rem; font-weight: normal; color: #856652; } @media only screen and (max-width: 736px) { .m_newSupportContents01 h2 { font-size: 2rem; } } .m_newSupportContents01 h2.m_quoteMark { display: inline-block; padding: 15px 60px 10px 30px; background: url(/saiyo/resources/images/saiyo/common/ico_accent01_left.png) left top no-repeat, url(/saiyo/resources/images/saiyo/common/ico_accent01_right.png) right bottom no-repeat; } @media only screen and (max-width: 736px) { .m_newSupportContents01 h2.m_quoteMark { padding: 15px 20px 10px; width: 100%; background-size: 24px 20px, 24px 20px; } } .m_newSupportContents01 h2.planTraining { text-align: center; } .m_newSupportContents01 .carrerOverview h3.carrerheading { font-size: 2.4rem; color: #42a0dc; font-weight: normal; line-height: 2; margin: 20px 0; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview h3.carrerheading { font-size: 2rem; } } .m_newSupportContents01 .carrerOverview .careerFlow { margin: 40px 0 60px; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .careerFlow { margin: 20px 0 30px; } } .m_newSupportContents01 .carrerOverview .careerFlow .balloon { background: #fff; border: 2px dashed #ddd7ca; text-align: center; padding: 30px 0; color: #42a0dc; font-size: 3rem; border-radius: 18px; position: relative; } .m_newSupportContents01 .carrerOverview .careerFlow .balloon::after { content: ""; display: block; width: 57px; height: 49px; background: url(/saiyo/resources/images/saiyo/new_graduate/support/arrow_bottom_absolute.png) left top no-repeat; position: absolute; bottom: -47px; left: 50%; margin-left: -28px; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .careerFlow .balloon { font-size: 1.8rem; padding: 20px 0; border-radius: 9px; } .m_newSupportContents01 .carrerOverview .careerFlow .balloon::after { width: 28px; height: 24px; background-size: contain; bottom: -22px; background-image: url(/saiyo/resources/images/saiyo/new_graduate/support/arrow_bottom_absolute_sp.png); margin-left: -14px; } } .m_newSupportContents01 .carrerOverview .flowTop { margin-top: 110px; text-align: center; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop { margin-top: 30px; } } .m_newSupportContents01 .carrerOverview .flowTop p { font-size: 2.4rem; color: #42a0dc; font-weight: bold; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop p { font-size: 1.8rem; } } .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox { width: 202px; box-sizing: border-box; margin: 0 auto; background: #fff; padding: 20px; display: table; border-radius: 18px; } .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox .icon { width: 44px; vertical-align: middle; display: table-cell; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox .icon { min-width: 44px; display: inline-block; } } .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox p { display: table-cell; font-size: 1.8rem; width: 100%; color: #856652; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox p { display: inline-block; width: auto; padding-left: 15px; } } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop .nurserySchoolBox { width: 100%; border-radius: 9px; } } .m_newSupportContents01 .carrerOverview .flowTop .spLine { display: none; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowTop .spLine { width: 3px; height: 30px; display: inline-block; margin: 0 auto; background: #ddd7ca; } } .m_newSupportContents01 .carrerOverview .flowBottom { text-align: center; position: relative; } .m_newSupportContents01 .carrerOverview .flowBottom img.spArrow { display: none; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom img.spArrow { display: inline-block; } } .m_newSupportContents01 .carrerOverview .flowBottom .pointBox img { position: absolute; top: -11px; left: 50%; margin-left: -9px; } .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox { border: 2px solid #005084; border-radius: 18px; width: 300px; background: #fff; text-align: left; position: absolute; right: 0; top: -138px; } .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox dt { background: #005084; color: #fff; font-size: 1.8rem; color: #fff; padding: 12px; font-weight: bold; border-radius: 14px 14px 0 0; text-align: center; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox dt { font-size: 1.6rem; border-radius: 7px 7px 0 0; } } .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox dd { font-size: 1.8rem; padding: 12px; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox dd { font-size: 1.6rem; } } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom .pointBox img { display: none; } .m_newSupportContents01 .carrerOverview .flowBottom .pointBox dl.innerBox { width: 100%; position: static; border-radius: 9px; } } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom img.separateArrow { display: none; } } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection { display: table; width: 100%; table-layout: fixed; margin-top: 10px; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection { display: block; } } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li { display: table-cell; vertical-align: top; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .img { margin-bottom: 10px; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li p { color: #856652; font-weight: bold; font-size: 1.8rem; line-height: 1.5; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li p.example { font-weight: normal; color: #5d5d5f; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:first-child { width: 31.5%; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:nth-child(2) { width: 37%; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:last-child { width: 31.5%; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li { display: table; table-layout: fixed; background: #fff; border-radius: 9px; margin-bottom: 20px; padding: 10px; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .img { display: table-cell; width: 30%; vertical-align: middle; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .img img { width: 100%; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .text { display: table-cell; width: 70%; padding-left: 10px; vertical-align: middle; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .text p { font-size: 1.6rem; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li .text p.example { font-size: 1.4rem; } .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:first-child, .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:nth-child(2), .m_newSupportContents01 .carrerOverview .flowBottom ul.separateSection li:last-child { width: 100%; } } .m_newSupportContents01 .m_radiusBox02 p span { display: block; font-size: 1.4rem; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .m_radiusBox02 p { font-size: 1.4rem; } .m_newSupportContents01 .m_radiusBox02 p span { font-size: 1.2rem; } } .m_newSupportContents01 .m_trainingBox01 { margin: 40px 0 0; display: table; width: 100%; table-layout: fixed; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .m_trainingBox01 { display: block; margin-top: 20px; padding: 0 15px; } } .m_newSupportContents01 .m_trainingBox01 .img, .m_newSupportContents01 .m_trainingBox01 p.text01 { display: table-cell; vertical-align: middle; width: 50%; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .m_trainingBox01 .img, .m_newSupportContents01 .m_trainingBox01 p.text01 { display: block; width: 100%; } } .m_newSupportContents01 .m_trainingBox01 .img { padding-left: 20px; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .m_trainingBox01 .img { padding: 0; } .m_newSupportContents01 .m_trainingBox01 .img img { width: 100%; } } .m_newSupportContents01 .m_trainingBox01 p.text01 span { font-weight: bold; } @media only screen and (max-width: 736px) { .m_newSupportContents01 .m_trainingBox01 p.text01 { margin-top: 20px; font-size: 1.4rem; } } .m_supportContents01 { overflow: hidden; } .m_supportContents01 .m_commonTitle01 { position: relative; z-index: 1; } .m_supportContents01 .m_commonTitle01:before { position: absolute; left: 0; bottom: 0; transform: translateX(-100%); } .m_supportContents01 .m_commonTitle01:after { position: absolute; right: 0; bottom: 0; transform: translateX(100%); } .m_supportContents02 .text01 { margin: 20px 0; } .m_supportContents02 .text01.mt0 { margin-top: 0; } .m_supportContents02 .caption01 { font-size: 1.2rem; margin-top: 10px; } @media only screen and (min-width: 737px) { .m_supportThemeCardo1 { display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; } } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 { display: block; } } .m_supportThemeCardo1 .themeCard { box-sizing: border-box; border-radius: 10px; padding: 0 10px 10px 10px; width: 205px; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard { width: 100%; } .m_supportThemeCardo1 .themeCard:not(:first-of-type) { margin-top: 20px; } } .m_supportThemeCardo1 .themeCard .columnTitle { font-weight: bold; text-align: center; font-size: 2.2rem; padding: 10px 0; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard .columnTitle { font-size: 1.8rem; } } .m_supportThemeCardo1 .themeCard li { color: #856652; font-weight: bold; text-align: center; padding: 10px; display: block; border-radius: 10px; line-height: 1.2; } .m_supportThemeCardo1 .themeCard li:not(:first-of-type) { margin-top: 10px; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard li { font-size: 1.4rem; } } .m_supportThemeCardo1 .themeCard--yellow { border: 1px solid #dbe000; } .m_supportThemeCardo1 .themeCard--yellow .columnTitle { color: #dbe000; background: url(/saiyo/resources/images/saiyo/support/theme_icon01.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard--yellow .columnTitle { background-size: 45px auto; } } .m_supportThemeCardo1 .themeCard--yellow li { background: #fdffb5; } .m_supportThemeCardo1 .themeCard--orange { border: 1px solid #f3982d; } .m_supportThemeCardo1 .themeCard--orange .columnTitle { color: #f3982d; background: url(/saiyo/resources/images/saiyo/support/theme_icon02.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard--orange .columnTitle { background-size: 45px auto; } } .m_supportThemeCardo1 .themeCard--orange li { background: #ffebd4; } .m_supportThemeCardo1 .themeCard--green { border: 1px solid #63c0ab; } .m_supportThemeCardo1 .themeCard--green .columnTitle { color: #63c0ab; background: url(/saiyo/resources/images/saiyo/support/theme_icon03.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard--green .columnTitle { background-size: 45px auto; } } .m_supportThemeCardo1 .themeCard--green li { background: #def9f3; } .m_supportThemeCardo1 .themeCard--blue { border: 1px solid #42a0dc; } .m_supportThemeCardo1 .themeCard--blue .columnTitle { color: #42a0dc; background: url(/saiyo/resources/images/saiyo/support/theme_icon04.svg) center center no-repeat; } @media only screen and (max-width: 736px) { .m_supportThemeCardo1 .themeCard--blue .columnTitle { background-size: 45px auto; } } .m_supportThemeCardo1 .themeCard--blue li { background: #e2eef6; } .m_supportProject { padding: 0 20px 20px 20px; background: #f0ffcc; color: #5d5d5f; } .m_supportProject .supportProjectTitle { font-weight: bold; font-size: 2.4rem; padding: 12px; text-align: center; } @media only screen and (max-width: 736px) { .m_supportProject .supportProjectTitle { font-size: 1.8rem; } } @media only screen and (min-width: 737px) { .m_supportProject ul { display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; } } @media only screen and (max-width: 736px) { .m_supportProject ul { display: block; text-align: center; font-size: 0; } } .m_supportProject ul li { width: 156px; padding: 12px 0; border-radius: 10px; background: #fff; text-align: center; font-weight: bold; } @media only screen and (max-width: 736px) { .m_supportProject ul li { display: inline-block; width: 48%; font-size: 1.4rem; } .m_supportProject ul li:nth-of-type(2n) { margin-left: 4%; } .m_supportProject ul li:not(:last-of-type) { margin-bottom: 10px; } } .m_supportBox01 { display: block; } .m_supportBox01 .imgBox01 { display: block; text-align: center; margin: 30px auto 0; } .m_supportBox01 .imgBox01 .img { width: 320px; display: inline-block; vertical-align: top; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox01 .img { width: 100%; } } .m_supportBox01 .imgBox01 .img:not(:first-of-type) { margin-left: 30px; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox01 .img:not(:first-of-type) { margin-left: 0; margin-top: 20px; } } .m_supportBox01 .imgBox01 .img img { width: 100%; } .m_supportBox01 .imgBox01 .img .caption { text-align: left; margin-top: 5px; } .m_supportBox01 .text02 { width: 50%; padding-right: 15px; box-sizing: border-box; display: inline-block; vertical-align: top; } @media only screen and (max-width: 736px) { .m_supportBox01 .text02 { width: 100%; padding-right: 0; } } .m_supportBox01 .text02 .title { color: #856652; margin-bottom: 10px; } .m_supportBox01 .text02 .greenBox { margin-top: 10px; background: #fcfe98; padding: 20px; font-weight: bold; } .m_supportBox01 .text02 .greenBox ul li { padding-left: 1em; text-indent: -1em; } .m_supportBox01 .imgBox02 { width: 50%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox02 { width: 100%; padding-top: 20px; } } .m_supportBox01 .imgBox02 .img { display: inline-block; width: 210px; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox02 .img { width: 100%; } } .m_supportBox01 .imgBox02 .img:not(:first-of-type) { margin-left: 20px; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox02 .img:not(:first-of-type) { margin-left: 0; margin-top: 20px; } } .m_supportBox01 .imgBox02 .img img { width: 100%; display: block; } .m_supportBox01 .imgBox03 { width: 50%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 736px) { .m_supportBox01 .imgBox03 { width: 100%; margin-top: 20px; } } .m_supportBox01 .imgBox03 img { width: 100%; display: block; } .m_supportBox02 .card01, .m_supportBox02 .card02 { display: inline-block; vertical-align: top; } @media only screen and (min-width: 737px) { .m_supportBox02 .card01:not(:last-of-type), .m_supportBox02 .card02:not(:last-of-type) { padding-bottom: 30px; } } @media only screen and (max-width: 736px) { .m_supportBox02 .card01, .m_supportBox02 .card02 { display: block; } } .m_supportBox02 .card01 .img, .m_supportBox02 .card02 .img { text-align: center; padding: 20px 0 30px; } .m_supportBox02 .card01 .img img, .m_supportBox02 .card02 .img img { margin: 0 auto; display: block; } .m_supportBox02 .card01 .list01 > li, .m_supportBox02 .card02 .list01 > li { color: #856652; font-weight: bold; padding-left: 1em; text-indent: -1em; line-height: 1.2; } .m_supportBox02 .card01 .list01 > li:not(:last-of-type), .m_supportBox02 .card02 .list01 > li:not(:last-of-type) { padding-bottom: 10px; } .m_supportBox02 .card01 .list01 > li:before, .m_supportBox02 .card02 .list01 > li:before { content: "・"; } .m_supportBox02 .card01 .list01 > li .intList, .m_supportBox02 .card02 .list01 > li .intList { color: #5d5d5f; font-weight: normal; margin-left: -0.8em; padding-top: 10px; } .m_supportBox02 .card01 .list01 > li .intList > li, .m_supportBox02 .card02 .list01 > li .intList > li { padding-left: 1em; text-indent: -1em; } .m_supportBox02 .card01 .list01 > li .intList > li:not(:last-of-type), .m_supportBox02 .card02 .list01 > li .intList > li:not(:last-of-type) { padding-bottom: 10px; } .m_supportBox02 .card01 .list01 > li .intList > li:before, .m_supportBox02 .card02 .list01 > li .intList > li:before { content: "-"; padding-right: 0.5em; } .m_supportBox02 .card01 { width: 48%; } @media only screen and (min-width: 737px) { .m_supportBox02 .card01:nth-of-type(2n) { margin-left: 4%; } } @media only screen and (max-width: 736px) { .m_supportBox02 .card01 { width: 100%; background: #fff; border-radius: 8px; padding: 20px 10px; } .m_supportBox02 .card01:not(:first-of-type) { margin-top: 20px; } } .m_supportBox02 .card02 { width: 30%; } @media only screen and (min-width: 737px) { .m_supportBox02 .card02:nth-child(n + 2) { margin-left: 5%; } } @media only screen and (max-width: 736px) { .m_supportBox02 .card02 { width: 100%; } } .m_supportBox02 .imageAndList { position: relative; z-index: 1; padding: 20px 0 0; } @media only screen and (min-width: 737px) { .m_supportBox02 .imageAndList { display: flex; justify-content: space-between; } } .m_supportBox02 .imageAndList img { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 736px) { .m_supportBox02 .imageAndList img { display: none; } } .m_supportBox02 .imageAndList .list { display: inline-block; color: #856652; font-weight: bold; vertical-align: middle; margin-right: 15px; } .m_supportBox03 { width: 640px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 736px) { .m_supportBox03 { width: 100%; } } .m_supportBox03 .greenBox { margin-top: 10px; background: #fcfe98; padding: 20px; font-weight: bold; } .m_supportBox03 .greenBox ul li { display: inline-block; width: 50%; box-sizing: border-box; padding-left: 1em; text-indent: -1em; } @media only screen and (max-width: 736px) { .m_supportBox03 .greenBox ul li { width: 100%; display: block; } } .m_calendarBox01 .title { margin-top: 40px; text-align: center; background: #42a0dc; color: #fff; font-weight: bold; padding: 30px 10px 10px; vertical-align: middle; position: relative; z-index: 1; } @media only screen and (max-width: 736px) { .m_calendarBox01 .title { padding: 15px 10px 10px; } } .m_calendarBox01 .title:before, .m_calendarBox01 .title:after { content: ""; display: block; width: 28px; height: 35px; background: url(/saiyo/resources/images/saiyo/support/img_ring01.png) center center no-repeat; background-size: contain; position: absolute; z-index: 2; top: -10px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .title:before, .m_calendarBox01 .title:after { width: 14px; height: 17px; top: -5px; } } .m_calendarBox01 .title:before { left: 180px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .title:before { left: 90px; } } .m_calendarBox01 .title:after { right: 180px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .title:after { right: 90px; } } @media only screen and (max-width: 736px) { .m_calendarBox01 .title .small { font-size: 2rem; line-height: 1.4; } } .m_calendarBox01 .title .big { font-size: 2rem; line-height: 1.4; } .m_calendarBox01 .monthList { display: block; width: 100%; } .m_calendarBox01 .monthList > li { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 4px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .monthList > li { width: 100%; display: block; } } .m_calendarBox01 .monthList > li .inner { display: table; table-layout: fixed; width: 100%; } .m_calendarBox01 .monthList > li .inner .month { display: table-cell; vertical-align: middle; background: #f2f0e4; width: 120px; text-align: center; color: #42a0dc; font-size: 3.2rem; vertical-align: middle; line-height: 1; font-weight: bold; padding: 20px 10px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .monthList > li .inner .month { width: 70px; padding: 10px; font-size: 1.8rem; } } .m_calendarBox01 .monthList > li .inner .month .small { font-size: 2rem; display: inline-block; vertical-align: bottom; } @media only screen and (max-width: 736px) { .m_calendarBox01 .monthList > li .inner .month .small { font-size: 1.4rem; } } .m_calendarBox01 .monthList > li .inner .detail { display: table-cell; vertical-align: middle; background: #f0ede6; padding: 20px; } @media only screen and (max-width: 736px) { .m_calendarBox01 .monthList > li .inner .detail { padding: 10px; } } .m_smallMaxWidthImageList { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; } @media only screen and (max-width: 736px) { .m_smallMaxWidthImageList { display: none; } } .m_smallMaxWidthImageList li { width: 25%; display: block; } .m_smallMaxWidthImageList li img { display: block; width: 100%; } .m_visualLinkRwd .image.image--jobSearchInterview1:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview1.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview1:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview1 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview1 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview1 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview2:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview2.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview2:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview2 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview2 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview2 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview3:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview3.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview3:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview3 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview3 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview3 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview4:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview4.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview4:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview4 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview4 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview4 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview5:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview5.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview5:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview5 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview5 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview5 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview6:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview6.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview6:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview6 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview6 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview6 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview7:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview7.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview7:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview7 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview7 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview7 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview8:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview8.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview8:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview8 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview8 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview8 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview9:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview9.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview9:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview9 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview9 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview9 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_visualLinkRwd .image.image--jobSearchInterview10:before { background-image: url(/saiyo/resources/images/saiyo/jobs/interview/img_interview10.jpg?update=20250624); background-position: left 25%; } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview10:before { background-position: center center; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview10 .inner .textArea .linkTtl { font-size: 2.4rem; } } @media only screen and (max-width: 736px) { .m_visualLinkRwd .image.image--jobSearchInterview10 .inner .textArea .linkTtl br { display: none; } } @media only screen and (min-width: 737px) { .m_visualLinkRwd .image.image--jobSearchInterview10 .inner .textArea .linkDetail { padding: 20px 15px; } } .m_modal { position: fixed; background: rgba(93,93,95,0.6); width: 100%; height: 100vh; height: 100dvh; left: 0; top: 0; z-index: 10000; display: none; } .m_modal_inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 940px; background: #fff; border-radius: 18px; padding: 30px; max-height: calc(100vh - 140px); overflow-y: auto; } @media only screen and (max-width: 736px) { .m_modal_inner { padding: 20px 15px; width: calc(100vw - 40px); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); } .m_modal_inner .formList02 li { width: 100%; } } @media only screen and (max-width: 736px) { .spNone { display: none !important; } } @media only screen and (min-width: 737px) { .pcNone { display: none !important; } } @media only screen and (max-width: 736px) { .pcBr { display: none !important; } } @media only screen and (min-width: 737px) { .spBr { display: none !important; } } .m_bold { font-weight: bold !important; } .m_breadCrumb { background: rgba(0,80,132,0.8); color: #fff; } .m_breadCrumb.absolute { position: absolute; z-index: 2; } @media only screen and (max-width: 736px) { .m_breadCrumb { display: none; } } .m_breadCrumb ol { display: block; width: 100%; font-size: 1.5rem; line-height: 1.4; padding: 6px 0; box-sizing: border-box; } .m_breadCrumb ol li { display: inline-block; font-weight: bold; } .m_breadCrumb ol li a { font-weight: normal; color: #fff; } .m_breadCrumb ol li:not(:last-child):after { content: "/"; margin: 0 7px; font-weight: normal; } .m_spotLink01:before { content: ""; display: inline-block; vertical-align: middle; width: 13px; height: 17px; margin-right: 5px; margin-top: -3px; background: url(/saiyo/resources/images/saiyo/common/ico_spot01.svg) center center no-repeat; background-size: contain; } .m_arrowLink { vertical-align: middle; display: inline-block; } .m_arrowLink:before { content: ""; display: inline-block; width: 6px; height: 11px; margin-right: 7px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_right_theme_color01.svg) center center no-repeat; background-size: contain; } .m_btnPageBack01 { vertical-align: middle; display: inline-block; margin-top: 55px; } @media only screen and (max-width: 736px) { .m_btnPageBack01 { margin-top: 30px; } } .m_btnPageBack01--mt01 { margin-top: 30px; } .m_btnPageBack01--mt0 { margin-top: 0; } @media only screen and (max-width: 736px) { .m_btnPageBack01--mt0 { margin-top: 0; } } .m_btnPageBack01:before { content: ""; display: inline-block; width: 6px; height: 11px; margin-right: 7px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_left_theme_color01.svg) center center no-repeat; background-size: contain; } .m_radiusBox01 { border-radius: 18px; padding: 50px 30px; box-sizing: border-box; } @media only screen and (max-width: 736px) { .m_radiusBox01 { border-radius: 9px; padding: 30px 15px; } } .m_radiusBox02 { border-radius: 18px; padding: 30px; box-sizing: border-box; } .m_radiusBox02--mt30 { margin-top: 30px; } @media only screen and (min-width: 737px) { .m_radiusBox02--top { padding-bottom: 40px; } } @media only screen and (max-width: 736px) { .m_radiusBox02 { border-radius: 9px; padding: 30px 15px; } } .m_accentText01 { display: block; font-size: 3.6rem; padding: 15px 30px; margin-top: 30px; box-sizing: border-box; position: relative; z-index: 1; } .m_accentText01--small { font-size: 2.4rem; } .m_accentText01--small02 { font-size: 1.8rem; margin: 15px 0; } @media only screen and (max-width: 736px) { .m_accentText01--small02 { margin-bottom: 0; } } @media only screen and (max-width: 736px) { .m_accentText01 { font-size: 1.6rem; padding: 15px 10px; margin-top: 10px; } .m_accentText01--small, .m_accentText01--small02 { font-size: 1.4rem; } } .m_accentText01:before, .m_accentText01:after { content: ""; width: 48px; height: 40px; display: block; position: absolute; z-index: -1; } @media only screen and (max-width: 736px) { .m_accentText01:before, .m_accentText01:after { width: 24px; height: 20px; } } .m_accentText01:before { left: 0; top: 0; background: url(/saiyo/resources/images/saiyo/common/ico_accent01_left.png) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_accentText01:before { top: 5px; } } .m_accentText01:after { right: 0; bottom: 5px; background: url(/saiyo/resources/images/saiyo/common/ico_accent01_right.png) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_accentText01:after { bottom: 10px; } } .m_commonAnchorNav01 { border: 1px solid #ddd7ca; border-radius: 100px; display: table; table-layout: fixed; width: 100%; overflow: hidden; margin-top: 60px; } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 { border-radius: 30px; } } .m_commonAnchorNav01--mt0 { margin-top: 0; } .m_commonAnchorNav01 li { overflow: hidden; display: table-cell; } @media only screen and (min-width: 737px) { .m_commonAnchorNav01 li:not(:first-child) { border-left: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:first-child { border-radius: 100px 0 0 100px; } .m_commonAnchorNav01 li:last-child { border-radius: 0 100px 100px 0; } } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li { display: inline-block; width: 49%; border-bottom: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:nth-child(2n - 1) { border-right: 1px solid #ddd7ca; } .m_commonAnchorNav01 li:nth-child(2n - 1):last-child { border-bottom: 0; } .m_commonAnchorNav01 li:nth-child(2n - 1):nth-last-child(2) { border-bottom: 0; } .m_commonAnchorNav01 li:nth-child(2n):last-child { border-bottom: 0; } } .m_commonAnchorNav01 li a { overflow: hidden; display: block; text-align: center; min-height: 60px; color: #5d5d5f; background-color: #fff; padding: 15px; font-size: 1.8rem; text-decoration: none; transition: 0.4s; } @media all and (-ms-high-contrast: none) { .m_commonAnchorNav01 li a { padding: 18px 15px 12px; } } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li a { font-size: 1.3rem; padding: 15px 0; min-height: initial; } } .m_commonAnchorNav01 li a:before { content: ""; display: inline-block; vertical-align: middle; width: 11px; height: 6px; margin-right: 7px; margin-top: -4px; background: url(/saiyo/resources/images/saiyo/arrow/arrow_down_theme_color01.svg) center center no-repeat; background-size: contain; } @media only screen and (max-width: 736px) { .m_commonAnchorNav01 li a:before { width: 8px; height: 5px; } } @media only screen and (min-width: 737px) { .m_commonAnchorNav01 li a:hover { background: #d9edfa; } } .t_whiteBg { background: #fff; } .t_colorBg01 { background-color: #d9edfa; } .t_colorBg02 { background-color: #f0ede6; } .t_line01 { border-bottom: 1px solid #ddd7ca; } .t_line02 { border-bottom: 4px solid #ddd7ca; } .t_line03 { border-bottom: 4px solid #c4d9e6; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 5001; background: #30b974; opacity: 0.8; } .bodyInterview .mfp-bg { background: #333; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 5002; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 5003; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { margin-top: 50px; margin-bottom: 50px; width: 100%; cursor: auto; } @media screen and (max-width: 736px) { .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { margin-top: 0px; margin-bottom: 0px; } } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 5004; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 5005; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } button.mfp-close { width: 56px; height: 56px; content: ""; display: block; position: absolute; right: -28px; top: -28px; text-decoration: none; text-align: center; background: url(/saiyo/resources/images/saiyo/common/btn_close.png) center center no-repeat; } @media screen and (max-width: 736px) { button.mfp-close { width: 40px; height: 40px; content: ""; display: block; position: absolute; right: -20px; top: -20px; text-decoration: none; text-align: center; background: transparent url(/saiyo/resources/images/saiyo/common/btn_close.png) center center no-repeat; -webkit-background-size: 40px; background-size: 40px; } } .mfp-close:hover, .mfp-close:focus { opacity: 0.8; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 20px; padding-right: 20px; } } .mfp-bg { background: rgba(93,93,95,0.6); } .white-popup { position: relative; background: #fff; padding: 30px; border-radius: 18px; width: auto; max-width: 940px; margin: 20px auto; z-index: 10000; } @media only screen and (max-width: 736px) { .white-popup { padding: 20px 15px; } .white-popup .m_searchFormInner { border-bottom: 0; } .white-popup .m_searchFormInner .formList02 { border-bottom: 0; padding: 0; } .white-popup .m_searchFormInner .formList02 li { width: 100%; } .white-popup .m_searchFormInner .formList02 li:nth-child(2n - 1) { border-right: 0; } .white-popup .m_searchFormInner .formList02 .m_commonDoublebtnArea { margin-top: 20px; } } .white-popup .m_commonDoublebtnArea { margin-top: 40px; } @media only screen and (max-width: 736px) { .white-popup .m_commonDoublebtnArea { margin-top: 0; } } .customSizeS { font-size: 1.4rem; } @media only screen and (max-width: 736px) { .customSizeS { font-size: 1.2rem; } } .customSizeL { font-size: 2.4rem; } @media only screen and (max-width: 736px) { .customSizeL { font-size: 2rem; } } .customWeightBold { font-weight: bold; } .customColorPink { color: #42a0dc; } .customColorOrange { color: #fe7d71; } .customTxtCenter { text-align: center; } .customTxtRight { text-align: right; } .customBgBlue { background-color: #fcfe98; } .customLinkPdf { padding-left: 18px; background: url(/saiyo/resources/images/saiyo/common/ico_pdf01.svg) left center no-repeat; background-size: 13px 17px; font-size: 1.6rem; } @media only screen and (max-width: 736px) { .customLinkPdf { font-size: 1.4rem; padding: 7px 0 7px 18px; } }