@charset "UTF-8";.p-case-contents{padding:10vw 0;letter-spacing:normal}@media screen and (width >= 48em){.p-case-contents{padding:80px 0}}.p-case-contents--accent{background-color:#eff9fe}.p-case-contents .p-case-contents__inner{box-sizing:content-box;max-width:1040px;padding:0 5vw;margin:0 auto}.p-case-contents .p-case-contents__inner--page{max-width:900px}*+.p-case-contents__block{margin:56px 0 0}@media screen and (width >= 48em){*+.p-case-contents__block{margin:80px 0 0}}.p-case-contents__block>p{margin:0;line-height:2.25}.p-case-contents__block>p+p{margin-top:24px}.p-case-head{display:grid;row-gap:32px;justify-content:center;justify-items:center;margin:0;text-align:center}@media screen and (width >= 48em){.p-case-head{row-gap:40px}}.p-case-title{margin:0}.p-case-title .p-case-title__main{display:block;font-size:24px;font-weight:700;line-height:1.5;color:#14a0dc}@media screen and (width >= 48em){.p-case-title .p-case-title__main{font-size:40px}}.p-case-title .p-case-title__sub{display:block;font-size:18px;font-weight:700;line-height:1.5}@media screen and (width >= 48em){.p-case-title .p-case-title__sub{font-size:24px}}.p-case-service{display:inline-grid;gap:8px;justify-items:center;padding:0;margin:0;font-weight:700}.p-case-service:before{padding:8px 12px;font-size:80%;line-height:1;color:#788;content:"サービス・ソリューション";background-color:#f5f5f5;border-radius:9999px}@media screen and (width >= 48em){.p-case-service{grid-template-columns:auto auto;gap:10px}}.p-case-mv{width:100%;aspect-ratio:2/1;margin:48px 0 0;background-color:#efefef}@media screen and (width >= 48em){.p-case-mv{margin-top:80px}}.p-case-mv>img{max-width:100%;vertical-align:bottom}.p-case-company{padding:24px;margin:2rem 0 0;border:1px solid #ddd;border-radius:16px}@media screen and (width >= 48em){.p-case-company{padding:48px;margin-top:80px}}.p-case-company-name{position:relative;padding:0 0 8px;margin:0;font-size:22px;font-weight:700;line-height:1.5;border-bottom:1px solid #ddd}.p-case-company-name:after{position:absolute;bottom:-1px;left:0;width:3em;content:"";border-bottom:1px solid #14a0dc}@media screen and (width >= 48em){.p-case-company-name{font-size:2rem}}.p-case-company-name>.p-case-company-name__sama{font-size:80%}@media screen and (width >= 48em){.p-case-company-data{display:grid;grid:"logo meta" "logo description"/240px 1fr;column-gap:32px}}.p-case-company-data .p-case-company-meta{display:flex;flex-direction:column;grid-area:meta;row-gap:10px;margin:16px 0 0}@media screen and (width >= 48em){.p-case-company-data .p-case-company-meta{flex-flow:row wrap;column-gap:24px;margin-top:32px}}.p-case-company-data .p-case-company-meta dl{display:grid;grid-template-columns:auto 1fr;gap:16px 10px;align-items:center;margin:0;overflow-wrap:anywhere}.p-case-company-data .p-case-company-meta dt{padding:6px 16px;margin:0;font-size:12px;font-weight:500;line-height:1.25;color:#788;border:1px solid #ddd;border-radius:9999px}.p-case-company-data .p-case-company-meta dd{padding:0;margin:0;font-size:14px;font-weight:500;line-height:1.25}.p-case-company-data .p-case-company-logo{display:grid;grid-area:logo;place-items:center;place-self:center;width:100%;aspect-ratio:2/1;margin:16px 0 0}.p-case-company-data .p-case-company-logo>img{max-width:100%}@media screen and (width >= 48em){.p-case-company-data .p-case-company-logo{margin:0}}.p-case-company-data .p-case-company-description{grid-area:description;margin:32px 0 0}.p-case-company-data .p-case-company-description>p{margin:0}@media screen and (width >= 48em){.p-case-company-data .p-case-company-description{display:flex;column-gap:24px;margin-top:24px}}.p-case-company-data .p-case-company-img{display:table;height:fit-content;margin:32px 0 0;overflow:hidden;border-radius:5px}.p-case-company-data .p-case-company-img>img{max-width:100%;vertical-align:bottom}@media screen and (width >= 48em){.p-case-company-data .p-case-company-img>img{width:150px;max-width:inherit}}@media screen and (width >= 48em){.p-case-company-data .p-case-company-img{margin:0}}.p-case-member{display:grid;row-gap:10px;padding:0;margin:32px 0 0}@media screen and (width >= 48em){.p-case-member{grid-template-columns:1fr 1fr 1fr;column-gap:24px}}.p-case-member .p-case-member-container{padding:16px;margin:0;list-style:none;background-color:#f5f5f5;border-radius:5px;container-type:inline-size}.p-case-member .p-case-member-item{display:grid;gap:16px}@container (min-width: 240px){.p-case-member .p-case-member-item{grid-template-columns:auto 1fr}}.p-case-member .p-case-member-img{place-self:stretch center;width:80px;height:80px;overflow:hidden;border-radius:4px}.p-case-member .p-case-member-img>img{max-width:100%;vertical-align:bottom}.p-case-member .p-case-member-body{padding:0;margin:0}.p-case-member .p-case-member-position{margin:0;font-size:14px;font-weight:500;line-height:1.5;color:#788;list-style:none}.p-case-member .p-case-member-name{margin:8px 0 0;font-weight:700;line-height:1.5;list-style:none}@media screen and (width >= 48em){.p-case-member .p-case-member-name{margin:.75em 0 0}}.p-case-beforeafter{background-color:#eff9fe}.p-case-beforeafter-container{margin-top:40px}@media screen and (width >= 48em){.p-case-beforeafter-container{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr auto 1fr;margin-top:64px}}.p-case-beforeafter-headding{max-width:860px;padding:0;margin:0 auto;font-size:22px;font-weight:700;line-height:1.5;text-align:center}@media screen and (width >= 48em){.p-case-beforeafter-headding{font-size:30px}}.p-case-beforeafter-headding>span{display:inline-block}.p-case-beforeafter-description{padding:0;margin:24px 0 0;font-weight:500}@media screen and (width >= 48em){.p-case-beforeafter-description{margin-top:48px}}.p-case-beforeafter-block{margin:0}@media screen and (width >= 48em){.p-case-beforeafter-block{display:grid;grid-template-rows:subgrid;grid-row:span 3}}.p-case-beforeafter-block__header{position:relative;padding:16px;margin-bottom:10px;font-size:1.5em;font-size:20px;font-weight:700;line-height:1;color:#fff;text-align:center;border-radius:9999px}.p-case-beforeafter-block__header:after{position:absolute;inset:auto 0 -9px;width:20px;height:11px;margin:auto;clip-path:polygon(50% 100%,0 0,100% 0);content:""}.p-case-beforeafter-block__header--before{background-color:#14a0dc}.p-case-beforeafter-block__header--before:after{background-color:#14a0dc}.p-case-beforeafter-block__header--after{background-color:#ff9800}.p-case-beforeafter-block__header--after:after{background-color:#ff9800}.p-case-beforeafter-block__list{padding:20px;margin:16px 0 0;list-style:none;background-color:#fff;border-radius:16px}@media screen and (width >= 48em){.p-case-beforeafter-block__list{margin-top:8px}}.p-case-beforeafter-block__list>li{position:relative;padding-left:1.5em;margin:0;font-size:16px;font-weight:700;line-height:1.65}.p-case-beforeafter-block__list>li:before{position:absolute;top:0;left:0;display:inline-block;width:1em;height:26px;clip-path:circle(20%);content:""}.p-case-beforeafter-block__list>li>em{font-style:normal;font-weight:500}.p-case-beforeafter-block__list>li+li{margin-top:8px}.p-case-beforeafter-block__list--before{background-color:#fff;border:3px solid rgba(204,238,255,.6)}.p-case-beforeafter-block__list--before>li:before{background:#14a0dc}.p-case-beforeafter-block__list--before>li>em{color:#14a0dc}.p-case-beforeafter-block__list--after{background:#fff6ed;border:3px solid rgba(255,126,0,.1)}.p-case-beforeafter-block__list--after>li:before{background:#ff7e00}.p-case-beforeafter-block__list--after>li>em{color:#ff7e00}.p-case-beforeafter-arrow{display:table;width:64px;height:20px;margin:24px auto;clip-path:polygon(0 0,50% 100%,100% 0,90% 0,50% 80%,10% 0);background-color:#ddd}@media screen and (width >= 48em){.p-case-beforeafter-arrow{grid-area:2/2/3/3;place-self:center;width:20px;height:64px;margin:0;margin-inline:24px;clip-path:polygon(0 0,25% 0,100% 50%,25% 100%,0 100%,75% 50%)}}.p-case-contentsnav{flex-shrink:0}.p-case-contentsnavlist{display:none;padding:0;margin:0}@media screen and (width >= 48em){.p-case-contentsnavlist{position:sticky;top:110px;display:block}}.p-case-contentsnavlist>li{position:relative;padding:0 0 0 1.5em;margin:1em 0 0;list-style:none}.p-case-contentsnavlist>li :before{position:absolute;inset:0 auto 0 0;width:.75em;height:2px;margin:auto;content:"";background-color:#14a0dc}.p-case-contentsnavlist>li:first-child{margin-top:0}.p-case-contentsnavlist>li>a{display:inline-block;color:initial}.p-case-contents-headding{margin:0 0 40px}@media screen and (width >= 48em){.p-case-contents-headding{margin-bottom:56px}}.p-case-contents-headding .p-case-contents-headding__label{position:relative;display:block;padding-left:1em;margin-bottom:8px;font-size:16px;font-weight:700;color:#14a0dc}.p-case-contents-headding .p-case-contents-headding__label:before{position:absolute;top:0;left:0;display:inline-block;width:.5em;height:26px;clip-path:polygon(0 47%,100% 47%,100% 53%,0 53%);content:"";background-color:#14a0dc}@media screen and (width >= 48em){.p-case-contents-headding .p-case-contents-headding__label:before{height:32px}}@media screen and (width >= 48em){.p-case-contents-headding .p-case-contents-headding__label{margin-bottom:16px;font-size:20px}}.p-case-contents-headding .p-case-contents-headding__txt{max-width:780px;margin:0;font-size:22px;font-style:normal;font-weight:700;line-height:1.5}.p-case-contents-headding .p-case-contents-headding__txt>span{display:inline-block}@media screen and (width >= 48em){.p-case-contents-headding .p-case-contents-headding__txt{font-size:32px}}.p-case-contents-date{padding:8px 0 0;margin:0;color:#999;text-align:right;border-top:solid 1px #ddd}.p-case-figure{box-sizing:border-box;padding:20px;margin:24px 0 0;border:1px solid #ddd;border-radius:16px}@media screen and (width >= 48em){.p-case-figure{padding:32px;margin-top:32px}}.p-case-figure .p-case-figure__caption{margin:0 0 20px;font-size:16px;font-weight:700;color:#14a0dc}.p-case-figure .p-case-figure__img{max-width:100%}.p-case-figure .p-case-figure__txt{margin:20px 0 0;font-size:14px}.p-case-figure .p-case-figure__cite{display:block;margin:20px 0 0;font-size:14px;font-style:normal}
