.about-block,.about-box{display:-ms-grid;display:grid}.about-block{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));-ms-grid-rows:auto;grid-template-rows:auto;gap:41px}.about-box{background-color:#f4f4f4;padding:45px 29px 48px;-ms-grid-rows:subgrid;grid-template-rows:subgrid;-ms-grid-row-span:4;grid-row:span 4;gap:0;row-gap:0}.about-box .about-ttl{font-size:2.4rem;font-weight:700;line-height:1.166;margin-bottom:32px}.about-box .about-ttl a{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;text-decoration:none}.about-box .about-link-list>li>a::after,.about-box .about-ttl a::after{display:block;content:"";height:24px;width:24px;background-color:#080;-webkit-transition:background-color .4s;transition:background-color .4s;-webkit-mask-image:url(/common/img/icon_arrow.svg);mask-image:url(/common/img/icon_arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px}.about-box .about-link-list>li>a::after{position:absolute;top:50%;right:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.about-box .about-ttl a::after{-webkit-transform:translateY(8.4%);transform:translateY(8.4%)}.about-box .about-ttl a::before{display:block;content:"";width:92px;height:92px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:12px}.about-box .about-ttl a::after{margin-left:10px}.about-box.box-greeting .about-ttl a::before{background-image:url(../img/index/icon_about01.svg)}.about-box.box-company .about-ttl a::before{background-image:url(../img/index/icon_about02.svg)}.about-box.box-youkoso .about-ttl a::before{background-image:url(../img/index/icon_about03.svg)}.about-box .about-lead{font-size:2rem;font-weight:500;line-height:1.5;margin-bottom:20px}.about-box .about-link-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px 0;margin-top:40px}.about-box .about-link-list>li>a{display:block;position:relative;background-color:#fff;color:#000;text-decoration:none;padding:19px 52px 19px 24px;font-size:1.8rem;font-weight:500;line-height:1.2;border-radius:4px}@media only screen and (min-width:641px) and (max-width:960px){.about-block{gap:30px}.about-box{padding:40px 20px 45px}}@media only screen and (max-width:640px){.about-block{gap:20px}.about-box{padding:24px 16px 30px}.about-box .about-ttl{font-size:1.8rem;margin-bottom:24px}.about-box .about-link-list>li>a::after,.about-box .about-ttl a::after{display:block;content:"";height:20px;width:20px;background-color:#080;-webkit-transition:background-color .4s;transition:background-color .4s;-webkit-mask-image:url(/common/img/icon_arrow.svg);mask-image:url(/common/img/icon_arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}.about-box .about-link-list>li>a::after{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:18px}.about-box .about-ttl a::after{-webkit-transform:translateY(8.4%);transform:translateY(8.4%)}.about-box .about-ttl a::before{width:60px;height:60px}.about-box .about-lead{font-size:1.6rem;margin-bottom:16px}.about-box .about-link-list{margin-top:25px;gap:16px 0}.about-box .about-link-list>li>a{font-size:1.6rem;padding:16px 50px 16px 18px}}@media (hover:hover){.about-box .about-link-list>li>a,.about-box .about-link-list>li>a::after,.about-box .about-ttl a{-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.about-box .about-ttl a:hover{color:#080}.about-box .about-link-list>li>a,.about-box .about-link-list>li>a::after{-webkit-transition-property:background-color,color;transition-property:background-color,color}.about-box .about-link-list>li>a::after{-webkit-transition-property:background-color;transition-property:background-color}.about-box .about-link-list>li>a:hover{background-color:#080;color:#fff}.about-box .about-link-list>li>a:hover::after{background-color:#fff}}