@charset "UTF-8";
@charset "UTF-8";


@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css); html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}
figcaption,figure,picture,main{display:block}figure,picture{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}
img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}
summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{max-width:800px;margin:0 auto}.row{padding-bottom:0}.col{display:block;width:100%}
@media(min-width:768px){.gutters .row{margin-left:-1%;margin-right:-1%}.gutters .col{padding:0 .981%}
.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}
.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}
.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}
} .container{padding:0 1%}.container img{max-width:100%;height:auto}
*+.container{margin-top:2em}.row:not(:last-child){margin-bottom:4%}.col:not(:last-child){margin-bottom:2%}
@media(min-width:768px){.container{max-width:1000px;margin:auto;padding:0 10px}*+.container{margin-top:40px}
.row{display:flex;flex-wrap:wrap}.row.reverse{flex-flow:row-reverse}.col.offset_1{margin-left:8.33333333333%}
.col.offset_2{margin-left:16.6666666667%}.col.offset_3{margin-left:25%}.col.offset_4{margin-left:33.3333333333%}
.col.offset_5{margin-left:41.6666666667%}.col.offset_6{margin-left:50%}.col.offset_7{margin-left:58.3333333333%}
.col.offset_8{margin-left:66.6666666667%}.col.offset_9{margin-left:75%}.col.offset_10{margin-left:83.3333333333%}
.col.offset_11{margin-left:91.6666666667%}.col.offset_12{margin-left:100%}}@media(min-width:1024px){.container{padding:0}
}
.ofi{display:block;position:relative;overflow:hidden;padding-top:75%}.ofi img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;object-fit:contain;font-family:'object-fit: contain;';max-width:100%;max-height:100%}
@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") format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * 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-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color:#000}
.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}
.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}
.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-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,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>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} html.swipebox-html.swipebox-touch{overflow:hidden !important}
#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}
#swipebox-slider .slide .swipebox-video-container{background:0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}
#swipebox-slider .slide-loading{background:url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/images/loader.gif) no-repeat center center}
#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}
#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/images/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}
#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}
.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}
@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}
}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}
}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}
}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}
@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}
}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}
#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/images/ajax-loader.gif) center center no-repeat}
@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/fonts/slick.eot);src:url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/fonts/slick.woff) format('woff'),url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/fonts/slick.ttf) format('truetype'),url(//www.silverlink.co.jp/wp/wp-content/themes/silverlink.co.jp_theme/assets/css/fonts/slick.svg#slick) format('svg')}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:18px;height:33px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}
.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:13px;height:13px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:#fff;border-radius:50%}
.slick-dots li.slick-active button{background:#449096;border-radius:50%}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
html {
font-size: 62.5%;
overflow-x: hidden;
}
html.scrollPrevent {
overflow: hidden;
height: 100%;
}
body {
background: #f6f6f6;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
font-size: 1.6em;
line-height: 1.5;
color: #181818;
height: auto !important;
overflow: hidden;
}
@media (max-width: 767px) {
body {
font-size: 1.6em;
}
}
_:-ms-lang(x)::-ms-backdrop,
body {
font-family: Arial, Meiryo, sans-serif;
}
main {
overflow: hidden;
}
figure,
picture {
margin: 0;
text-align: center;
}
figure img,
picture img {
max-width: 100%;
height: auto;
}
figure figcaption,
picture figcaption {
margin-top: 0.5em;
text-align: left;
}
a {
color: #181818;
transition: all 0.3s;
}
a:hover {
color: #181818;
text-decoration: none;
}
.highlight a {
color: #181818;
}
.highlight a:hover {
color: #181818;
}
a:not([class]) img,
a.swipebox img {
transition: all 0.3s;
}
a:not([class]):hover img,
a.swipebox:hover img {
opacity: 0.8;
}
img {
vertical-align: middle;
}
img.circle {
border-radius: 50%;
}
p {
margin: 0.5em 0 1em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
ol,
ul {
margin: 0 0 1em;
padding: 0 0 0 2.5em;
line-height: 1.6;
}
ol:last-child,
ul:last-child {
margin-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0.5em 0;
padding-left: 2em;
}
ol ol:last-child,
ol ul:last-child,
ul ol:last-child,
ul ul:last-child {
margin-bottom: 0.5em;
}
ul.list-unstyled {
padding-left: 0;
list-style: none;
}
ul.list-unstyled ol,
ul.list-unstyled ul {
padding-left: 2em;
}
ul.list-inline {
margin: 0;
padding: 0;
list-style: none;
margin-left: -7px;
font-size: 0rem;
margin-bottom: 16px;
}
ul.list-inline > li {
display: inline;
padding-left: 7px;
padding-right: 7px;
white-space: nowrap;
font-size: 1.6rem;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
main .contents_wrapper {
max-width: 100%;
padding: 0;
}
main section {
margin-bottom: 100px;
}
@media (max-width: 767px) {
main section {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
main section:last-child {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
p {
margin: 0.5em 0 1em;
}
}
@media (max-width: 900px) {
.gutters .span_3.column_sub,
.gutters .span_9.column_main {
float: none;
width: 100%;
margin-left: 0;
}
}
@media (min-width: 600px) and (max-width: 900px) {
.gutters .span_3.column_sub .sidebar {
letter-spacing: -0.4em;
}
.gutters .span_3.column_sub .sidebar .widget_wrap {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
width: 49%;
margin-left: 2%;
}
.gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n + 1) {
margin-left: 0;
}
}
@media (min-width: 768px) {
.container {
max-width: 1000px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.container {
max-width: 100%;
}
}
.article_button {
margin-top: 5%;
}
@media (min-width: 768px) {
.article_detail:not(.reverse) .col.span_12 + .span_4,
.article_list:not(.reverse) .col.span_12 + .span_4 {
margin-left: 0;
}
}
.sidebar {
visibility: hidden;
}
.sidebar > .widget_wrap {
visibility: visible;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 6%;
}
.sidebar ul li {
margin-bottom: 10px;
}
.sidebar ul a {
color: #181818;
text-decoration: none;
display: block;
padding: 0.5em;
border-bottom: rgba(24, 24, 24, 0.1) solid 1px;
}
.sidebar ul a:hover {
color: #181818;
background: rgba(24, 24, 24, 0.05);
}
.gutters .col.span_12 + .span_12 {
margin-left: 0;
}
.map_wide #map_canvas,
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_wide img {
max-width: none;
}
.slick-track {
margin: 0 auto;
}
.col dl p {
line-height: 1.4;
margin: 0;
}
.col p {
line-height: 1.8;
letter-spacing: 0.1em;
}
.container {
padding: 0 10px;
}
@media (min-width: 1020px) {
.container {
padding: 0;
}
}
.highlight {
padding: 4% 0;
background: rgba(24, 24, 24, 0.1);
color: #181818;
}
.highlight.round {
border-radius: 10px;
}
p.highlight,
.col.highlight {
padding: 4%;
}
.js-header_break_point {
display: none;
z-index: 900;
}
@media (min-width: 768px) {
.d-flex {
display: flex;
}
.row.flex-wrap {
flex-wrap: wrap;
}
.row.flex-nowrap {
flex-wrap: nowrap;
}
.flex-row-reverse {
flex-direction: row-reverse;
justify-content: space-between;
}
.align-items-start {
align-items: flex-start;
}
.align-items-center {
align-items: center;
}
.align-items-end {
align-items: flex-end;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
}
.column_main .col p + *:not(p),
.column_main .col table + *:not(p) {
margin-top: 40px;
}
.anker-links .anker-bg {
background: #efefef;
padding: 30px 30px 10px 30px;
}
.anker-links .col {
margin-bottom: 20px !important;
}
.anker-links .col > p .button, .anker-links .col > p .inquiry .form_button, .inquiry .anker-links .col > p .form_button {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 0.3em 0 0.3em 35px;
margin: 0 !important;
max-width: none;
width: 100%;
text-decoration: none;
background: Transparent;
border: none !important;
border-radius: 0 !important;
transition: 0.3s;
line-height: 1.2;
letter-spacing: 0.05em;
text-align: left;
color: #181818;
font-weight: bold;
position: relative;
font-size: 1.6rem;
}
@media (min-width: 768px) {
.anker-links .col > p .button, .anker-links .col > p .inquiry .form_button, .inquiry .anker-links .col > p .form_button {
font-size: 1.7rem;
}
}
.anker-links .col > p .button:before, .anker-links .col > p .inquiry .form_button:before, .inquiry .anker-links .col > p .form_button:before {
transition: 0.3s;
content: "";
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 26px;
height: 26px;
border: 0;
background: #181818;
border-radius: 50%;
}
.anker-links .col > p .button:after, .anker-links .col > p .inquiry .form_button:after, .inquiry .anker-links .col > p .form_button:after {
z-index: 2;
content: "";
position: absolute;
top: 10px;
left: 8px;
right: auto !important;
margin: auto;
width: 6px;
height: 6px;
border: none;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
background: none !important;
}
.anker-links .col > p .button:hover, .anker-links .col > p .inquiry .form_button:hover, .inquiry .anker-links .col > p .form_button:hover {
color: #ff003c;
}
.anker-links .col > p .button:hover:before, .anker-links .col > p .inquiry .form_button:hover:before, .inquiry .anker-links .col > p .form_button:hover:before {
background: #ff003c;
}
p.title {
line-height: 1.66;
letter-spacing: 0.08em;
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 1.5em;
}
@media (max-width: 767px) {
p.title {
font-size: 2rem;
}
}
p.bold-text {
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2;
}
.fn-arial, .article_detail h3 {
font-family: Arial, sans-serif;
}
.bg-box {
padding: 5%;
background: #efefef;
}
.bg-box h2,
.bg-box h3,
.bg-box h4 {
padding-bottom: 5px;
margin-bottom: 30px;
padding-left: 0;
}
@media (max-width: 767px) {
.bg-box h2,
.bg-box h3,
.bg-box h4 {
margin-bottom: 25px;
}
}
.bg-box h2:before,
.bg-box h3:before,
.bg-box h4:before {
display: none !important;
}
.bg-box h2:after,
.bg-box h3:after,
.bg-box h4:after {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
height: 2px;
width: 230px;
background: #c001ff;
}
.border-box {
padding: 5%;
background: #fff;
border: 6px solid #efefef;
}
.border-box h2,
.border-box h3,
.border-box h4 {
padding-bottom: 5px;
margin-bottom: 30px;
padding-left: 0;
}
@media (max-width: 767px) {
.border-box h2,
.border-box h3,
.border-box h4 {
margin-bottom: 25px;
}
}
.border-box h2:before,
.border-box h3:before,
.border-box h4:before {
display: none !important;
}
.border-box h2:after,
.border-box h3:after,
.border-box h4:after {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
height: 2px;
width: 230px;
background: #ffba00;
}
.bg-section {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/bg-section.png);
padding: 90px 0;
}
@media (max-width: 767px) {
.bg-section {
padding: 45px 0;
}
}
.bg-section .bg-box h2:after,
.bg-section .bg-box h3:after,
.bg-section .bg-box h4:after,
.bg-section .border-box h2:after,
.bg-section .border-box h3:after,
.bg-section .border-box h4:after {
background: #ff003c;
} .flow-content .flow-block {
padding: 5% 3%;
background: #efefef;
margin-bottom: 60px;
margin-bottom: 60px;
position: relative;
}
.flow-content .flow-block:after {
position: absolute;
content: "";
width: 0;
height: 0;
bottom: -90px;
right: 0;
left: 0;
margin: auto;
border: 45px solid transparent;
border-top: 30px solid #efefef;
}
.flow-content .flow-block:last-child:after {
display: none;
}
.number_title {
padding-left: 0;
font-size: 2.4rem;
font-weight: bold;
}
@media (max-width: 767px) {
.number_title {
font-size: 2rem;
}
}
.number_title .number {
display: inline-block;
vertical-align: baseline;
font-size: 84%;
padding: 0.1em 0.5em 0.1em;
margin-right: 0.6em;
background: #313131;
color: #fff;
margin-bottom: 0.2em;
line-height: 1.4;
}
.number_title:after {
display: none;
} .ul01 {
margin-bottom: 1em;
list-style: none;
padding-left: 0;
}
.ul01 li {
position: relative;
margin-bottom: 0.5em;
padding-left: 1.5em;
}
.ul01 li:before {
position: absolute;
content: "";
width: 0.5em;
height: 0.5em;
background: #FC6;
border-radius: 50%;
top: 0.58em;
left: 0.35em;
} .ul02 {
margin-bottom: 1em;
list-style: none;
padding-left: 0;
}
.ul02 li {
position: relative;
margin-bottom: 0.5em;
padding-left: 1.7em;
}
.ul02 li:before {
position: absolute;
content: "";
width: 0.5em;
height: 0.5em;
border: 3px solid #FC6;
border-radius: 50%;
top: 0.38em;
left: 0.38em;
} .ul_check {
margin-bottom: 1em;
list-style: none;
padding-left: 0;
}
.ul_check li {
position: relative;
margin-bottom: 0.5em;
padding-left: 1.8em;
}
.ul_check li:before {
position: absolute;
content: "";
width: 1em;
height: 1em;
background: #ff003c;
border: 1px solid #ff003c;
top: 4px;
left: 5px;
border-radius: 2px;
}
.ul_check li:after {
display: block;
content: "";
position: absolute;
top: 9px;
left: 9px;
width: 8px;
height: 3px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
z-index: 10;
} .ul_arrow {
list-style: none;
padding-left: 0;
}
.ul_arrow li {
position: relative;
margin-bottom: 0.5em;
padding-left: 1.2em;
}
.ul_arrow li:before {
position: absolute;
content: "";
width: 0;
height: 0;
top: 0.35em;
left: 7px;
margin: 0px 0 0 0;
border: 6px solid transparent;
border-top: 8px solid #FC6;
transform: rotate(-90deg);
}
.ul_arrow li:before a {
text-decoration: none;
}
.qa-block {
cursor: pointer;
position: relative;
margin-bottom: 1.8em;
padding-top: 1.8em;
border-bottom: 1px solid #b0b0b0;
}
.qa-block:after, .qa-block:before {
content: "";
display: block;
position: absolute;
width: 3px;
height: 15px;
background: #181818;
transition: 200ms;
top: 40px;
right: 20px;
margin: auto;
}
.qa-block:after {
transform: rotate(90deg);
}
.qa-block:before {
transform: rotate(180deg);
}
.qa-block.open:before {
transform: rotate(90deg);
}
.qa-block h3 {
padding-left: 55px !important;
border-bottom: none;
padding-bottom: 0;
}
.qa-block h3:after {
position: absolute;
content: "Q";
font-size: 21px;
top: 0.1em;
left: 0.5em;
color: #fff;
font-weight: bold;
border: none;
background: none;
width: auto;
height: auto;
}
.qa-block h3:before {
position: absolute;
content: "";
top: 0;
left: 0;
background: #181818;
height: 38px;
width: 38px;
border-radius: 50%;
}
.qa-block .answer {
position: relative;
padding: 2px 2px 2px 50px;
margin-top: 20px;
}
.qa-block .answer:after {
position: absolute;
content: "A";
font-size: 21px;
top: 0.1em;
left: 0.55em;
color: #fff;
font-weight: bold;
border: none;
background: none;
width: auto;
height: auto;
}
.qa-block .answer:before {
position: absolute;
content: "";
top: 0;
left: 0;
background: #ff003c;
height: 38px;
width: 38px;
border-radius: 50%;
}
.qa-block .answer p {
padding: 0 0 12px 38px;
margin: 0;
}
.works-sidebar-accordion-content {
border-bottom: rgba(24, 24, 24, 0.1) solid 1px;
}
.works-sidebar-accordion-content nav {
display: none;
}
.works-sidebar-accordion-content nav ul {
margin-bottom: 0;
}
.works-sidebar-accordion-content nav ul li {
margin-bottom: 0 !important;
}
.works-sidebar-accordion-content nav ul li:last-child a {
border-bottom: none;
}
.works-sidebar-accordion-content .nav-open {
padding: 0.5em;
margin-bottom: 0;
cursor: pointer;
position: relative;
transition: 0.2s;
}
.works-sidebar-accordion-content .nav-open:hover {
background: rgba(24, 24, 24, 0.05);
}
.works-sidebar-accordion-content .nav-open:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 15px;
background: #181818;
transition: 200ms;
top: 0.8em;
right: 20px;
margin: auto;
transform: rotate(180deg);
}
.works-sidebar-accordion-content .nav-open:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 15px;
background: #181818;
transition: 200ms;
top: 0.8em;
right: 20px;
margin: auto;
transform: rotate(90deg);
}
.works-sidebar-accordion-content .nav-open.active {
background: #181818;
color: #fff;
}
.works-sidebar-accordion-content .nav-open.active:before, .works-sidebar-accordion-content .nav-open.active:after {
background: #fff;
}
.works-sidebar-accordion-content .nav-open.active:before {
transform: rotate(90deg);
}
@media (min-width: 768px) {
ul.list2 {
display: flex;
flex-wrap: wrap;
}
ul.list2 li {
width: 50%;
}
}
.globalHeader {
background: #181818;
color: #181818;
font-size: 14px;
}
@media (max-width: 899px) {
.globalHeader.high {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 899px) {
.globalHeader {
background: #181818;
position: fixed;
z-index: 999;
width: 100%;
}
}
.globalHeader .container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
padding: 0;
height: 80px;
}
@media (min-width: 900px) {
.globalHeader .container {
max-width: 1040px;
padding: 0 20px;
}
}
@media (max-width: 899px) {
.globalHeader .container {
height: 60px;
}
}
.globalHeader .globalHeader_top {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.globalHeader .header_logo {
width: 270px;
height: 25px;
margin: 0;
}
@media (max-width: 899px) {
.globalHeader .header_logo {
margin-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 899px) {
.globalHeader .header_logo {
width: 240px;
height: auto;
}
}
@media (max-width: 767px) {
.globalHeader .header_logo {
width: 150px;
height: auto;
}
}
.globalHeader .header_logo a {
display: block;
height: auto;
line-height: 0;
}
.globalHeader .header_logo a img {
max-width: 100%;
height: auto;
}
.global_nav {
width: auto;
list-style-position: inside;
}
@media (max-width: 899px) {
.global_nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
z-index: 56;
transition: all 0.3s;
display: flex;
justify-content: flex-end;
align-items: flex-start;
opacity: 0;
visibility: hidden;
overflow-x: hidden;
overflow-y: scroll;
}
}
.global_nav > ul {
list-style: none;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.global_nav > ul {
margin-top: 3px;
}
.global_nav > ul li:last-child a {
padding-right: 0 !important;
}
}
@media (max-width: 899px) {
.global_nav > ul {
display: block;
background: rgba(24, 24, 24, 0.9);
width: 80vw;
max-width: 400px;
transform: translateX(100%);
transition: all 0.3s;
height: 100%;
overflow: auto;
}
}
@media (max-width: 899px) {
.global_nav > ul li {
border-bottom: #b3b3b3 solid 1px;
}
.global_nav > ul li:first-child {
border-top: #b3b3b3 solid 1px;
}
}
.global_nav > ul li a {
color: #f6f6f6;
text-decoration: none;
padding: 0 0 0.3em;
margin: 0 1.09em;
transition: all 0.3s;
letter-spacing: 0.1em;
font-family: arial, sans-serif;
font-weight: 900;
}
@media (max-width: 1000px) {
.global_nav > ul li a {
margin: 0 0.5em;
}
}
@media (min-width: 900px) {
.global_nav > ul li a {
position: relative;
}
.global_nav > ul li a:before {
position: absolute;
display: block;
content: "" !important;
width: 0;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: 0.3s ease-in;
background: #f6f6f6;
}
.global_nav > ul li a:hover:before {
width: 100%;
}
}
@media (max-width: 899px) {
.global_nav > ul li a {
display: block;
padding: 1em;
color: #fff;
position: relative;
}
.global_nav > ul li a:after {
content: "";
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 1em;
margin-top: -4px;
}
}
.global_nav > ul li a:hover {
opacity: 0.8;
}
.global_nav > ul li:first-child a:before {
content: none;
}
@media (max-width: 899px) {
.global_nav.open {
opacity: 1;
visibility: visible;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
}
@media (max-width: 899px) {
.global_nav.open > ul {
transform: translateX(0);
}
} #headerToggle {
display: none;
}
@media (max-width: 899px) {
#headerToggle {
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
z-index: 99;
cursor: pointer;
width: 30px;
height: 25px;
transition: all 0.3s;
}
#headerToggle span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #f6f6f6;
transition: all 0.4s;
}
#headerToggle span:nth-of-type(1) {
top: 0;
}
#headerToggle span:nth-of-type(2) {
top: 11px;
}
#headerToggle span:nth-of-type(3) {
bottom: 0;
}
#headerToggle.active span {
background-color: white;
}
#headerToggle.active span:nth-of-type(1) {
transform: translateY(11px) rotate(-45deg);
}
#headerToggle.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
}
#headerToggle.active span:nth-of-type(3) {
transform: translateY(-11px) rotate(45deg);
}
}
.hdr_info_wrapper {
display: none;
}
@media (min-width: 900px) {
.hdr_info_wrapper {
display: block;
position: absolute;
top: 15px;
right: 0;
}
}
.hdr_info_wrapper .hdr_info {
display: flex;
align-items: center;
margin-right: 10px;
}
.hdr_info_wrapper .hdr_info_group {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
}
.hdr_info_wrapper .hdr_info_group li {
margin-left: 10px;
}
.hdr_info_wrapper .hdr_info_group .button, .hdr_info_wrapper .hdr_info_group .inquiry .form_button, .inquiry .hdr_info_wrapper .hdr_info_group .form_button {
min-width: 220px;
font-size: 1.4rem;
}
.sp_hdr_info_wrapper {
display: none;
}
@media (max-width: 899px) {
.sp_hdr_info_wrapper {
display: block;
position: absolute;
top: 15px;
right: 70px;
}
}
.sp_hdr_info_wrapper .sp_hdr_info_group {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li {
margin-left: 10px;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_tel {
color: white;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_tel a {
color: #181818;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_tel i {
font-size: 3.2rem;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_mail {
color: white;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_mail a {
color: #181818;
}
.sp_hdr_info_wrapper .sp_hdr_info_group li.hdr_icon_mail i {
font-size: 3.2rem;
}
footer {
position: relative;
padding: 79px 0 50px;
font-size: 14px;
}
@media (max-width: 767px) {
footer {
padding: 40px 0 20px;
}
}
footer > .container {
max-width: 1040px;
padding: 0 20px;
}
@media (max-width: 767px) {
footer .logo-content .logo {
margin-bottom: 30px;
}
}
footer .fNav ul {
margin: 0;
padding: 0;
list-style: none;
}
footer .fNav ul li + li {
border-top: 1px solid #232323;
}
footer .fNav ul li a {
display: block;
padding: 1em 15px;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: 900;
letter-spacing: 0.1em;
transition: 0.2s;
}
footer .fNav ul li a:hover {
opacity: 0.8;
transition: 0.2s;
}
footer .fNav ul li.menu-item-has-children ul {
display: block !important;
}
footer .copy_right {
font-size: 1rem;
}
@media (max-width: 767px) {
footer ul {
border-top: 1px solid rgba(24, 24, 24, 0.3);
}
footer ul li > ul {
border-top: 1px solid rgba(24, 24, 24, 0.3);
}
footer ul li.menu-item-has-children ul {
display: block !important;
height: auto !important;
}
footer ul li.menu-item-has-children ul a {
font-size: 90%;
padding-left: 1.5em;
}
footer ul li.menu-item-has-children ul ul a {
padding-left: 2.5em;
}
footer .col {
margin-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
footer .row .logo-content {
width: 100%;
}
footer .row .logo-content figure {
margin: 20px 0 40px;
text-align: center;
}
footer .row .fNav-content {
width: 100%;
margin: 0 auto;
}
footer .row .fNav-content .fNav ul {
justify-content: center;
}
}
@media (min-width: 768px) {
footer .fNav ul {
width: 100%;
text-align: left;
border-bottom: none;
display: flex;
align-items: center;
justify-content: center;
}
footer .fNav ul li {
border: none !important;
}
footer .fNav ul li:last-child a {
padding-right: 0 !important;
}
footer .fNav ul li a {
padding: 0.2em 0;
margin: 0.58em;
text-decoration: none;
position: relative;
}
footer .fNav ul li a:after {
position: absolute;
display: block;
content: "";
width: 0;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: 0.3s ease-in;
background: #f6f6f6;
}
footer .fNav ul li a:hover:after {
width: 100%;
}
footer .fNav ul li > ul {
padding-left: 0.2em;
}
footer .fNav ul li > ul a {
font-size: 90%;
}
footer .fNav ul li > ul a:before {
width: 5px;
height: 5px;
border: none;
background: #181818;
border-radius: 50%;
margin-top: -2px;
}
footer .fNav ul li > ul .sub-menu {
padding-left: 1em;
}
footer .fNav ul li > ul .sub-menu a:before {
width: 5px;
height: 2px;
border: none;
background: #181818;
border-radius: 0;
transform: rotate(0);
}
}
.copy_right {
font-family: arial, sans-serif;
font-weight: 900;
border-top: 1px solid #232323;
background: #181818;
color: #848484;
letter-spacing: 0.1em;
font-size: 1.2rem;
margin: 0;
padding: 1.8em 0;
}
@media (max-width: 767px) {
.copy_right {
padding: 1em 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
footer nav ul li.tablet-break:after {
content: "\A";
white-space: pre;
}
footer nav ul li.tablet-break + li:before {
display: none;
}
}
footer {
background: #181818;
color: #f6f6f6;
}
footer a {
color: #f6f6f6;
}
footer a:hover {
color: #f6f6f6;
}
.bread_wrap {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.bread_wrap {
margin-bottom: 40px;
}
}
.bread {
letter-spacing: 0.08em;
overflow: hidden;
margin: 0;
font-size: 1.2rem;
font-weight: bold;
}
.bread ul {
padding: 1em 0;
margin: 0 auto;
float: none;
}
.bread ul li {
list-style: none;
position: relative;
float: left;
padding-right: 20px;
margin-right: 10px;
}
.bread ul li a {
text-decoration: underline;
color: #181818;
}
.bread ul li a:hover {
color: #181818;
}
.bread ul li:after {
content: '>';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.bread ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.bread ul li:last-child:after {
content: none;
}
.button, .inquiry .form_button {
display: inline-block;
max-width: 240px;
width: 100%;
margin: 0;
padding: 1em 1em;
border: #181818 solid 1px;
line-height: 1;
background: #fff;
color: #181818;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: 0.3s;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6;
font-size: 1.6rem;
cursor: pointer; }
.button:hover, .inquiry .form_button:hover {
background: #0b0b0b;
color: #fff;
border-color: #0b0b0b;
}
.button.arrow, .inquiry .arrow.form_button {
position: relative;
font-size: 1.6rem;
}
.button.arrow:after, .inquiry .arrow.form_button:after {
content: "";
display: block;
position: absolute;
transition: 0.2s;
bottom: 51%;
right: -12%;
margin: auto;
width: 41px;
height: 4px;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/icn-linkarrow.png);
}
.button.arrow:hover, .inquiry .arrow.form_button:hover {
border: 1px solid #181818;
color: #fff;
}
.button.arrow:hover:after, .inquiry .arrow.form_button:hover:after {
right: -41px;
}
.highlight .button, .highlight .inquiry .form_button, .inquiry .highlight .form_button {
color: #181818;
}
.highlight .button:hover, .highlight .inquiry .form_button:hover, .inquiry .highlight .form_button:hover {
color: #fff;
}
.button.inverse, .inquiry .inverse.form_button {
background: none;
border-color: #181818;
color: #181818;
}
.button.inverse:after, .inquiry .inverse.form_button:after {
border-color: #181818;
}
.button.inverse:hover, .inquiry .inverse.form_button:hover {
background: #181818;
color: #fff;
}
.button.inverse:hover:after, .inquiry .inverse.form_button:hover:after {
border-color: #fff;
}
.button.block, .inquiry .block.form_button {
display: block;
min-width: 100%;
}
.button.small, .inquiry .small.form_button {
padding: 0.6em 1em;
max-width: unset;
width: auto;
}
.button.small.arrow, .inquiry .small.arrow.form_button {
padding-right: 2.5em;
}
.button + .button, .inquiry .form_button + .button, .inquiry .button + .form_button, .inquiry .form_button + .form_button {
margin-left: 0.5em;
} .inquiry fieldset {
margin: 0;
border: none;
padding: 0;
}
.inquiry .table-default {
border: none;
}
.inquiry .table-default th {
background: none;
border: none;
border-bottom: 1px solid #ddd;
text-align: left;
padding: 20px 0.5em 20px 0.5em;
vertical-align: top;
font-weight: bold;
position: relative;
}
@media (max-width: 767px) {
.inquiry .table-default th{
padding-bottom: 0.5em;
padding-top: 1em;
}
.inquiry .table-default th .required{
transform: translateY(-1px);
}
}
@media (min-width: 768px) {
.inquiry .table-default th .required {
position: absolute;
top: 0;
right: 0;
}
}
.inquiry .table-default td {
background: none;
border: none;
border-bottom: 1px solid #ddd !important;
padding: 20px 0.5em;
}
@media (max-width: 767px) {
.inquiry .table-default td {
padding-top: 0;
padding-bottom: 1em;
}
}
.inquiry input[type="text"],
.inquiry input[type="url"],
.inquiry input[type="email"],
.inquiry input[type="tel"],
.inquiry input[type="date"],
.inquiry input[type="number"],
.inquiry select,
.inquiry textarea {
width: 100%;
padding: 15px;
color: #000;
border-radius: 2px;
border: 1px solid #ddd;
font-size: 1.6rem;
margin: .2em .2em;
}
.inquiry input[type="number"] {
width: 65px;
text-align: center;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry .mwform-tel-field {
display: flex;
justify-content: space-between;
}
.inquiry .submit {
margin: 1em 0;
text-align: center;
}
.inquiry .required {
display: inline-block;
background: #c00;
color: white;
padding: .2em .5em;
font-size: 1.2rem;
margin-left: .5em;
flex-shrink: 0;
}
.inquiry label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.inquiry input[type="text"],
.inquiry input[type="url"],
.inquiry input[type="email"],
.inquiry input[type="tel"],
.inquiry input[type="date"],
.inquiry input[type="text"],
.inquiry select {
margin: 0 .2em;
}
.inquiry input[type="number"] {
width: 65px;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry textarea {
width: 100%;
}
.inquiry .input_wrap {
display: block;
margin: 0 .2em;
}
.inquiry .input_wrap input, .inquiry .input_wrap textarea {
margin: 0;
}
.inquiry .input_wrap:last-child {
margin-right: auto;
}
.inquiry .submit {
margin: 60px 0 0;
}
}
.form_button_wrap {
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
.form_button_wrap {
flex-flow: column;
justify-content: center;
align-items: center;
}
}
.form_button_wrap button {
margin: .5em !important;
}
.privacy_wrap {
margin-top: 5%;
border: #ccc solid 1px;
padding: 1em;
height: 400px;
overflow-y: scroll;
}
.mw_wp_form_confirm .input-show {
display: none;
}
.mw_wp_form_input .input-hide {
display: none;
}
.movie {
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.movie.ar16to9 {
padding-top: 56.25%;
}
.movie.ar4to3 {
padding-top: 75%;
}
@media (max-width: 767px) {
.news .heading {
display: flex;
justify-content: space-between;
}
.news .heading h2 {
text-align: left;
margin: 0 0 1em;
}
.news .heading h2:after {
right: auto;
}
}
.news dl {
margin: 0;
overflow-y: auto;
max-height: 300px;
}
.news dl dt {
margin: 0.5em 0 0;
padding: 0 1em;
font-weight: normal;
}
.news dl dd {
margin: 0.5em 0;
padding: 0 1em 0.5em;
border-bottom: #ccc solid 1px;
position: relative;
}
.news dl dd a {
text-decoration: none;
}
.news dl dd a:hover {
text-decoration: underline;
}
.news dl .badge_category {
display: inline-block;
background: #181818;
color: white;
padding: .2em 1em;
margin-left: 1em;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.news > div {
display: flex;
width: 100%;
margin: 0 auto;
}
.news > div .heading {
width: 23.5%;
}
.news h2 {
margin: 0;
padding: 0;
}
.news h2:after {
display: none;
}
.news .content {
overflow: hidden;
width: 74.5%;
padding-left: 2%;
}
.news dl {
overflow-y: auto;
max-height: 200px;
}
.news dl dt {
margin: 0;
padding: 1em 0 .5em 0;
}
.news dl dd {
margin: 0;
padding: .5em 0 1em 0;
}
}
.qa h3.question {
font-size: 1.6rem;
border: none;
}
.qa .question {
position: relative;
margin-bottom: 1em;
padding: 1em 50px 1em 1em;
background-color: rgba(24, 24, 24, 0.1);
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
}
.qa .question:after {
content: none;
}
.qa .question:before {
content: none;
}
.qa .question.open:after {
transform: rotate(180deg);
}
.qa .answer {
padding: 0 0 0 1em;
}
.qa .answer:not(:last-child) {
margin-bottom: 2em;
}
.qa.qa_active .question {
cursor: pointer;
}
.qa.qa_active .question:after {
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 1em;
left: auto;
top: 50%;
bottom: auto;
margin-top: -12px;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/arrow_down.svg) center center no-repeat;
background-size: 24px;
transition: .5s;
border: none;
}
.qa.qa_active .question:hover {
background: rgba(16, 16, 16, 0.1);
}
.qa.qa_active .answer {
display: none;
}
.qa.qa-open .question {
padding-right: 1em;
cursor: default;
}
.qa.qa-open .question:hover {
background-color: rgba(24, 24, 24, 0.1);
}
.qa.qa-open .question:after {
display: none;
}
.qa.qa-open .answer {
display: block;
}
.highlight .qa .question {
background: rgba(37, 37, 37, 0.1);
}
.highlight .qa .question:hover {
background: rgba(29, 29, 29, 0.1);
}
.highlight .qa.qa-open .question:hover {
background: rgba(37, 37, 37, 0.1);
}
.shopinfo figure, .shopinfo picture {
max-width: 80%;
margin: 0 auto;
}
.shopinfo address {
text-align: center;
font-size: 2rem;
font-style: normal;
}
.shopinfo dl {
margin: 2em 0;
line-height: 1.4;
}
.shopinfo dl:first-child {
margin-top: 0;
}
.shopinfo dl dt {
margin: 0 0 0.2em 0;
font-weight: normal;
}
.shopinfo dl dt:before {
content: '';
display: inline-block;
width: 8px;
height: 3px;
margin-right: 0.3em;
vertical-align: middle;
background: #181818;
}
.shopinfo dl dd {
margin: 0 0 0.5em 1em;
padding: 0;
}
.map_container {
position: relative;
width: 100%;
height: 0;
padding-top: 70%;
}
@media (max-width: 767px) {
.map_container {
padding-top: 90%;
}
}
.map_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_container + p {
margin-top: 2em;
}
.map_wide {
position: relative;
width: 100%;
height: 0;
padding-top: 70%;
}
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.scroll .googlemap {
pointer-events: none;
}
@media (min-width: 768px) {
.shopinfo figure, .shopinfo picture {
max-width: 100%;
}
.shopinfo address {
margin-bottom: 15px;
text-align: left;
font-size: 2.6rem;
line-height: 1;
}
.shopinfo dl.dl-horizontal {
margin: 10px 0;
}
.shopinfo dl.dl-horizontal dd {
margin-bottom: 0.3em;
}
.shopinfo .span12 .map_container {
padding-top: 50%;
}
.map_wide {
padding-top: 420px;
}
}
#sitemap {
border-top: #ddd solid 1px;
}
#sitemap ul {
margin: 0;
padding: 0;
list-style: none;
}
#sitemap ul li a {
display: block;
text-decoration: none;
position: relative;
padding: 1em 1em 1em 1.5em;
border-bottom: #ddd solid 1px;
font-size: 1.8rem;
}
#sitemap ul li a:before {
content: '';
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #181818;
border-right: solid 2px #181818;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
#sitemap ul li a:hover {
background: rgba(24, 24, 24, 0.1);
}
.sns_icons {
display: table;
margin: 0;
padding: 0;
list-style: none;
font-size: 0rem;
margin: auto;
}
.sns_icons > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 1.6rem;
}
.sns_icons li {
display: inline-block;
}
.sns_icons li:not(:last-child) {
margin-right: 10px;
}
.sns_icons a {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
}
.sns_icons a.icon_facebook {
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/icon_facebook.png);
}
.sns_icons a.icon_twitter {
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/icon_twitter.png);
}
.sns_icons a.icon_line {
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/icon_line.png);
}
.sns_icons a.icon_google {
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/icon_google.png);
}
.sns_icons a.icon_instagram {
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/icon_instagram.png);
}
footer .sns_icons {
margin-top: 1.5em;
}
@media (min-width: 768px) {
.sns_icons {
margin: 0;
}
.sns_icons.center {
margin: auto;
}
.sns_icons li:not(:last-child) {
margin-right: 20px;
}
.sns_icons a {
width: 68px;
height: 68px;
}
footer .sns_icons {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.sp_image_cols.sp_col2 {
display: flex;
flex-wrap: wrap;
}
.sp_image_cols.sp_col2 .col {
width: 50%;
padding: 0 1%;
}
.sp_image_cols.sp_col3 {
display: flex;
flex-wrap: wrap;
}
.sp_image_cols.sp_col3 .col {
width: 33.3333333333%;
padding: 0 1%;
}
}
table {
margin: 0 auto;
}
table td,
table th {
padding: 1.1em 1em;
}
@media (max-width: 767px) {
table td,
table th {
padding: 0.7em .3em;
}
}
table th {
text-align: center;
font-weight: normal;
}
.table-default {
width: 100%;
table-layout: fixed;
}
.table-default thead th, .table-default thead td {
background: rgba(24, 24, 24, 0.15);
}
.table-default td,
.table-default th {
border: 1px solid #181818;
}
.table-default th {
background: #d6d6d6;
color: #181818;
}
.table-default td {
background: transparent;
}
@media (max-width: 767px) {
.table-default.lines.responsive-stack tbody th {
border-bottom: none;
padding-left: 10px;
padding-bottom: 10px;
}
.table-default.lines.responsive-stack tbody td {
padding-top: 0;
padding-left: 10px;
border-top: none;
}
}
.table-default.lines tbody tr th, .table-default.lines tbody tr td {
background: none;
}
.table-default.lines tbody tr th {
font-weight: bold;
color: #181818;
border: none;
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
text-align: left;
padding-left: 1.5em;
}
@media (max-width: 767px) {
.table-default.lines tbody tr th {
padding-left: 10px;
}
}
@media (max-width: 767px) {
.table-default.lines tbody tr th:not(:first-child) {
border-top: none;
}
}
.table-default.lines tbody tr td {
border: none;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.table-default.fee thead th {
background: #efefef;
text-align: center;
font-weight: bold;
font-size: 1.8rem;
letter-spacing: 0.1em;
}
.table-default.fee tbody th, .table-default.fee tbody td {
font-weight: bold;
background: none !important;
}
.table-default.fee tbody th {
text-align: left;
}
.table-default.fee tbody td {
text-align: right !important;
}
.table-menu {
width: 100%;
}
.table-menu caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 2rem;
}
.table-menu td,
.table-menu th {
padding: 0.7em 1em;
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
}
@media (max-width: 767px) {
.table-menu td,
.table-menu th {
padding: 0.7em .3em;
}
}
.table-menu tbody th {
text-align: left;
}
.table-menu td:last-child {
text-align: right;
white-space: nowrap;
}
.table-schedule {
width: 100%;
}
.table-schedule caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 2rem;
}
.table-schedule td,
.table-schedule th {
border-bottom: 1px solid #dddddd;
padding: 1em 1em;
text-align: center;
}
@media (max-width: 767px) {
.table-schedule td,
.table-schedule th {
padding: 0.7em 0.3em;
}
}
.table-schedule thead th {
border-color: #000000;
}
@media (max-width: 767px) {
.responsive-stack {
display: block;
}
.responsive-stack thead {
display: none;
}
.responsive-stack tbody,
.responsive-stack td,
.responsive-stack th,
.responsive-stack tr {
display: block;
}
.responsive-stack td,
.responsive-stack th {
width: 100% !important;
}
.responsive-stack tr:not(:last-child) td,
.responsive-stack tr:not(:last-child) th {
border-bottom: 0;
}
.responsive-stack tr:last-child :not(:last-child) {
border-bottom: 0;
}
}
@media (max-width: 767px) {
.responsive-list {
display: block;
}
.responsive-list thead {
display: none;
}
.responsive-list tbody,
.responsive-list td,
.responsive-list th,
.responsive-list tr {
display: block;
}
.responsive-list tr:not(:last-child) td {
border-bottom: 0;
}
.responsive-list td {
position: relative;
padding-left: 40%;
white-space: normal;
text-align: left;
}
.responsive-list td:first-child {
border-bottom: 0;
}
.responsive-list td:last-child {
border-top: 0;
}
.responsive-list td:not(:first-child):not(:last-child) {
border-top: 0;
border-bottom: 0;
}
.responsive-list td:before {
content: attr(data-title);
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: normal;
text-align: left;
font-weight: bold;
}
}
@media (max-width: 767px) {
.responsive-scroll-container {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: scroll;
}
.responsive-scroll-container .responsive-scroll-inner {
width: 798px;
padding: 0 15px 15px;
}
.responsive-scroll-container table {
width: 768px;
margin: 0;
}
}
table.table-default.typeA tr td,
table.table-default.typeA tr th {
border: 0;
}
table.table-default.typeA tr:nth-child(odd) th {
background: #181818;
}
table.table-default.typeA tr:nth-child(odd) td {
background: rgba(24, 24, 24, 0.1);
}
table.table-default.typeA tr:nth-child(even) th {
background: #323232;
}
table.table-default.typeA tr:nth-child(even) td {
background: rgba(50, 50, 50, 0.1);
}
table.table-default.typeB {
border-spacing: 0;
overflow: hidden;
}
table.table-default.typeB tbody td,
table.table-default.typeB tbody th {
background: transparent;
color: #181818;
border: 0;
border-bottom: 1px solid rgba(24, 24, 24, 0.1);
}
table.table-default.typeB tbody tr {
position: relative;
}
table.table-default.typeB tbody th {
color: #181818;
}
table.table-default.typeC th {
background: #d6d6d6;
color: #181818;
}
table.table-default.typeC td,
table.table-default.typeC th {
border: 0;
}
table.table-default.typeC td:not(:last-child),
table.table-default.typeC th:not(:last-child) {
border-bottom: 2px #f6f6f6 solid;
}
table.table-default.typeC tr {
position: relative;
}
table.table-default.typeC td {
transform: translateX(2px);
}
.highlight table.table-default.typeC td,
.highlight table.table-default.typeC th {
border: 0;
}
.highlight table.table-default.typeC td:not(:last-child),
.highlight table.table-default.typeC th:not(:last-child) {
border-bottom: 2px rgba(24, 24, 24, 0.1) solid;
}
h1:not(.header_logo) {
line-height: 1.2;
text-align: center;
font-size: 3.6rem;
letter-spacing: 0.06em;
font-weight: bold;
padding: 2.2em 5%;
color: #181818;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/under_title.jpg) no-repeat center/cover;
margin: 0 0 10px;
}
@media (max-width: 767px) {
h1:not(.header_logo) {
margin-bottom: 10px;
}
}
@media (max-width: 899px) {
h1:not(.header_logo) {
margin-top: 60px;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/under_title.jpg) no-repeat center right 30%/cover;
}
}
h1:not(.header_logo) a {
text-decoration: none;
}
h1:not(.header_logo) a:hover {
text-decoration: underline;
}
h1:not(.header_logo) span {
display: block;
font-size: 1.6rem;
padding-top: 0.5em;
color: #323232;
font-style: italic;
}
@media (max-width: 767px) {
h1:not(.header_logo) {
font-size: 2.4rem;
}
h1:not(.header_logo) span {
font-size: 1.4rem;
}
}
h2 {
display: block;
margin: 0 auto 1em;
position: relative;
text-align: center;
border: 0;
font-weight: bold;
padding: 0 0 27px;
font-size: 3rem;
color: #181818;
letter-spacing: 0.06em;
line-height: 1.3;
}
@media (min-width: 768px) {
h2 {
margin-bottom: 60px;
}
}
h2 a {
text-decoration: none;
color: #181818;
}
h2 a:hover {
text-decoration: underline;
color: #181818;
}
h2:after {
content: "";
display: block;
position: absolute;
height: 3px;
width: 60px;
right: 0;
left: 0;
bottom: 0;
top: auto;
margin: auto;
background: #FC6;
}
@media (max-width: 767px) {
h2 {
font-size: 2.4rem;
}
}
h3 {
display: table;
line-height: 1.6;
margin: 0 0 1.5em;
padding-bottom: 10px;
color: #181818;
font-size: 2.4rem;
letter-spacing: 0.08em;
position: relative;
font-weight: bold;
}
@media (max-width: 767px) {
h3 {
font-size: 2rem;
}
}
h3 a {
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #181818;
}
h4 {
margin: 0 0 0.8em;
padding-left: 30px;
font-size: 2rem;
position: relative;
color: #181818;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 2;
}
@media (max-width: 767px) {
h4 {
font-size: 1.8rem;
}
}
h4 a {
text-decoration: none;
}
h4 a:hover {
text-decoration: underline;
}
h4:after {
content: "";
position: absolute;
bottom: 0;
top: 0;
left: 0;
display: block;
width: 20px;
height: 2px;
margin: auto;
background: #00d8ff;
}
h5 {
padding: 0.2em 1em;
margin: 0 0 1em;
font-size: 1.8rem;
position: relative;
color: #fff;
display: table;
background: #313131;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 2;
}
@media (max-width: 767px) {
h5 {
font-size: 1.6rem;
}
}
h5 a {
text-decoration: none;
}
h5 a:hover {
text-decoration: underline;
}
.widget_wrap .widget_header {
font-size: 1.6rem;
color: #181818;
padding: 0.5em 0 0.5em 0.5em;
border-bottom: #181818 solid 2px;
font-weight: bold;
}
.widget_wrap .widget_header a {
text-decoration: none;
}
.widget_wrap .widget_header a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.widget_wrap .widget_header {
font-size: 1.4rem;
}
}
.main_visual {
position: relative;
}
@media (max-width: 899px) {
.main_visual {
margin-top: 60px;
}
}
.main_visual .main_visual_slick,
.main_visual .slick-track {
margin: 0;
padding: 0;
list-style: none;
height: 100% !important;
}
.main_visual .slick-track {
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.main_visual .slick-list {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
}
.main_visual .main_visual_slick {
position: relative;
margin: 0 auto;
}
.main_visual .main_visual_slick .slick-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: hidden;
}
.main_visual .main_visual_slick .slick-slide picture,
.main_visual .main_visual_slick .slick-slide img {
position: absolute;
left: -300%;
right: -300%;
margin: auto;
top: 0;
height: 100%;
}
.main_visual .main_visual_copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 0;
padding: 0;
list-style: none;
width: 1000px;
max-width: 100%;
margin: 0 auto;
z-index: 53;
}
.main_visual .main_visual_copy > li {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main_visual .main_visual_copy > li img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 40%;
max-width: 400px;
max-height: 400px;
z-index: 52;
}
@media (max-width: 767px) {
.main_visual .main_visual_copy > li img {
width: 90%;
}
}
.main_visual .main_visual_slick {
padding-top: 41.9%!important;
}
@media (min-width: 1000px) {
.main_visual .main_visual_slick {
padding-top: 0 !important;
height: 419px !important;
}
}
@media (min-width: 740px) {
.main_visual .main_visual_slick {
padding-top: 56.62162%!important;
}
}
@media (max-width: 767px) {
.main_visual .main_visual_slick {
padding-top: 56.62162%!important;
}
}
.slick-dots {
z-index: 55 !important;
bottom: 0;
}
.slick-dots li button {
margin: 0 auto;
background: #ccc;
}
.slick-dots li.slick-active button {
background: #181818;
}
.main_visual {
padding-top: 40px;
}
@media (min-width: 900px) {
.main_visual {
padding-top: 70px;
}
}
.main_visual .main_visual_swiper .slider-thumbnail {
max-width: 1000px;
width: 100%;
margin: 0 auto;
margin-top: 40px;
}
@media (min-width: 900px) {
.main_visual .main_visual_swiper .slider-thumbnail {
margin-top: 70px;
}
}
.main_visual .main_visual_swiper .slider-thumbnail .swiper-wrapper .swiper-slide {
cursor: pointer;
height: 100%;
overflow: hidden;
position: relative;
max-width: 184px;
}
.main_visual .main_visual_swiper .slider-thumbnail .swiper-wrapper .swiper-slide img {
max-width: 100%;
}
.main_visual .main_visual_swiper .slider-thumbnail .swiper-wrapper .swiper-slide:after {
position: absolute;
display: block;
content: "";
height: 3px;
width: 100%;
background: Transparent;
bottom: 0;
left: 0;
}
.main_visual .main_visual_swiper .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
background: #80ff19;
}
.main_visual .main_visual_swiper .swiper-slide {
position: relative;
}
.main_visual .main_visual_swiper .swiper-slide a {
color: white;
}
.main_visual .main_visual_swiper .swiper-slide .ofi {
padding-top: 700px;
}
.main_visual .swiper-button-prev {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/arrow-prev.png) no-repeat center center;
width: 72px;
height: 50px;
left: 28%;
top: 36%;
}
@media (min-width: 768px) and (max-width: 1000px) {
.main_visual .swiper-button-prev {
left: 13%;
}
}
@media (max-width: 767px) {
.main_visual .swiper-button-prev {
top: 40%;
margin: auto;
}
}
.main_visual .swiper-button-prev:after {
display: none;
}
.main_visual .swiper-button-next {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/arrow-next.png) no-repeat center center;
width: 72px;
height: 50px;
right: 28%;
top: 36%;
}
@media (min-width: 768px) and (max-width: 1000px) {
.main_visual .swiper-button-next {
right: 13%;
}
}
@media (max-width: 767px) {
.main_visual .swiper-button-next {
top: 40%;
margin: auto;
}
}
.main_visual .swiper-button-next:after {
display: none;
}
@media (max-width: 767px) {
.main_visual .swiper-button-prev {
left: 0;
}
}
@media (max-width: 767px) {
.main_visual .swiper-button-next {
right: 0;
}
}
.main_visual .swiper-pagination {
position: static;
margin: 1em 0;
}
.main_visual .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #181818;
margin: 0 5px;
outline-color: transparent;
}
.article_list {
padding: 0.5em;
border-top: rgba(24, 24, 24, 0.2) solid 1px;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.article_list {
padding: 1em;
}
}
.article_list .span_12 {
margin: 2% 0;
}
.article_list:last-of-type {
border-bottom: rgba(24, 24, 24, 0.2) solid 1px;
margin-bottom: 100px;
}
@media (max-width: 767px) {
.article_list:last-of-type {
margin-bottom: 40px;
}
}
.article_list .post_header .time:before {
content: "\f073";
font-family: "Font Awesome 5 Free";
margin-right: 0.5em;
}
.article_list .post_header .category_badge {
background: #181818;
color: white;
font-size: 1.4rem;
margin-left: 1em;
display: inline-block;
}
.article_list .post_header .category_badge a {
display: block;
padding: 0.2em 1em;
color: white;
text-decoration: none;
}
.article_list h2 {
text-align: left;
margin: 0 0 0.5em !important;
padding: 0;
font-size: 2.4rem;
}
@media (max-width: 767px) {
.article_list h2 {
font-size: 1.9rem;
}
}
.article_list h2:after {
content: none;
}
.article_list h2 a:hover {
text-decoration: none;
color: #181818;
}
.article .container {
border-bottom: #ccc dotted 1px;
padding-bottom: 3%;
}
.m-pagenation {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-bottom: 100px;
}
@media (max-width: 767px) {
.m-pagenation {
margin-bottom: 50px;
}
}
.m-pagenation .m-pagenation__prev {
margin-right: 0.5em;
}
.m-pagenation .m-pagenation__prev a {
display: block;
text-decoration: none;
padding: 0.3em 1em;
border: #ccc solid 1px;
}
.m-pagenation .m-pagenation__prev a:hover {
background: rgba(24, 24, 24, 0.1);
border-color: rgba(24, 24, 24, 0.1);
}
.m-pagenation .m-pagenation__next {
margin-left: 0.5em;
}
.m-pagenation .m-pagenation__next a {
display: block;
text-decoration: none;
padding: 0.3em 1em;
border: #ccc solid 1px;
}
.m-pagenation .m-pagenation__next a:hover {
background: rgba(24, 24, 24, 0.1);
border-color: rgba(24, 24, 24, 0.1);
}
.m-pagenation .m-pagenation__body {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.m-pagenation .m-pagenation__body li {
display: inline-block;
margin: 0 5px;
}
.m-pagenation .m-pagenation__body li a {
text-decoration: none;
display: block;
padding: 0.3em 1em;
border: #ccc solid 1px;
}
.m-pagenation .m-pagenation__body li a:hover {
background: rgba(24, 24, 24, 0.1);
border-color: rgba(24, 24, 24, 0.1);
}
.m-pagenation .m-pagenation__body li.current {
background: #181818;
color: white;
border: #181818 solid 1px;
padding: 0.3em 1em;
}
.wp-pagenavi {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-bottom: 100px;
}
@media (max-width: 767px) {
.wp-pagenavi {
margin-bottom: 50px;
}
}
.wp-pagenavi a,
.wp-pagenavi span {
display: inline-block;
margin: 0 5px;
text-decoration: none;
padding: 0.3em 1em;
border: #ccc solid 1px;
color: #181818;
}
.wp-pagenavi a.current,
.wp-pagenavi span.current {
background: #181818;
color: white;
border: #181818 solid 1px;
padding: 0.3em 1em;
}
.wp-pagenavi a:hover {
background: rgba(24, 24, 24, 0.1);
border-color: rgba(24, 24, 24, 0.1);
}
.post-works {
padding: 0;
border: none !important;
}
.post-works .col:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.post-works .col:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.post-works .col .inner {
max-width: 238px;
width: 100%;
display: table;
margin: 0 auto;
}
}
.post-works .col h2 {
padding: 10px 10px;
border-left: 2px solid #ff003c;
margin-top: 15px !important;
text-align: left;
font-size: 1.4rem;
letter-spacing: 0.1em;
transition: 0.2s;
}
@media (min-width: 768px) {
.post-works .col h2 {
display: flex;
align-items: center;
}
}
.post-works .col h2 a:hover {
opacity: 0.8;
}
.article_single01 .article_single01_02 {
margin-top: 10px;
}
.article_single01 .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single01 .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single01 .ofi {
background: rgba(24, 24, 24, 0.1);
}
.article_single01 .more {
display: block;
text-align: center;
}
.article_single02 .article_single02_01 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single02 .article_single02_01 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single02 .ofi {
background: rgba(24, 24, 24, 0.1);
}
.article_single02 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_6 {
width: 45%;
margin-left: 10%;
}
.article_single03 .article_single03_02 .span_6:first-child {
margin-left: 0;
}
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_12 {
margin-left: 0;
margin-top: 20px;
}
}
.article_single03 .article_single03_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single03 .article_single03_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single03 .case_arrow {
position: relative;
}
@media (max-width: 767px) {
.article_single03 .case_arrow {
margin-bottom: 10%;
}
}
.article_single03 .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 108%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #181818;
border-right: 3px solid #181818;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_single03 .case_arrow:after {
left: 0;
right: 0;
top: 105%;
width: 20px;
height: 20px;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_single03 .ofi {
background: rgba(24, 24, 24, 0.1);
}
.article_single03 .more {
display: block;
text-align: center;
}
.article_single04 ul {
margin: 0;
padding: 0;
list-style: none;
}
.article_single04 .article_single04_01_img1 .ofi {
padding-top: 75%;
}
.article_single04 .article_single04_01_img2 .ofi {
padding-top: 15%;
}
.article_single04 .article_single04_01_img3 .ofi {
padding-top: 10.8%;
}
.article_single04 .article_single04_01_img4 .ofi {
padding-top: 8.4%;
}
.article_single04 .article_single04_01_img5 .ofi {
padding-top: 6.9%;
}
.article_single04 .article_single04_01_img6 .ofi {
padding-top: 5.8%;
}
.article_single04 .article_single04_01_nav {
margin-top: 15px;
}
.article_single04 .article_single04_01_nav .ofi {
padding-top: 11.1%;
}
.article_single04 .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04 .article_single04_01_nav li {
margin-left: 0.8%;
width: calc(96% / 6) !important;
}
.article_single04 .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04.article_container .article_single04_01_img1 .ofi {
padding-top: 74.5%;
}
.article_single04.article_container .article_single04_01_img2 .ofi {
padding-top: 18.7%;
}
.article_single04.article_container .article_single04_01_img3 .ofi {
padding-top: 14.9%;
}
.article_single04.article_container .article_single04_01_img4 .ofi {
padding-top: 12.5%;
}
.article_single04.article_container .article_single04_01_img5 .ofi {
padding-top: 10.7%;
}
.article_single04.article_container .article_single04_01_img6 .ofi {
padding-top: 9.4%;
}
.article_single04.article_container .article_single04_01_nav {
margin-top: 15px;
}
.article_single04.article_container .article_single04_01_nav .ofi {
padding-top: 12%;
}
.article_single04.article_container .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04.article_container .article_single04_01_nav li {
margin-left: 0.8%;
width: calc(96% / 6) !important;
}
.article_single04.article_container .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04 .article_single04_02 {
margin-top: 10px;
}
.article_single04 .article_single04_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single04 .article_single04_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single04 .slick-next,
.article_single04 .slick-prev {
z-index: 1;
}
.article_single04 .slick-next:before,
.article_single04 .slick-prev:before {
content: none;
}
.article_single04 .slick-next:after,
.article_single04 .slick-prev:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #181818;
transition: 0.2s;
z-index: 1;
}
.article_single04 .slick-prev {
left: 0;
}
.article_single04 .slick-prev:after {
left: 0;
border-left: 3px solid #181818;
transform: translate(0, -50%) rotate(-45deg);
transform-origin: right top;
}
.article_single04 .slick-next {
right: 0;
}
.article_single04 .slick-next:after {
right: 0;
border-right: 3px solid #181818;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
}
.article_single04 .ofi {
background: rgba(24, 24, 24, 0.1);
height: auto !important;
}
.article_single04 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_list_case02 .article_list_case02_01 {
width: 67%;
}
.article_list_case02 .article_list_case02_02 {
width: 31%;
}
.article_list_case02.article_single01 .article_single01_02 {
margin-top: 0;
}
}
.article_container .article_single01_02 {
margin-top: 10px;
}
.article_container .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_container .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_detail {
margin-bottom: 4%;
font-size: 1.3rem;
}
.article_detail .article_date {
margin-bottom: 1em;
}
.article_detail .article_thumbnail {
float: left;
margin: 0 2% 2% 0;
}
.article_detail .article_content {
float: none;
width: 100%;
margin-left: 0;
}
.article_detail h2 {
text-align: left;
margin: 0 0 1em;
padding: 0 0 0.5em !important;
font-size: 2.4rem;
border-bottom: #181818 solid 2px;
}
@media (max-width: 767px) {
.article_detail h2 {
font-size: 1.9rem;
}
}
.article_detail h2:after {
content: none;
}
.article_detail h2 a:hover {
text-decoration: none;
color: #181818;
}
.article_detail .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px;
}
@media (max-width: 767px) {
.article_detail .case_arrow {
height: 80px;
}
}
.article_detail .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #181818;
border-right: 5px solid #181818;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_detail .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #181818;
border-right: 5px solid #181818;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_detail .span_12 {
margin: 2% 0;
}
.article_detail .post_header .time:before {
content: "\f073";
font-family: "Font Awesome 5 Free";
margin-right: 0.5em;
}
.article_detail .post_header .category_badge {
background: #181818;
color: white;
font-size: 1.4rem;
margin-left: 1em;
display: inline-block;
}
.article_detail .post_header .category_badge a {
display: block;
padding: 0.2em 1em;
color: white;
text-decoration: none;
}
.pager {
overflow: hidden;
margin-bottom: 5%;
}
.pager .pager_prev {
float: left;
}
.pager .pager_prev a {
display: block;
position: relative;
padding-left: 20px;
text-decoration: none;
}
.pager .pager_prev a:after {
content: "";
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px #181818;
border-left: solid 2px #181818;
transform: rotate(-45deg);
position: absolute;
top: 50%;
left: 4px;
margin-top: -6px;
}
.pager .pager_prev a:hover {
opacity: 0.8;
}
.pager .pager_next {
float: right;
}
.pager .pager_next a {
display: block;
position: relative;
padding-right: 20px;
text-decoration: none;
}
.pager .pager_next a:after {
content: "";
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px #181818;
border-right: solid 2px #181818;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 4px;
margin-top: -6px;
}
.pager .pager_next a:hover {
opacity: 0.8;
}
.article_detail h3 {
letter-spacing: 0.06em;
margin-bottom: 10px;
font-weight: 900 !important;
padding: 0;
}
@media (min-width: 768px) {
.article_detail h3 {
font-size: 2rem;
}
}
.article_detail h3:before, .article_detail h3:after {
display: none;
}
@media (min-width: 768px) {
.article_detail h3.link-title {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.article_detail h3 {
margin-top: 30px;
}
}
.article_detail .logo {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.article_detail .logo {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.article_detail .top-image {
margin-bottom: 30px;
}
}
.article_detail .movie {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.article_detail .movie {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.article_detail .intro-text {
margin-bottom: 40px;
}
}
.article_detail .works-copylight {
margin: 60px 0;
}
@media (max-width: 767px) {
.article_detail .works-copylight {
margin: 40px 0;
}
} .more {
display: block;
overflow: hidden;
margin: auto;
}
.more a {
display: block;
border: 1px solid #181818;
color: #f6f6f6;
background: #181818;
padding: 0.6em;
margin: 0 auto 1px;
max-width: 240px;
width: 100%;
text-align: center;
text-decoration: none;
transition: .3s;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more a {
font-size: 1.8rem;
}
}
.more a.inverse {
border: 1px solid #181818;
color: #181818;
background: #f6f6f6;
}
header .global_nav > ul > li.menu-item-has-children {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header .global_nav > ul > li.menu-item-has-children > a {
position: relative;
}
@media (max-width: 899px) {
header .global_nav > ul > li.menu-item-has-children > a {
width: calc(100% - 49px);
}
}
header .global_nav > ul > li.menu-item-has-children > a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 1em;
bottom: 0;
margin: auto;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, -50%) rotate(135deg);
transition: .2s;
}
@media (max-width: 899px) {
header .global_nav > ul > li.menu-item-has-children > a:after {
content: none;
}
}
header .global_nav > ul > li.menu-item-has-children.menu_under_open > a:after {
transform: translate(0, 0) rotate(-45deg);
}
header .global_nav > ul > li > .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 900px) {
header .global_nav > ul > li > .sub-menu {
opacity: 0;
visibility: hidden;
transition: .3s;
}
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu {
width: 100%;
display: none;
}
}
header .global_nav > ul > li > .sub-menu > li {
border-bottom: 1px solid #b3b3b3;
}
header .global_nav > ul > li > .sub-menu > li:last-child {
border-bottom: none;
}
header .global_nav > ul > li > .sub-menu > li > a {
background: rgba(50, 50, 50, 0.9);
padding-left: 2em;
position: relative;
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children {
position: relative;
display: flex;
flex-wrap: wrap;
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > a {
position: relative;
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > a {
width: calc(100% - 49px);
}
}
@media (min-width: 900px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 1em;
bottom: 0;
margin: auto;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
transition: .2s;
}
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > a:after {
content: none;
}
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children.menu_under_open > a:after {
transform: translate(0, 0) rotate(-45deg);
}
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 900px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu {
opacity: 0;
visibility: hidden;
transition: .3s;
}
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu {
display: none;
}
}
@media (min-width: 900px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 200px;
}
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu {
width: 100%;
display: none;
}
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu li:not(:last-child) {
border-bottom: #fff solid 1px;
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu li:not(:last-child) {
border-bottom: #b3b3b3 solid 1px;
}
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu li:last-child {
border-bottom: none;
}
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu li a {
background: rgba(62, 62, 62, 0.9);
}
@media (max-width: 899px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children > .sub-menu li a {
padding-left: 2.5em;
}
}
@media (min-width: 900px) {
header .global_nav > ul > li > .sub-menu > li.menu-item-has-children:hover > .sub-menu, header .global_nav > ul > li > .sub-menu > li.menu-item-has-children.menu_under_open > .sub-menu {
opacity: 1;
visibility: visible;
}
}
.child-menu-button {
position: relative;
width: 49px;
min-height: 49px;
background: #000;
border: 0;
outline: 0;
border-radius: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (min-width: 900px) {
.child-menu-button {
display: none;
}
}
.child-menu-button:before, .child-menu-button:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
background: #fff;
transition: .2s ease;
}
.child-menu-button:before {
width: 15px;
height: 1px;
}
.child-menu-button:after {
width: 1px;
height: 15px;
}
.child-menu-button.is-open:before {
opacity: 0;
transform: rotate(90deg);
}
.child-menu-button.is-open:after {
transform: rotate(90deg);
}
.child-menu-button.is-open + .sub-menu {
opacity: 1 !important;
visibility: visible !important;
display: none;
}
@media (min-width: 900px) {
header .global_nav > ul > li.menu-item-has-children {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
header .global_nav > ul > li.menu-item-has-children > a {
padding-right: 2em;
position: relative;
}
header .global_nav > ul > li.menu-item-has-children > a:after {
border-color: #f6f6f6;
width: 6px;
height: 6px;
}
header .global_nav > ul > li.menu-item-has-children > a:after {
transform: translate(0, -50%) rotate(135deg);
}
header .global_nav > ul > li.menu-item-has-children > a.menu_under_open:after {
transform: translate(0) rotate(-45deg);
}
header .global_nav > ul > li.menu-item-has-children > .sub-menu {
position: absolute;
right: 0;
margin: auto;
top: 100%;
min-width: 200px;
letter-spacing: -.40em;
z-index: 999;
}
header .global_nav > ul > li.menu-item-has-children > .sub-menu > li {
letter-spacing: normal;
display: block;
vertical-align: middle;
width: 100%;
text-align: center;
border-bottom: 0;
padding: 0;
}
header .global_nav > ul > li.menu-item-has-children > .sub-menu > li:not(:last-child) {
border-bottom: white solid 1px;
}
header .global_nav > ul > li.menu-item-has-children > .sub-menu > li a {
display: block;
background: rgba(24, 24, 24, 0.9);
padding: .5em;
color: #fff;
}
header .global_nav > ul > li.menu-item-has-children > .sub-menu > li a:before {
content: none;
}
}
@media (min-width: 900px) and (max-width: 899px) {
header .global_nav > ul > li.menu-item-has-children {
opacity: 1;
visibility: visible;
}
}
@media (min-width: 900px) {
header .global_nav > ul > li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
}
header .global_nav > ul > li.menu-item-has-children:hover > a:after {
transform: translate(0) rotate(-45deg);
}
header .global_nav > ul > li.menu-item-has-children:hover > ul {
opacity: 1;
height: auto;
visibility: visible;
}
}
.pagetop {
position: fixed;
bottom: 20px;
right: 5%;
z-index: 98;
}
.pagetop a {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: inline-block;
position: relative;
width: 50px;
height: 50px;
padding: 0;
border: 1px solid #f6f6f6;
background: #181818;
}
.pagetop a:hover {
background: #303030;
}
.pagetop a:after {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 4px;
height: 24px;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/pagetop.png) no-repeat;
}
footer.high .pagetop {
position: absolute;
bottom: auto;
right: 5%;
top: 0;
margin: 0;
transform: translateY(-50%);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.lead {
color: #181818;
font-size: 2rem;
}
.text-xxlarge {
font-size: 2.4rem;
}
.text-xlarge {
font-size: 2rem;
}
.text-large {
font-size: 1.6rem;
}
.text-small {
font-size: 1.2rem;
}
.text-xsmall {
font-size: 1rem;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.text-red {
color: #f00 !important;
}
.text-primary {
color: #181818 !important;
}
@media (max-width: 767px) {
.sp-hide, .pc-only, .tablet-only {
display: none !important;
}
.sp-text-center {
text-align: center;
}
.sp-text-left {
text-align: left;
}
.sp-text-right {
text-align: right;
}
}
@media (min-width: 768px) {
.lead {
font-size: 2.8rem;
}
.text-xxlarge {
font-size: 3.6rem;
}
.text-xlarge {
font-size: 2.8rem;
}
.text-large {
font-size: 2rem;
}
.text-small {
font-size: 1.2rem;
}
.text-xsmall {
font-size: 1rem;
}
.pc-hide, .sp-only {
display: none !important;
}
.pc-text-center {
text-align: center;
}
.pc-text-left {
text-align: left;
}
.pc-text-right {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-hide {
display: none !important;
}
}
@media (min-width: 1024px) {
.tablet-only {
display: none !important;
}
}
@media (max-width: 899px) {
.sp-hide02, .pc-only02, .tablet-only02 {
display: none !important;
}
}
@media (min-width: 900px) {
.pc-hide02, .sp-only02 {
display: none !important;
}
}
.arial {
font-family: 'Arial', arial !important;
}
.arial_n {
font-family: 'Arial Narrow', arial !important;
}
.js-tel a {
color: currentColor;
text-decoration: none;
}
@media (min-width: 768px) {
.js-tel a {
pointer-events: none;
}
}
.fs12 {
font-size: 12px;
}
@media (max-width: 767px) {
.sp-fs12 {
font-size: 12px !important;
}
}
.fs13 {
font-size: 13px;
}
@media (max-width: 767px) {
.sp-fs13 {
font-size: 13px !important;
}
}
.fs14 {
font-size: 14px;
}
@media (max-width: 767px) {
.sp-fs14 {
font-size: 14px !important;
}
}
.fs15 {
font-size: 15px;
}
@media (max-width: 767px) {
.sp-fs15 {
font-size: 15px !important;
}
}
.fs16 {
font-size: 16px;
}
@media (max-width: 767px) {
.sp-fs16 {
font-size: 16px !important;
}
}
.fs17 {
font-size: 17px;
}
@media (max-width: 767px) {
.sp-fs17 {
font-size: 17px !important;
}
}
.fs18 {
font-size: 18px;
}
@media (max-width: 767px) {
.sp-fs18 {
font-size: 18px !important;
}
}
.fs19 {
font-size: 19px;
}
@media (max-width: 767px) {
.sp-fs19 {
font-size: 19px !important;
}
}
.fs20 {
font-size: 20px;
}
@media (max-width: 767px) {
.sp-fs20 {
font-size: 20px !important;
}
}
.fs21 {
font-size: 21px;
}
@media (max-width: 767px) {
.sp-fs21 {
font-size: 21px !important;
}
}
.fs22 {
font-size: 22px;
}
@media (max-width: 767px) {
.sp-fs22 {
font-size: 22px !important;
}
}
.fs23 {
font-size: 23px;
}
@media (max-width: 767px) {
.sp-fs23 {
font-size: 23px !important;
}
}
.fs24 {
font-size: 24px;
}
@media (max-width: 767px) {
.sp-fs24 {
font-size: 24px !important;
}
}
.fs25 {
font-size: 25px;
}
@media (max-width: 767px) {
.sp-fs25 {
font-size: 25px !important;
}
}
.fs26 {
font-size: 26px;
}
@media (max-width: 767px) {
.sp-fs26 {
font-size: 26px !important;
}
}
.fs27 {
font-size: 27px;
}
@media (max-width: 767px) {
.sp-fs27 {
font-size: 27px !important;
}
}
.fs28 {
font-size: 28px;
}
@media (max-width: 767px) {
.sp-fs28 {
font-size: 28px !important;
}
}
.fs29 {
font-size: 29px;
}
@media (max-width: 767px) {
.sp-fs29 {
font-size: 29px !important;
}
}
.fs30 {
font-size: 30px;
}
@media (max-width: 767px) {
.sp-fs30 {
font-size: 30px !important;
}
}
.fs31 {
font-size: 31px;
}
@media (max-width: 767px) {
.sp-fs31 {
font-size: 31px !important;
}
}
.fs32 {
font-size: 32px;
}
@media (max-width: 767px) {
.sp-fs32 {
font-size: 32px !important;
}
}
.fs33 {
font-size: 33px;
}
@media (max-width: 767px) {
.sp-fs33 {
font-size: 33px !important;
}
}
.fs34 {
font-size: 34px;
}
@media (max-width: 767px) {
.sp-fs34 {
font-size: 34px !important;
}
}
.fs35 {
font-size: 35px;
}
@media (max-width: 767px) {
.sp-fs35 {
font-size: 35px !important;
}
}
.fs36 {
font-size: 36px;
}
@media (max-width: 767px) {
.sp-fs36 {
font-size: 36px !important;
}
}
.fs37 {
font-size: 37px;
}
@media (max-width: 767px) {
.sp-fs37 {
font-size: 37px !important;
}
}
.fs38 {
font-size: 38px;
}
@media (max-width: 767px) {
.sp-fs38 {
font-size: 38px !important;
}
}
.fs39 {
font-size: 39px;
}
@media (max-width: 767px) {
.sp-fs39 {
font-size: 39px !important;
}
}
.fs40 {
font-size: 40px;
}
@media (max-width: 767px) {
.sp-fs40 {
font-size: 40px !important;
}
}
.mt0 {
margin-top: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.m-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mt-1 {
margin-top: 1em;
}
.mt-2 {
margin-top: 2em;
}
.mt-3 {
margin-top: 3em;
}
.mt-4 {
margin-top: 4em;
}
.mt-5 {
margin-top: 5em;
}
.mb-1 {
margin-bottom: 1em;
}
.mb-2 {
margin-bottom: 2em;
}
.mb-3 {
margin-bottom: 3em;
}
.mb-4 {
margin-bottom: 4em;
}
.mb-5 {
margin-bottom: 5em;
}
.inverse h2,
.inverse h3,
.inverse h4,
.inverse p {
color: #f6f6f6;
}
.inverse h2:after {
background: #f6f6f6;
}
.inverse h2 small,
.inverse h2 span {
color: #f6f6f6;
}
.image_right {
margin-bottom: 1em;
}
@media (min-width: 768px) {
.image_right {
display: inline-block;
float: right;
margin-left: 1em;
}
}
.dsp-home-only {
display: none;
}
.dsp-under-only {
display: block;
}
.home .dsp-home-only {
display: block;
}
.home .dsp-under-only {
display: none;
}
.ofi.cover img {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
height: 100%;
}
@-webkit-keyframes hide-bar {
0% {
left: 0;
width: 100%;
}
50% {
left: 0;
width: 100%;
}
51% {
left: 0;
width: 100%;
}
100% {
left: 100%;
width: 0;
}
}
@keyframes hide-bar {
0% {
left: 0;
width: 100%;
}
50% {
left: 0;
width: 100%;
}
51% {
left: 0;
width: 100%;
}
100% {
left: 100%;
width: 0;
}
}
.ani-hide .hide-bar {
position: relative;
display: inline-block;
transform: translate3d(0, 0, 0);
}
.ani-hide .hide-bar:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #181818;
}
.ani-hide.move .hide-bar.no1:before {
-webkit-animation: hide-bar 0.5s ease 0s 1 normal forwards;
animation: hide-bar 0.5s ease 0s 1 normal forwards;
}
.ani-hide.move .hide-bar.no2:before {
-webkit-animation: hide-bar 0.5s ease 0.3s 1 normal forwards;
animation: hide-bar 0.5s ease 0.3s 1 normal forwards;
}
.ani-hide.move .hide-bar:before {
-webkit-animation: hide-bar 0.5s ease 0s 1 normal forwards;
animation: hide-bar 0.5s ease 0s 1 normal forwards;
}
.ani-hide.block {
position: relative;
transform: translate3d(0, 0, 0);
}
.ani-hide.block:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #181818;
}
.ani-hide.block.move:before {
-webkit-animation: hide-bar 0.5s ease 0.34s 1 normal forwards;
animation: hide-bar 0.5s ease 0.34s 1 normal forwards;
}
.overflow {
overflow: hidden;
}
.opening {
z-index: 10000;
width: 100vw;
height: 100vh;
background: #000;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}
.opening.end {
-webkit-animation: end 0.4s ease-in both;
animation: end 0.4s ease-in both;
}
@-webkit-keyframes end {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes end {
0% {
left: 0;
}
100% {
left: 100%;
}
}
.logo_anim_wrapper {
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.logo_anim_wrapper.blur {
-webkit-animation: blur 0.5s ease-in both;
animation: blur 0.5s ease-in both;
}
@-webkit-keyframes blur {
0% {
filter: transparent;
opacity: 1;
}
100% {
filter: blur(20px);
opacity: 0;
}
}
@keyframes blur {
0% {
filter: transparent;
opacity: 1;
}
100% {
filter: blur(20px);
opacity: 0;
}
}
.logo_anim {
flex: 0 1 auto;
width: 60%;
max-width: 600px;
}
.logo_anim svg {
width: 100%;
}
.logo_anim.animated path {
fill: #fff;
stroke: #fff;
stroke-width: 2px;
stroke-linejoin: miter;
stroke-dasharray: 800px;
-webkit-animation: svg 1.25s linear both;
animation: svg 1.25s linear both;
}
@-webkit-keyframes svg {
0% {
fill: transparent;
stroke-dashoffset: 800px;
}
70% {
stroke-dashoffset: 0;
}
80% {
fill: transparent;
}
100% {
fill: #fff;
}
}
@keyframes svg {
0% {
fill: transparent;
stroke-dashoffset: 800px;
}
70% {
stroke-dashoffset: 0;
}
80% {
fill: transparent;
}
100% {
fill: #fff;
}
}
.mv-bg {
position: relative;
}
@media (min-width: 768px) {
.mv-bg {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/mv-bg.png) no-repeat;
}
}
@media (max-width: 767px) {
.mv-bg .main_visual {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/mv-bg.png) no-repeat center left/auto 100%;
}
}
.mv-bg .parallax {
z-index: 10;
overflow: hidden;
width: 100%;
min-height: 100%;
position: relative;
}
@media (min-width: 768px) {
.mv-bg .parallax {
background-repeat: no-repeat;
background-size: 100%;
background-position: center top 80%;
background-attachment: fixed;
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/mv-bg02.svg);
}
}
@media (max-width: 767px) {
.mv-bg .parallax {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/mv-bg02.svg) no-repeat center top 25%/100% auto;
}
}
.sec-news {
padding: 135px 0;
}
@media (max-width: 767px) {
.sec-news {
padding: 30px 0 40px 0;
}
}
@media (max-width: 767px) {
.sec-news .col {
margin-bottom: 40px;
}
}
.sec-news .h2-inner {
margin-bottom: 40px;
}
.sec-news h2 {
display: table;
margin-left: 0;
margin-right: auto;
text-align: left;
line-height: 1.4;
font-weight: bold;
letter-spacing: 0.3em;
padding-bottom: 20px;
font-size: 2rem;
}
@media (max-width: 767px) {
.sec-news h2 {
font-size: 1.8rem;
}
}
.sec-news h2 span {
display: inline;
}
.sec-news h2 .en {
margin-bottom: 5px;
display: block;
line-height: 1.3;
padding: 0;
font-weight: 900;
letter-spacing: 0.025em;
font-size: 4rem;
}
@media (min-width: 768px) {
.sec-news h2 .en {
font-size: 7rem;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.sec-news h2 .en {
font-size: 5rem;
}
}
.sec-news h2.color-orange:after {
left: 0;
right: auto;
width: 60px;
height: 3px;
background: #ffba00;
}
.sec-news h2.color-blue:after {
left: 0;
right: auto;
width: 60px;
height: 3px;
background: #00d8ff;
}
.sec-works {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-works.png) no-repeat center/cover;
padding: 135px 0;
}
@media (min-width: 768px) {
.sec-works {
overflow: hidden;
width: 100%;
min-height: 100%;
position: relative;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
z-index: 2;
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-works.png);
}
}
@media (max-width: 767px) {
.sec-works {
padding: 70px 0;
}
}
.sec-works h2 {
display: table;
margin-left: 0;
margin-right: auto;
text-align: left;
line-height: 1.4;
font-weight: bold;
letter-spacing: 0.3em;
padding-bottom: 20px;
margin-bottom: 40px;
font-size: 2rem;
}
@media (max-width: 767px) {
.sec-works h2 {
font-size: 1.8rem;
}
}
.sec-works h2 span {
display: inline;
}
.sec-works h2 .en {
margin-bottom: 5px;
display: block;
line-height: 1.3;
padding: 0;
font-weight: 900;
letter-spacing: 0.1em;
font-size: 4rem;
}
@media (min-width: 768px) {
.sec-works h2 .en {
font-size: 7rem;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.sec-works h2 .en {
font-size: 5rem;
}
}
.sec-works h2:after {
left: 0;
right: auto;
width: 60px;
height: 3px;
background: #ff003c;
}
.sec-works .button, .sec-works .inquiry .form_button, .inquiry .sec-works .form_button {
background: Transparent;
font-weight: 900;
}
.sec-works .button:hover, .sec-works .inquiry .form_button:hover, .inquiry .sec-works .form_button:hover {
background: #181818;
}
.sec-works .col {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.sec-works .col {
width: 32.3%;
margin-bottom: 35px !important;
}
}
.sec-works .ani-hide .works-content {
position: relative;
transform: translate3d(0, 0, 0);
}
.sec-works .ani-hide .works-content:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #181818;
}
.sec-works .ani-hide.move .works-content:before {
-webkit-animation: hide-bar 1s ease 0.34s 1 normal forwards;
animation: hide-bar 1s ease 0.34s 1 normal forwards;
}
.sec-works .works-content {
padding: 29px;
height: 100%;
position: relative;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/works-content-bg.png) no-repeat center/cover;
}
@media (max-width: 767px) {
.sec-works .works-content {
max-width:300px;
width: 100%;
display: table;
margin: 0 auto;
}
}
.sec-works .works-content a {
text-decoration: none !important;
}
.sec-works .works-content h3 {
line-height: 1.3;
font-weight: bold;
padding: 5px 15px;
margin-top: 30px;
margin-bottom: 0;
letter-spacing: 0.03em;
min-height: 60px;
display: flex;
align-items: center;
font-size: 1.6rem;
}
.sec-works .works-content h3:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: 60px;
width: 2px;
background: #ff003c;
}
.sec-works .works-content h3:before {
display: none;
}
.sec-about {
padding: 200px 0 150px;
}
@media (max-width: 767px) {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-about-bg.svg) no-repeat center top 10px/100% auto;
}
@media (min-width: 768px) {
.sec-about {
overflow: hidden;
width: 100%;
min-height: 100%;
position: relative;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
z-index: 2;
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-about-bg.svg);
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.sec-about {
background-size: 80vw;
}
}
@media (max-width: 767px) {
.sec-about {
background-size: 100%;
padding: 70px 0;
}
}
.sec-about h2 {
display: table;
margin-left: 0;
margin-right: auto;
text-align: left;
line-height: 1.4;
font-weight: bold;
letter-spacing: 0.3em;
padding-bottom: 20px;
margin-bottom: 55px;
font-size: 2rem;
}
@media (max-width: 767px) {
.sec-about h2 {
font-size: 1.8rem;
}
}
.sec-about h2 span {
display: inline;
}
.sec-about h2 .en {
margin-bottom: 5px;
display: block;
line-height: 1.3;
padding: 0;
font-weight: 900;
letter-spacing: 0.1em;
font-size: 4rem;
}
@media (min-width: 768px) {
.sec-about h2 .en {
font-size: 7rem;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.sec-about h2 .en {
font-size: 5rem;
}
}
.sec-about h2:after {
left: 0;
right: auto;
width: 60px;
height: 3px;
background: #c000ff;
}
.sec-about .text-content {
margin-left: 65px;
padding: 90px 0 90px 90px;
position: relative;
color: #fff;
}
@media (max-width: 767px) {
.sec-about .text-content {
margin-left: 5%;
padding: 8%;
}
}
.sec-about .text-content:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/text-box-bg.png);
z-index: -1;
}
.sec-about .text-content .title {
line-height: 1.5;
letter-spacing: 0.1em;
font-size: 2.5rem;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.sec-about .text-content .title {
font-size: 3.9rem;
margin-bottom: 40px;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.sec-about .text-content .title {
font-size: 3.5vw;
}
}
.sec-about .text-content p:not(.title) {
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2;
font-size: 1.6rem;
}
.sec-recruit {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-recruit-bg.png) no-repeat center/cover;
padding: 132px 0;
}
@media (min-width: 768px) {
.sec-recruit {
overflow: hidden;
width: 100%;
min-height: 100%;
position: relative;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
z-index: 2;
background-image: url(//www.silverlink.co.jp/wp/wp-content/uploads/sec-recruit-bg.png);
}
}
@media (max-width: 767px) {
.sec-recruit {
padding: 70px 0;
}
}
.sec-recruit h2,
.sec-recruit p {
color: #fff;
}
.sec-recruit h2 {
line-height: 1.4;
font-weight: bold;
letter-spacing: 0.3em;
padding-bottom: 24px;
margin-bottom: 30px;
font-size: 2rem;
}
@media (max-width: 767px) {
.sec-recruit h2 {
font-size: 1.8rem;
}
}
.sec-recruit h2 .en {
display: block;
margin-bottom: 5px;
line-height: 1.3;
padding: 0;
font-weight: 900;
letter-spacing: 0.1em;
font-size: 4rem;
}
@media (min-width: 768px) {
.sec-recruit h2 .en {
font-size: 7rem;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.sec-recruit h2 .en {
font-size: 5rem;
}
}
.sec-recruit h2:after {
width: 60px;
height: 3px;
background: #80ff19;
}
.sec-recruit .sub-text {
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.24;
margin-bottom: 20px;
font-size: 2rem;
}
@media (min-width: 768px) {
.sec-recruit .sub-text {
font-size: 2.4rem;
}
}
.sec-recruit .sub-text span {
line-height: 1.5;
display: block;
font-size: 3rem;
}
@media (min-width: 768px) {
.sec-recruit .sub-text span {
font-size: 3.6rem;
}
}
.sec-recruit .btns {
margin-top: 30px;
}
.sec-recruit .btns .button, .sec-recruit .btns .inquiry .form_button, .inquiry .sec-recruit .btns .form_button {
font-weight: 900;
background: Transparent;
border-color: #fff;
color: #fff;
}
.sec-recruit .btns .button:after, .sec-recruit .btns .inquiry .form_button:after, .inquiry .sec-recruit .btns .form_button:after {
background: url(//www.silverlink.co.jp/wp/wp-content/uploads/icn-linkarrow-white.png) no-repeat;
}
.sec-recruit .btns .button:hover, .sec-recruit .btns .inquiry .form_button:hover, .inquiry .sec-recruit .btns .form_button:hover {
background: #fff;
color: #181818;
}
.sec-recruit p:not(.sub-text):not(.btns) {
font-weight: bold;
line-height: 2;
letter-spacing: 0.1em;
}
@media (min-width: 768px) {
.form-title{
position: relative;
display: block;
margin-top: 12px;
}
.form-title.portfolio {
margin: 6px 0 !important;
}
}
@media (max-width: 767px) {
body:not(.home) section .row:not(.btns) .col:not(:last-child) {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.w-100 {
width: 100%;
}
}
.inquiry .your-portfolio {
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.highlight-ex{
padding: 3%;
background: #ebebeb;
}
  .mb40 {
margin-bottom:40px;
}