@charset "UTF-8";
 .sec-service{background:#fff;padding:88px 0 40px;}
.sec-service .inner{max-width:1056px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.service-head{margin-bottom:34px;}
.service-head .en{font:500 3.8rem/1 "Jost",sans-serif;color:#62809F;letter-spacing:.02em;}
.service-head .ja{display:block;margin-top:8px;font-size:1.5rem;color:#8a99a8;font-weight:600;} .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.service-card{position:relative;display:block;overflow:hidden;aspect-ratio:2/1;color:#fff;text-decoration:none;background:#243140 center/cover no-repeat;transition:transform .3s ease, box-shadow .3s ease;}
.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,30,45,.28);}
.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,33,.25) 0%,rgba(15,22,33,.74) 100%);z-index:1;}
.service-card--growth{background-image:url(//goofy-inc.com/wp-content/themes/GOOFY/img/index/service-growth.jpg);}
.service-card--growth::before{background:linear-gradient(90deg,rgba(11,20,38,.55) 0%,rgba(11,20,38,.15) 70%,rgba(11,20,38,0) 100%);}
.service-card--it{background-image:url(//goofy-inc.com/wp-content/themes/GOOFY/img/index/service-it.jpg);}
.service-card--crm{background-image:url(//goofy-inc.com/wp-content/themes/GOOFY/img/index/service-crm.jpg);}
.service-card--bpo{background-image:url(//goofy-inc.com/wp-content/themes/GOOFY/img/index/service-bpo.jpg);}
.service-card__inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:24px 28px;box-sizing:border-box;}
.service-card__label{align-self:flex-start;background:#5A81A2;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.08em;padding:6px 13px;margin-bottom:auto;box-shadow:0 2px 8px rgba(15,22,33,.3);}
.service-card--growth .service-card__label{background:#6A7E9E;}
.service-card__ttl{font-size:2.3rem;font-weight:700;line-height:1.35;margin:0 0 8px;color:#fff;}
.service-card__desc{font-size:1.3rem;line-height:1.65;font-weight:400;opacity:.92;margin:0;color:#fff;}
@media screen and (max-width:834px){
.sec-service{padding:48px 0 16px;}
.service-head .en{font-size:3.2rem;}
.service-list{grid-template-columns:1fr;gap:16px;}
.service-card{aspect-ratio:16/9;}
.service-card__inner{padding:18px 20px;}
.service-card__ttl{font-size:2rem;}
.service-card__desc{font-size:1.2rem;}
} .page-index .sec-goofy{background:#EEF2F6;}
.page-index .sec-process{background:#fff;padding-top:80px;}
#service-sec{scroll-margin-top:20px;}
html{scroll-behavior:smooth;}