.dl-common__section.dl-futo_material{background-position:50%;background-repeat:repeat;background-size:400px;position:relative}.dl-common__section.dl-futo_material .dl-common__section__wrap{max-width:1200px;padding-bottom:calc(var(--sectionMargin) * .75)!important;padding-top:calc(var(--sectionMargin) * .75)!important}.dl-common__section.dl-futo_material .splide__arrows{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:1200px;height:100%;width:var(--commonWidth);z-index:2000;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.dl-common__section.dl-futo_material .splide__arrow{aspect-ratio:1;background-color:var(--ColorBase3Futo);cursor:pointer;opacity:1;pointer-events:auto;-webkit-user-select:normal;-moz-user-select:normal;user-select:normal;border-radius:100%;outline:none;width:4rem;transition:background-color .4s;display:block;position:relative}.dl-common__section.dl-futo_material .splide__arrow:before{display:none}.dl-common__section.dl-futo_material .splide__arrow svg{width:50%;height:50%;fill:var(--ColorFuto);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section.dl-futo_material .splide__pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:20rem;margin-left:auto;margin-right:auto;padding:4rem 0 0;display:none;position:relative;top:0;bottom:auto;left:auto;right:auto}.dl-common__section.dl-futo_material .splide__pagination li{flex:1}.dl-common__section.dl-futo_material .splide__pagination__page{border-radius:0;width:100%;height:2rem;position:relative;overflow:hidden;cursor:pointer!important;background-color:#0000!important;border:none!important;border-radius:0!important;outline:none!important;transform:scale(1)!important}.dl-common__section.dl-futo_material .splide__pagination__page.is-active:after{opacity:1;width:100%;transition:width 4s,opacity}.dl-common__section.dl-futo_material .splide__pagination__page:before{background-color:var(--ColorSubFuto);opacity:.6;width:100%}.dl-common__section.dl-futo_material .splide__pagination__page:after,.dl-common__section.dl-futo_material .splide__pagination__page:before{content:"";will-change:opacity;height:2px;transition:opacity .2s,width 0s .2s;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:0!important}.dl-common__section.dl-futo_material .splide__pagination__page:after{background-color:var(--ColorFuto);opacity:0;width:0}.dl-common__section .dl-futo_material__line{opacity:.5;max-width:100%;height:2px;width:var(--commonWidth);background-position:50%;background-repeat:repeat-x;background-size:50%;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dl-common__section .dl-futo_material__body{padding:calc(var(--sectionMargin) * .3) calc(var(--gridWidth) * 1 + var(--gridGap) * 0) calc(var(--sectionMargin) * .5)}.dl-common__section .dl-futo_material__title{color:var(--ColorFuto);text-align:center}.dl-common__section .dl-futo_material__title .title__sub{color:var(--ColorSubFuto);font-family:var(--jp_min)}.dl-common__section .dl-futo_material__main__wrap{align-items:center;gap:calc(var(--gridWidth) * 1 + var(--gridGap) * 1);flex-wrap:wrap;justify-content:flex-start;width:100%;display:flex}.dl-common__section .dl-futo_material__main__imageBox,.dl-common__section .dl-futo_material__main__textBox{flex:1;display:block}.dl-common__section .dl-futo_material__main__image{image-rendering:crisp-edges;image-rendering:pixelated;width:100%;margin-left:auto;margin-right:auto;display:block}.dl-common__section .dl-futo_material__main__image .dl-js-lazy_bgi{aspect-ratio:1;background-size:cover}.dl-common__section .dl-futo_material__main__title .title__wrap{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.25rem;width:100%;display:flex}.dl-common__section .dl-futo_material__main__title .title__main{color:var(--ColorFuto);font-family:var(--jp_min);font-size:calc(var(--pow2) + 2px);font-weight:var(--fwn);letter-spacing:.08em;-webkit-font-smoothing:antialiased;line-height:1.6;display:block}.dl-common__section .dl-futo_material__main__title .title__sub{color:var(--ColorSubFuto);font-family:var(--en);font-size:calc(var(--pow0));font-weight:var(--fwn);letter-spacing:.06em;line-height:1.5;display:block}.dl-common__section .dl-futo_material__main__text{color:var(--ColorFutoText);margin-top:1.5em}.dl-common__section .dl-futo_material__main__text>span{font-size:calc(var(--pow0) + 1px)}.dl-common__section .dl-futo_material__main .dl-snippets_link,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo2{margin-top:1.5em}.dl-common__section .dl-futo_material__main .dl-snippets_link a,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo a,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo2 a{gap:1em}.dl-common__section .dl-futo_material__main .dl-snippets_link a svg,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo a svg,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo2 a svg{width:1.1em;height:1.1em;position:relative;top:0}.dl-common__section .dl-futo_material__sub__ul{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dl-common__section .dl-futo_material__sub__link{background-color:#ffffff73;border:1px solid #acac394d;transition:background-color .2s cubic-bezier(.445,.05,.55,.95),border-color .2s cubic-bezier(.445,.05,.55,.95),filter .2s cubic-bezier(.445,.05,.55,.95),box-shadow .2s cubic-bezier(.445,.05,.55,.95);display:block;position:relative;box-shadow:1px 1px 4px #1b1b180d}.dl-common__section .dl-futo_material__sub__wrap{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;padding:1rem;display:flex}.dl-common__section .dl-futo_material__sub__imageBox{width:27.5%;display:block}.dl-common__section .dl-futo_material__sub__textBox{flex:1.5;padding-left:5%;position:relative}.dl-common__section .dl-futo_material__sub__arrowBox{fill:#848462b3;width:10%;height:100%;transition:fill .2s cubic-bezier(.445,.05,.55,.95);position:absolute;bottom:0;right:0}.dl-common__section .dl-futo_material__sub__arrowBox svg{fill:inherit;aspect-ratio:1;width:66.66%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section .dl-futo_material__sub__image{position:relative}.dl-common__section .dl-futo_material__sub__image:before{box-sizing:border-box;content:"";opacity:0;will-change:opacity;z-index:10;border:1px solid #84846266;width:calc(100% + 2px);height:calc(100% + 2px);transition:opacity .2s cubic-bezier(.445,.05,.55,.95);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section .dl-futo_material__sub__image>span{aspect-ratio:1;z-index:1;background-size:150%;width:100%;display:block;position:relative}.dl-common__section .dl-futo_material__sub__title{opacity:1;transition:opacity .2s cubic-bezier(.445,.05,.55,.95)}.dl-common__section .dl-futo_material__sub__title .title__wrap{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.25rem;width:100%;display:flex}.dl-common__section .dl-futo_material__sub__title .title__main{color:var(--ColorFuto);font-family:var(--jp_min);font-size:calc(var(--pow1));font-weight:var(--fwn);letter-spacing:.06em;-webkit-font-smoothing:antialiased;white-space:nowrap;line-height:1.7}.dl-common__section .dl-futo_material__sub__title .title__main .arrow{aspect-ratio:1;width:1em;fill:var(--ColorWhiteFuto);vertical-align:text-bottom;background-color:#848462cc;border:1px solid #848462b3;border-radius:100%;margin-left:.4em;display:none;position:relative;top:.05em}.dl-common__section .dl-futo_material__sub__title .title__main svg{width:85%;height:85%;fill:inherit;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section .dl-futo_material__sub__title .title__sub{color:var(--ColorSubFuto);font-family:var(--en);font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);letter-spacing:.06em;line-height:1.5}@media only screen and (min-width: 1000px){.dl-common__section.dl-futo_material .splide__arrow:hover{opacity:1;background-color:#a3a38f4d}.dl-common__section.dl-futo_material .splide__pagination__page:hover:before{opacity:1}.dl-common__section .dl-futo_material__sub__link:hover{border-color:#73732673;box-shadow:1px 1px 4px #1b1b1826}.dl-common__section .dl-futo_material__sub__link:hover .dl-futo_material__sub__arrowBox{fill:#848462e6}}@media only screen and (max-width: 1000px){.dl-common__section.dl-futo_material .dl-common__section__wrap{padding-bottom:calc(var(--sectionMargin) * .75)!important;padding-top:calc(var(--sectionMargin) * .75)!important}.dl-common__section .dl-futo_material__line{background-size:100%}.dl-common__section .dl-futo_material__body{padding-left:calc(var(--gridWidth) * 1 + var(--gridGap) * 1);padding-right:calc(var(--gridWidth) * 1 + var(--gridGap) * 1)}.dl-common__section .dl-futo_material__main__wrap{gap:calc(var(--gridWidth) * 1 + var(--gridGap) * 0)}.dl-common__section .dl-futo_material__main__text>span{font-size:calc(var(--pow0) - 1px);letter-spacing:.04em;line-height:1.9}.dl-common__section .dl-futo_material__sub__ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 680px){.dl-common__section.dl-futo_material .splide__arrows{width:105%;height:auto;padding-top:calc(90% + 2.3rem)}.dl-common__section.dl-futo_material .splide__arrow{width:3.5rem}.dl-common__section .dl-futo_material__line{background-size:180%}.dl-common__section .dl-futo_material__body{padding-bottom:calc(var(--sectionMargin) * .6);padding-left:0;padding-right:0;padding-top:calc(var(--sectionMargin) * .5)}.dl-common__section .dl-futo_material__main{margin-left:auto;margin-right:auto}.dl-common__section .dl-futo_material__main__wrap{flex-direction:column;gap:2rem}.dl-common__section .dl-futo_material__main__imageBox,.dl-common__section .dl-futo_material__main__textBox{-webkit-flex:initial;flex:initial;width:100%}.dl-common__section .dl-futo_material__main__image{width:90%}.dl-common__section .dl-futo_material__main__title{width:80%;margin-left:auto;margin-right:auto}.dl-common__section .dl-futo_material__main__title .title__wrap{align-content:center}.dl-common__section .dl-futo_material__main__title .title__main{font-size:calc(var(--pow1) + 1px);text-align:center;width:100%}.dl-common__section .dl-futo_material__main__title .title__sub{letter-spacing:.04em;text-align:center;width:100%;font-size:11px}.dl-common__section .dl-futo_material__main__text{width:90%;margin-left:auto;margin-right:auto}.dl-common__section .dl-futo_material__main__text>span{font-size:calc(var(--pow0));line-height:2}.dl-common__section .dl-futo_material__main .dl-snippets_link,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo2{margin-top:1em}.dl-common__section .dl-futo_material__main .dl-snippets_link a,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo a,.dl-common__section .dl-futo_material__main .dl-snippets_link_futo2 a{margin-left:auto;margin-right:auto}.dl-common__section .dl-futo_material__sub__ul{grid-template-columns:repeat(1,1fr);gap:3px}.dl-common__section .dl-futo_material__sub__wrap{padding:.5rem}.dl-common__section .dl-futo_material__sub__imageBox{width:25%}.dl-common__section .dl-futo_material__sub__textBox{padding-left:6%}.dl-common__section .dl-futo_material__sub__arrowBox svg{width:60%}.dl-common__section .dl-futo_material__sub__title .title__main{font-size:calc(var(--pow1) - 1px);letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section_dl-futo_material.css.map */