/*!
Theme Name: RANGE SYSTEMS
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: no-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

No Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */:root{--main-color: #1E2DFF;--sub-color: #00D9C2;--accent-color: #000000;--text-color: #1e2dff;--line-color: #06C755;--background-color: #f3f3f3;--gradation-color: linear-gradient(180deg, #1E2DFF 0%, #4908D7 100%);--gradation-color2: linear-gradient(90deg, #1E2DFF 0%, #4908D7 100%);--gradation-color3: linear-gradient(90deg, #00D9C2 0%, #5fffc3 100%)}.class{background-image:url(https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image//*ファイル名*/)}@media screen and (max-width:540px){#pc,#tablet,#smartphone-horizontal{display:none}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){#smartphone,#pc,#tablet{display:none}}@media screen and (min-width:768px) and (max-width:1024px){#pc,#smartphone,#smartphone-horizontal{display:none}}@media screen and (min-width:1025px){#smartphone,#mobile,#tablet,#smartphone-horizontal{display:none}}#stop{display:none}p{font-size:14px;letter-spacing:0.5px;line-height:1.7em;text-align:left;color:var(--text-color);font-family:"Zen Kaku Gothic New", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}h1{margin:0;font-size:32px;letter-spacing:1px;line-height:1.2em;text-align:left;font-family:"Zen Kaku Gothic New", sans-serif;color:var(--text-color);font-optical-sizing:auto;font-weight:400;font-style:normal;font-family:"Zen Kaku Gothic New", sans-serif;line-height:1.2em}h2{margin:0;font-size:24px;letter-spacing:1px;line-height:1.2em;text-align:left;font-family:"Zen Kaku Gothic New", sans-serif;color:var(--text-color);font-optical-sizing:auto;font-weight:400;font-style:normal}.h2-image{height:60px;margin:0 0 40px 0}@media screen and (max-width:540px){.h2-image{height:40px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.h2-image{height:40px}}@media screen and (min-width:768px) and (max-width:1024px){.h2-image{height:50px}}h3{margin:0;font-size:24px;letter-spacing:1px;line-height:1.2em;text-align:left;color:var(--text-color);font-family:"Zen Kaku Gothic New", sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}h4,h5,h6{font-family:"Zen Kaku Gothic New", sans-serif;line-height:1.2em}div.h3-wrapper{width:100%;height:fit-content;display:grid;grid-template-columns:auto 1fr;align-items:center}div.h3-wrapper h3{margin-right:20px;color:var(--main-color)}div.h3-wrapper div.horizontal-line{width:auto;height:1px;background-color:var(--main-color)}a{font-size:14px;letter-spacing:1px;line-height:1.7em;text-align:left;text-decoration:none;color:var(--text-color);font-family:"Zen Kaku Gothic New", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}span{font-family:"Zen Kaku Gothic New", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.2em}a:hover{transition:0.2s}ul{padding:0 0 0 0;list-style:none}ol{padding:0 0 0 1em}li{margin:1em 0 1em 0;font-size:14px;letter-spacing:1px;line-height:1em;text-align:left;color:var(--text-color);font-family:"Zen Kaku Gothic New", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.wp-block-image img{filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2))}@media screen and (max-width:540px){p,a,li{font-size:14px}h1,h2,h3,h4,h5,h6{font-size:22px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){p,a,li{font-size:14px}h1,h2,h3,h4,h5,h6{font-size:22px}}body{margin:0 0 0 0;text-size-adjust:100%;-webkit-text-size-adjust:100%}section{width:100%;margin:80px auto 80px auto}.inner-in{width:100%;max-width:1080px;height:auto;padding:0 80px;box-sizing:border-box;margin:0 auto 0 0}@media screen and (max-width:540px){.inner-in{padding:0 20px;margin:0 auto}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.inner-in{padding:0 20px;margin:0 auto}}@media screen and (min-width:768px) and (max-width:1024px){.inner-in{padding:0 40px;margin:0 auto}}@media screen and (min-width:1025px) and (max-width:1920px){.inner-in{width:calc(100% - 230px)}}@media screen and (min-width:1920px){.inner-in{margin:0 auto}}div.layout-harf{width:50%}@media screen and (max-width:540px){div.layout-harf{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-harf{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-harf{}}.button-wrapper{width:fit-content;margin:0 auto}.button-wrapper .button{width:fit-content;min-width:20ch;height:40px;padding:10px 20px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--main-color);color:white;font-weight:600;transition:0.5s;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}.button-wrapper .button::before{content:"";width:18px;height:100%;position:absolute;top:0;left:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-left.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button::after{content:"";width:18px;height:100%;position:absolute;top:0;right:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-right.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button:hover{transform:scale(0.95);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button:hover img.arrow-right{transform:translate(5px);transform:scale(0.9)}.button-wrapper .button:active{transform:scale(0.95);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button:active img.arrow-right{transform:translate(5px);transform:scale(0.95)}.button-wrapper .button img.arrow-right{height:20px;margin-left:10px;transition:0.5s}.button-wrapper{width:fit-content;margin:0 auto}.button-wrapper .button-line{width:fit-content;min-width:20ch;height:40px;padding:10px 20px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--line-color);color:white;font-weight:600;transition:0.5s;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}.button-wrapper .button-line::before{content:"";width:18px;height:100%;position:absolute;top:0;left:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-left-line.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-line::after{content:"";width:18px;height:100%;position:absolute;top:0;right:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-right-line.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-line:hover{transform:scale(0.95);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-line:hover img.arrow-right{transform:translate(5px);transform:scale(0.95)}.button-wrapper .button-line:active{transform:scale(0.9);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-line:active img.arrow-right{transform:translate(5px);transform:scale(0.9)}.button-wrapper .button-line img.arrow-right{height:20px;margin-left:10px;transition:0.5s}.button-wrapper .button-line img.sns-logo{height:20px;margin-right:10px;filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3))}.button-wrapper{width:fit-content;margin:0 auto}.button-wrapper .button-white{width:fit-content;min-width:20ch;height:40px;padding:10px 20px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;background-color:white;color:var(--main-color);font-weight:600;transition:0.5s;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}.button-wrapper .button-white::before{content:"";width:18px;height:100%;position:absolute;top:0;left:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-left-white.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-white::after{content:"";width:18px;height:100%;position:absolute;top:0;right:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-right-white.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-white:hover{transform:scale(0.9);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-white:hover img.arrow-right{transform:translate(5px)}.button-wrapper .button-white:active{transform:scale(0.9);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-white:active img.arrow-right{transform:translate(5px)}.button-wrapper .button-white img.arrow-right{height:20px;margin-left:10px;transition:0.5s}.button-wrapper{width:fit-content;margin:0 auto}.button-wrapper .button-instagram{width:fit-content;min-width:20ch;height:40px;padding:10px 20px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg, #7638FA 0%, #F300C5 25%, #FF0069 50%, #FF7A00 75%, #FFD600 100%);color:white;font-weight:600;transition:0.5s;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}.button-wrapper .button-instagram::before{content:"";width:18px;height:100%;position:absolute;top:0;left:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-left-instagram.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-instagram::after{content:"";width:18px;height:100%;position:absolute;top:0;right:-18px;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/button-parts-right-instagram.svg");background-repeat:no-repeat;background-size:contain}.button-wrapper .button-instagram:hover{transform:scale(0.95);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-instagram:hover img.arrow-right{transform:translate(5px);transform:scale(0.95)}.button-wrapper .button-instagram:active{transform:scale(0.95);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.button-wrapper .button-instagram:active img.arrow-right{transform:translate(5px);transform:scale(0.95)}.button-wrapper .button-instagram img.arrow-right{height:20px;margin-left:10px;transition:0.5s}.button-wrapper .button-instagram img.sns-logo{height:20px;margin-right:10px}.inner-out{width:100%;height:auto;padding:0 0;box-sizing:border-box;margin:0 auto}.data-list li{display:flex}.data-list li p{margin:0;color:var(--main-color);font-weight:600}.data-list li :nth-child(1){width:60px}.data-list li p.phone-number{color:white !important;text-decoration:none !important;cursor:default}section.layout-template1{height:100vh;background-image:url(https://takumi0110.sakura.ne.jp/test/wp-content/image/image.svg);background-size:cover;background-position:center;background-repeat:no-repeat}section.layout-template2{height:100vh}section.layout-template2 .inner{height:100%;padding:0 0 0 0;display:flex;align-items:center;flex-direction:row}section.layout-template2 .inner .content-image{width:50%;padding:0 0 0 0;box-sizing:border-box}section.layout-template2 .inner .content-text{width:50%;padding:0 120px 0 0;box-sizing:border-box}.content-template1{width:fit-content;height:auto}.content-template1 li{width:auto;height:auto;margin:10px 0 10px 0;display:grid;grid-template-columns:45px 1fr 1fr;align-items:center}.content-template1 img{width:25px;height:25px;padding:0 20px 0 0;display:block}.content-template1 li p{display:inline-block;padding:0 20px 0 0;margin:0}.image-template1{width:100%;aspect-ratio:1.7777777778;margin:40px auto 40px auto;background-image:url(https://takumi0110.sakura.ne.jp/test/wp-content/image/image.svg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width:540px){section.layout-template2{height:100vh}section.layout-template2 .inner{height:100%;padding:0 0 0 0;display:flex;align-items:center;flex-direction:column}section.layout-template2 .inner .content-image{width:100%;padding:0 20px 0 20px;box-sizing:border-box}section.layout-template2 .inner .content-text{width:100%;padding:0 20px 0 20px;box-sizing:border-box}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1025px){}header#pc.header-logo{width:100px;height:80px;display:grid;grid-template-columns:80% 20%;position:fixed;align-items:center;z-index:99;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}header#pc.header-logo div.logo-wrapper{height:100%;margin:0 auto;padding:10px;box-sizing:border-box;display:grid;align-items:center;background-color:white}header#pc.header-logo div.logo-wrapper img{width:100%;margin:0 auto;display:block}header#pc.header-logo .triangle-parts{height:100%;background-color:white;clip-path:polygon(0% 100%, 100% 0%, 0% 0%);display:flex;align-items:center;justify-content:center}@media screen and (max-width:540px){header#pc.header-logo{display:none}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){header#pc.header-logo{display:none}}@media screen and (min-width:768px) and (max-width:1024px){header#pc.header-logo{display:none}}header#pc.header-navigation{width:150px;height:100%;padding:0 40px 0 40px;display:grid;align-items:center;position:fixed;z-index:99;right:0;background-color:var(--main-color);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}@media screen and (max-width:540px){header#pc.header-navigation{display:none}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){header#pc.header-navigation{display:none}}@media screen and (min-width:768px) and (max-width:1024px){header#pc.header-navigation{display:none}}header#pc.header-navigation div.header-inner{height:fit-content}header#pc.header-navigation div.header-inner div.menu-link ul{margin-top:0}header#pc.header-navigation div.header-inner div.menu-link ul li{margin:20px 0 20px 0;display:flex;align-items:center;gap:20px;transition:0.5s}header#pc.header-navigation div.header-inner div.menu-link ul li svg{width:25px;transition:0.5s}header#pc.header-navigation div.header-inner div.menu-link ul li svg#home .st0,header#pc.header-navigation div.header-inner div.menu-link ul li svg#news .st0,header#pc.header-navigation div.header-inner div.menu-link ul li svg#archive .st0,header#pc.header-navigation div.header-inner div.menu-link ul li svg#business .st0,header#pc.header-navigation div.header-inner div.menu-link ul li svg#staff .st0{transition:0.5s}header#pc.header-navigation div.header-inner div.menu-link ul li a{color:white;font-weight:700;transition:0.5s}header#pc.header-navigation div.header-inner div.menu-link ul li:nth-child(1){margin:0 0 20px 0}header#pc.header-navigation div.header-inner div.menu-link ul li:hover{color:var(--sub-color);transform:translateX(5px)}header#pc.header-navigation div.header-inner div.menu-link ul li:hover a{color:var(--sub-color)}header#pc.header-navigation div.header-inner div.menu-link ul li:hover svg#home .st0,header#pc.header-navigation div.header-inner div.menu-link ul li:hover svg#news .st0,header#pc.header-navigation div.header-inner div.menu-link ul li:hover svg#archive .st0,header#pc.header-navigation div.header-inner div.menu-link ul li:hover svg#business .st0,header#pc.header-navigation div.header-inner div.menu-link ul li:hover svg#staff .st0{fill:var(--sub-color)}header#pc.header-navigation div.header-inner .banner-inner{width:100%;position:relative}header#pc.header-navigation div.header-inner .banner-inner::before{content:"";width:100%;height:100%;position:absolute;pointer-events:none;opacity:0;background-color:var(--main-color);transition:0.5s}header#pc.header-navigation div.header-inner .banner-inner:hover::before{opacity:0.2}header#pc.header-navigation div.header-inner .banner-inner:active::before{opacity:0.2}header#pc.header-navigation div.header-inner .banner-inner a{width:100%;display:block}header#pc.header-navigation div.header-inner .banner-inner a img{width:100%;display:block}#tablet.banner-inner-mobile{width:100%;position:fixed;bottom:20px;z-index:97;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}#tablet.banner-inner-mobile::before{content:"";width:calc(100% - 40px);max-width:500px;height:100%;margin:0 auto;position:absolute;left:0;right:0;pointer-events:none;opacity:0;background-color:var(--main-color);transition:0.5s}#tablet.banner-inner-mobile:active::before{opacity:0.2}#tablet.banner-inner-mobile a{width:100%;max-width:500px;margin:0 auto;display:block}#tablet.banner-inner-mobile a img{width:100%;display:block}#smartphone-horizontal.banner-inner-mobile{width:100%;position:fixed;bottom:20px;z-index:97;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}#smartphone-horizontal.banner-inner-mobile::before{content:"";width:calc(100% - 40px);height:100%;margin:0 auto;position:absolute;left:0;right:0;pointer-events:none;opacity:0;background-color:var(--main-color);transition:0.5s}#smartphone-horizontal.banner-inner-mobile:active::before{opacity:0.2}#smartphone-horizontal.banner-inner-mobile a{width:calc(100% - 40px);max-width:300px;margin:0 auto;display:block}#smartphone-horizontal.banner-inner-mobile a img{width:100%;display:block}#smartphone.banner-inner-mobile{width:100%;position:fixed;bottom:20px;z-index:97;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}#smartphone.banner-inner-mobile::before{content:"";width:calc(100% - 40px);height:100%;margin:0 auto;position:absolute;left:0;right:0;pointer-events:none;opacity:0;background-color:var(--main-color);transition:0.5s}#smartphone.banner-inner-mobile:active::before{opacity:0.2}#smartphone.banner-inner-mobile a{width:calc(100% - 40px);margin:0 auto;display:block}#smartphone.banner-inner-mobile a img{width:100%;display:block}header#mobile{width:100%;position:fixed;z-index:98;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}header#mobile div .header-parts1{width:100%;height:20px;background-color:var(--main-color)}header#mobile div .header-parts234-inner{height:60px;display:flex;justify-content:space-between}header#mobile div .header-parts234-inner .header-parts2{height:60px;padding:0 0 0 20px;box-sizing:border-box;display:flex;align-items:center}@media screen and (min-width:768px) and (max-width:1024px){header#mobile div .header-parts234-inner .header-parts2{padding:0 0 0 40px}}header#mobile div .header-parts234-inner .header-parts2 img{height:40px;display:block}header#mobile div .header-parts234-inner .header-parts34-inner{display:flex}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts3{width:120px;height:60px;display:grid;grid-template-columns:1fr 1fr 1fr;transform:translate(40px, 0px)}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts3 .header-parts3-1{width:100%;height:100%;background-color:var(--line-color);clip-path:polygon(0% 0%, 100% 0%, 100% 100%);display:flex;align-items:center;justify-content:center}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts3 a.header-parts3-2{width:100%;height:100%;background-color:var(--line-color);display:grid;align-items:center}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts3 a.header-parts3-2 img{width:30px;display:block;margin:0 auto;filter:drop-shadow(0px 0 2px rgba(0, 0, 0, 0.3));transform:translateY(-3px)}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts3 .header-parts3-3{width:100%;height:100%;background-color:var(--line-color);clip-path:polygon(0% 0%, 100% 100%, 0% 100%);display:flex;align-items:center;justify-content:center}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts4{width:120px;height:60px;display:grid;grid-template-columns:1fr 2fr}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts4 .header-parts4-1{width:100%;height:100%;background-color:var(--main-color);clip-path:polygon(0% 0%, 100% 0%, 100% 100%);display:flex;align-items:center;justify-content:center}header#mobile div .header-parts234-inner .header-parts34-inner .header-parts4 .header-parts4-2{width:100%;height:100%;background-color:var(--main-color)}header#mobile{}header#mobile li{transition:0.5s}header#mobile li svg#home .st0,header#mobile li svg#news .st0,header#mobile li svg#archive .st0,header#mobile li svg#business .st0,header#mobile li svg#staff .st0{transition:0.5s}header#mobile li a{transition:0.5s}header#mobile li:active{transform:translateX(5px)}header#mobile li:active a{color:var(--sub-color) !important}header#mobile li:active svg#home .st0,header#mobile li:active svg#news .st0,header#mobile li:active svg#archive .st0,header#mobile li:active svg#business .st0,header#mobile li:active svg#staff .st0{fill:var(--sub-color)}header#mobile .header-parts4-2{width:100%;height:auto;overflow:hidden;position:relative;z-index:99}header#mobile .header-parts4-2 .header-menu .menu-link{height:100vh;padding:80px 40px 80px 40px;background:var(--gradation-color)}header#mobile .header-parts4-2 .header-menu .menu-link ul{width:fit-content;height:auto;margin:0 auto}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){header#mobile .header-parts4-2 .header-menu .menu-link ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}header#mobile .header-parts4-2 .header-menu .menu-link ul li{margin:20px 0 20px 0;display:flex;align-items:center;gap:20px}header#mobile .header-parts4-2 .header-menu .menu-link ul li svg{width:25px}header#mobile .header-parts4-2 .header-menu .menu-link ul li a{color:white;font-weight:700}header#mobile .header-parts4-2 .page-link li a{align-items:center}.menu-button{display:block;position:absolute;top:0px;right:30px;cursor:pointer;z-index:99;filter:drop-shadow(0px 0 2px rgba(0, 0, 0, 0.3))}.bar{display:block;height:4px;margin:8px 0;background-color:white;transition:0.4s;border-radius:2px}.bar:nth-child(1){width:30px}.bar:nth-child(2){width:20px;margin-left:auto}.bar:nth-child(3){width:30px}#menu-toggle:checked~.menu-button .bar:nth-child(1){transform:rotate(45deg) translate(7px, 10px);background-color:white}#menu-toggle:checked~.menu-button .bar:nth-child(2){opacity:0}#menu-toggle:checked~.menu-button .bar:nth-child(3){transform:rotate(-45deg) translate(7px, -10px);background-color:white}.bar.bar-change{display:block;width:30px;height:4px;margin:8px 0;background-color:var(--main-color);transition:0.4s;border-radius:2px;transition:0.5s}#menu-toggle{display:none}header#mobile .header-parts4-2 .header-menu{width:100%;height:auto;position:fixed;top:0%;left:0;right:0;transition:1s;z-index:-99;opacity:0;pointer-events:none}header#mobile .header-parts4-2 .header-menu .menu-link ul{transform:translateY(40px);transition:1s;opacity:0}header#mobile .header-parts4-2 #menu-toggle:checked~.header-menu{top:0;opacity:1;pointer-events:auto}header#mobile .header-parts4-2 #menu-toggle:checked~.header-menu .menu-link ul{transform:translateY(0px);opacity:1}header#mobile .header-parts4-2 #menu-toggle:checked~.header-menu ul{transform:translateX(100)}header#mobile .header-parts4-2 .header-menu .page-link,header#mobile .header-parts4-2 .header-menu .sns-link{width:100%;height:fit-content;margin:0 auto;display:flex;justify-content:center;flex-direction:column;position:relative;list-style:none;text-align:center;background-color:#f3f3f3}.header-menu .page-link li a,header#mobile .header-parts4-2 .header-menu .sns-link li a{text-decoration:none;color:var(--main-color);display:flex;padding:10px 0;transition:0.2s}header#mobile .header-parts4-2 .header-menu .page-link li a:hover,header#mobile .header-parts4-2 .header-menu .sns-link li a:hover{color:var(--sub-color)}a.menu-link.menu-link-change:hover{color:var(--sub-color)}@media screen and (max-width:540px){}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1025px){}section#top{padding:40px 0 40px 0;margin:0 auto 0 auto}@media screen and (max-width:540px){section#top{padding:80px 0 0 0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#top{padding:80px 0 0 0;margin-bottom:60px}}@media screen and (min-width:768px) and (max-width:1024px){section#top{margin-bottom:60px}}section#top div.inner-in div{width:100%;aspect-ratio:1.7777777778;display:flex;align-items:center}section#top div.inner-in div img.fv-pc{width:100%;margin:0 auto;visibility:hidden}section#top div.inner-in div img.fv-tablet{width:100%;padding-top:80px;margin:0 auto;visibility:hidden}section#top div.inner-in div img.fv-smartphone-horizontal{width:100%;margin:0 auto;visibility:hidden}section#top div.inner-in div img.fv-smartphone{width:100%;margin:0 auto;visibility:hidden}section#about{height:auto;padding:80px 0 80px 0;margin:0 auto 0 auto;position:relative;z-index:1;overflow:hidden;background:var(--gradation-color)}section#about img.circle{width:768px;position:absolute;top:0;right:0;z-index:2;pointer-events:none;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:540px){section#about img.circle{left:0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#about img.circle{left:50%}}@media screen and (min-width:768px) and (max-width:1024px){section#about img.circle{left:50%}}section#about img.dot1{width:60px;height:60px;position:absolute;bottom:calc(100% - 120px);left:calc(0% - 20px);display:none}@media screen and (min-width:1920px){section#about img.dot1{display:none}}section#about div.inner-in p{max-width:800px;margin:20px 0 20px 0;color:white;font-weight:600}@media screen and (max-width:540px){section#about div.inner-in p{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#about div.inner-in p{width:100%;font-size:14px}}@media screen and (min-width:768px) and (max-width:1024px){section#about div.inner-in p{width:100%}}section#about div.inner-in div{width:fit-content;margin:40px 0 0 0;position:relative}section#about div.inner-in div img.dot2{width:80px;height:80px;position:absolute;top:0;right:0%;z-index:4;transform:translateY(-40px)}section#about div.inner-in div video{position:relative;z-index:3}@media screen and (max-width:540px){section#about div.inner-in div video{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#about div.inner-in div video{width:100%}}section#news div.inner-in .wrapper{display:flex;align-items:center}section#news div.inner-in .wrapper div.news-inner{width:50%}@media screen and (max-width:540px){section#news div.inner-in .wrapper div.news-inner{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#news div.inner-in .wrapper div.news-inner{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){section#news div.inner-in .wrapper div.news-inner{width:100%}}section#news div.inner-in .wrapper .dot3-wrapper{width:50%;display:flex;position:relative}@media screen and (max-width:540px){section#news div.inner-in .wrapper .dot3-wrapper{display:none}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#news div.inner-in .wrapper .dot3-wrapper{display:none}}section#news div.inner-in .wrapper .dot3-wrapper .dot3{width:280px;max-width:100%;margin:0 auto}section#archive{height:auto;padding:80px 0 80px 0;margin:0 auto 0 auto;background:var(--gradation-color)}.layout-archive-scroll{overflow:hidden;position:relative;max-width:1920px;margin:0 auto;position:relative}.layout-archive-scroll div.scroll-left{width:100%;display:flex;animation:scroll-left 15s linear infinite}@keyframes scroll-left{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.layout-archive-scroll div.scroll-left div.production-list1{width:100%;display:flex;flex-shrink:0}@media screen and (max-width:540px){.layout-archive-scroll div.scroll-left div.production-list1{}.layout-archive-scroll div.scroll-left div.production-list1 article:nth-child(5){display:none}}.layout-archive-scroll div.scroll-left div.production-list1 article .production-thumbnail a div.production-image{margin-bottom:0}.layout-archive-scroll div.scroll-left div.production-list1 article .production-thumbnail a div.production-image .mask{margin:0}.layout-archive-scroll div.scroll-left div.production-list2{width:100%;display:flex;flex-shrink:0}@media screen and (max-width:540px){.layout-archive-scroll div.scroll-left div.production-list2{}.layout-archive-scroll div.scroll-left div.production-list2 article:nth-child(5){display:none}}.layout-archive-scroll div.scroll-left div.production-list2 article .production-thumbnail a div.production-image{margin-bottom:0}.layout-archive-scroll div.scroll-left div.production-list2 article .production-thumbnail a div.production-image .mask{margin:0}.layout-archive-scroll div.scroll-right{width:100%;display:flex;animation:scroll-right 15s linear infinite}@keyframes scroll-right{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.layout-archive-scroll div.scroll-right div.production-list1{width:100%;display:flex;flex-shrink:0}@media screen and (max-width:540px){.layout-archive-scroll div.scroll-right div.production-list1{}.layout-archive-scroll div.scroll-right div.production-list1 article:nth-child(5){display:none}}.layout-archive-scroll div.scroll-right div.production-list1 article .production-thumbnail a div.production-image{margin-bottom:0}.layout-archive-scroll div.scroll-right div.production-list1 article .production-thumbnail a div.production-image .mask{margin:0}.layout-archive-scroll div.scroll-right div.production-list2{width:100%;display:flex;flex-shrink:0}@media screen and (max-width:540px){.layout-archive-scroll div.scroll-right div.production-list2{}.layout-archive-scroll div.scroll-right div.production-list2 article:nth-child(5){display:none}}.layout-archive-scroll div.scroll-right div.production-list2 article .production-thumbnail a div.production-image{margin-bottom:0}.layout-archive-scroll div.scroll-right div.production-list2 article .production-thumbnail a div.production-image .mask{margin:0}.layout-archive-scroll div.inner-in{width:100%;max-width:1080px;height:fit-content;position:absolute;top:50%;bottom:50%;left:0;right:0}@media screen and (max-width:540px){.layout-archive-scroll div.inner-in{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.layout-archive-scroll div.inner-in{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.layout-archive-scroll div.inner-in{width:50%;height:50px;padding:0 0 0 40px;margin:0 auto 0 0}}.layout-archive-scroll div.inner-in div.button-wrapper{transform:translateY(-30px)}section#archive article .production-thumbnail div.production-image .mask::before{content:none}section#business,section#staff{margin:0 auto 0 auto;background-color:var(--background-color)}section#business div.inner-in div.wrapper,section#staff div.inner-in div.wrapper{display:flex;gap:40px;height:fit-content}section#business div.inner-in div.wrapper p,section#staff div.inner-in div.wrapper p{margin-top:0}@media screen and (max-width:540px){section#business div.inner-in div.wrapper,section#staff div.inner-in div.wrapper{flex-direction:column}}section#business div.inner-in div.wrapper .side-background,section#staff div.inner-in div.wrapper .side-background{width:50%;height:auto;background-size:cover}@media screen and (max-width:540px){section#business div.inner-in div.wrapper .side-background,section#staff div.inner-in div.wrapper .side-background{flex-direction:column;width:100%;aspect-ratio:1.3333333333}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#business div.inner-in div.wrapper .side-background,section#staff div.inner-in div.wrapper .side-background{width:50%;flex-direction:column;width:100%;aspect-ratio:1.3333333333}}section#business{padding:80px 0 0 0}@media screen and (max-width:540px){section#business .wrapper{padding-bottom:80px;border-bottom:solid 1px var(--main-color)}}section#business .side-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-business.png");background-position:center;position:relative}section#business .side-background .dot1-wrapper img.dot1{width:60px;height:60px;position:absolute;top:50%;bottom:50%;right:calc(0% - 20px)}@media screen and (max-width:540px){section#business .side-background .dot1-wrapper img.dot1{top:auto;bottom:calc(0% - 20px);right:calc(0% + 20px)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#business .side-background .dot1-wrapper img.dot1{top:auto;bottom:calc(0% - 20px);right:calc(0% + 20px)}}section#staff{padding:80px 0 80px 0}section#staff .side-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-staff.png");background-position:center;position:relative}section#staff .side-background .dot2-wrapper img.dot2{width:80px;height:80px;position:absolute;top:50%;bottom:50%;right:calc(0% - 40px)}@media screen and (max-width:540px){section#staff .side-background .dot2-wrapper img.dot2{top:auto;bottom:calc(0% - 40px);right:calc(0% + 40px)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#staff .side-background .dot2-wrapper img.dot2{top:auto;bottom:calc(0% - 40px);right:calc(0% + 40px)}}section#contact div.inner-in .wrapper{display:flex;align-items:center}section#contact div.inner-in .wrapper p{margin:0 auto 40px auto}section#contact div.inner-in .wrapper .dot5-wrapper{width:50%;display:flex;position:relative}@media screen and (max-width:540px){section#contact div.inner-in .wrapper .dot5-wrapper{display:none}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#contact div.inner-in .wrapper .dot5-wrapper{display:none}}section#contact div.inner-in .wrapper .dot5-wrapper .dot5{width:320px;max-width:100%;margin:0 auto}section#top-subpage{margin:0 auto 80px 0}section#top-subpage div.inner-in{max-width:1920px;padding:0 0 0 80px}@media screen and (max-width:540px){section#top-subpage div.inner-in{padding:0 0 0 20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#top-subpage div.inner-in{padding:0 0 0 20px}}@media screen and (min-width:768px) and (max-width:1024px){section#top-subpage div.inner-in{padding:0 0 0 40px}}section#top-subpage div.inner-in div.layout-wide-toview{width:100%;max-width:1920px;height:400px;margin:0 auto;display:flex;align-items:center;position:relative}@media screen and (min-width:1920px){section#top-subpage div.inner-in div.layout-wide-toview{max-width:1080px}}section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine{height:fit-content;position:absolute;visibility:hidden}@media screen and (max-width:540px){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine{width:80%;height:80px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine{width:80%;height:80px}}@media screen and (min-width:768px) and (max-width:1024px){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine{}}section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine img.headline{max-width:100%;height:80px;margin-bottom:20px}@media screen and (max-width:540px){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine img.headline{height:60px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine img.headline{}}@media screen and (min-width:768px) and (max-width:1024px){section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-healine img.headline{}}section#top-subpage div.inner-in div.layout-wide-toview div.layout-wide-toview-background{width:66%;height:100%;margin:0 0 0 auto;background-size:cover;background-repeat:no-repeat;visibility:hidden;position:relative;z-index:-1}main#business section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-business.png");background-position:20% 30%}div.section-separator{width:100%;height:fit-content;padding:0 0 80px 0;margin:120px auto 60px auto;background:var(--gradation-color)}@media screen and (max-width:540px){div.section-separator{padding:0 0 40px 0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.section-separator{padding:0 0 40px 0}}@media screen and (min-width:768px) and (max-width:1024px){div.section-separator{}}div.section-separator div.inner-in{padding:0 0 0 80px;margin:0 auto -40px 0}@media screen and (max-width:540px){div.section-separator div.inner-in{padding:0 20px 0 20px;margin:0 auto -20px 0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.section-separator div.inner-in{padding:0 20px 0 20px;margin:0 auto -20px 0}}@media screen and (min-width:768px) and (max-width:1024px){div.section-separator div.inner-in{padding:0 40px 0 40px}}div.section-separator div.inner-in div.section-separator-content{transform:translateY(-40px)}@media screen and (max-width:540px){div.section-separator div.inner-in div.section-separator-content{transform:translateY(-20px)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.section-separator div.inner-in div.section-separator-content{transform:translateY(-20px)}}@media screen and (min-width:768px) and (max-width:1024px){div.section-separator div.inner-in div.section-separator-content{}}div.section-separator div.inner-in div.section-separator-content div.h3-wrapper h3{margin-right:20px;color:white}div.section-separator div.inner-in div.section-separator-content div.h3-wrapper div.horizontal-line{background-color:white}div.section-separator div.inner-in div.section-separator-content h2{margin:0 0 20px}@media screen and (max-width:540px){div.section-separator div.inner-in div.section-separator-content h2{margin:0 0 10px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.section-separator div.inner-in div.section-separator-content h2{margin:0 0 10px}}@media screen and (min-width:768px) and (max-width:1024px){div.section-separator div.inner-in div.section-separator-content h2{}}div.section-separator div.inner-in div.section-separator-content h2 img.separator-headline{max-width:100%;height:80px}@media screen and (max-width:540px){div.section-separator div.inner-in div.section-separator-content h2 img.separator-headline{height:40px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.section-separator div.inner-in div.section-separator-content h2 img.separator-headline{height:40px}}@media screen and (min-width:768px) and (max-width:1024px){div.section-separator div.inner-in div.section-separator-content h2 img.separator-headline{}}div.section-separator div.inner-in div.section-separator-content div.layout-harf p{color:white;font-weight:400}div.layout-media-block{width:100%;margin:40px 0 40px 0;display:flex;align-items:center;gap:20px}@media screen and (max-width:540px){div.layout-media-block{flex-direction:column-reverse;gap:40px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-media-block{}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-media-block{}}@media screen and (max-width:540px){div.layout-media-block div.layout-harf{padding-bottom:20px;border-bottom:solid 1px var(--main-color)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-media-block div.layout-harf{width:calc(100% - 300px)}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-media-block div.layout-harf{width:calc(100% - 300px)}}div.layout-media-block div.layout-harf h2 .h2-image{height:40px;margin:0 0 20px 0}@media screen and (max-width:540px){div.layout-media-block div.layout-harf h2 .h2-image{height:30px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-media-block div.layout-harf h2 .h2-image{height:30px}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-media-block div.layout-harf h2 .h2-image{height:50px}}div.layout-media-block div.layout-harf .h2-image#double-height{height:calc(40px * 2.2)}@media screen and (max-width:540px){div.layout-media-block div.layout-harf .h2-image#double-height{height:calc(30px * 2.2)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-media-block div.layout-harf .h2-image#double-height{height:calc(30px * 2.2)}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-media-block div.layout-harf .h2-image#double-height{height:calc(50px * 2.2)}}div.business-image{filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2))}@media screen and (max-width:540px){div.business-image{width:calc(100% - 80px)}}div.business-image .mask{height:400px;aspect-ratio:1;position:relative;background-color:var(--background-color);-webkit-mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");mask-repeat:no-repeat;mask-size:cover}div.business-image .mask::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask-outline.svg");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}@media screen and (max-width:540px){div.business-image .mask{height:80%;margin:20px 0 20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.business-image .mask{height:300px;margin:20px 0 20px}}@media screen and (min-width:768px) and (max-width:1024px){div.business-image .mask{height:300px}}div.business-image .mask img{width:100%;display:block;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}@media screen and (max-width:540px){section#company div.layout-harf{padding-bottom:0px;border-bottom:solid 0 var(--main-color)}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#company div.layout-harf{padding-bottom:0px;border-bottom:solid 0px var(--main-color)}}@media screen and (min-width:768px) and (max-width:1024px){section#company div.layout-harf{}}section#company div.layout-harf .data-list ul li{border-bottom:solid 1px var(--main-color)}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){section#company div.business-image{width:50%}}section#company div.business-image .mask::before{z-index:2}section#company div.business-image .mask img,section#company div.business-image .mask video{width:100%;object-fit:cover}main#staff section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-staff.png");background-position:center}.staff-wrapper{width:100%;padding:40px 0 40px 0;display:flex;align-items:center;border-bottom:solid 1px var(--main-color)}.staff-wrapper:nth-child(3){padding:40px 0 0 0;border-bottom:solid 0px var(--main-color)}@media screen and (max-width:540px){.staff-wrapper{flex-direction:column}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.staff-wrapper{}}@media screen and (min-width:768px) and (max-width:1024px){.staff-wrapper{}}@media screen and (min-width:1025px){.staff-wrapper{}}.staff-wrapper div.layout-harf.staff-image img{width:400px;margin:0 auto;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}@media screen and (max-width:540px){.staff-wrapper div.layout-harf.staff-image img{width:100%}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.staff-wrapper div.layout-harf.staff-image img{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.staff-wrapper div.layout-harf.staff-image img{}}@media screen and (min-width:1025px){.staff-wrapper div.layout-harf.staff-image img{}}.staff-wrapper div.layout-harf.staff-data div.name{width:100%;padding:10px 10px;box-sizing:border-box;border-radius:5px;background:var(--gradation-color2)}.staff-wrapper div.layout-harf.staff-data div.name p,.staff-wrapper div.layout-harf.staff-data div.name h3{color:white;margin:5px 0;line-height:1em;text-align:center}@media screen and (max-width:540px){.staff-wrapper div.layout-harf.staff-data div.name p,.staff-wrapper div.layout-harf.staff-data div.name h3{}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.staff-wrapper div.layout-harf.staff-data div.name p,.staff-wrapper div.layout-harf.staff-data div.name h3{}}@media screen and (min-width:768px) and (max-width:1024px){.staff-wrapper div.layout-harf.staff-data div.name p,.staff-wrapper div.layout-harf.staff-data div.name h3{}}@media screen and (min-width:1025px){.staff-wrapper div.layout-harf.staff-data div.name p,.staff-wrapper div.layout-harf.staff-data div.name h3{}}.staff-wrapper div.layout-harf.staff-data ul.icon-data-list{width:100%;padding:10px 10px 20px 10px;box-sizing:border-box;border-radius:10px;background:var(--background-color)}.staff-wrapper div.layout-harf.staff-data ul.icon-data-list li{margin:0 0 0 0;display:grid;grid-template-columns:30px 9ch auto;align-items:center;gap:10px}.staff-wrapper div.layout-harf.staff-data ul.icon-data-list li p{margin:5px 0}.staff-wrapper div.layout-harf.staff-data ul.icon-data-list li img{width:20px}main#news section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-news.png");background-position:center}div.news-list{width:100%;max-width:800px;margin:0 auto 40px 0;display:grid;grid-template-columns:1fr}div.news-list article{padding:0 0 5px 0;margin:5px 0 5px 0;display:grid;grid-template-columns:13ch auto 12ch;gap:10px;align-items:start;border-bottom:solid 1px var(--main-color)}div.news-list article .news-date p{margin-top:0;margin-bottom:0}div.news-list article .read-more{margin:0 0 0 auto;display:flex;align-items:center;gap:10px;transition:0.5s}div.news-list article .read-more img{height:15px;display:block}div.news-list article .read-more:hover{transform:translateX(10px)}div.news-list article .read-more:active{transform:translateX(10px)}div.pagination-wrapper{width:fit-content;margin:20px auto 20px auto}div.pagination-wrapper .pagination{display:flex;gap:20px}div.pagination-wrapper .pagination .prev{width:25px;height:25px;display:grid;align-items:center;background-color:var(--main-color);border-radius:100%}div.pagination-wrapper .pagination .prev svg{height:15px;margin:0 auto 0 auto;transform:translateX(-1px)}div.pagination-wrapper .pagination .next{width:25px;height:25px;display:grid;align-items:center;background-color:var(--main-color);border-radius:100%}div.pagination-wrapper .pagination .next svg{height:15px;margin:0 auto 0 auto;transform:translateX(1px)}div.pagination-wrapper .pagination span.page-numbers.current{color:var(--sub-color);border-bottom:solid 1px var(--sub-color)}main#production section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-archive.png")}main#system section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-system.png")}main#design section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-design.png")}div.layout-three-grid{width:100%;margin-bottom:40px;display:grid;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:540px){div.layout-three-grid{grid-template-columns:1fr}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-three-grid{grid-template-columns:1fr}}@media screen and (min-width:768px) and (max-width:1024px){div.layout-three-grid{}}@media screen and (min-width:1025px){div.layout-three-grid{}}@media screen and (max-width:540px){div.layout-three-grid .button-wrapper{margin-bottom:20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){div.layout-three-grid .button-wrapper{margin-bottom:20px}}.production-list{width:100%;display:grid;margin-bottom:40px;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px}.production-list article{transition:0.1s}.production-list article:hover{transform:scale(0.95) !important}.production-list article:active{transform:scale(0.95) !important}@media screen and (max-width:540px){.production-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){.production-list{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width:768px) and (max-width:1024px){.production-list{}}@media screen and (min-width:1025px){.production-list{}}article .production-thumbnail div.production-image{filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));margin-bottom:20px}article .production-thumbnail div.production-image .mask{width:100%;aspect-ratio:1;position:relative;background-color:var(--background-color);-webkit-mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");mask-repeat:no-repeat;mask-size:cover}article .production-thumbnail div.production-image .mask::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask-outline.svg");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2}article .production-thumbnail div.production-image .mask::before img{object-fit:cover}@media screen and (max-width:540px){article .production-thumbnail div.production-image .mask{height:80%;margin:20px 0 20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){article .production-thumbnail div.production-image .mask{height:80%;margin:20px 0 20px}}@media screen and (min-width:768px) and (max-width:1024px){article .production-thumbnail div.production-image .mask{}}article .production-thumbnail div.production-image .mask img{width:100%;display:block;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}article .production-name{width:100%;padding:0 0 7px 0;margin:0;letter-spacing:1px;line-height:1em;text-align:left;color:var(--text-color);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article .taxnomy-tag-wrapper{min-height:4ch}.production-tags,.production-taxonomy{}.production-tags a,.production-taxonomy a{display:flex;align-items:center}.production-tags a img.icon-list,.production-taxonomy a img.icon-list{width:15px;margin-right:5px;transform:translateY(2px)}.production-tags h3,.production-taxonomy h3{display:flex;align-items:center}.production-tags h3 img.icon-list,.production-taxonomy h3 img.icon-list{width:20px;height:20px;margin-right:5px;transform:translateY(5px)}main#production section#top-archivepage{margin:0 auto 80px auto}main#production section#top-archivepage div.inner-in div.production-wrapper{padding:80px 0 0 0;display:flex;gap:40px;align-items:center}@media screen and (max-width:540px){main#production section#top-archivepage div.inner-in div.production-wrapper{flex-direction:column;gap:0;padding:120px 0 0 0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){main#production section#top-archivepage div.inner-in div.production-wrapper{padding:120px 0 0 0}}@media screen and (min-width:768px) and (max-width:1024px){main#production section#top-archivepage div.inner-in div.production-wrapper{padding:120px 0 0 0}}main#production section#top-archivepage div.inner-in div.production-wrapper .production-title{height:fit-content}main#production section#top-archivepage div.inner-in div.production-wrapper .production-title img.headline{max-width:100%;height:80px;margin-bottom:20px;display:block}@media screen and (max-width:540px){main#production section#top-archivepage div.inner-in div.production-wrapper .production-title img.headline{height:60px}}main#production section#top-archivepage div.inner-in div.production-wrapper .production-title h3{margin-bottom:10px}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image{width:100%;max-width:400px;height:100%;visibility:hidden}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image{width:100%;height:100%;filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));margin-bottom:20px}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask{width:100%;height:100%;aspect-ratio:1;position:relative;background-color:var(--background-color);-webkit-mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask.svg");mask-repeat:no-repeat}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/mask-outline.svg");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask::before img{object-fit:cover}@media screen and (max-width:540px){main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask{height:80%;margin:20px 0 20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask{height:80%;margin:20px 0 20px}}@media screen and (min-width:768px) and (max-width:1024px){main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask{}}main#production section#top-archivepage div.inner-in div.production-wrapper .production-image div.production-image .mask img{width:100%;display:block;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}div.customfiled{width:100%}div.customfiled ul li{width:100%;padding:10px;box-sizing:border-box;border-radius:10px;background-color:var(--background-color)}div.customfiled ul li div{display:flex;align-items:center}div.customfiled ul li div img.icon-list{height:25px;margin-right:5px;transform:translateY(2px)}div.customfiled ul li p{max-width:100%}.post-content{width:100%;max-width:800px}.article-list{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}#archive article{width:100%;height:auto;padding:10px;box-sizing:border-box}.post-name{padding:10px 0 10px 0;margin:0;font-size:24px;letter-spacing:1px;line-height:1em;text-align:left;color:var(--text-color)}.post-thumbnail{width:100%;aspect-ratio:1}#single article{width:100%;height:auto}img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}#single .inner{max-width:800px;padding:0 0 0 0}h1.wp-block-heading{width:100%;padding:10px;box-sizing:border-box;border-radius:10px;color:white;font-size:32px;font-weight:700;background:var(--gradation-color3)}h2.wp-block-heading{width:100%;padding:10px;box-sizing:border-box;border-radius:10px;margin:20px 0;color:white;font-size:24px;font-weight:700;background:var(--gradation-color2)}h3.wp-block-heading{width:100%;padding:10px;box-sizing:border-box;border-radius:10px;margin:20px 0;color:var(--main-color);font-size:24px;font-weight:700;background-color:var(--background-color)}h4.wp-block-heading{width:100%;padding:0 10px 10px 10px;box-sizing:border-box;margin:20px 0;color:var(--main-color);font-size:24px;font-weight:700;border-bottom:solid 2px var(--main-color)}h5.wp-block-heading{width:fit-content;margin:20px 0;padding:10px;box-sizing:border-box;color:var(--main-color);font-size:24px;border:solid 2px var(--main-color)}h6.wp-block-heading{padding:10px;box-sizing:border-box;margin:20px 0;color:var(--main-color);font-size:24px}.wp-block-button__link{min-width:200px;padding:10px;background-color:var(--main-color);color:white;transition:0.5s;filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3))}.wp-block-button__link:hover{transform:scale(0.9);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}.wp-block-button__link:active{transform:scale(0.9);filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))}ul.wp-block-list{list-style:circle;transform:translateX(20px)}blockquote{display:flex;margin:20px 0}blockquote:before{content:'"';color:var(--main-color)}blockquote p{padding-bottom:10px;border-bottom:dotted 1px var(--main-color)}blockquote:after{content:'"';color:var(--main-color)}@media screen and (max-width:540px){.article-list{grid-template-columns:1fr 1fr}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1025px){}form.wpcf7-form.init,form.wpcf7-form.invalid{width:100%;max-width:800px;padding:40px;box-sizing:border-box;margin:0 auto;display:block;background-color:#f4f4f4}.contactform7 label{display:block}.contactform7 p{width:auto;margin:20px 0;display:block;text-align:left}.contactform7 input.wpcf7-form-control.wpcf7-text{width:100%;padding:5px;box-sizing:border-box;border:solid 1px var(--main-color)}.wpcf7-not-valid-tip{color:red}.contactform7 .wpcf7-list-item{display:block;margin:0 0 0 0}textarea.wpcf7-form-control.wpcf7-textarea{width:100%;padding:5px}input.wpcf7-form-control.wpcf7-submit.has-spinner{width:100px;display:block;padding:5px;margin:0 auto;border:solid 1px var(--main-color);background-color:var(--background-color)}.wpcf7-response-output{text-align:center;color:var(--main-color)}@media screen and (max-width:540px){form.wpcf7-form.init,form.wpcf7-form.invalid{padding:20px}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1025px){}main#privacy section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-privacy.png")}main#terms section#top-subpage div.layout-wide-toview-background{background-image:url("https://range-system.co.jp/wp-content/themes/RANGE_SYSTEMS/image/background-terms.png")}main#notfound section#notfound,main#error section#erroe{margin:0 auto 80px auto}.end{text-align:right}footer{background:var(--gradation-color);padding:40px 0 40px 0}@media screen and (max-width:540px){footer{padding:40px 0 80px 0}}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){footer{padding:40px 0 80px 0}}@media screen and (min-width:768px) and (max-width:1024px){footer{padding:40px 0 80px 0}}footer .menu-link ul{padding:0 0 10px 0;margin-top:0;display:flex;flex-wrap:wrap;border-bottom:solid 2px white}@media screen and (min-width:1025px){footer .menu-link ul{padding:0 0 0 0;border-bottom:solid 0px white}}footer .menu-link ul li{margin-top:0;margin-right:20px}footer .menu-link ul li p{margin:5px 0}footer .menu-link ul a{color:white;font-weight:600}footer .data-list li p{color:white;font-weight:600}footer .copyright{width:100%;height:auto}footer .copyright p{color:white;padding:20px 0 20px 0;margin:0 0 0 0}@media screen and (max-width:540px){}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1025px){}@media screen and (max-width:540px){}@media screen and (min-width:576px) and (max-width:932px) and (orientation:landscape){}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1920px){}