@media (min-width:1px) and (max-width:767px){.isPC{display:none!important}}@media (min-width:768px) and (max-width:99999px){.isSP{display:none!important}}article#kv{background-color:#f5f5f5}@media (min-width:1px) and (max-width:767px){article#kv{height:88vh}}@media (min-width:768px) and (max-width:99999px){article#kv{height:100vh}}article#kv .wrap-video{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}article#kv .wrap-video video{position:absolute}@media (min-width:1px) and (max-width:767px) and (aspect-ratio:750/1112),(min-width:1px) and (max-width:767px) and (min-aspect-ratio:750/1112){article#kv .wrap-video video{width:102%;top:50%;transform:translateY(-51%)}}@media (min-width:1px) and (max-width:767px) and (max-aspect-ratio:750/1112){article#kv .wrap-video video{height:102%;left:50%;transform:translateX(-51%)}}@media (min-width:768px) and (max-width:99999px) and (aspect-ratio:1440/900),(min-width:768px) and (max-width:99999px) and (min-aspect-ratio:1440/900){article#kv .wrap-video video{width:102%;top:50%;transform:translateY(-51%)}}@media (min-width:768px) and (max-width:99999px) and (max-aspect-ratio:1440/900){article#kv .wrap-video video{height:102%;left:50%;transform:translateX(-51%)}}article#kv .wrap-elem{position:relative;width:100%;height:100%;display:flex;align-items:center}article#kv .wrap-elem h1{font-size:170px;line-height:1em;margin-left:calc(300 / 1440 * 100%)}@media (min-width:1px) and (max-width:767px){article#kv .wrap-elem h1{font-size:77px;margin-left:19px}}@media (min-width:1px) and (max-width:767px){article#kv .wrap-elem h1 .line[num='2'] span[num='6']{margin-left:-1px}}@media (min-width:768px) and (max-width:99999px){article#kv .wrap-elem h1 .line[num='2'] span[num='6']{margin-left:-2px}}@media (min-width:1px) and (max-width:767px){article#kv .wrap-elem h1 .line[num='4'] span[num='11']{margin-left:5px}}@media (min-width:768px) and (max-width:99999px){article#kv .wrap-elem h1 .line[num='4'] span[num='11']{margin-left:12px}}article#kv .wrap-elem .scroll{position:absolute;bottom:90px;right:70px;width:44px;height:150px;cursor:pointer}@media (min-width:1px) and (max-width:767px){article#kv .wrap-elem .scroll{display:none}}article#kv .wrap-elem .scroll h5{position:relative;font-size:20px;line-height:.8em;top:24px;transform:rotate(-90deg);white-space:nowrap;opacity:0}article#kv .wrap-elem .scroll .icon{position:absolute;bottom:0;left:0}article#kv .wrap-elem .scroll .icon .line{width:2px;height:63px;background-color:#000;margin:0 auto;transform:scaleY(0)}article#kv .wrap-elem .scroll .icon .wrap-circle{width:44px;height:44px;margin:-22px auto 0;display:flex;justify-content:center;align-items:center;transform:scale(0)}article#kv .wrap-elem .scroll .icon .wrap-circle .circle{width:100%;height:100%;border:solid 2px #000;box-sizing:border-box;border-radius:100%}article#kv .wrap-elem .scroll.in h5{opacity:1;transition:.2s opacity linear 1.5s}article#kv .wrap-elem .scroll.in .icon .line{transform:scaleY(1);transition:.8s transform cubic-bezier(.075,.82,.165,1) 1.5s,.4s top cubic-bezier(.785,.135,.15,.86) 0s;position:relative;top:0}article#kv .wrap-elem .scroll.in .icon .wrap-circle{transform:scale(1);transition:.8s transform cubic-bezier(.785,.135,.15,.86) 1.5s}article#kv .wrap-elem .scroll.in .icon .wrap-circle .circle{animation:kv-scroll-circle 1.5s cubic-bezier(.785,.135,.15,.86) infinite alternate 2.5s}@-moz-keyframes kv-scroll-circle{0%{transform:scale(1)}100%{transform:scale(.8)}}@-webkit-keyframes kv-scroll-circle{0%{transform:scale(1)}100%{transform:scale(.8)}}@-o-keyframes kv-scroll-circle{0%{transform:scale(1)}100%{transform:scale(.8)}}@keyframes kv-scroll-circle{0%{transform:scale(1)}100%{transform:scale(.8)}}article#kv .wrap-elem .scroll.in.hover:hover .icon .line{top:63px;transition:.8s top cubic-bezier(.785,.135,.15,.86) 0s}article#news{margin-top:-27px;position:relative;z-index:2!important}@media (min-width:1px) and (max-width:767px){article#news{margin-top:-33px;padding:0 19px}}article#news .frame{background-color:#000}@media (min-width:1px) and (max-width:767px){article#news .frame{width:100%}}@media (min-width:768px) and (max-width:99999px){article#news .frame{margin:0 0 0 auto;width:calc(100% - 94px)}}@media (min-width:1px) and (max-width:767px){article#news .frame .inner{padding:37px 30px}}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner{display:flex;padding:60px 70px}}article#news .frame .inner .box-1{color:#fff;display:flex;justify-content:space-between}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1{align-items:baseline}}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner .box-1{flex-direction:column;margin-right:calc(150 / (1346 - 70 * 2) * 100%)}}article#news .frame .inner .box-1 h4{font-size:68px;line-height:.8em}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1 h4{font-size:55px}}article#news .frame .inner .box-1 a{display:flex;align-items:center;width:134px;justify-content:space-between}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1 a{width:90px;align-items:center}}article#news .frame .inner .box-1 a h5{font-size:22px;color:#fff;line-height:1em;align-items:center;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1 a h5{font-size:18px}}article#news .frame .inner .box-1 a .icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;border:solid 2px #fff;box-sizing:border-box;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1 a .icon{width:22px;height:22px}}article#news .frame .inner .box-1 a .icon .tip{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #000;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-1 a .icon .tip{border-width:2px 0 2px 4px}}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner .box-1 a .icon .tip{border-width:3px 0 3px 6px;top:1px;left:1px}}article#news .frame .inner .box-1 a.hover:hover h5{opacity:.5}article#news .frame .inner .box-1 a.hover:hover .icon{background-color:#000;border-color:#fff}article#news .frame .inner .box-1 a.hover:hover .icon .tip{border-color:transparent transparent transparent #fff}article#news .frame .inner .box-2{width:100%;flex:1}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul{margin-top:50px}}article#news .frame .inner .box-2 ul li:not(:first-child){margin-top:30px}article#news .frame .inner .box-2 ul li a{color:#fff}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner .box-2 ul li a{display:flex}}article#news .frame .inner .box-2 ul li a h5.date{font-size:18px;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul li a h5.date{font-size:15px}}article#news .frame .inner .box-2 ul li a .cell{display:flex;justify-content:space-between;width:100%;flex:1}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul li a .cell{margin-top:10px}}article#news .frame .inner .box-2 ul li a .cell h5.title{flex:1;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul li a .cell h5.title{font-size:13px;padding-right:22px}}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner .box-2 ul li a .cell h5.title{font-size:16px;padding:0 30px}}article#news .frame .inner .box-2 ul li a .cell .icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;border:solid 2px #fff;box-sizing:border-box;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s;margin:0 0 0 auto}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul li a .cell .icon{width:22px;height:22px}}article#news .frame .inner .box-2 ul li a .cell .icon .tip{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #000;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#news .frame .inner .box-2 ul li a .cell .icon .tip{border-width:2px 0 2px 4px}}@media (min-width:768px) and (max-width:99999px){article#news .frame .inner .box-2 ul li a .cell .icon .tip{border-width:3px 0 3px 6px;top:1px;left:1px}}article#news .frame .inner .box-2 ul li.hover:hover a h5.date{opacity:.5}article#news .frame .inner .box-2 ul li.hover:hover a .cell h5.title{opacity:.5}article#news .frame .inner .box-2 ul li.hover:hover a .cell .icon{background-color:#000;border-color:#fff}article#news .frame .inner .box-2 ul li.hover:hover a .cell .icon .tip{border-color:transparent transparent transparent #fff}article#whats{padding-top:120px;position:relative}article#whats .bg{width:100%;background-repeat:no-repeat;background-position:center 0;position:absolute;left:0}@media (min-width:1px) and (max-width:767px){article#whats .bg{background-image:url(assets/img/home/whats-bg-sp.png);background-size:1141px 735px;height:735px;top:38px}}@media (min-width:768px) and (max-width:99999px){article#whats .bg{background-image:url(assets/img/home/whats-bg.png);background-size:2880px 1440px;height:1440px;top:-152px}}article#whats .wrap{width:100%}article#whats .wrap .group{position:relative;margin:0 auto;width:100%}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group{height:503px;max-width:582px}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group{max-width:956px;height:776px}}article#whats .wrap .group .circle{border-radius:50% 50% 50% 50%;background-color:#fff;position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;overflow:hidden;width:0;height:0}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group .circle{transform:rotate(-40deg)}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group .circle{transform:rotate(-29deg)}}article#whats .wrap .group .circle .inner-circle{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;margin:auto}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group .circle .inner-circle{transform:rotate(40deg);width:544px;height:503px}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group .circle .inner-circle{transform:rotate(29deg);width:956px;height:776px}}article#whats .wrap .group .circle .inner-circle .elem h2{line-height:1em;text-align:right;white-space:nowrap;position:relative}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group .circle .inner-circle .elem h2{font-size:75px;letter-spacing:-.02em;margin-top:30px;margin-right:93px}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group .circle .inner-circle .elem h2{font-size:156px;letter-spacing:-.01em;margin-top:28px;margin-right:44px}}article#whats .wrap .group .circle .inner-circle .elem p{position:relative;line-height:1.8em;font-weight:700;word-break:break-all;text-align:justify;opacity:0;transform:translateY(.6em)}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group .circle .inner-circle .elem p{font-size:13px;max-width:337px;margin:20px auto 0}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group .circle .inner-circle .elem p{font-size:16px;width:655px;margin-top:44px;margin-left:132px}}article#whats .wrap .group a.more{color:#000;border-radius:100%;position:absolute;transform:scale(0);overflow:hidden}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group a.more{width:98px;height:98px;bottom:0;right:23px;border:solid 1px #000}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group a.more{width:146px;height:146px;bottom:80px;right:164px;border:solid 2px #000}}article#whats .wrap .group a.more .inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}article#whats .wrap .group a.more .inner h5{opacity:0;transform:translateY(1em)}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group a.more .inner h5{font-size:18px}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group a.more .inner h5{font-size:22px}}article#whats .wrap .group.in .circle{transition:1s width cubic-bezier(.785,.135,.15,.86),1s height cubic-bezier(.785,.135,.15,.86)}@media (min-width:1px) and (max-width:767px){article#whats .wrap .group.in .circle{width:629px;height:393px}}@media (min-width:768px) and (max-width:99999px){article#whats .wrap .group.in .circle{width:1034px;height:670px}}article#whats .wrap .group.in .circle .inner-circle .elem h2{opacity:1}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='1']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1s,2s transform cubic-bezier(.075,.82,.165,1) 1s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='2']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.05s,2s transform cubic-bezier(.075,.82,.165,1) 1.05s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='3']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.1s,2s transform cubic-bezier(.075,.82,.165,1) 1.1s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='4']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.15s,2s transform cubic-bezier(.075,.82,.165,1) 1.15s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='5']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.2s,2s transform cubic-bezier(.075,.82,.165,1) 1.2s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='6']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.25s,2s transform cubic-bezier(.075,.82,.165,1) 1.25s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='7']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.3s,2s transform cubic-bezier(.075,.82,.165,1) 1.3s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='8']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.35s,2s transform cubic-bezier(.075,.82,.165,1) 1.35s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='9']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.4s,2s transform cubic-bezier(.075,.82,.165,1) 1.4s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='10']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.45s,2s transform cubic-bezier(.075,.82,.165,1) 1.45s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='1'] span[num='11']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.5s,2s transform cubic-bezier(.075,.82,.165,1) 1.5s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='1']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.2s,2s transform cubic-bezier(.075,.82,.165,1) 1.2s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='2']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.25s,2s transform cubic-bezier(.075,.82,.165,1) 1.25s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='3']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.3s,2s transform cubic-bezier(.075,.82,.165,1) 1.3s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='4']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.35s,2s transform cubic-bezier(.075,.82,.165,1) 1.35s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='5']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.4s,2s transform cubic-bezier(.075,.82,.165,1) 1.4s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='6']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.45s,2s transform cubic-bezier(.075,.82,.165,1) 1.45s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='7']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.5s,2s transform cubic-bezier(.075,.82,.165,1) 1.5s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='8']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.55s,2s transform cubic-bezier(.075,.82,.165,1) 1.55s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='9']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.6s,2s transform cubic-bezier(.075,.82,.165,1) 1.6s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='10']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.65s,2s transform cubic-bezier(.075,.82,.165,1) 1.65s}article#whats .wrap .group.in .circle .inner-circle .elem h2 .line[num='2'] span[num='11']{opacity:1;transform:translateY(0);transition:.1s opacity linear 1.7s,2s transform cubic-bezier(.075,.82,.165,1) 1.7s}article#whats .wrap .group.in .circle .inner-circle .elem p{opacity:1;transform:translateY(0);transition:.2s opacity linear 1.5s,.6s transform cubic-bezier(.075,.82,.165,1) 1.5s}article#whats .wrap .group.in a.more{transform:scale(1);transition:1.2s transform cubic-bezier(.785,.135,.15,.86) 1s}article#whats .wrap .group.in a.more .inner{-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}article#whats .wrap .group.in a.more .inner h5{opacity:1;transform:translateY(0);transition:.2s opacity linear 2.2s,.8s transform cubic-bezier(.075,.82,.165,1) 2.2s}article#whats .wrap .group.in a.more.hover:hover .inner{background-color:#000;color:#fff}article#solution{padding:180px 0 0;position:relative}@media (min-width:1px) and (max-width:767px){article#solution{padding:160px 0 73px}}article#solution .front{position:relative}article#solution .front .headings{display:flex;align-items:baseline;padding:0 94px}@media (min-width:1px) and (max-width:767px){article#solution .front .headings{padding:0 19px;justify-content:space-between}}article#solution .front .headings h3{font-size:116px;line-height:.8em}@media (min-width:1px) and (max-width:767px){article#solution .front .headings h3{font-size:58px}}article#solution .front .headings a{display:flex;align-items:center}@media (min-width:768px) and (max-width:99999px){article#solution .front .headings a{margin-left:48px}}article#solution .front .headings a h5{font-size:24px;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#solution .front .headings a h5{font-size:18px}}article#solution .front .headings a .icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#000;border:solid 2px #000;box-sizing:border-box;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s;margin-left:30px}@media (min-width:1px) and (max-width:767px){article#solution .front .headings a .icon{width:22px;height:22px}}article#solution .front .headings a .icon .tip{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#solution .front .headings a .icon .tip{border-width:2px 0 2px 4px}}@media (min-width:768px) and (max-width:99999px){article#solution .front .headings a .icon .tip{border-width:3px 0 3px 6px;top:1px;left:1px}}@media (min-width:1px) and (max-width:767px){article#solution .front .headings a .icon{margin-left:18px}}article#solution .front .headings a.hover:hover .icon{background-color:#fff;border-color:#000}article#solution .front .headings a.hover:hover .icon .tip{border-color:transparent transparent transparent #000}article#solution .front ul.items{display:flex;flex-wrap:wrap;width:100%;max-width:1440px;margin:20px auto 0}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items{margin:15px auto 0}}article#solution .front ul.items>li{opacity:0;transform:translateY(50px)}article#solution .front ul.items>li.in{opacity:1;transform:translateY(0);transition:.2s opacity linear,1s transform cubic-bezier(.075,.82,.165,1)}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li{width:100%;margin-top:45px}}@media (min-width:768px) and (max-width:1100px){article#solution .front ul.items>li{width:50%}}@media (min-width:1101px) and (max-width:99999px){article#solution .front ul.items>li{width:calc(590 / 1440 * 100%);margin-top:80px}}article#solution .front ul.items>li:first-child{margin-top:0}article#solution .front ul.items>li a{display:block}article#solution .front ul.items>li a .box-photo{width:100%;position:relative;border:solid 1px #fff;box-sizing:border-box;overflow:hidden}article#solution .front ul.items>li a .box-photo:before{content:'';display:block;padding-top:calc(365 / 590 * 100%)}article#solution .front ul.items>li a .box-photo .photo{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center center;transform:scale(1);transition:.2s transform cubic-bezier(.39,.575,.565,1)}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem{margin:-28px auto 0;width:calc(100% - (19px * 2))}}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem{margin:-54px 22px 0;width:76.94915254237287%}}article#solution .front ul.items>li a .box-elem .cell-title{background-color:#000;color:#fff;position:relative}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem .cell-title{min-height:140px}}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-title .inner{padding:25px 30px}}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem .cell-title .inner{padding:20px 38px}}article#solution .front ul.items>li a .box-elem .cell-title .inner h5.date{-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-title .inner h5.date{font-size:11px}}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem .cell-title .inner h5.date{font-size:16px}}article#solution .front ul.items>li a .box-elem .cell-title .inner h4.title{-webkit-transition:.2s;-moz-transform:.2s;transition:.2s;line-height:1.4em;word-break:break-all}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-title .inner h4.title{font-size:15px}}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem .cell-title .inner h4.title{font-size:24px;padding-right:50px}}article#solution .front ul.items>li a .box-elem .cell-title .inner .icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;border:solid 2px #fff;box-sizing:border-box;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s;position:absolute;top:26px;right:32px}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-title .inner .icon{width:22px;height:22px}}article#solution .front ul.items>li a .box-elem .cell-title .inner .icon .tip{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #000;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-title .inner .icon .tip{border-width:2px 0 2px 4px}}@media (min-width:768px) and (max-width:99999px){article#solution .front ul.items>li a .box-elem .cell-title .inner .icon .tip{border-width:3px 0 3px 6px;top:1px;left:1px}}article#solution .front ul.items>li a .box-elem .cell-category{display:flex;color:#000;padding:10px 36px}@media (min-width:1px) and (max-width:767px){article#solution .front ul.items>li a .box-elem .cell-category{padding:10px 25px}}article#solution .front ul.items>li a .box-elem .cell-category p{font-size:14px;margin-top:10px}@media (min-width:1101px) and (max-width:99999px){article#solution .front ul.items>li:nth-child(1),article#solution .front ul.items>li:nth-child(6){width:calc(1180 / 1440 * 100%)}article#solution .front ul.items>li:nth-child(1) a .box-photo:before,article#solution .front ul.items>li:nth-child(6) a .box-photo:before{padding-top:calc(550 / 1180 * 100%)}article#solution .front ul.items>li:nth-child(1) a .box-elem,article#solution .front ul.items>li:nth-child(6) a .box-elem{width:560px;margin:-54px 50px 0 auto}article#solution .front ul.items>li:nth-child(1),article#solution .front ul.items>li:nth-child(4),article#solution .front ul.items>li:nth-child(7){margin-left:calc(260 / 1440 * 100%)}article#solution .front ul.items>li:nth-child(10) a .box-photo,article#solution .front ul.items>li:nth-child(3) a .box-photo,article#solution .front ul.items>li:nth-child(5) a .box-photo,article#solution .front ul.items>li:nth-child(8) a .box-photo{border-left:none}}article#solution .front ul.items>li.hover:hover a .box-photo .photo{transform:scale(1.1);transition:1.6s transform cubic-bezier(.39,.575,.565,1)}article#solution .front ul.items>li.hover:hover a .box-elem .cell-title .inner .icon{background-color:#000;border-color:#fff}article#solution .front ul.items>li.hover:hover a .box-elem .cell-title .inner .icon .tip{border-color:transparent transparent transparent #fff}article#solution .front a.alllist{position:relative;margin:50px auto 0;width:266px;height:237px;display:flex;justify-content:center;align-items:center}@media (min-width:1px) and (max-width:767px){article#solution .front a.alllist{width:156px;height:140px}}article#solution .front a.alllist .bg-elem{position:absolute;top:0;left:0}@media (min-width:1px) and (max-width:767px){article#solution .front a.alllist .bg-elem svg{height:140px}}article#solution .front a.alllist .bg-elem svg path{-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}article#solution .front a.alllist h5{font-size:24px;position:relative;z-index:1;color:#000;white-space:nowrap;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}@media (min-width:1px) and (max-width:767px){article#solution .front a.alllist h5{font-size:15px}}article#solution .front a.alllist.hover:hover .bg-elem svg path.bg{fill:#000}article#solution .front a.alllist.hover:hover .bg-elem svg path.line{stroke:#fff}article#solution .front a.alllist.hover:hover h5{color:#fff}