@charset "UTF-8";.dl-common__section.dl-futo_material{background-repeat:repeat;background-position:center center;background-size:400px auto;position:relative}.dl-common__section.dl-futo_material .dl-common__section__wrap{padding-top:calc(var(--sectionMargin) * .75)!important;padding-bottom:calc(var(--sectionMargin) * .75)!important;max-width:1200px}@media only screen and (max-width:1000px){.dl-common__section.dl-futo_material .dl-common__section__wrap{padding-top:calc(var(--sectionMargin) * .75)!important;padding-bottom:calc(var(--sectionMargin) * .75)!important}}.dl-common__section.dl-futo_material .splide__arrows{display:block;position:absolute;height:100%;top:0%;left:50%;z-index:2000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;width:var(--commonWidth);max-width:1200px;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}@media only screen and (max-width:680px){.dl-common__section.dl-futo_material .splide__arrows{height:auto;padding-top:calc(90% + 2.3rem);width:105%}}.dl-common__section.dl-futo_material .splide__arrow{display:block;width:4rem;aspect-ratio:1;position:relative;border-radius:100%;background-color:var(--ColorBase3Futo);cursor:pointer;opacity:1;-webkit-user-select:normal;user-select:normal;pointer-events:initial;outline:none;transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width:1000px){.dl-common__section.dl-futo_material .splide__arrow:hover{opacity:1;background-color:#a3a38f4d}}@media only screen and (max-width:680px){.dl-common__section.dl-futo_material .splide__arrow{width:3.5rem}}.dl-common__section.dl-futo_material .splide__arrow:before{display:none}.dl-common__section.dl-futo_material .splide__arrow svg{display:block;position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);fill:var(--ColorFuto)}.dl-common__section.dl-futo_material .splide__pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:4rem 0 0;width:20rem;margin-left:auto;margin-right:auto;position:relative;bottom:auto;top:0;left:auto;right:auto;gap:2px;display:none}.dl-common__section.dl-futo_material .splide__pagination li{flex:1}.dl-common__section.dl-futo_material .splide__pagination__page{width:100%;border-radius:0;transform:scale(1)!important;background-color:transparent!important;border:none!important;outline:none!important;height:2rem;position:relative;overflow:hidden;border-radius:0!important;cursor:pointer!important}@media only screen and (min-width:1000px){.dl-common__section.dl-futo_material .splide__pagination__page:hover:before{opacity:1}}.dl-common__section.dl-futo_material .splide__pagination__page.is-active:after{opacity:1;width:100%;transition:width 4s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section.dl-futo_material .splide__pagination__page:before{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--ColorSubFuto);border-radius:0!important;opacity:.6;will-change:opacity;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,width 0ms cubic-bezier(.25,.1,.25,1) .2s}.dl-common__section.dl-futo_material .splide__pagination__page:after{content:"";width:0%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--ColorFuto);border-radius:0!important;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,width 0ms cubic-bezier(.25,.1,.25,1) .2s}.dl-common__section .dl-futo_material__wrap{--thisGapRow: 0rem 4rem}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_material__wrap{--thisGapRow: 4rem}}.dl-common__section .dl-futo_material__title{text-align:center;color:var(--ColorFuto)}.dl-common__section .dl-futo_material__title .title__sub{color:var(--ColorSubFuto);font-family:var(--jp_min)}.dl-common__section .dl-futo_material__main{margin-bottom:calc(var(--sectionMargin) * .4);margin-top:calc(var(--sectionMargin) * .5)}.dl-common__section .dl-futo_material__main a{cursor:pointer;display:block}.dl-common__section .dl-futo_material__main__ul{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--thisGapRow)}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_material__main__ul{grid-template-columns:repeat(2,1fr);gap:var(--thisGapRow) 0rem}}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__main__ul{gap:var(--thisGapRow) 2rem}}.dl-common__section .dl-futo_material__main__imageBox{display:block;flex:1;position:relative;margin-bottom:1rem}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__main__imageBox{width:140%;margin-left:-20%}}.dl-common__section .dl-futo_material__main__door{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.dl-common__section .dl-futo_material__main__door .dl-js-lazy_bgi{aspect-ratio:1}.dl-common__section .dl-futo_material__main__image{width:66.66%;width:80%;width:100%;margin-left:auto;margin-right:auto;display:block;image-rendering:crisp-edges;image-rendering:pixelated}.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__textBox svg{fill:var(--ColorFuto);width:2rem;height:2rem;display:block;margin-left:auto;margin-right:auto;margin-top:2rem}.dl-common__section .dl-futo_material__main__area{text-align:center}.dl-common__section .dl-futo_material__main__area span{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--jp_min);letter-spacing:var(--ls);line-height:var(--lh)}@media only screen and (max-width:680px){.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{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:.25rem}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__main__title .title__wrap{align-content:center}}.dl-common__section .dl-futo_material__main__title .title__main{color:var(--ColorFuto);font-size:calc(var(--pow2) + 2px);font-weight:var(--fwn);font-family:var(--jp_min);letter-spacing:.08em;line-height:1.6;-webkit-font-smoothing:antialiased;display:block}@media only screen and (max-width:680px){.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{color:var(--ColorSubFuto);display:block;font-size:calc(var(--pow0) - 0px);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.06em;line-height:1.5}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__main__title .title__sub{text-align:center;width:100%;font-size:11px;letter-spacing:.04em}}.dl-common__section .dl-futo_material__sub{margin-bottom:calc(var(--sectionMargin) * .5);padding-top:calc(var(--sectionMargin) * .1);border-top:1px solid var(--ColorBorderFuto)}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub{border-top:0px solid var(--ColorBorderFuto)}}.dl-common__section .dl-futo_material__sub a{cursor:pointer}.dl-common__section .dl-futo_material__sub__ul{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--thisGapRow)}@media only screen and (max-width:1000px){.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__sub__ul{grid-template-columns:repeat(1,1fr);gap:3px;border-top:1px solid var(--ColorBorderFuto)}}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub__li{border-bottom:1px solid var(--ColorBorderFuto)}}.dl-common__section .dl-futo_material__sub__link{display:block;position:relative}.dl-common__section .dl-futo_material__sub__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;padding:1rem 0}.dl-common__section .dl-futo_material__sub__imageBox{display:block;width:25%}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub__imageBox{width:25%}}.dl-common__section .dl-futo_material__sub__textBox{padding-left:5%;flex:1.5;position:relative}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub__textBox{padding-left:6%}}.dl-common__section .dl-futo_material__sub__arrowBox{width:3rem;width:10%;height:100%;position:absolute;bottom:0;right:0;fill:#848462b3;transition:fill .2s cubic-bezier(.445,.05,.55,.95) 0ms}.dl-common__section .dl-futo_material__sub__arrowBox svg{fill:inherit;position:absolute;top:50%;left:50%;width:66.66%;transform:translate(-50%,-50%);aspect-ratio:1;display:block}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub__arrowBox svg{width:60%}}.dl-common__section .dl-futo_material__sub__image{position:relative}.dl-common__section .dl-futo_material__sub__image:before{content:"";position:absolute;border:1px solid hsl(60,32%,89%);border-color:#84846266;width:calc(100% + 2px);height:calc(100% + 2px);box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%);display:block;will-change:opacity;z-index:10;transition:opacity .2s cubic-bezier(.445,.05,.55,.95) 0ms;opacity:0}.dl-common__section .dl-futo_material__sub__image>span{display:block;width:100%;aspect-ratio:1;background-size:150% auto;position:relative;z-index:1}.dl-common__section .dl-futo_material__sub__title{transition:opacity .2s cubic-bezier(.445,.05,.55,.95) 0ms;opacity:1}.dl-common__section .dl-futo_material__sub__title .title__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;flex-direction:column;gap:.25rem}.dl-common__section .dl-futo_material__sub__title .title__main{color:var(--ColorFuto);font-size:calc(var(--pow1) - 0px);font-weight:var(--fwn);font-family:var(--jp_min);letter-spacing:.06em;line-height:1.7;-webkit-font-smoothing:antialiased;white-space:nowrap}@media only screen and (max-width:680px){.dl-common__section .dl-futo_material__sub__title .title__main{font-size:calc(var(--pow1) - 1px);letter-spacing:.1em}}.dl-common__section .dl-futo_material__sub__title .title__main .arrow{display:inline-block;width:1em;aspect-ratio:1;fill:var(--ColorWhiteFuto);vertical-align:text-bottom;margin-left:.4em;background-color:#848462cc;border-radius:100%;position:relative;top:.05em;border:1px solid hsla(60,15%,45%,.7);display:none}.dl-common__section .dl-futo_material__sub__title .title__main svg{display:block;width:85%;height:85%;fill:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section .dl-futo_material__sub__title .title__sub{color:var(--ColorSubFuto);font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.06em;line-height:1.5}.dl-common__section .dl-futo_material__foot{margin-top:calc(var(--sectionMargin) * .25)}
/*# sourceMappingURL=/cdn/shop/t/124/assets/section_dl-futo_material.css.map */