.about section.main .container{padding-top:100px;padding-bottom:150px;width:calc(100% - var(--common-210) * 2);max-width:1500px;margin:0 auto}@media only screen and (max-width: 900px){.about section.main .container{padding-top:80px;padding-bottom:80px}}.about section.main .wrap-box{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px}.about section.main .wrap-box .item{width:calc((100% - 60px) / 3);padding:0 15px 30px;min-height:146px;display:flex;align-items:center;justify-content:center;gap:30px;border-bottom:5px solid rgba(0,0,0,.05);transition:border-color .3s,opacity var(--aost-trans, .8s)}.about section.main .wrap-box .item .text{flex:1}.about section.main .wrap-box .item .paragraph{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s linear}.about section.main .wrap-box .item .paragraph .hidden{overflow:hidden}.about section.main .wrap-box .item .paragraph p{padding-top:10px}.about section.main .wrap-box .item .more-btn{flex-shrink:0}.about section.main .wrap-box .item[hover-color=blue]{--hover-color: #0062B1}.about section.main .wrap-box .item[hover-color=red]{--hover-color: #EE5F32}.about section.main .wrap-box .item[hover-color=green]{--hover-color: #53B8BA}.about section.main .wrap-box .item[hover-color=pink]{--hover-color: #E87D6D}@media only screen and (min-width: 1201px) and (min-width: 1201px){.about section.main .wrap-box .item:hover{border-color:var(--hover-color)}.about section.main .wrap-box .item:hover .paragraph{grid-template-rows:1fr}.about section.main .wrap-box .item:hover .more-btn{border:1px solid rgba(0,0,0,0);background:var(--hover-color)}.about section.main .wrap-box .item:hover .more-btn:after,.about section.main .wrap-box .item:hover .more-btn:before{background:#fff}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.about section.main .wrap-box .item:active{border-color:var(--hover-color)}.about section.main .wrap-box .item:active .paragraph{grid-template-rows:1fr}.about section.main .wrap-box .item:active .more-btn{border:1px solid rgba(0,0,0,0);background:var(--hover-color)}.about section.main .wrap-box .item:active .more-btn:after,.about section.main .wrap-box .item:active .more-btn:before{background:#fff}}@media only screen and (max-width: 1200px){.about section.main .wrap-box .item{border-color:var(--hover-color)}.about section.main .wrap-box .item .paragraph{grid-template-rows:1fr}.about section.main .wrap-box .item .more-btn{border:1px solid rgba(0,0,0,0);background:var(--hover-color)}.about section.main .wrap-box .item .more-btn:after,.about section.main .wrap-box .item .more-btn:before{background:#fff}}@media only screen and (max-width: 900px){.about section.main .wrap-box .item{width:calc((100% - 30px)/2)}}@media only screen and (max-width: 767px){.about section.main .wrap-box .item{width:100%;padding-inline:0;padding-bottom:20px}}
