@layer variable{:root{--dynamicScale:.6;--color-base:#333;--color-gray:#ccc;--color-gray-light:#ccc;--color-primary:#fe7f0c;--color-primary-light:#fdf1da;--font-size--base:clamp(0.938rem,0.917rem + 0.1vw,1rem);--font-size--xs:clamp(0.625rem,0.583rem + 0.21vw,0.75rem);--font-size--sm:clamp(0.75rem,0.708rem + 0.21vw,0.875rem);--font-size--md:clamp(1rem,0.958rem + 0.21vw,1.125rem);--font-size--lg:clamp(1.125rem,1.083rem + 0.21vw,1.25rem);--font-size--xl:clamp(1.25rem,1.167rem + 0.42vw,1.5rem);--font-size--2-xl:clamp(1.375rem,1.208rem + 0.83vw,1.875rem);--font-size--3-xl:clamp(1.5rem,1.25rem + 1.25vw,2.25rem);--font-size--4-xl:clamp(1.625rem,1.292rem + 1.67vw,2.625rem);--font-size--5-xl:clamp(1.75rem,1.333rem + 2.08vw,3rem);--font-size--6-xl:clamp(1.875rem,1.375rem + 2.5vw,3.375rem);--font-size--7-xl:clamp(2rem,1.417rem + 2.92vw,3.75rem);--font-size--8-xl:clamp(2.125rem,1.5rem + 3.13vw,4rem);--font-size--9-xl:clamp(2.625rem,2rem + 3.13vw,4.5rem);--font-size--10-xl:clamp(4rem,3.333rem + 3.33vw,6rem);--thumbnail-ratio:1/1;--transition:all ease 0.3s}}@layer component{.c-grids{column-gap:calc(var(--dynamicScale)*var(--grids-gap-x, 1rem));display:grid;grid-template-columns:repeat(var(--grids-cols,1),minmax(0,1fr));row-gap:calc(var(--dynamicScale)*var(--grids-gap-y, 1rem))}.c-columns,.c-grids{margin-bottom:calc(var(--dynamicScale)*1rem);margin-top:calc(var(--dynamicScale)*1rem)}.c-columns{column-gap:calc(var(--dynamicScale)*var(--columns-gap-x, 1rem));display:flex;flex-wrap:wrap;row-gap:calc(var(--dynamicScale)*var(--columns-gap-y, 1rem));--columns-basis:1}.c-columns:not(:has(.c-column[class*=basis-])) .c-column{flex-basis:calc((100% - (var(--columns-basis) - 1)*var(--dynamicScale)*var(--columns-gap-x, 1rem))/var(--columns-basis))}.c-columns .c-column{min-width:0}.c-columns .c-column[class*=basis-]{flex-grow:0}figure figcaption{font-size:var(--font-size--sm);margin-top:calc(var(--dynamicScale)*1rem)}}.txt-left{text-align:left}.txt-right{text-align:right}.txt-center{text-align:center}.block{display:block}.inline-block{display:inline-block}.items-center{align-items:center}.items-end{align-items:flex-end}.m-auto,.mt-auto,.my-auto{margin-top:auto}.m-auto,.mb-auto,.my-auto{margin-bottom:auto}.m-auto,.ml-auto,.mx-auto{margin-left:auto}.m-auto,.mr-auto,.mx-auto{margin-right:auto}.m-0,.mt-0,.my-0{margin-top:0}.m-0,.mb-0,.my-0{margin-bottom:0}.m-0,.ml-0,.mx-0{margin-left:0}.m-0,.mr-0,.mx-0{margin-right:0}.p-0,.pt-0,.py-0{padding-top:0}.p-0,.pb-0,.py-0{padding-bottom:0}.p-0,.pl-0,.px-0{padding-left:0}.p-0,.pr-0,.px-0{padding-right:0}.m-1,.mt-1,.my-1{margin-top:calc(var(--dynamicScale)*1rem)}.m-1,.mb-1,.my-1{margin-bottom:calc(var(--dynamicScale)*1rem)}.m-1,.ml-1,.mx-1{margin-left:calc(var(--dynamicScale)*1rem)}.m-1,.mr-1,.mx-1{margin-right:calc(var(--dynamicScale)*1rem)}.p-1,.pt-1,.py-1{padding-top:calc(var(--dynamicScale)*1rem)}.p-1,.pb-1,.py-1{padding-bottom:calc(var(--dynamicScale)*1rem)}.p-1,.pl-1,.px-1{padding-left:calc(var(--dynamicScale)*1rem)}.p-1,.pr-1,.px-1{padding-right:calc(var(--dynamicScale)*1rem)}.m-2,.mt-2,.my-2{margin-top:calc(var(--dynamicScale)*2rem)}.m-2,.mb-2,.my-2{margin-bottom:calc(var(--dynamicScale)*2rem)}.m-2,.ml-2,.mx-2{margin-left:calc(var(--dynamicScale)*2rem)}.m-2,.mr-2,.mx-2{margin-right:calc(var(--dynamicScale)*2rem)}.p-2,.pt-2,.py-2{padding-top:calc(var(--dynamicScale)*2rem)}.p-2,.pb-2,.py-2{padding-bottom:calc(var(--dynamicScale)*2rem)}.p-2,.pl-2,.px-2{padding-left:calc(var(--dynamicScale)*2rem)}.p-2,.pr-2,.px-2{padding-right:calc(var(--dynamicScale)*2rem)}.m-3,.mt-3,.my-3{margin-top:calc(var(--dynamicScale)*3rem)}.m-3,.mb-3,.my-3{margin-bottom:calc(var(--dynamicScale)*3rem)}.m-3,.ml-3,.mx-3{margin-left:calc(var(--dynamicScale)*3rem)}.m-3,.mr-3,.mx-3{margin-right:calc(var(--dynamicScale)*3rem)}.p-3,.pt-3,.py-3{padding-top:calc(var(--dynamicScale)*3rem)}.p-3,.pb-3,.py-3{padding-bottom:calc(var(--dynamicScale)*3rem)}.p-3,.pl-3,.px-3{padding-left:calc(var(--dynamicScale)*3rem)}.p-3,.pr-3,.px-3{padding-right:calc(var(--dynamicScale)*3rem)}.m-4,.mt-4,.my-4{margin-top:calc(var(--dynamicScale)*4rem)}.m-4,.mb-4,.my-4{margin-bottom:calc(var(--dynamicScale)*4rem)}.m-4,.ml-4,.mx-4{margin-left:calc(var(--dynamicScale)*4rem)}.m-4,.mr-4,.mx-4{margin-right:calc(var(--dynamicScale)*4rem)}.p-4,.pt-4,.py-4{padding-top:calc(var(--dynamicScale)*4rem)}.p-4,.pb-4,.py-4{padding-bottom:calc(var(--dynamicScale)*4rem)}.p-4,.pl-4,.px-4{padding-left:calc(var(--dynamicScale)*4rem)}.p-4,.pr-4,.px-4{padding-right:calc(var(--dynamicScale)*4rem)}.w-full{width:100%}.p-customercase__title{background-color:#ccae86;clip-path:polygon(0 0,94% 0,100% 100%,0 100%);color:#fff;display:inline-block;font-size:1.25rem;font-weight:700;line-height:1.2;padding:.8rem 2.4rem .8rem 1rem}.p-customercase__catchcopy{background:url(../../img/customercase/ico_catchcopy.svg) no-repeat 0;font-size:1.5rem;line-height:1.4;line-height:1.2;padding-left:2.4rem}.p-customercase__lead{background-color:#fdf1da;padding:1.4rem 1.4rem .4rem}.p-customercaseMv{margin:auto;max-width:1920px;text-align:center}.p-customercaseMv img{width:100%}.p-customercaseExample__list{position:relative}.p-customercaseExample__icon{text-align:center}.p-customercaseLink__def{background-color:#f5f5f5;font-size:1rem;padding:1.4rem}.p-customercaseLink__term{border-right:1px solid #ccc;width:3rem}.p-customercaseLink__desc{padding-left:1rem;width:calc(100% - 3rem)}.p-customercaseLink__link{background:url(../img/ico_chevron_right_black.svg) no-repeat 100%/auto 10px;color:#000!important;padding-right:1rem}.p-customercasePager{border-top:1px solid #ccc}.p-customercasePager__list{align-items:center;background-color:#ccae86;justify-content:center;margin-bottom:1.25rem;margin-top:1.25rem;padding:.625rem}.p-customercasePager__link{background-repeat:no-repeat;background-size:auto 10px;color:#fff;display:inline-block;font-weight:700;text-align:center}.p-customercasePager__link.is-index{border:1px solid #fff;padding:.2em .8em}.p-customercasePager__link.is-prev{background-image:url(../img/ico_chevron_left_white.svg);background-position:left 55%;padding-left:1em}.p-customercasePager__link.is-next{background-image:url(../img/ico_chevron_right_white.svg);background-position:right 55%;padding-right:1em}@media (width > 768px){:root{--dynamicScale:1}.md\:txt-left{text-align:left}.md\:txt-right{text-align:right}.md\:txt-center{text-align:center}.md\:hidden{display:none}}@media screen and (min-width:769px){.p-customercase__title{font-size:1.5rem;padding:1.4rem 3.6rem 1.2rem 2rem}.p-customercase__catchcopy{font-size:1.875rem;line-height:1.6}.p-customercase__lead{padding:2rem 2rem 1rem}.p-customercaseExample__icon{left:calc(50% - 1.4rem);position:absolute;top:calc(50% - 1.4rem)}.p-customercaseLink__def{padding:1.4rem 2.8rem}.p-customercaseLink__term{width:4rem}.p-customercaseLink__desc{padding-left:2rem;width:calc(100% - 4rem)}.p-customercasePager__list{margin-bottom:1.6666666667rem;margin-top:1.6666666667rem;padding:.8333333333rem}.p-customercasePager__link.is-index{width:240px}}@media (width > 1024px){.c-grids{--grids-cols:2}.lg\:txt-left{text-align:left}.lg\:txt-right{text-align:right}.lg\:txt-center{text-align:center}.lg\:hidden{display:none}}@media screen and (min-width:1025px){.p-customercasePager__list{margin-bottom:2rem;margin-top:2rem;padding:1rem}}@media (width <= 1024px){.lgd\:hidden{display:none}}@media (width <= 768px){.mdd\:hidden{display:none}}@media screen and (max-width:768px){.p-customercaseExample__icon{margin:-1.4rem auto;position:relative}.p-customercaseExample__icon img{transform:rotate(90deg)}}