#hero{position:relative;width:100%;padding-top:96px}#hero #top_text{overflow:hidden}#hero #top_text .char{display:inline-block;-webkit-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0}#hero #top_text .char:nth-of-type(1){-webkit-animation:opening 1s cubic-bezier(.77,0,.175,1) forwards;animation:opening 1s cubic-bezier(.77,0,.175,1) forwards}#hero #top_text .char:nth-of-type(2){-webkit-animation:opening 1s .5s cubic-bezier(.77,0,.175,1) forwards;animation:opening 1s .5s cubic-bezier(.77,0,.175,1) forwards}@-webkit-keyframes opening{0%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:0}10%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:1}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes opening{0%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:0}10%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:1}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}#top_text{position:absolute;top:calc(50% - 0.5em);left:10%;font-size:42px;font-weight:700;line-height:1.5;z-index:1}@media (max-width:800px){#top_text{font-size:32px}}:where(.top_path){overflow:hidden;width:100%;height:100%;position:absolute;top:0}#path1{position:relative;top:-30px;z-index:-1}#path1 svg{width:calc(100% + 100px);margin:0 -50px;stroke-dasharray:299%;stroke-dashoffset:299%;-webkit-animation:lineanime 3s 1s forwards;animation:lineanime 3s 1s forwards;opacity:0}.no-js #path1 svg{stroke-dasharray:0;stroke-dashoffset:0}@media (max-width:500px){#path1 svg{width:auto}}@-webkit-keyframes lineanime{0%{stroke-dashoffset:299%;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0%;opacity:1}}@keyframes lineanime{0%{stroke-dashoffset:299%;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0%;opacity:1}}main{margin:0}section{width:100%;position:relative;padding:64px 0}section .section_inner{margin:1em auto;width:min(100%, 1024px);padding:0 10px;z-index:1;position:relative;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}.no-js section .section_inner{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}section.up .section_inner{-webkit-animation:fadeanime 1s .5s ease-out forwards;animation:fadeanime 1s .5s ease-out forwards}@-webkit-keyframes fadeanime{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes fadeanime{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}#top_works{text-align:center}#top_works .section_inner{width:100%;position:relative}#top_works .section_inner:before{position:absolute;content:"";background:url(//i-astep.net/wp-content/themes/astep/css/../images/top/shape3.svg) no-repeat;background-size:contain;width:200px;height:200px;bottom:-190px;right:0;z-index:-1}@media (max-width:1200px){#top_works .section_inner:before{width:170px;height:170px;bottom:-150px;right:0}}@media (max-width:850px){#top_works .section_inner:before{width:150px;height:150px}}#top_works h2{line-height:1.5}#top_works h2:before{content:"";background:url(//i-astep.net/wp-content/themes/astep/css/../images/top/shape1.svg) no-repeat;background-size:contain;width:200px;height:200px;position:absolute;top:0;left:0;z-index:-1}@media (max-width:1200px){#top_works h2:before{width:150px;height:150px;top:-50px;left:0}}@media (max-width:850px){#top_works h2:before{width:80px;height:80px;top:-100px;left:0}}#top_works h2:after{content:"";background:url(//i-astep.net/wp-content/themes/astep/css/../images/top/shape2.svg) no-repeat;background-size:contain;width:200px;height:200px;position:absolute;top:0;right:0;z-index:-1}@media (max-width:1200px){#top_works h2:after{width:150px;height:150px;top:-50px;right:0}}@media (max-width:850px){#top_works h2:after{width:80px;height:80px;top:-80px;right:0}}#top_works h2,#top_works p{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}@supports (text-wrap:pretty) and (word-break:auto-phrase){#top_works h2,#top_works p{text-wrap:pretty;word-break:auto-phrase}}@media (max-width:500px){#top_works p{text-align:left;word-break:normal}}#top_works .gallery-caption{display:none}#top_use{background-color:#fff}#top_use .section_inner{display:grid;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:1fr 1fr;grid-column-gap:2em;text-align:center;margin:1em auto;width:min(100%, 1024px);position:relative}#top_use .section_inner #use_text{width:min(100%, 500px);margin:0 auto 1em}#top_use .section_inner #use_text p{text-align:left}#top_use .section_inner img{border-radius:4px;width:auto;max-width:100%}@media (max-width:850px){#top_use .section_inner{display:block}}#top_use .section_inner:after{position:absolute;content:"";background:url(//i-astep.net/wp-content/themes/astep/css/../images/top/shape4.svg) no-repeat;background-size:contain;width:150px;height:150px;bottom:-200px;left:-150px;z-index:-1}@media (max-width:1200px){#top_use .section_inner:after{width:120px;height:120px;bottom:-130px;left:10px}}@media (max-width:850px){#top_use .section_inner:after{width:100px;height:100px;bottom:-140px;left:10px}}#path2{height:100%;top:-128px}#path2 svg{width:calc(100% + 100px);height:100%;margin:0 -50px;opacity:.7;stroke-dasharray:299%;stroke-dashoffset:299%}.up #path2 svg{-webkit-animation:lineanime 3s forwards;animation:lineanime 3s forwards}#top_news .section_inner{background-color:rgb(from #fff r g b/0.8);border-radius:16px;width:min(100% - 20px, 1024px);padding:32px;margin:0 auto;text-align:center}#top_news .section_inner ul{list-style:none;margin:0 auto 2em;padding:0;width:min(100%, 832px);text-align:left;line-height:1.5;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:auto 1fr;gap:0 1em}@media (max-width:500px){#top_news .section_inner ul{display:block}}#top_news .section_inner ul li{border-bottom:1px solid var(--gray);padding:1em 0;display:grid;grid-template-columns:subgrid;grid-column:span 2}#top_news:after{position:absolute;content:"";background:url(//i-astep.net/wp-content/themes/astep/css/../images/top/shape5.svg) no-repeat;background-size:contain;width:100px;height:200px;top:10px;right:0;z-index:-1}@media (max-width:1200px){#top_news:after{width:75px;height:150px;top:10px;right:0}}@media (max-width:850px){#top_news:after{width:60px;height:120px;top:10px;right:0}}#path3{height:100%}#path3 svg{width:calc(100% + 100px);height:100%;margin:0 -50px;opacity:.7;stroke-dasharray:299%;stroke-dashoffset:299%}.up #path3 svg{-webkit-animation:lineanime 3s forwards;animation:lineanime 3s forwards}#top_access{padding:0 0 32px;background-color:#fff}#top_access .section_inner{display:grid;grid-template-columns:60% 40%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;word-break:keep-all;overflow-wrap:anywhere;line-break:strict}@supports (text-wrap:pretty) and (word-break:auto-phrase){#top_access .section_inner{text-wrap:pretty;word-break:auto-phrase}}#top_access .section_inner .access_text{text-align:center}#top_access .section_inner .access_text h2{margin-top:0}#top_access .section_inner .access_text .tel,#top_access .section_inner .access_text .fax,#top_access .section_inner .access_text .mail{font-size:1.7rem;line-height:1.5}#top_access .section_inner .access_text .mail{font-size:1.3rem}@media (max-width:850px){#top_access .section_inner{grid-template-columns:none;grid-template-rows:auto auto}#top_access .section_inner iframe{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;width:calc(100% - 20px);margin:0 10px}#top_access .section_inner .access_text{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;padding:32px 10px}}