@charset "UTF-8";@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes mv{0%{opacity:0;scale:1.2}10%{opacity:1}100%{opacity:1;scale:1}}*{font-style:normal;font-weight:400;list-style:none;margin:0;padding:0}figure,nav{display:block}html{font-size:10px}body{background:#fff;color:#000;font-family:source-han-sans-japanese,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ W3",HiraKakuPro-W3,"Hiragino Sans","メイリオ",Meiryo,sans-serif;font-size:10px;text-align:center;-webkit-text-size-adjust:100%}.anchor{display:block;font-size:0;height:0;line-height:0}img{vertical-align:top}svg{pointer-events:none}a{color:#000}a:hover{text-decoration:none}@media screen and (min-width:768px){a[href^=tel]{pointer-events:none;text-decoration:none!important}}@media screen and (max-width:767px){.c-pc{display:none!important}}@media screen and (min-width:768px){.c-sp{display:none!important}}@media screen and (max-width:767px){.l-all{width:100%;min-width:320px}}.header{-ms-flex-align:center;align-items:center;background:#fff;box-sizing:border-box;display:-ms-flexbox;display:flex;height:80px;-ms-flex-pack:justify;justify-content:space-between;left:0;padding:0 30px;position:fixed;top:0;transition:height .2s ease;width:100%;z-index:1000}@media screen and (max-width:767px){.header{height:50px;padding:0 15px}}.header[data-status=scroll]{height:60px}@media screen and (max-width:767px){.header[data-status=scroll]{height:50px}}.header__logo{-ms-flex-negative:0;flex-shrink:0;width:95px}@media screen and (max-width:767px){.header__logo{width:60px}}.header__logo img{width:100%}.header__title{-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-left:1px solid #000;display:-ms-flexbox;display:flex;-ms-flex-positive:5;flex-grow:5;-ms-flex-negative:0;flex-shrink:0;font-size:1.4rem;-ms-flex-pack:justify;justify-content:space-between;margin:15px 0 15px 30px;padding:0 0 0 30px;text-align:left}@media screen and (max-width:767px){.header__title{font-size:1.2rem;margin:12px 0 12px 10px;padding:0 0 0 10px}}@media screen and (max-width:374px){.header__title{font-size:1.1rem}}.header__title a{text-decoration:none}.header__title a:hover{text-decoration:underline}.header__contact{-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-positive:10;flex-grow:10;margin:10px 30px 10px 0;max-width:400px}@media screen and (max-width:767px){.header__contact{display:none}}.header__contact li{height:100%;margin:0 0 0 20px;max-height:40px;max-width:180px;min-width:130px;width:100%}.header__contact a{-ms-flex-align:center;align-items:center;border:1px solid #b0b0b0;border-radius:40px;box-sizing:border-box;color:#b0b0b0;display:-ms-flexbox;display:flex;font-size:1.4rem;height:100%;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:100%;transition:all 250ms ease}.header__contact a:hover{border-color:#000;color:#000}.header__menubtn{cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:50px;position:relative;width:50px}@media screen and (max-width:767px){.header__menubtn{height:40px;width:40px}}.header__menubtn span{background:#b0b0b0;height:2px;position:absolute;transition:all .5s cubic-bezier(.785,.135,.15,.86);width:51%}.header__menubtn span:nth-of-type(1),.header__menubtn span:nth-of-type(2){top:15px}@media screen and (max-width:767px){.header__menubtn span:nth-of-type(1),.header__menubtn span:nth-of-type(2){top:10px}}.header__menubtn span:nth-of-type(3),.header__menubtn span:nth-of-type(4){bottom:15px}@media screen and (max-width:767px){.header__menubtn span:nth-of-type(3),.header__menubtn span:nth-of-type(4){bottom:10px}}.header__menubtn span:nth-of-type(1),.header__menubtn span:nth-of-type(3){left:0}.header__menubtn span:nth-of-type(2),.header__menubtn span:nth-of-type(4){right:0}.header__menubtn:hover span{background:#000}.header__menubtn[data-status=open] span{width:21px}.header__menubtn[data-status=open] span:nth-of-type(1){transform:rotate(225deg)}.header__menubtn[data-status=open] span:nth-of-type(2){transform:rotate(-225deg)}.header__menubtn[data-status=open] span:nth-of-type(3){transform:rotate(-225deg)}.header__menubtn[data-status=open] span:nth-of-type(4){transform:rotate(225deg)}.header__menubtn[data-status=open] span:nth-of-type(1),.header__menubtn[data-status=open] span:nth-of-type(2){top:14px}@media screen and (max-width:767px){.header__menubtn[data-status=open] span:nth-of-type(1),.header__menubtn[data-status=open] span:nth-of-type(2){top:9.5px}}.header__menubtn[data-status=open] span:nth-of-type(3),.header__menubtn[data-status=open] span:nth-of-type(4){bottom:14px}@media screen and (max-width:767px){.header__menubtn[data-status=open] span:nth-of-type(3),.header__menubtn[data-status=open] span:nth-of-type(4){bottom:9.5px}}.header__menubtn[data-status=open] span:nth-of-type(1),.header__menubtn[data-status=open] span:nth-of-type(3){left:4px}@media screen and (max-width:767px){.header__menubtn[data-status=open] span:nth-of-type(1),.header__menubtn[data-status=open] span:nth-of-type(3){left:0}}.header__menubtn[data-status=open] span:nth-of-type(2),.header__menubtn[data-status=open] span:nth-of-type(4){right:4px}@media screen and (max-width:767px){.header__menubtn[data-status=open] span:nth-of-type(2),.header__menubtn[data-status=open] span:nth-of-type(4){right:0}}.header__menu{background:#fff;box-sizing:border-box;height:0;left:0;overflow:hidden;padding:0 30px;position:absolute;top:100%;transition:height .5s cubic-bezier(.785,.135,.15,.86);width:100%}@media screen and (max-width:767px){.header__menu{padding:0 15px}}.header__menu[data-status=open]{height:360px}@media screen and (max-width:960px){.header__menu[data-status=open]{height:480px}}@media screen and (max-width:767px){.header__menu[data-status=open]{height:387px}}.header__menu nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:980px}@media screen and (max-width:960px){.header__menu nav{display:block}}.header__menu nav a{display:block;width:calc(50% - 10px);transition:all 250ms ease}@media screen and (max-width:960px){.header__menu nav a{margin:0 auto 30px;max-width:640px;text-align:center;width:100%}}@media screen and (min-width:768px){.header__menu nav a:hover{opacity:.8}}.header__menu nav img{width:100%}.header__menu ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:30px auto 20px;max-width:980px}@media screen and (max-width:960px){.header__menu ul{margin:30px auto 15px}}@media screen and (max-width:767px){.header__menu ul{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;margin:18px 0 0;padding:0 15px 0 0;width:100%}}.header__menu li{margin:20px 0;position:relative;width:32.6%;z-index:10}@media screen and (max-width:960px){.header__menu li{margin:15px 0}}@media screen and (max-width:767px){.header__menu li{box-sizing:border-box;margin:0 0 30px;padding:0;width:calc(50% - 7.5px)}}.header__menu li a{-ms-flex-align:center;align-items:center;border-left:1px solid #b0b0b0;color:#b0b0b0;display:-ms-flexbox;display:flex;font-size:1.4rem;height:40px;-ms-flex-pack:start;justify-content:flex-start;padding:0 0 0 30px;text-decoration:none;transition:all 250ms ease}@media screen and (max-width:960px){.header__menu li a{padding:0 0 0 10px}}@media screen and (max-width:767px){.header__menu li a{font-size:1.3rem;height:30px;padding:0 0 0 15px;text-align:left}}@media screen and (max-width:767px) and (orientation:landscape){.header__menu li a{height:25px}}@media screen and (min-width:768px){.header__menu li a:hover{border-color:#000;border-left-width:5px;color:#000}}.header__menu[data-status=open]+.header__bg{pointer-events:auto}.header__bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-5}.footer{padding:35px 0 20px;position:relative;border-top:1px solid #f7f8f8;z-index:1}@media screen and (max-width:960px){.footer{padding:30px 0 10px}}.footer__nav{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;margin:0 30px 30px}@media screen and (max-width:960px){.footer__nav{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 30px 30px}}@media screen and (max-width:767px){.footer__nav{-ms-flex-pack:center;justify-content:center;margin:0 0 30px}}.footer__nav li{color:#b0b0b0;font-size:1.4rem;line-height:20px}@media screen and (max-width:960px){.footer__nav li{line-height:30px}}@media screen and (max-width:767px){.footer__nav li{font-size:1.2rem;margin:0 10px}}.footer__nav li::after{content:"\FF5C";margin:0 .4em}@media screen and (max-width:960px){.footer__nav li::after{margin:0}}@media screen and (max-width:767px){.footer__nav li::after{content:none}}.footer__nav li:last-child::after{content:none}.footer__nav a{color:#b0b0b0;text-decoration:none;transition:all 250ms ease}.footer__nav a:hover{color:#000}.footer__sns{bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:0;margin:0 auto;position:absolute;right:0}@media screen and (max-width:767px){.footer__sns{bottom:60px}}.footer__sns li{height:40px;margin:0 10px;width:40px}.footer__sns a{-ms-flex-align:center;align-items:center;border-radius:100%;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:center;justify-content:center;position:relative;width:100%}.footer__sns a::before{background:#000;border-radius:100%;content:"";height:40px;opacity:.2;position:absolute;width:40px;z-index:1;transition:all 250ms ease;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.footer__sns a:hover::before{opacity:1}.footer__sns a img{position:relative;z-index:5}.footer__sns--facebook img{width:12px}.footer__sns--twitter img{width:22px}.footer__sns--line img{width:22px}.footer__rinnai{display:block;margin:0 30px 15px 30px;text-align:left}@media screen and (max-width:767px){.footer__rinnai{margin:0 0 100px;text-align:center}}.footer__rinnai img{height:24px;width:95px}.footer__copyright{color:#595757;display:block;font-size:1.2rem;line-height:1.4em;margin:0 30px 0 30px;text-align:left}@media screen and (max-width:767px){.footer__copyright{text-align:center}}.pagetop{bottom:20px;height:40px;position:fixed;right:25px;width:40px;z-index:1000}@media screen and (max-width:767px){.pagetop{display:none}}.pagetop a{border-radius:100%;display:block;font-size:0;height:40px;left:0;position:absolute;top:60px;transition:all .2s ease;width:40px}.pagetop a::after{background:url(../images/footer/icon_arrow.svg) no-repeat 50% 15px;background-size:12.8px 6.4px;border-radius:100%;content:"";height:40px;position:absolute;width:40px;z-index:1;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.pagetop a::before{background:#000;border-radius:100%;content:"";height:40px;opacity:.2;position:absolute;width:40px;z-index:1;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transition:all 250ms ease}.pagetop a:hover::before{opacity:1}.pagetop[data-status=show] a{top:0}.introstory{padding:80px 0 0}@media screen and (max-width:767px){.introstory{padding:50px 0 0}}.introstory .c-title{font-size:3rem;font-weight:500;line-height:1.4em;margin:0 0 15px}@media screen and (max-width:767px){.introstory .c-title{font-size:2.4rem}}.introstory img{width:100%}.introstory figcaption{font-size:1.2rem;line-height:1.5em;margin:7px 0 0}.introstory__bg{background:#f7f7f7}.introstory__block{color:#31373d;margin:0 auto;max-width:980px;padding:70px 30px 100px;text-align:left}@media screen and (max-width:767px){.introstory__block{padding:45px 15px 50px}}.introstory__block h2{font-size:3rem;font-weight:300;line-height:1.5em;margin:0 0 55px}@media screen and (max-width:767px){.introstory__block h2{font-size:2.4rem;margin:0 0 30px}}.introstory__block p{font-size:1.5rem;line-height:2em}@media screen and (max-width:767px){.introstory__block p{font-size:1.4rem}}.introstory__block p+p{margin:1lh 0 0}.introstory__block nav{height:80px;margin:0 auto 0;width:360px}@media screen and (max-width:767px){.introstory__block nav{height:50px;width:100%}}.introstory__block nav a{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;height:100%;-ms-flex-pack:center;justify-content:center;position:relative;text-decoration:none;z-index:10;font-weight:500;transition:all 250ms ease}@media screen and (max-width:767px){.introstory__block nav a{font-size:1.4rem}}@media screen and (min-width:768px){.introstory__block nav a:hover{opacity:.8}}.introstory__block nav a::before{background:#455673;border-radius:80px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;transition:all 250ms ease}@media screen and (min-width:768px){.introstory__block nav a:hover::before{transform:scale(1.05)}}.introstory__block nav a span{position:relative;z-index:10;font-weight:500}.introstory__movie{margin:30px 0 90px}@media screen and (max-width:767px){.introstory__movie{margin:15px 0 30px}}.introstory__movie video{display:block;width:100%}.introstory__photo{margin:80px 0 0;position:relative}@media screen and (max-width:767px){.introstory__photo{margin:50px 0 0}}.introstory__photo+nav,.introstory__photo+p{margin-top:65px}@media screen and (max-width:767px){.introstory__photo+nav,.introstory__photo+p{margin-top:30px}}.introstory__photo--layout img,.introstory__photo--layout03 img{border:1px solid #dbdbdb;box-sizing:border-box}.introstory__photo--layout div::before,.introstory__photo--layout03 div::before{background:url(../images/introstory/02/layout.svg) no-repeat center;background-size:100% 100%;content:"";position:absolute;width:172px;z-index:1;aspect-ratio:1/1;width:17.55102%}.introstory__photo--layout div p,.introstory__photo--layout03 div p{-ms-flex-align:center;align-items:center;background:#cc000e;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;height:60px;-ms-flex-pack:center;justify-content:center;line-height:1.6em;position:absolute;text-align:center;width:200px;z-index:2}@media screen and (max-width:767px){.introstory__photo--layout div p,.introstory__photo--layout03 div p{font-size:1.1rem;height:auto;padding:10px;width:auto}}.introstory__photo--layout div::before{left:45.91837%;top:28.82883%}@media screen and (max-width:767px){.introstory__photo--layout div::before{top:26.89076%}}.introstory__photo--layout div p{left:52.04082%;top:23.42342%}@media screen and (max-width:767px){.introstory__photo--layout div p{top:16.80672%}}.introstory__photo--layout03 div::before{left:16.93878%;top:33.33333%}@media screen and (max-width:767px){.introstory__photo--layout03 div::before{top:27.77778%}}.introstory__photo--layout03 div p{left:22.44898%;top:27.77778%}@media screen and (max-width:767px){.introstory__photo--layout03 div p{top:14.81481%}}@media screen and (max-width:767px){.introstory__photo--layout02 div{counter-reset:num;position:relative}.introstory__photo--layout02 div span{border:1px solid #fff;border-radius:100%;box-sizing:border-box;content:"";counter-increment:num;position:absolute;aspect-ratio:1/1;width:10.20408%}.introstory__photo--layout02 div span::before{-ms-flex-align:center;align-items:center;background:#fff;border-radius:100%;color:inherit;content:counter(num);display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:500;height:20px;-ms-flex-pack:center;justify-content:center;left:-15%;line-height:1em;position:absolute;top:-15%;width:20px;z-index:2}.introstory__photo--layout02 div span:nth-of-type(1){left:33.16327%;top:32.5%}.introstory__photo--layout02 div span:nth-of-type(2){left:44.38776%;top:32.5%}.introstory__photo--layout02 div span:nth-of-type(3){left:30.61224%;top:59.16667%}}@media screen and (max-width:767px){.introstory__photo--layout02 ol{margin:5px 0 0}}.introstory__photo--layout02 li{line-height:1.666em}@media screen and (min-width:768px){.introstory__photo--layout02 li{background:#fff;border-radius:10px;font-size:1.8rem;font-weight:500;list-style:none;padding:18px 31px;position:absolute}}@media screen and (max-width:767px){.introstory__photo--layout02 li{font-size:1.5rem;list-style:decimal;list-style-position:inside}}.introstory__photo--layout02 li:nth-of-type(1){left:12.2449%;top:29.16667%}.introstory__photo--layout02 li:nth-of-type(1)::after{left:91.11111%;top:23.07692%}.introstory__photo--layout02 li:nth-of-type(2){left:52.55102%;top:25%}.introstory__photo--layout02 li:nth-of-type(2)::after{right:94.02985%;top:44.44444%}.introstory__photo--layout02 li:nth-of-type(3){left:38.77551%;top:53.33333%}.introstory__photo--layout02 li:nth-of-type(3)::after{right:90.2439%;top:23.07692%}.introstory__photo--layout02 li span{display:block;font-size:66.6%;font-weight:inherit;margin:-5px 0 0}@media screen and (max-width:767px){.introstory__photo--layout02 li span{font-size:1.2rem}}.introstory__photo--layout02 li::after{border:1px solid #fff;border-radius:100%;box-sizing:border-box;content:"";height:100px;position:absolute;width:100px}@media screen and (max-width:767px){.introstory__photo--layout02 li::after{content:none}}.introstory__photos{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin:80px 0 0;gap:30px}@media screen and (max-width:767px){.introstory__photos{display:block;margin:50px 0 0}}.introstory__photos:is(h2+*){margin:60px 0}@media screen and (max-width:767px){.introstory__photos:is(h2+*){margin:30px 0}}@media screen and (min-width:768px){.introstory__photos figure{max-width:450px;width:calc(50% - 15px)}}@media screen and (max-width:767px){.introstory__photos figure{margin:30px 0 0;width:100%}}.introstory__column{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin:60px 0 0;gap:30px}@media screen and (max-width:767px){.introstory__column{display:block;margin:30px 0 0}}.introstory__column--02{-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media screen and (min-width:768px){.introstory__column div,.introstory__column figure{max-width:450px;width:calc(50% - 15px)}}@media screen and (max-width:767px){.introstory__column div,.introstory__column figure{margin:30px 0 0;width:100%}}.introstory__column div video,.introstory__column figure video{display:block;width:100%}.introstory__slider{position:relative}.introstory__slider li:not(:nth-of-type(1)){left:0;opacity:0;position:absolute;top:0}.introstory__slider li:nth-of-type(2){animation:fadeimg02 5s ease 0s infinite alternate}.introstory__slider li:nth-of-type(3){animation:fadeimg03 5s ease 0s infinite alternate}.introstory__slider li:nth-of-type(4){animation:fadeimg04 5s ease 0s infinite alternate}.introstory__slider li:nth-of-type(5){animation:fadeimg05 5s ease 0s infinite alternate}.introstory__switchimg{position:relative}.introstory__switchimg li:not(:nth-of-type(1)){left:0;opacity:0;position:absolute;top:0}.introstory__switchimg li:nth-of-type(2){animation:switchimg 5s ease 0s infinite}@keyframes switchimg{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes fadeimg02{0%{opacity:0}18%{opacity:0}22%{opacity:1}100%{opacity:1}}@keyframes fadeimg03{0%{opacity:0}38%{opacity:0}42%{opacity:1}100%{opacity:1}}@keyframes fadeimg04{0%{opacity:0}58%{opacity:0}62%{opacity:1}100%{opacity:1}}@keyframes fadeimg05{0%{opacity:0}78%{opacity:0}82%{opacity:1}100%{opacity:1}}.introstory .mv{overflow:hidden;position:relative}.introstory .mv>img{width:100%;animation:mv 10s linear 0s forwards}@media screen and (max-width:767px){.introstory .mv>img{margin:0 0 0 -10%;width:120%}}.introstory .mv p{left:18px;position:absolute;top:-10px;z-index:2}@media screen and (max-width:767px){.introstory .mv p{left:9px;top:-5px}}.introstory .mv p img{width:340px}@media screen and (max-width:767px){.introstory .mv p img{width:170px}}.introstory .title{background:url(../images/introstory/title_bg.webp) no-repeat center;background-size:cover;padding:0 0 40px;position:relative;z-index:2}@media screen and (max-width:767px){.introstory .title{padding:0 0 0}}.introstory .title::before{background:#31373d;content:"";margin:auto;position:absolute;width:240px;z-index:-1;inset:0 auto 0 0}@media screen and (max-width:960px){.introstory .title::before{width:150px}}@media screen and (max-width:767px){.introstory .title::before{width:15px}}.introstory .title__vol{-ms-flex-align:center;align-items:center;background:#be2720;border-radius:100%;display:-ms-flexbox;display:flex;height:120px;-ms-flex-pack:center;justify-content:center;left:100px;position:absolute;top:-100px;width:120px;z-index:5}@media screen and (max-width:960px){.introstory .title__vol{left:15px}}@media screen and (max-width:767px){.introstory .title__vol{height:50px;left:30px;top:0;width:50px}}.introstory .title__vol img{height:14px}@media screen and (max-width:767px){.introstory .title__vol img{height:10px}}.introstory .title__body{background:#fff;box-shadow:3px 3px 6px rgb(0 0 0 / 15%);box-sizing:border-box;color:#31373d;margin:0 110px 0 0;min-height:360px;padding:31px 40px 0 280px;position:relative;text-align:left;z-index:3;translate:0 -40px}@media screen and (max-width:960px){.introstory .title__body{margin:0 30px 0 0;padding:31px 40px 0 190px}}@media screen and (max-width:767px){.introstory .title__body{margin:0 15px 0 0;min-height:215px;padding:15px 15px 0 30px;translate:0 -15px}}.introstory .title__body p{font-size:2.4rem;font-weight:500;line-height:1.625em;margin:0 0 17px}@media screen and (max-width:767px){.introstory .title__body p{font-size:1.8rem;line-height:1.4em;margin:0 0 10px 65px}}.introstory .title__body h1{font-size:3.9rem;font-weight:300;line-height:1.538em}@media screen and (max-width:960px){.introstory .title__body h1{font-size:3.3rem}}@media screen and (max-width:767px){.introstory .title__body h1{font-size:2.1rem}}.introstory .title__body::before{background:#31373d;content:"";margin:auto;position:absolute;width:1px;inset:-60px auto 0 239px}@media screen and (max-width:960px){.introstory .title__body::before{inset:-60px auto 0 149px}}@media screen and (max-width:767px){.introstory .title__body::before{inset:-15px auto 0 14px}}.introstory .step{background:url(../images/introstory/step_bg.webp) no-repeat center;background-size:cover;padding:50px 30px 100px}@media screen and (max-width:767px){.introstory .step{padding:30px 0 50px}}.introstory .step--01 .step__current{margin-left:19%}@media screen and (max-width:767px){.introstory .step--01 .step__current{margin-left:167.2px}}.introstory .step--02 .step__current{margin-left:45.7%}@media screen and (max-width:767px){.introstory .step--02 .step__current{margin-left:402.16px}}.introstory .step--03 .step__current{margin-left:66.1%}@media screen and (max-width:767px){.introstory .step--03 .step__current{margin-left:581.68px}}.introstory .step--04 .step__current{background:url(../images/introstory/step_current02.svg) no-repeat center;margin-left:80.8%}@media screen and (max-width:767px){.introstory .step--04 .step__current{margin-left:700px}}.introstory .step h2{font-size:2.4rem;font-weight:400;line-height:1.5em;margin:0 0 30px}@media screen and (max-width:767px){.introstory .step h2{font-size:2.1rem;margin:0 0 15px}}.introstory .step__current{-ms-flex-align:center;align-items:center;background:url(../images/introstory/step_current.svg) no-repeat center;box-sizing:border-box;color:#cc000e;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:500;height:55px;-ms-flex-pack:center;justify-content:center;margin:0 0 -35px 0;padding:0 0 15px;position:relative;width:180px;z-index:5}.introstory .step__body{margin:0 auto;max-width:980px}@media screen and (max-width:767px){.introstory .step__body{overflow:auto;padding:0 15px}}.introstory .step__body dl{background:#fff;border:1px solid #dcdcdc;border-bottom:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.introstory .step__body dl{width:880px}}.introstory .step__body dl dt{-ms-flex-align:center;align-items:center;border-bottom:1px solid #dcdcdc;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:500;height:180px;-ms-flex-pack:center;justify-content:center;width:14.2%}.introstory .step__body dl dt.step__body--01{background:#31373d}.introstory .step__body dl dt.step__body--02{background:rgba(49,55,61,.8)}.introstory .step__body dl dd{border-bottom:1px solid #dcdcdc;width:85.8%}.introstory .step__body dl dd.step__body--01 li:nth-of-type(even){background:#f7f7f7}.introstory .step__body dl dd.step__body--02 li:nth-of-type(odd){background:#f7f7f7}.introstory .step__body ol{display:-ms-flexbox;display:flex;height:100%}.introstory .step__body ol li{-ms-flex-align:center;align-items:center;border-left:1px solid #dcdcdc;box-sizing:border-box;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:500;-ms-flex-pack:center;justify-content:center;line-height:1.6em;padding:10px 0;position:relative}@media screen and (max-width:960px){.introstory .step__body ol li{font-size:1.4rem}}.introstory .step__body ol li:nth-of-type(1){width:14.28571%}.introstory .step__body ol li:nth-of-type(1) div{left:0}.introstory .step__body ol li:nth-of-type(2){width:17.85714%}.introstory .step__body ol li:nth-of-type(3){width:25%}.introstory .step__body ol li:nth-of-type(4){width:28.57143%}.introstory .step__body ol li:nth-of-type(4) div{right:30px}.introstory .step__body ol li:nth-of-type(5){width:14.28571%}.introstory .step__body ol li:nth-of-type(5) div{left:0}.introstory .step__body ol li:nth-of-type(5) div::after{content:none}.introstory .step__body ol div{-ms-flex-align:center;align-items:center;background:#dcdcdc;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-weight:500;height:80px;-ms-flex-pack:center;justify-content:center;margin:auto;position:absolute;inset:0 0 0 30px}.introstory .step__body ol div span{font-size:1.2rem;font-weight:inherit;line-height:1.5em}.introstory .step__body ol div::after{border-color:transparent transparent transparent #dcdcdc;border-style:solid;border-width:40px 0 40px 30px;content:"";display:inline-block;height:0;position:absolute;width:0;z-index:2;inset:0 auto 0 100%}.introstory .step__body ol div[data-current=true]{background:#cc000e;color:#fff}.introstory .step__body ol div[data-current=true]::after{border-color:transparent transparent transparent #cc000e}.introstory .profile{background:url(../images/introstory/profile_bg.webp) no-repeat center;background-size:cover;padding:80px 30px}@media screen and (max-width:767px){.introstory .profile{padding:50px 15px}}.introstory .profile__body{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:980px;gap:15px}@media screen and (max-width:767px){.introstory .profile__body{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:30px}}@media screen and (min-width:768px){.introstory .profile__body figure{width:30.6%}}.introstory .profile__body figure img{height:100%;object-fit:cover;width:100%}.introstory .profile__body div{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;max-width:305px}@media screen and (min-width:768px){.introstory .profile__body div{width:38.8%}}@media screen and (max-width:767px){.introstory .profile__body div{max-width:265px}}.introstory .profile__body dl{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-positive:10;flex-grow:10;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.4rem;-ms-flex-pack:center;justify-content:center;position:relative;gap:11px 40px}@media screen and (max-width:960px){.introstory .profile__body dl{font-size:1.2rem;gap:11px 20px}}.introstory .profile__body dl::before{background:currentColor;content:"";margin:auto;position:absolute;width:1px;inset:0 auto 0 90px}@media screen and (max-width:960px){.introstory .profile__body dl::before{inset:0 auto 0 80px}}.introstory .profile__body dl a{color:inherit}.introstory .profile__body dl dt{text-align:right;width:70px}@media screen and (max-width:960px){.introstory .profile__body dl dt{width:60px}}.introstory .profile__body dl dd{text-align:left;width:calc(100% - 110px)}@media screen and (max-width:960px){.introstory .profile__body dl dd{width:calc(100% - 100px)}}.introstory .navi li{padding:70px 30px}@media screen and (max-width:767px){.introstory .navi li{padding:50px 15px}}.introstory .navi li:nth-of-type(even){background:#f1f2f2}.introstory .navi a{-ms-flex-align:start;align-items:flex-start;color:#31373d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:980px;position:relative;text-decoration:none;transition:all 250ms ease}@media screen and (min-width:768px){.introstory .navi a:hover{opacity:.8}}@media screen and (max-width:767px){.introstory .navi a{display:block}}.introstory .navi a[data-current=true]{pointer-events:none}.introstory .navi a[data-current=true] .navi__vol{background:#be2720}.introstory .navi a figure,.introstory .navi a>div{text-align:left}@media screen and (min-width:768px){.introstory .navi a figure,.introstory .navi a>div{width:calc(50% - 15px)}}@media screen and (min-width:768px){.introstory .navi a>div{-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;max-width:470px}}@media screen and (min-width:768px){.introstory .navi figure{max-width:450px}}.introstory .navi figure img{width:100%}.introstory .navi__vol{-ms-flex-align:center;align-items:center;background:#31373d;border-radius:100%;display:-ms-flexbox;display:flex;height:90px;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0;width:90px}@media screen and (max-width:767px){.introstory .navi__vol{height:50px;width:50px}}.introstory .navi__vol img{height:11.6px}@media screen and (max-width:767px){.introstory .navi__vol img{height:10px}}.introstory .navi p{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:1.8rem;font-weight:500;-ms-flex-pack:start;justify-content:flex-start;line-height:1.666em;margin:0 0 15px 115px;min-height:90px}@media screen and (max-width:767px){.introstory .navi p{font-size:1.5rem;margin:0 0 10px 65px;min-height:50px}}.introstory .navi dl{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:10;flex-grow:10}@media screen and (max-width:767px){.introstory .navi dl{margin:0 0 15px}}.introstory .navi dt{-ms-flex-positive:10;flex-grow:10;font-size:2.7rem;font-weight:300;line-height:1.666em}@media screen and (max-width:960px){.introstory .navi dt{font-size:2.1rem}}.introstory .navi dd{font-size:1.5rem;font-weight:300;line-height:2em}@media screen and (max-width:767px){.introstory .navi dd{font-size:1.4rem}}.introstory .consider{background:#485572;padding:70px 30px}@media screen and (max-width:767px){.introstory .consider{padding:50px 15px}}.introstory .consider__body{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:980px}@media screen and (max-width:767px){.introstory .consider__body{display:block}}.introstory .consider__body div,.introstory .consider__body figure{text-align:left}@media screen and (min-width:768px){.introstory .consider__body div,.introstory .consider__body figure{max-width:450px;width:calc(50% - 15px)}}@media screen and (max-width:767px){.introstory .consider__body figure{margin:0 0 15px}}.introstory .consider__body figure img{width:100%}.introstory .consider__body div{-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:stretch;align-self:stretch;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.introstory .consider__body h2{font-size:3rem;font-weight:500;line-height:1.5em;margin:0 0 15px}@media screen and (max-width:767px){.introstory .consider__body h2{font-size:2.1rem;margin:0 0 10px}}.introstory .consider__body p{-ms-flex-positive:10;flex-grow:10;font-size:1.5rem;font-weight:300;line-height:2em;margin:0 0 15px}@media screen and (max-width:767px){.introstory .consider__body p{font-size:1.4rem}}.introstory .consider__body nav{height:80px;width:360px}@media screen and (max-width:767px){.introstory .consider__body nav{height:50px;width:100%}}.introstory .consider__body nav a{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;height:100%;-ms-flex-pack:center;justify-content:center;position:relative;text-decoration:none;z-index:10;font-weight:500;transition:all 250ms ease}@media screen and (max-width:767px){.introstory .consider__body nav a{font-size:1.4rem}}@media screen and (min-width:768px){.introstory .consider__body nav a:hover{opacity:.8}}.introstory .consider__body nav a::before{background:#455673;border-radius:80px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;transition:all 250ms ease}@media screen and (min-width:768px){.introstory .consider__body nav a:hover::before{transform:scale(1.05)}}.introstory .consider__body nav a span{position:relative;z-index:10;font-weight:500}.introstory .consider__body nav a{color:#485572}.introstory .consider__body nav a::before{background:#fff}.introstory .product{background:#595858;padding:40px 30px}@media screen and (max-width:767px){.introstory .product{padding:50px 15px}}.introstory .product__body{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:980px}@media screen and (max-width:767px){.introstory .product__body{display:block}}.introstory .product__body figure,.introstory .product__body>div{text-align:left}@media screen and (min-width:768px){.introstory .product__body figure,.introstory .product__body>div{max-width:450px;width:calc(50% - 15px)}}.introstory .product__body>div{-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:stretch;align-self:stretch;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:767px){.introstory .product__body>div{display:block;margin:15px 0 0}}.introstory .product__body>div a{color:inherit}.introstory .product__body>div p{font-size:1.5rem;font-weight:300;line-height:1.6em;margin:0 0 10px}@media screen and (max-width:767px){.introstory .product__body>div p{font-size:1.4rem}}.introstory .product__body>div div{-ms-flex-positive:10;flex-grow:10;margin:0 0 15px}@media screen and (max-width:767px){.introstory .product__body>div div{margin:0 0 15px}}.introstory .product__body>div div img{width:114px}.introstory .product__body>div ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}@media screen and (max-width:960px){.introstory .product__body>div ul{gap:15px 15px}}.introstory .product__body>div ul li{width:calc(50% - 15px)}@media screen and (max-width:960px){.introstory .product__body>div ul li{width:calc(50% - 7.5px)}}.introstory .product__body>div ul a{-ms-flex-align:center;align-items:center;border:1px solid currentColor;border-radius:40px;display:-ms-flexbox;display:flex;font-size:1.3rem;font-weight:300;height:40px;-ms-flex-pack:center;justify-content:center;position:relative;text-decoration:none;transition:all 250ms ease}@media screen and (min-width:768px){.introstory .product__body>div ul a:hover{opacity:.8}}.introstory .product__body>div ul a[target="_blank"]::after{background:url(../images/icon_blank.svg) no-repeat center;content:"";height:9px;margin:auto;position:absolute;width:9px;inset:0 13px 0 auto}.consultation{padding:85px 30px 80px}@media screen and (max-width:767px){.consultation{padding:50px 15px 50px}}.top .consultation__lead{opacity:0;transform:translateY(15px)}.top .consultation__lead[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.top .consultation__caption{opacity:0;transform:translateY(15px)}.top .consultation__caption[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.top .consultation__btn{opacity:0;transform:translateY(15px)}.top .consultation__btn[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.consultation__lead{font-size:1.5rem;font-weight:500;line-height:2em;margin:0 0 10px}@media screen and (max-width:767px){.consultation__lead{font-size:1.4rem}}.consultation__caption{color:#878787;font-size:1.2rem;line-height:30px}@media screen and (max-width:767px){.consultation__caption{line-height:1.8em}}.consultation__btn{height:80px;margin:40px auto 0;width:360px}@media screen and (max-width:767px){.consultation__btn{height:50px;margin:30px auto 0;width:100%}}.consultation__btn a{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;height:100%;-ms-flex-pack:center;justify-content:center;position:relative;text-decoration:none;z-index:10;font-weight:500;transition:all 250ms ease}@media screen and (max-width:767px){.consultation__btn a{font-size:1.4rem}}@media screen and (min-width:768px){.consultation__btn a:hover{opacity:.8}}.consultation__btn a::before{background:#455673;border-radius:80px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;transition:all 250ms ease}@media screen and (min-width:768px){.consultation__btn a:hover::before{transform:scale(1.05)}}.consultation__btn a span{position:relative;z-index:10;font-weight:500}.business,.catalog{padding:70px 30px 80px}@media screen and (max-width:767px){.business,.catalog{padding:50px 15px 50px}}.catalog{background:#f7f8f8}.top .business__title,.top .catalog__title{opacity:0;transform:translateY(15px)}.top .business__title[data-status=show],.top .catalog__title[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.top .business__lead,.top .catalog__lead{opacity:0;transform:translateY(15px)}.top .business__lead[data-status=show],.top .catalog__lead[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.top .business figure,.top .catalog figure{opacity:0;transform:translateY(15px)}.top .business figure[data-status=show],.top .catalog figure[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.top .business__btn,.top .catalog__btn{opacity:0;transform:translateY(15px)}.top .business__btn[data-status=show],.top .catalog__btn[data-status=show]{opacity:1;transition:transform .5s ease 0s,opacity .5s ease 0s;transform:translateY(0)}.business__title,.catalog__title{font-size:2.4rem;font-weight:500;line-height:1.5em;margin:0 0 25px}@media screen and (max-width:767px){.business__title,.catalog__title{font-size:1.8rem}}.business__lead,.catalog__lead{font-size:1.5rem;font-weight:500;line-height:2em;margin:0 0 25px}.business__lead a,.catalog__lead a{color:#455673;font-weight:500}.business figure,.catalog figure{margin:0 auto;max-width:804px}.business figure img,.catalog figure img{width:100%}.business__btn,.catalog__btn{height:80px;margin:50px auto 0;width:360px}@media screen and (max-width:767px){.business__btn,.catalog__btn{height:50px;margin:30px auto 0;width:100%}}.business__btn a,.catalog__btn a{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-size:1.5rem;height:100%;-ms-flex-pack:center;justify-content:center;position:relative;text-decoration:none;z-index:10;font-weight:500;transition:all 250ms ease}@media screen and (max-width:767px){.business__btn a,.catalog__btn a{font-size:1.4rem}}@media screen and (min-width:768px){.business__btn a:hover,.catalog__btn a:hover{opacity:.8}}.business__btn a::before,.catalog__btn a::before{background:#455673;border-radius:80px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;transition:all 250ms ease}@media screen and (min-width:768px){.business__btn a:hover::before,.catalog__btn a:hover::before{transform:scale(1.05)}}.business__btn a span,.catalog__btn a span{position:relative;z-index:10;font-weight:500}
