@charset "UTF-8";*{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP",serif,sans-serif}body{color:#444}h1,h2,h3,h4,h5,h6,p{line-height:1.6em}a img{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a:hover img{opacity:.8}a.opacity{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a.opacity:hover{opacity:.8}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.center-block{display:block;margin-left:auto;margin-right:auto}.center{text-align:center}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.f-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.f-jc-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f-jc-c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-jc-fe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.f-ai-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-ai-fs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f-ai-fe{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.f-ac-c{-ms-flex-line-pack:center;align-content:center}.f-as-c{-ms-flex-item-align:center;align-self:center}.base{width:100%;max-width:1130px;max-width:70.625rem;margin:0 auto;padding:0 25px;padding:0 1.5625rem}#top{position:relative}.animation-jump01{-webkit-animation:jump01 .5s cubic-bezier(.215,.61,.355,1) infinite alternate;animation:jump01 .5s cubic-bezier(.215,.61,.355,1) infinite alternate}@-webkit-keyframes jump01{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}@keyframes jump01{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}.animation-jump02{-webkit-animation:jump02 .5s cubic-bezier(.215,.61,.355,1) infinite alternate;animation:jump02 .5s cubic-bezier(.215,.61,.355,1) infinite alternate}@-webkit-keyframes jump02{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}@keyframes jump02{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}.animation-scale01{-webkit-animation:scale .5s cubic-bezier(.215,.61,.355,1) infinite alternate;animation:scale .5s cubic-bezier(.215,.61,.355,1) infinite alternate}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.04);transform:scale(1.04)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.04);transform:scale(1.04)}}.header{position:fixed;top:0;left:0;width:100%;-webkit-transition:.4s;transition:.4s;z-index:9999}.header__in{height:130px;height:8.125rem;max-width:1207px;max-width:75.4375rem;margin:0 auto;padding:0 22px;padding:0 1.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__logo{display:block;width:135px;width:8.4375rem}.header__logo img{-webkit-transition:.4s;transition:.4s}.header__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0 25px;gap:0 1.5625rem}.header__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header__item__link{display:block;color:#fff;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP",serif,sans-serif;font-size:13px;font-size:.8125rem;line-height:1.1538461538;letter-spacing:0;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.header__item__box{padding:0 0 0 25px;padding:0 0 0 1.5625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 4px;gap:0 .25rem}.header__item__btn{width:137px;width:8.5625rem;height:30px;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP",serif,sans-serif;font-size:13px;font-size:.8125rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:.04em;line-height:1}.header__item__btn.buy{position:relative;background:#ff805f;padding:0 0 0 20px;padding:0 0 0 1.25rem}.header__item__btn.buy::before{content:"";position:absolute;top:47%;left:26px;left:1.625rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:15px;width:.9375rem;height:15px;height:.9375rem;background:url(../../img/joint-mat/ico_cart.svg) no-repeat center center/cover}.header__item__btn.contact{background:#444}.header__toggle{display:none}.btn__top{position:fixed;bottom:68px;bottom:4.25rem;right:160px;right:10rem;width:73px;width:4.5625rem;-webkit-transition:.4s;transition:.4s;opacity:0;visibility:hidden;z-index:99}body.scroll .header{background:#fff}body.scroll .header__logo img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:brightness(0);filter:brightness(0)}body.scroll .header__item__link{color:#444}body.scroll .btn__top{opacity:1;visibility:visible}body.opened .header{background:#fff}body.opened .header__logo img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:brightness(0);filter:brightness(0)}.footer{position:relative;background:#4d4d4d;padding:80px 0;padding:5rem 0}.footer__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 40px;margin:0 0 2.5rem}.footer__item{padding:0 10px;padding:0 .625rem;border-right:1px solid #fff}.footer__item:last-child{border:none}.footer__link{display:block;color:#fff;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP",serif,sans-serif;font-size:16px;font-size:1rem;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.footer__logo{width:207px;width:12.9375rem;margin:0 auto 25px;margin:0 auto 1.5625rem}.footer__logo img{width:100%}.footer__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 20px;gap:0 1.25rem;margin:0 0 30px;margin:0 0 1.875rem}.footer__icon{width:35px;width:2.1875rem}.footer__icon img{width:35px;width:2.1875rem}.footer__info{color:#fff;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP",serif,sans-serif;font-size:16px;font-size:1rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:0;line-height:1.875;text-align:center;margin:0 0 60px;margin:0 0 3.75rem}.footer__copy{display:block;color:#fff;font-size:16px;font-size:1rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:0;line-height:1.875;text-align:center}.fade{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade.is-fadein{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.animation-jump01{-webkit-animation:jump01 .5s cubic-bezier(.215,.61,.355,1) infinite alternate;animation:jump01 .5s cubic-bezier(.215,.61,.355,1) infinite alternate}@keyframes jump01{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}100%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}@media (min-width:768px){html{font-size:1.1428571429vw}}@media (max-width:767px){html{font-size:4.2666666667vw}}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (max-width:767px){.pc{display:none!important}.header__in{height:3.75rem}.header__logo{width:5.3125rem}.header__nav{position:fixed;top:3.75rem;left:0;height:100svh;width:100%;background:url(../../img/joint-mat/bg_nav.jpg) no-repeat center center/cover;overflow-y:scroll;-webkit-transform:translateX(120%);transform:translateX(120%);-webkit-transition:.4s;transition:.4s}.header__nav.active{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}.header__list{gap:0;padding:3.4375rem 1.5625rem 9.375rem}.header__item{width:100%;border-bottom:.0625rem solid #fff}.header__item:first-child{border-top:.0625rem solid #fff}.header__item__link{font-size:1rem;letter-spacing:.08em;padding:1.375rem 1.5625rem 1.375rem 0;position:relative}.header__item__link::before{content:"";position:absolute;top:50%;right:.9375rem;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-top:.0625rem solid #fff;border-right:.0625rem solid #fff;padding:.25rem}.header__item__box{width:100%;padding:2.0625rem 0 0;gap:.4375rem 0}.header__item__btn{width:100%;height:2.5rem;font-size:.9375rem;position:relative}.header__item__btn::after{content:"";position:absolute;top:50%;right:1.5625rem;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-top:.0625rem solid #fff;border-right:.0625rem solid #fff;padding:.25rem}.header__item__btn.buy{padding:0 0 0 1.5625rem}.header__item__btn.buy::before{top:47%;left:7.5rem;width:1.125rem;height:1.125rem}.header__toggle{display:block;position:relative;width:2.4375rem;height:2.4375rem}.header__toggle .toggle{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:.0625rem;background:#fff;-webkit-transition:.4s;transition:.4s}.header__toggle .toggle:nth-child(1){top:.8125rem}.header__toggle .toggle:nth-child(2){top:1.5625rem}.header__toggle.opened .toggle{left:50%;background:#444}.header__toggle.opened .toggle:nth-child(1){top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.header__toggle.opened .toggle:nth-child(2){top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.btn__top{right:1.75rem;bottom:1.25rem;width:3.75rem}body.scroll .header__item__link{color:#fff}body.scroll .header__toggle .toggle{background:#444}.footer{padding:3.75rem 0 7.5rem}.footer__list{margin:0 0 2.1875rem}.footer__item{padding:0 .5rem}.footer__link{font-size:.875rem}.footer__logo{width:12.9375rem;margin:0 auto 1.4375rem}.footer__box{gap:0 1.5625rem;margin:0 0 1.5625rem}.footer__icon{width:2.25rem}.footer__icon img{width:2.25rem}.footer__info{font-size:.875rem;line-height:2.1428571429;margin:0 0 3.125rem}.footer__copy{font-size:.75rem;line-height:2.5}}
/*# sourceMappingURL=../maps/joint-mat/base.min.css.map */