@charset 'utf-8';header[role=global]{background:rgba(140,140,140,.9)}[role=mainvisual]{position:fixed;z-index:-1;top:0;left:0;overflow:hidden;width:100%;height:100vh;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[role=mainvisual] img{position:absolute;top:0;left:50%;height:100%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}[role=background]{position:fixed;z-index:-1;top:0;left:0;overflow:hidden;width:100%;height:100vh;-webkit-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-moz-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-ms-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-o-transition:opacity .6s cubic-bezier(.39,.575,.565,1);transition:opacity .6s cubic-bezier(.39,.575,.565,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}[role=background] img{position:absolute;top:50%;left:50%;display:none;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}[role=background] img+img{-webkit-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-moz-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-ms-transition:opacity .6s cubic-bezier(.39,.575,.565,1);-o-transition:opacity .6s cubic-bezier(.39,.575,.565,1);transition:opacity .6s cubic-bezier(.39,.575,.565,1)}.products{-webkit-transform:translat3d(0,0,0);-moz-transform:translat3d(0,0,0);-ms-transform:translat3d(0,0,0);-o-transform:translat3d(0,0,0);transform:translat3d(0,0,0)}.products h3{text-align:center}.products p{position:relative}.products p:after{display:block;margin:0 auto;content:'';background-repeat:no-repeat;background-position:top center;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%}.products p i{position:relative;display:block}.products p i img{position:absolute;top:0;left:50%;display:block;width:auto;height:100%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.products p strong{display:block;text-align:center}.products p span{display:block;letter-spacing:.03em}.products ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.products ul[data-col='4'] li a dl dd{padding-bottom:114.75%}.products ul li a{display:block}.products ul li a dl dd{position:relative;padding-bottom:100%}.products ul li a dl dd span{position:absolute;bottom:0;left:0;width:100%}.products ul li a dl dd span img{display:block}.products ul li a dl dd span img:nth-child(1){width:100%}.products ul li a dl dd span img:nth-child(1).state-ready+img{opacity:0}.products ul li a dl dd span img:nth-child(1)[data-src]+img{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.products ul li a dl dd span img:nth-child(2){position:absolute}.products ul li a dl dt{text-align:center}.products ul li a dl dt:after{display:block;content:'詳細ページへ >';color:#ffa300}#page>header{position:relative;z-index:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#page>header h2{margin:0 auto}#page>header h2 i{display:block;overflow:hidden;height:0;margin:0 auto;text-indent:-9999px;background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%}#page>header h2 span{display:block;text-align:center;white-space:nowrap;color:#fffcee}#page>section{position:relative;z-index:1}#page>section>h2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}#page>section>h2 img{display:block}#page>section .products{background:rgba(245,245,245,.93)}@media all and (min-width:641px){[role=background],[role=mainvisual]{min-width:1100px}.products{padding:70px 0}.products h3{font-size:20px;line-height:1.7;letter-spacing:.03em}.products p strong{font-size:32px;line-height:1.69;letter-spacing:.04em}.products p span{font-size:15px;text-align:center}.products ul{width:1020px;margin:0 auto;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.products ul:not(:first-child){padding-top:65px}.products ul[data-col='4']{width:1000px}.products ul[data-col='4'] li{width:244px;margin-left:8px}.products ul[data-col='4'] li:nth-child(3n+1){margin-left:inherit}.products ul[data-col='4'] li:nth-child(4n+1){margin-left:0}.products ul li{position:relative;width:320px;margin-left:30px}.products ul li:nth-child(3n+1){margin-left:0}.products ul li a dl dd span img:nth-child(2){top:60px;right:60px;width:50px}.products ul li a dl dt{font-size:15px;line-height:2.13;padding-top:5px;letter-spacing:.03em}.products ul li a dl dt:after{font-size:13px;line-height:2.46;letter-spacing:.05em}#page{padding-bottom:14.55%}#page>header{min-height:calc(100vh - 2.08em)}#page>header h2 i{width:720px;padding-top:48px;background-image:url(../../archive/images/logo_archive_pc.svg)}#page>header h2 span{font-size:17px;padding-top:35px}#page>section>h2{min-height:calc(100vh - 2.08em);padding:5.45% 0}#page>section>h2 img{width:1100px}#page>section>div:nth-of-type(1){padding:75px 0}#page>section>div:nth-of-type(1) p{font-size:15px;text-align:center;letter-spacing:.03em}#page>section>div:nth-of-type(2)>div{padding:75px 0}#page>section>div:nth-of-type(2)>div p{font-size:15px;text-align:center;letter-spacing:.03em}#page>section .products p{padding-top:50px}#page>section .products p i{margin-top:30px;padding-top:183px}}@media screen and (max-width:640px){.products{padding:10.16% 4.06% 8.59%}.products h3{font-size:112.5%;letter-spacing:.04em}.products p strong{font-size:187.5%;line-height:1.48;letter-spacing:.03em}.products p span{font-size:104.17%}.products ul:not(:first-child){padding-top:11.05%}.products ul li{position:relative;width:48.98%}.products ul li a dl dd span img:nth-child(2){top:7.14%;right:7.14%;width:26.04%}.products ul li a dl dt{font-size:87.5%;line-height:2.19;padding-top:0}#page{padding-bottom:50%}#page>header{min-height:calc(100vh - 3.75em)}#page>header h2 i{width:65.63%;padding-top:22.66%;background-image:url(../../archive/images/logo_archive_sp.svg)}#page>header h2 span{font-size:112.5%;padding-top:7.03%;letter-spacing:.04em}#page>section>h2{min-height:calc(100vh - 3.75em);padding:4.69% 0}#page>section>h2 img{width:100%}#page>section>div:nth-of-type(1){padding:11.72% 6.25%}#page>section>div:nth-of-type(1) p{font-size:104.17%}#page>section>div:nth-of-type(2)>div{padding:11.72% 6.25% 12.5%}#page>section>div:nth-of-type(2)>div p{font-size:104.17%}#page>section .products p{padding:5.1% 2.38% 0}#page>section .products p i{margin-top:1.8em;padding-top:44.29%}}