@charset "utf-8";
/*-- pc/sp 変数 --*/
@media all {
  :root {
    --mz-color-1: #111111;
    --mz-color-2: #001489;
    --mz-color-3: #EA8B4F;
    --mz-color-4: #F55050;
    --mz-color-5: #BC9658;
    --mz-color-6: #F0F0F0;
    --mz-color-7: #EBEBEB;
    --mz-color-8: #DCDCDC;
    --mz-color-9: #707070;
    --mz-color-10: #A5A5A5;
    --mz-color-11: #666666;
    --mz-color-12: #818181;
    --mz-color-13: #414141;
    --mz-color-14: #333333;
    --mz-color-overlay: rgba(17, 17, 17, 0.56);
    --mz-color-soldout: rgba(191, 191, 191, 0.5);
    /* font-family */
    --mz-ff-normal: Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

    /* font-weight */
    --mz-fw-extra-light: 200;
    --mz-fw-light: 300;
    --mz-fw-regular: 400;
    --mz-fw-medium: 500;
    --mz-fw-semi-bold: 600;
    --mz-fw-bold: 700;
    --mz-fw-extra-bold: 800;
    /* letter-spacing */
    --mz-ls-1: calc(60 / 1000 * 1em);
    --mz-opacity-hover: 0.7;
  }

  :root {
    --mz-img-suggest-arrow-down: url('../../img/usr/common/mz-suggest-arrow-down.png');
    --mz-img-checkbox-on: url('../../img/sys/checkbox-on.png');
    --mz-img-checkbox-off: url('../../img/sys/checkbox-off.png');
    --mz-img-clock-red: url('../../img/usr/common/mz-clock-red.png');
    --mz-img-close-black: url('../../img/usr/common/mz-close-black.png');
    --mz-img-question-gray: url('../../img/usr/common/mz-question-gray.png');
    --mz-img-question-gray-2: url('../../img/usr/common/mz-question-gray-2.png');
    --mz-img-radio-on: url('../../img/sys/radio-on.png');
    --mz-img-radio-off: url('../../img/sys/radio-off.png');
    --mz-img-select-bg: url('../../img/usr/arrow_b_14x12.png');
    --mz-img-sns-line: url('../../img/usr/common/line-green.png');
  }

  :root {
    /*↓ aspect-ratio: 11.295 / 6.212; */
    --mz-svg-arrow-down-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.295%22%20height%3D%226.212%22%20viewBox%3D%220%200%2011.295%206.212%22%3E%3Cpath%20d%3D%22M.785%2C0%2C0%2C.794%2C4.665%2C5.655l-.5.518%2C0%2C0L.025%2C10.489l.773.806%2C5.414-5.64L.785%2C0%22%20transform%3D%22translate(11.295)%20rotate(90)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 11.295 / 6.212; */
    --mz-svg-arrow-down-2: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.295%22%20height%3D%226.212%22%20viewBox%3D%220%200%2011.295%206.212%22%3E%3Cpath%20d%3D%22M.785%2C0%2C0%2C.794%2C4.665%2C5.655l-.5.518%2C0%2C0L.025%2C10.489l.773.806%2C5.414-5.64L.785%2C0%22%20transform%3D%22translate(11.295)%20rotate(90)%22%20fill%3D%22%23001489%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 5.506 / 10.01; */
    --mz-svg-arrow-right-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.506%22%20height%3D%2210.01%22%20viewBox%3D%220%200%205.506%2010.01%22%3E%3Cpath%20d%3D%22M.184.146a.532.532%2C0%2C0%2C1%2C.733%2C0L5.2%2C4.282A.976.976%2C0%2C0%2C1%2C5.2%2C5.7L.885%2C9.864a.533.533%2C0%2C0%2C1-.728.005.488.488%2C0%2C0%2C1-.005-.713L4.1%2C5.343a.488.488%2C0%2C0%2C0%2C0-.708L.184.853a.487.487%2C0%2C0%2C1%2C0-.707%22%20transform%3D%22translate(0)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 30 / 30; */
    --mz-svg-arrow-circle-right-white: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M.169%2C9.1a.491.491%2C0%2C0%2C0%2C.676%2C0L4.8%2C5.285a.9.9%2C0%2C0%2C0%2C0-1.306L.816.135a.491.491%2C0%2C0%2C0-.672%2C0A.451.451%2C0%2C0%2C0%2C.14.788L3.786%2C4.306a.45.45%2C0%2C0%2C1%2C0%2C.653L.169%2C8.449a.45.45%2C0%2C0%2C0%2C0%2C.653%22%20transform%3D%22translate(13.459%2010.116)%22%20fill%3D%22%23707070%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 36 / 36; */
    --mz-svg-arrow-circle-right-white-2: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Crect%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%2218%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18%2C1A17%2C17%2C0%2C0%2C0%2C5.979%2C30.021%2C17%2C17%2C0%2C0%2C0%2C30.021%2C5.979%2C16.889%2C16.889%2C0%2C0%2C0%2C18%2C1m0-1A18%2C18%2C0%2C1%2C1%2C0%2C18%2C18%2C18%2C0%2C0%2C1%2C18%2C0Z%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Cpath%20d%3D%22M.2%2C10.654a.574.574%2C0%2C0%2C0%2C.792%2C0l4.63-4.467a1.054%2C1.054%2C0%2C0%2C0%2C0-1.528L.956.158A.575.575%2C0%2C0%2C0%2C.17.152a.528.528%2C0%2C0%2C0-.006.77L4.431%2C5.04a.527.527%2C0%2C0%2C1%2C0%2C.764L.2%2C9.89a.526.526%2C0%2C0%2C0%2C0%2C.764%22%20transform%3D%22translate(15.638%2012.841)%22%20fill%3D%22%23707070%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 25 / 25; */
    --mz-svg-arrow-circle-right-gray: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Crect%20width%3D%2225%22%20height%3D%2225%22%20rx%3D%2212.5%22%20fill%3D%22%23111%22%20opacity%3D%220.39%22%2F%3E%3Cpath%20d%3D%22M.2%2C10.654a.574.574%2C0%2C0%2C0%2C.792%2C0l4.63-4.467a1.054%2C1.054%2C0%2C0%2C0%2C0-1.528L.956.158A.575.575%2C0%2C0%2C0%2C.17.152a.528.528%2C0%2C0%2C0-.006.77L4.431%2C5.04a.527.527%2C0%2C0%2C1%2C0%2C.764L.2%2C9.89a.526.526%2C0%2C0%2C0%2C0%2C.764%22%20transform%3D%22translate(9.527%207.094)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 30.539 / 24; */
    --mz-svg-cart-white: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.539%22%20height%3D%2224%22%20viewBox%3D%220%200%2030.539%2024%22%3E%3Cpath%20d%3D%22M30.473%2C16.411%2C26.921%2C27.6a1.882%2C1.882%2C0%2C0%2C1-1.793%2C1.328H11.419A1.958%2C1.958%2C0%2C0%2C1%2C9.593%2C27.7L4.349%2C13.656H1.328a1.328%2C1.328%2C0%2C1%2C1%2C0-2.656h3.95a1.359%2C1.359%2C0%2C0%2C1%2C1.261.9L11.95%2C26.27H24.564l2.822-8.963H11.751a1.328%2C1.328%2C0%2C0%2C1%2C0-2.656H29.212a1.32%2C1.32%2C0%2C0%2C1%2C1.062.564%2C1.287%2C1.287%2C0%2C0%2C1%2C.2%2C1.2ZM12.083%2C30.685a2.153%2C2.153%2C0%2C1%2C0%2C1.527.631A2.189%2C2.189%2C0%2C0%2C0%2C12.083%2C30.685Zm11.917%2C0a2.153%2C2.153%2C0%2C1%2C0%2C1.527.631A2.189%2C2.189%2C0%2C0%2C0%2C24%2C30.685Z%22%20transform%3D%22translate(0%20-11)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 20 / 20; */
    --mz-svg-checkbox-off: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%225%22%20fill%3D%22%23dcdcdc%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 20 / 20; */
    --mz-svg-checkbox-on: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20transform%3D%22translate(-22.5%20-315.109)%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%225%22%20transform%3D%22translate(22.5%20315.109)%22%20fill%3D%22%23111%22%2F%3E%3Cpath%20d%3D%22M1%2C7.888%2C2.555%2C6.333l3.11%2C3.11L11.108%2C4l1.555%2C1.555-7%2C7Z%22%20transform%3D%22translate(25.836%20316.977)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 11.853 / 11.853; */
    --mz-svg-close-12x12: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.853%22%20height%3D%2211.853%22%20viewBox%3D%220%200%2011.853%2011.853%22%3E%3Cpath%20d%3D%22M14.217.111l-1.08%2C1.08L8.291-3.665%2C3.445%2C1.191%2C2.364.111%2C7.221-4.735%2C2.364-9.581l1.08-1.08L8.291-5.8l4.846-4.857%2C1.08%2C1.08L9.36-4.735Z%22%20transform%3D%22translate(-2.364%2010.661)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 10.607 / 10.607; */
    --mz-svg-close-10x10: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.607%22%20height%3D%2210.607%22%20viewBox%3D%220%200%2010.607%2010.607%22%3E%3Cg%20transform%3D%22translate(37.83%20-706.753)%20rotate(45)%22%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(473.5%20526.5)%22%20fill%3D%22%23111%22%2F%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(480.5%20519.5)%20rotate(90)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 16.743 / 16.742; */
    --mz-svg-copy-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.743%22%20height%3D%2216.742%22%20viewBox%3D%220%200%2016.743%2016.742%22%3E%3Cg%20transform%3D%22translate(-1247.348%20-782.129)%22%3E%3Cg%20transform%3D%22translate(587%20286.129)%22%3E%3Cpath%20d%3D%22M12.969%2C18.24a.523.523%2C0%2C0%2C0%2C0-1.046H11a.523.523%2C0%2C0%2C0-.523.523V29.2a.523.523%2C0%2C0%2C0%2C.523.523H22.481A.523.523%2C0%2C0%2C0%2C23%2C29.2v-1.97a.523.523%2C0%2C1%2C0-1.046%2C0v1.447H11.52V18.24h1.449Z%22%20transform%3D%22translate(649.875%20483.017)%22%20fill%3D%22%23969696%22%2F%3E%3Cpath%20d%3D%22M30.531%2C9.146H19.045a.523.523%2C0%2C0%2C0-.523.523V21.154a.523.523%2C0%2C0%2C0%2C.523.523H30.53a.523.523%2C0%2C0%2C0%2C.523-.523V9.669a.522.522%2C0%2C0%2C0-.523-.523Zm-.523%2C11.485H19.568V10.192H30.007V20.631Z%22%20transform%3D%22translate(646.037%20486.854)%22%20fill%3D%22%23969696%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 15.148 / 15.148; */
    --mz-svg-external-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.148%22%20height%3D%2215.148%22%20viewBox%3D%220%200%2015.148%2015.148%22%3E%3Cpath%20d%3D%22M14.119%2C8.68a.757.757%2C0%2C0%2C0-.757.757v5.438a.757.757%2C0%2C0%2C1-.757.757H4.272a.757.757%2C0%2C0%2C1-.757-.757V6.545a.757.757%2C0%2C0%2C1%2C.757-.757H9.711a.757.757%2C0%2C1%2C0%2C0-1.515H4.272A2.272%2C2.272%2C0%2C0%2C0%2C2%2C6.545v8.332a2.272%2C2.272%2C0%2C0%2C0%2C2.272%2C2.272H12.6a2.272%2C2.272%2C0%2C0%2C0%2C2.272-2.272V9.438A.757.757%2C0%2C0%2C0%2C14.119%2C8.68ZM17.088%2C2.47a.769.769%2C0%2C0%2C0-.7-.47H11.846a.757.757%2C0%2C1%2C0%2C0%2C1.515h2.719l-7.8%2C7.794A.761.761%2C0%2C1%2C0%2C7.84%2C12.384l7.794-7.8V7.3a.757.757%2C0%2C1%2C0%2C1.515%2C0V2.757a.757.757%2C0%2C0%2C0-.061-.288Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 16.5 / 14.808; */
    --mz-svg-filter-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.5%22%20height%3D%2214.808%22%20viewBox%3D%220%200%2016.5%2014.808%22%3E%3Cpath%20d%3D%22M2.885%2C7.058H4.853a3.173%2C3.173%2C0%2C0%2C0%2C6.218%2C0h7.045a.635.635%2C0%2C0%2C0%2C0-1.269H11.07a3.173%2C3.173%2C0%2C0%2C0-6.218%2C0H2.885a.635.635%2C0%2C0%2C0%2C0%2C1.269ZM7.962%2C4.519a1.9%2C1.9%2C0%2C1%2C1-1.9%2C1.9A1.906%2C1.906%2C0%2C0%2C1%2C7.962%2C4.519ZM18.115%2C14.25H16.147a3.173%2C3.173%2C0%2C0%2C0-6.218%2C0H2.885a.635.635%2C0%2C1%2C0%2C0%2C1.269H9.93a3.173%2C3.173%2C0%2C0%2C0%2C6.218%2C0h1.968a.635.635%2C0%2C0%2C0%2C0-1.269Zm-5.077%2C2.538a1.9%2C1.9%2C0%2C1%2C1%2C1.9-1.9A1.906%2C1.906%2C0%2C0%2C1%2C13.038%2C16.788Z%22%20transform%3D%22translate(-2.25%20-3.25)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 14.617 / 12.847; */
    --mz-svg-heart-blue: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.617%22%20height%3D%2212.847%22%20viewBox%3D%220%200%2014.617%2012.847%22%3E%3Cpath%20d%3D%22M5.265%2C2A3.892%2C3.892%2C0%2C0%2C0%2C2.284%2C3.113a4.284%2C4.284%2C0%2C0%2C0%2C.28%2C6.033l.549.549L8.1%2C14.69a.535.535%2C0%2C0%2C0%2C.756%2C0L13.848%2C9.7l.549-.549a4.282%2C4.282%2C0%2C0%2C0%2C.278-6.032A4.267%2C4.267%2C0%2C0%2C0%2C8.654%2C3.4l-.173.173L8.307%2C3.4A4.667%2C4.667%2C0%2C0%2C0%2C5.265%2C2Z%22%20transform%3D%22translate(-1.172%20-1.999)%22%20fill%3D%22%23001489%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 14.617 / 12.847; */
    --mz-svg-heart-gray: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.617%22%20height%3D%2212.847%22%20viewBox%3D%220%200%2014.617%2012.847%22%3E%3Cpath%20d%3D%22M5.265%2C2A3.892%2C3.892%2C0%2C0%2C0%2C2.284%2C3.113a4.284%2C4.284%2C0%2C0%2C0%2C.28%2C6.033l.549.549L8.1%2C14.69a.535.535%2C0%2C0%2C0%2C.756%2C0L13.848%2C9.7l.549-.549a4.282%2C4.282%2C0%2C0%2C0%2C.278-6.032A4.267%2C4.267%2C0%2C0%2C0%2C8.654%2C3.4l-.173.173L8.307%2C3.4A4.667%2C4.667%2C0%2C0%2C0%2C5.265%2C2Z%22%20transform%3D%22translate(-1.172%20-1.998)%22%20fill%3D%22%23c8c8c8%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 13.343 / 16.945; */
    --mz-svg-home-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.343%22%20height%3D%2216.945%22%20viewBox%3D%220%200%2013.343%2016.945%22%3E%3Cg%20transform%3D%22translate(-4%20-1.68)%22%3E%3Cpath%20d%3D%22M11%2C16h1.668v5H11Z%22%20transform%3D%22translate(-1.163%20-2.378)%22%20fill%3D%22%23666%22%2F%3E%3Cpath%20d%3D%22M14.007%2C2.781V4.54L10.671%2C1.68%2C4%2C7.4V18.625H8.17V11.954h5v6.671h4.17V7.4L15.675%2C5.975V2.781Z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 17.584 / 14.067; */
    --mz-svg-mail-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.584%22%20height%3D%2214.067%22%20viewBox%3D%220%200%2017.584%2014.067%22%3E%3Cg%20transform%3D%22translate(64.19%20-0.454)%22%3E%3Cpath%20d%3D%22M17.826%2C4H3.758a1.756%2C1.756%2C0%2C0%2C0-1.75%2C1.758L2%2C16.309a1.764%2C1.764%2C0%2C0%2C0%2C1.758%2C1.758H17.826a1.764%2C1.764%2C0%2C0%2C0%2C1.758-1.758V5.758A1.764%2C1.764%2C0%2C0%2C0%2C17.826%2C4Zm-.879%2C12.309H4.638a.882.882%2C0%2C0%2C1-.879-.879V7.517l6.1%2C3.816a1.741%2C1.741%2C0%2C0%2C0%2C1.864%2C0l6.1-3.816V15.43A.882.882%2C0%2C0%2C1%2C16.946%2C16.309Zm-6.154-6.154-7.034-4.4H17.826Z%22%20transform%3D%22translate(-66.19%20-3.546)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 14 / 14; */
    --mz-svg-minus-14x14: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20transform%3D%22translate(-473.5%20-519.5)%22%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(473.5%20526.5)%22%20fill%3D%22%23111%22%2F%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(480.5%20519.5)%20rotate(90)%22%20fill%3D%22%23111%22%20opacity%3D%220%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 15 / 15.004; */
    --mz-svg-search-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215.004%22%20viewBox%3D%220%200%2015%2015.004%22%3E%3Cpath%20d%3D%22M19.324%2C18.411%2C15.152%2C14.2a5.945%2C5.945%2C0%2C1%2C0-.9.914L18.394%2C19.3a.642.642%2C0%2C0%2C0%2C.906.023A.646.646%2C0%2C0%2C0%2C19.324%2C18.411ZM10.48%2C15.165A4.694%2C4.694%2C0%2C1%2C1%2C13.8%2C13.79%2C4.666%2C4.666%2C0%2C0%2C1%2C10.48%2C15.165Z%22%20transform%3D%22translate(-4.5%20-4.493)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 18 / 18; */
    --mz-svg-tile-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20transform%3D%22translate(22969%209954)%22%3E%3Crect%20width%3D%227.875%22%20height%3D%227.875%22%20transform%3D%22translate(-22958.875%20-9954)%22%20fill%3D%22%23111%22%2F%3E%3Crect%20width%3D%227.875%22%20height%3D%227.875%22%20transform%3D%22translate(-22958.875%20-9943.875)%22%20fill%3D%22%23111%22%2F%3E%3Crect%20width%3D%227.875%22%20height%3D%227.875%22%20transform%3D%22translate(-22969%20-9954)%22%20fill%3D%22%23111%22%2F%3E%3Crect%20width%3D%227.875%22%20height%3D%227.875%22%20transform%3D%22translate(-22969%20-9943.875)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 18 / 18; */
    --mz-svg-tile-2: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20transform%3D%22translate(22949%209954)%22%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22935.5%20-9954)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22935.5%20-9947.25)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22935.5%20-9940.5)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22942.25%20-9954)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22942.25%20-9947.25)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22942.25%20-9940.5)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22949%20-9954)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22949%20-9947.25)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%224.5%22%20transform%3D%22translate(-22949%20-9940.5)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 14 / 14; */
    --mz-svg-plus-14x14: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20transform%3D%22translate(-473.5%20-519.5)%22%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(473.5%20526.5)%22%20fill%3D%22%23111%22%2F%3E%3Cpath%20d%3D%22M14%2C.5H0v-1H14Z%22%20transform%3D%22translate(480.5%20519.5)%20rotate(90)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 20 / 18; */
    --mz-svg-point: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cg%20transform%3D%22translate(-972%20-403)%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(974%20403)%22%20fill%3D%22%23ddb211%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(972%20403)%22%20fill%3D%22%23ebc000%22%2F%3E%3Cpath%20d%3D%22M2.115-3.34V0H.99V-8.531H4.137a3.161%2C3.161%2C0%2C0%2C1%2C2.194.715%2C2.423%2C2.423%2C0%2C0%2C1%2C.794%2C1.893%2C2.391%2C2.391%2C0%2C0%2C1-.776%2C1.913%2C3.3%2C3.3%2C0%2C0%2C1-2.224.671Zm0-.92H4.137A2.023%2C2.023%2C0%2C0%2C0%2C5.52-4.685%2C1.552%2C1.552%2C0%2C0%2C0%2C6-5.912a1.6%2C1.6%2C0%2C0%2C0-.48-1.219A1.9%2C1.9%2C0%2C0%2C0%2C4.2-7.605H2.115Z%22%20transform%3D%22translate(978.01%20416.531)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 20 / 20; */
    --mz-svg-radio-on: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20transform%3D%22translate(-301%20-967.21)%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%2210%22%20transform%3D%22translate(301%20967.21)%22%20fill%3D%22%23dcdcdc%22%2F%3E%3Crect%20width%3D%229.328%22%20height%3D%229.328%22%20rx%3D%224.664%22%20transform%3D%22translate(306.336%20972.546)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 1200 / 1227; */
    --mz-svg-sns-x: url('data:image/svg+xml,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 12 / 12; */
    --mz-svg-star-12x12: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%20100%20100%22%3E%20%20%3Cpolygon%20points%3D%2250%2C0%2061%2C35%2098%2C35%2068%2C57%2079%2C91%2050%2C70%2021%2C91%2032%2C57%202%2C35%2039%2C35%22%20fill%3D%22%23001489%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 7 / 6; */
    --mz-svg-triangle-down: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%226%22%20viewBox%3D%220%200%207%206%22%3E%3Cpath%20d%3D%22M3.5%2C0%2C7%2C6H0Z%22%20transform%3D%22translate(7%206)%20rotate(180)%22%20fill%3D%22%23001489%22%2F%3E%3C%2Fsvg%3E');
    /*↓ aspect-ratio: 14.338 / 17.673; */
    --mz-svg-upload-1: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.338%22%20height%3D%2217.673%22%20viewBox%3D%220%200%2014.338%2017.673%22%3E%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_113%22%20data-name%3D%22%E3%83%91%E3%82%B9%20113%22%20d%3D%22M1%2C9.336v6.669a1.667%2C1.667%2C0%2C0%2C0%2C1.667%2C1.667h10a1.667%2C1.667%2C0%2C0%2C0%2C1.667-1.667V9.336M11%2C4.335%2C7.669%2C1%2C4.335%2C4.335M7.669%2C1V11.837%22%20transform%3D%22translate(-0.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  }
}

/*-- pc 変数 --*/
@media (width > 767px) {
  :root {
    --mz-1rem: 10;
    --mz-fs-base: 10;
    --mz-fs-10: calc(var(--mz-fs-base) / var(--mz-1rem) * 10px);
    --mz-fs-11: calc(var(--mz-fs-base) / var(--mz-1rem) * 11px);
    --mz-fs-12: calc(var(--mz-fs-base) / var(--mz-1rem) * 12px);
    --mz-fs-13: calc(var(--mz-fs-base) / var(--mz-1rem) * 13px);
    --mz-fs-14: calc(var(--mz-fs-base) / var(--mz-1rem) * 14px);
    --mz-fs-15: calc(var(--mz-fs-base) / var(--mz-1rem) * 15px);
    --mz-fs-16: calc(var(--mz-fs-base) / var(--mz-1rem) * 16px);
    --mz-fs-17: calc(var(--mz-fs-base) / var(--mz-1rem) * 17px);
    --mz-fs-18: calc(var(--mz-fs-base) / var(--mz-1rem) * 18px);
    --mz-fs-19: calc(var(--mz-fs-base) / var(--mz-1rem) * 19px);
    --mz-fs-20: calc(var(--mz-fs-base) / var(--mz-1rem) * 20px);
    --mz-fs-21: calc(var(--mz-fs-base) / var(--mz-1rem) * 21px);
    --mz-fs-22: calc(var(--mz-fs-base) / var(--mz-1rem) * 22px);
    --mz-fs-23: calc(var(--mz-fs-base) / var(--mz-1rem) * 23px);
    --mz-fs-24: calc(var(--mz-fs-base) / var(--mz-1rem) * 24px);
    --mz-fs-25: calc(var(--mz-fs-base) / var(--mz-1rem) * 25px);
    --mz-fs-h1: calc(var(--mz-fs-base) / var(--mz-1rem) * 25px);
    --mz-button-h: 34px;
    --mz-button-radius: 5px;
    --mz-z-index-base: 40;
    --mz-js-header-h: 80px;
    --mz-js-header-bookmark-left: 0;
    --mz-js-header-cart-left: 0;
    --mz-container-w-1: 1200px;
    --mz-px-1: 10px;
    --mz-select-bg-image: var(--mz-svg-triangle-down);
    --mz-select-bg-size: 9px auto;
    --mz-select-bg-position: center right 12.7px;
    --mz-checkbox-w: 20px;
    --mz-checkbox-h: 20px;
    --mz-checkbox-mr: 8px;
    --mz-radio-w: 20px;
    --mz-radio-h: 20px;
    --mz-radio-top: -2px;
    --mz-spacing-radio: 11px;
  }
}

/*-- tb 変数 --*/
@media (width >767px) and (width<1200px) {
  :root {
    --mz-container-w-1: 100%;
  }
}

/*-- sp 変数 --*/
@media (width <=767px) {
  :root {
    --mz-1rem: 10;
    --mz-fs-base: calc((10 / 375) * 100vw);
    --mz-fs-10: calc(var(--mz-fs-base) / var(--mz-1rem) * 10);
    --mz-fs-11: calc(var(--mz-fs-base) / var(--mz-1rem) * 11);
    --mz-fs-12: calc(var(--mz-fs-base) / var(--mz-1rem) * 12);
    --mz-fs-13: calc(var(--mz-fs-base) / var(--mz-1rem) * 13);
    --mz-fs-14: calc(var(--mz-fs-base) / var(--mz-1rem) * 14);
    --mz-fs-15: calc(var(--mz-fs-base) / var(--mz-1rem) * 15);
    --mz-fs-16: calc(var(--mz-fs-base) / var(--mz-1rem) * 16);
    --mz-fs-17: calc(var(--mz-fs-base) / var(--mz-1rem) * 16);
    --mz-fs-18: calc(var(--mz-fs-base) / var(--mz-1rem) * 18);
    --mz-fs-19: calc(var(--mz-fs-base) / var(--mz-1rem) * 19);
    --mz-fs-20: calc(var(--mz-fs-base) / var(--mz-1rem) * 20);
    --mz-fs-21: calc(var(--mz-fs-base) / var(--mz-1rem) * 21);
    --mz-fs-22: calc(var(--mz-fs-base) / var(--mz-1rem) * 22);
    --mz-fs-23: calc(var(--mz-fs-base) / var(--mz-1rem) * 23);
    --mz-fs-24: calc(var(--mz-fs-base) / var(--mz-1rem) * 24);
    --mz-fs-25: calc(var(--mz-fs-base) / var(--mz-1rem) * 25);
    --mz-fs-h1: calc(var(--mz-fs-base) / var(--mz-1rem) * 18);
    --mz-button-h: calc(53 / 375 * 100vw);
    --mz-button-radius: calc(5 / 375 * 100vw);
    --mz-z-index-base: 40;
    --mz-js-header-h: calc(60 / 375 * 100vw);
    --mz-js-header-bookmark-left: 0;
    --mz-js-header-cart-left: 0;
    --mz-px-1: max(12px, calc(12 / 375 * 100dvw));
    --mz-select-bg-image: var(--mz-svg-triangle-down);
    --mz-select-bg-size: calc(7 / 375 * 100vw) auto;
    --mz-select-bg-position: center right calc(12 / 375 * 100vw);
    --mz-checkbox-w: calc(20 / 375 * 100vw);
    --mz-checkbox-h: calc(20 / 375 * 100vw);
    --mz-checkbox-mr: calc(8 / 375 * 100vw);
    --mz-radio-w: calc(20 / 375 * 100vw);
    --mz-radio-h: calc(20 / 375 * 100vw);
    --mz-radio-top: calc(-2 / 375 * 100vw);
    --mz-spacing-radio: calc(11 / 375 * 100vw);
  }
}

/*-- pc/sp bootstrap override --*/
@media all {

  body [class*="pane-"] .container {
    max-width: none;
    padding: 0;
    width: auto;
  }

  body [class*="pane-"] .table {
    margin: 0;
  }

  body [class*="pane-"] .form-group {
    margin: 0;
  }

  body [class*="pane-"] .form-control {
    font-size: var(--mz-fs-14);
    border-radius: 0;
    padding: 0;
    color: var(--mz-color-1);
    height: auto;
    border: none;
  }

  body [class*="pane-"] .btn-primary:not(:disabled):not(.disabled):active,
  body [class*="pane-"] .btn-primary:not(:disabled):not(.disabled).active,
  body [class*="pane-"] .show>.btn-primary.dropdown-toggle {
    background-color: var(--mz-color-1);
    border-color: var(--mz-color-1);
    color: #fff;
    box-shadow: none;
  }

  body [class*="pane-"] .btn-secondary:not(:disabled):not(.disabled):active:focus,
  body [class*="pane-"] .btn-secondary:not(:disabled):not(.disabled).active:focus,
  body [class*="pane-"] .show>.btn-secondary.dropdown-toggle:focus {
    background-color: #fff;
    border-color: var(--mz-color-1);
    color: var(--mz-color-1);
    box-shadow: none;
  }

  body [class*="pane-"] .btn-danger:not(:disabled):not(.disabled):active,
  body [class*="pane-"] .btn-danger:not(:disabled):not(.disabled).active,
  body [class*="pane-"] .show>.btn-danger.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }

  body [class*="pane-"] .btn:focus,
  body [class*="pane-"] .btn.focus,
  body [class*="pane-"] .btn-secondary:not(:disabled):not(.disabled):active:focus,
  body [class*="pane-"] .btn-secondary:not(:disabled):not(.disabled).active:focus,
  body [class*="pane-"] .show>.btn-secondary.dropdown-toggle:focus,
  body [class*="pane-"] .btn-primary:not(:disabled):not(.disabled):active:focus,
  body [class*="pane-"] .btn-primary:not(:disabled):not(.disabled).active:focus,
  body [class*="pane-"] .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
  }
}

/*-- pc/sp uikit override --*/
@media all {

  body .uk-subnav>*,
  body .uk-button {
    padding: 0;
  }

  body .uk-modal {
    background: var(--mz-color-overlay);
    padding: 0;
    z-index: calc(var(--mz-z-index-base) + 9);
  }

  body .uk-modal-dialog {
    height: 100%;
    transform: translateY(0);
    max-height: 90dvh;
    padding: 0;
    container-type: size;
    width: min(100dvw, 900px);
    overflow: hidden;
  }

  body .uk-offcanvas-bar {
    background-color: #fff;
    padding: 0;
    color: var(--mz-color-1);
    width: auto;
  }
}

/*-- pc/sp swiper override --*/
@media all {
  .swiper-pagination-bullet {
    background-color: var(--mz-color-12);
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--mz-color-6);
  }

  .swiper-container {
    position: relative;
  }

  .swiper-pagination {
    position: relative;
    top: 0;
    margin: 0 auto 0;
  }

  .swiper-container :is(.swiper-button-prev, .swiper-button-next) {
    width: fit-content;
    height: fit-content;
    margin: 0;
  }

  .swiper-container :is(.swiper-button-prev, .swiper-button-next)::after {
    content: "";
    background-image: var(--mz-svg-arrow-circle-right);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: auto;
    aspect-ratio: 1/1;
  }

  .swiper-container .swiper-button-prev::after {
    scale: -1 1;
  }
}

/*-- pc swiper override --*/
@media (width > 767px) {
  .swiper-pagination-bullet {
    background-color: var(--mz-color-12);
    opacity: 1;
    width: 12px;
    height: auto;
    aspect-ratio: 1/1;
    border: none;
  }
}

/*-- sp swiper override --*/
@media (width <=767px) {
  .swiper-pagination-bullet {
    background-color: var(--mz-color-12);
    opacity: 1;
    width: 8px;
    height: auto;
    aspect-ratio: 1/1;
    border: none;
  }

  .swiper-container :is(.swiper-button-prev, .swiper-button-next):active::after {
    background-image: var(--mz-svg-arrow-circle-right-hover);
  }
}

/*-- LEEEP override --*/
@media all {
  :root {
    --LRSLStarColor: var(var(--mz-color-2)) !important;
  }
}

/*-- pc/sp reset --*/
@media all {
  html {
    scroll-padding-top: var(--mz-js-header-h);
    scroll-behavior: smooth;
    height: auto;
  }

  [class*="pane-"] {
    color: var(--mz-color-1);
  }

  [class*="pane-"] * {
    word-break: break-all;
    list-style: none;
  }

  [class*="pane-"] textarea,
  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    color: var(--mz-color-1);
    font-size: 16px;
    border: 1px solid var(--mz-color-8);
  }

  [class*="pane-"] select[disabled],
  [class*="pane-"] textarea:is([readonly], [disabled]),
  [class*="pane-"] input[disabled]:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    background-color: #f4f4f4;
  }

  [class*="pane-"] textarea::placeholder,
  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"])::placeholder {
    color: var(--mz-color-11);
    font-size: var(--mz-fs-14);
  }

  [class*="pane-"] select {
    appearance: none;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: var(--mz-select-bg-image);
    background-size: var(--mz-select-bg-size);
    background-position: var(--mz-select-bg-position);
    color: var(--mz-color-1);
    max-width: 100%;
    padding: 0 30px 0 15px;
    border: 1px solid var(--mz-color-8);
    border-radius: var(--mz-button-radius);
    font-weight: var(--mz-fw-regular);
    font-size: var(--mz-fs-14);
    line-height: 1;
  }

  [class*="pane-"] :where(button, [type="button"]) {
    line-height: 1;
    border: none;
  }

  [class*="pane-"] :where(button, [type="button"]):not([disabled]):hover,
  [class*="pane-"] a:hover {
    opacity: var(--mz-opacity-hover);
  }

  [class*="pane-"] :where(button, [type="button"], [type="submit"]):focus-visible,
  [class*="pane-"] :where(button, [type="button"], [type="submit"]):focus {
    outline: none;
    box-shadow: none;
  }

  [class*="pane-"] :is(button, input, select, textarea) {
    font-family: var(--mz-ff-normal);
  }

  [class*="pane-"] button:not([disabled]) {
    cursor: pointer;
  }

  [class*="pane-"] [type="checkbox"],
  [class*="pane-"] .form-check [type="checkbox"],
  [class*="pane-"] label[class*="revico"] [type="checkbox"],
  [class*="pane-"] label.mz-g-label:has([type="checkbox"]) [type="checkbox"],
  [class*="pane-"] .form-control *:not(label)>[type="checkbox"],
  [class*="pane-"] .form-control label [type="checkbox"],
  [class*="pane-"] label.checkbox [type="checkbox"] {
    appearance: none;
    outline-offset: 0;
    width: var(--mz-checkbox-w);
    height: var(--mz-checkbox-h);
    margin-right: var(--mz-checkbox-mr);
    background-image: var(--mz-svg-checkbox-off);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
  }

  [class*="pane-"] [type="checkbox"]:checked,
  [class*="pane-"] .form-check [type="checkbox"]:checked,
  [class*="pane-"] label[class*="revico"] [type="checkbox"]:checked,
  [class*="pane-"] label.mz-g-label:has([type="checkbox"]) [type="checkbox"]:checked,
  [class*="pane-"] .form-control *:not(label)>[type="checkbox"]:checked,
  [class*="pane-"] .form-control label [type="checkbox"]:checked,
  [class*="pane-"] label.checkbox [type="checkbox"]:checked {
    appearance: none;
    background-image: var(--mz-svg-checkbox-on);
  }

  [class*="pane-"] label:has([type="checkbox"]),
  [class*="pane-"] label[class*="revico"]:has([type="checkbox"]),
  [class*="pane-"] label.mz-g-label:has([type="checkbox"]),
  [class*="pane-"] .form-control [type="checkbox"]+label,
  [class*="pane-"] .form-control label:has([type="checkbox"]),
  [class*="pane-"] label.checkbox:has([type="checkbox"]) {
    position: relative;
    vertical-align: top;
    display: inline-flex;
    align-items: start;
    gap: 0 0;
    line-height: calc(var(--mz-checkbox-h) + 3px);
    margin: 0;
  }

  [class*="pane-"] .form-check:has([type="checkbox"]) {
    display: flex;
    align-items: start;
    gap: 0 0;
    padding: 0;
  }

  .mz-g-form-check {
    line-height: 1;
  }

  [class*="pane-"].form-control .checkbox_ {
    transition: none;
  }

  [class*="pane-"].form-control .checkbox_::after {
    display: none;
  }

  [class*="pane-"].form-control .checkbox_::before {
    position: static;
    transition: none;
    margin: revert;
    background: revert;
    border: none;
  }

  [class*="pane-"] input[type="radio"] {
    appearance: none;
    padding: 0;
    position: relative;
    top: var(--mz-radio-top);
    width: var(--mz-radio-w);
    height: var(--mz-radio-h);
    border: solid var(--mz-color-8) 1px;
    background-color: var(--mz-color-8);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    margin-right: var(--mz-spacing-radio);
  }

  [class*="pane-"] input[type="radio"]:checked {
    content: "";
    background-image: var(--mz-svg-radio-on);
    border: none;
  }

  [class*="pane-"] :is(input, select):focus-visible,
  [class*="pane-"] :is(input, select):focus,
  [class*="pane-"] :is(input, select):focus-visible {
    outline-color: var(--mz-color-9);
  }

  [class*="pane-"] input[type="search"] {
    -webkit-appearance: searchfield;
    appearance: none;
  }

  [class*="pane-"] input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    color: var(--mz-color-1);
    background-color: transparent;
    background-image: var(--mz-svg-close-1);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    cursor: pointer;
  }
}

/*--pc reset --*/
@media (width > 767px) {
  html {
    scroll-padding-top: 0;
  }

  [class*="pane-"] label[class*="revico"]:has([type="checkbox"])::before,
  [class*="pane-"] label.mz-g-label:has([type="checkbox"])::before,
  [class*="pane-"] .form-control [type="checkbox"]+label::before,
  [class*="pane-"] .form-control label:has([type="checkbox"])::before,
  [class*="pane-"] label.checkbox:has([type="checkbox"])::before {
    margin-right: 10px;
  }

  [class*="pane-"] textarea {
    padding: 10px 12px;
  }

  [class*="pane-"] textarea, select,
  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    border-radius: 5px;
    min-height: 40px;
    font-size: var(--mz-fs-14);
  }

  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*--sp reset --*/
@media (width <=767px) {
  html {
    scroll-padding-top: 0;
  }

  [class*="pane-"] select {
    padding: 0 calc(30 / 375 * 100vw) 0 calc(15 / 375 * 100vw);
  }

  [class*="pane-"] label[class*="revico"]:has([type="checkbox"])::before,
  [class*="pane-"] label.mz-g-label:has([type="checkbox"])::before,
  [class*="pane-"] .form-control [type="checkbox"]+label::before,
  [class*="pane-"] .form-control label:has([type="checkbox"])::before,
  [class*="pane-"] label.checkbox:has([type="checkbox"])::before {
    margin-right: calc(10 / 375 * 100vw);
  }

  [class*="pane-"] textarea {
    padding: calc(5 / 375 * 100vw) calc(10 / 375 * 100vw);
  }

  [class*="pane-"] textarea, select,
  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    border-radius: calc(5 / 375 * 100vw);
    min-height: calc(40 / 375 * 100vw);
    font-size: var(--mz-fs-13);
  }

  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    padding-left: calc(10 / 375 * 100vw);
    padding-right: calc(10 / 375 * 100vw);
  }

}

/*-- pc/sp lazyload --*/
@media all {
  [class*="pane-"] img.lazyload {
    background-color: var(--mz-color-8);
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1/1;
    opacity: 1;
  }
}

/*-- pc/sp グローバルクラス --*/
@media all {
  body [class*="mz-g-button"] {
    font-weight: var(--mz-fw-bold);
    font-size: var(--mz-fs-14);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mz-button-radius);
    height: var(--mz-button-h);
    padding: 0 0;
    width: auto;
    max-width: 100%;
  }

  body [class*="mz-g-button-"]:hover {
    opacity: var(--mz-opacity-hover);
  }

  body [class*="mz-g-button-"]:link {
    text-decoration: none;
  }

  body .mz-g-button-1:hover,
  body .mz-g-button-1 {
    background-color: var(--mz-color-1);
    color: #fff;
    border: 1px solid var(--mz-color-1);
  }

  body .mz-g-button-2:hover,
  body .mz-g-button-2 {
    background-color: #fff;
    color: var(--mz-color-1);
    border: 1px solid var(--mz-color-1);
  }

  body .mz-g-button-3:hover,
  body .mz-g-button-3 {
    background-color: var(--mz-color-8);
    color: var(--mz-color-1);
    border: 1px solid var(--mz-color-8);
  }

  body .mz-g-button-4:hover,
  body .mz-g-button-4 {
    background-color: var(--mz-color-3);
    color: #fff;
    border: 1px solid var(--mz-color-3);
  }

  body .mz-g-button-5:hover,
  body .mz-g-button-5 {
    background-color: #fff;
    color: var(--mz-color-3);
    border: 1px solid var(--mz-color-3);
  }

  .mz-g-color-black {
    color: var(--mz-color-1) !important;
  }

  .mz-g-color-red {
    color: var(--mz-color-4) !important;
  }

  .mz-g-color-gray {
    color: var(--mz-color-10) !important;
  }

  .mz-g-fw-bold {
    font-weight: var(--mz-fw-bold) !important;
  }

  .mz-g-underline {
    text-decoration: underline !important;
  }

  .mz-g-dot {
    display: block;
    height: 2px;
    width: 100%;
    background: repeating-linear-gradient(to right,
        var(--mz-color-9) 0 2px,
        transparent 2px 8px);
  }

  .mz-g-px-1 {
    padding-left: var(--mz-px-1) !important;
    padding-right: var(--mz-px-1) !important;
  }
}

/*-- sp ボタン --*/
@media (width<=767px) {
  body [class*="mz-g-button"] {
    width: 100%;
  }
}

/*-- pc グローバルクラス --*/
@media (width > 767px) {
  [class*="mz-g-sp-only"] {
    display: none !important;
  }

  :is(.mz-g-pc-only-block, .mz-g-pc-only) {
    display: block !important;
  }

  :is(.mz-g-pc-only-none) {
    display: none !important;
  }

  :is(.mz-g-pc-only-inline) {
    display: inline !important;
  }

  :is(.mz-g-pc-only-inline-block) {
    display: inline-block !important;
  }

  :is(.mz-g-pc-only-flex) {
    display: flex !important;
  }

  :is(.mz-g-pc-only-inline-flex) {
    display: inline-flex !important;
  }

  :is(.mz-g-pc-only-grid) {
    display: grid !important;
  }

  :is(.mz-g-pc-only-table) {
    display: table !important;
  }

  .mz-g-px-1-pc {
    padding-left: var(--mz-px-1) !important;
    padding-right: var(--mz-px-1) !important;
  }

  .mz-g-modal.uk-modal {
    overflow: hidden;
    padding: 0;
    max-height: 100dvh;
  }

  .mz-g-modal .uk-modal-dialog {
    transform: translateY(0);
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
    background-color: #fff;
  }

  .uk-modal .mz-g-modal-close,
  .uk-modal .uk-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: auto;
    aspect-ratio: 1/1;
    z-index: 10;
    padding: 0;
    background-color: transparent;
    border: none;
  }

  .uk-modal .mz-g-modal-close::after,
  .uk-modal .uk-modal-close::after {
    content: "";
    mask-image: var(--mz-svg-close-12x12);
    background-color: var(--mz-color-1);
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mz-g-modal .uk-modal-body {
    padding: 0;
    border-radius: 0;
    background-color: #fff;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    position: relative;
  }

  .mz-g-modal .uk-modal-body .mz-g-modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0;
    padding: 0 0;
    font-size: var(--mz-fs-16);
    font-weight: var(--mz-fw-medium);
    border: none;
    position: relative;
    background-color: #fff;
  }

  .mz-g-modal .uk-modal-body .mz-g-modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding: 0 0;
    background-color: #fff;
  }

  .mz-g-modal .uk-modal-body .mz-g-modal-header .mz-h2 {
    font-size: var(--mz-fs-16);
    font-weight: var(--mz-fw-medium);
  }
}

/*-- sp グローバルクラス --*/
@media (width <=767px) {
  [class*="mz-g-pc-only"] {
    display: none !important;
  }

  :is(.mz-g-sp-only-block, .mz-g-sp-only) {
    display: block !important;
  }

  :is(.mz-g-sp-only-none) {
    display: none !important;
  }

  :is(.mz-g-sp-only-inline) {
    display: inline !important;
  }

  :is(.mz-g-sp-only-inline-block) {
    display: inline-block !important;
  }

  :is(.mz-g-sp-only-flex) {
    display: flex !important;
  }

  :is(.mz-g-sp-only-inline-flex) {
    display: inline-flex !important;
  }

  :is(.mz-g-sp-only-grid) {
    display: grid !important;
  }

  :is(.mz-g-sp-only-table) {
    display: table !important;
  }

  .mz-g-dot-pc {
    display: none !important;
  }

  .mz-g-px-1-sp {
    padding-left: var(--mz-px-1) !important;
    padding-right: var(--mz-px-1) !important;
  }

  .mz-g-modal.uk-modal {
    overflow: hidden;
    padding: 0;
    max-height: 100dvh;
    background: var(--mz-color-overlay);
    overscroll-behavior: contain;
  }

  .mz-g-modal .uk-modal-dialog {
    transform: translateY(0);
    border-radius: 0;
    width: 100%;
    padding: 0 0;
    overscroll-behavior: contain;
  }

  .mz-g-modal .uk-modal-dialog .uk-modal-body {
    padding: 0;
  }

  .mz-g-modal .uk-modal-dialog .uk-modal-body .mz-g-modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    position: relative;
  }

  .mz-g-modal :is(.uk-modal-header, .uk-modal-body, .uk-modal-footer) {
    padding: 0 0;
    border: none;
  }

  .uk-modal .mz-g-modal-close,
  .uk-modal .uk-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(14 / 375 * 100vw);
    height: auto;
    aspect-ratio: 1/1;
    z-index: 10;
    padding: 0;
    background-color: transparent;
    border: none;
  }

  .uk-modal .mz-g-modal-close::after,
  .uk-modal .uk-modal-close::after {
    content: "";
    mask-image: var(--mz-svg-close-12x12);
    background-color: var(--mz-color-1);
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mz-g-modal .mz-g-modal-header {
    display: flex;
    align-items: center;
    border: none;
    position: relative;
    border-radius: 0;
  }

  .mz-g-modal .mz-g-modal-header h2 {
    font-size: var(--mz-fs-16);
    font-weight: var(--mz-fw-bold);
  }
}

@media (width > 576px) and (width <=767px) {

  [class*="pane-"] textarea,
  [class*="pane-"] input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
    font-size: calc(20 / 576 * 100vw);
  }
}

/*-- tb グローバルクラス --*/
@media (width > 767px) and (width <=992px) {

  :is(.mz-g-tb-only-block, .mz-g-tb-only) {
    display: block;
  }

  :is(.mz-g-tb-only-none) {
    display: none;
  }

  :is(.mz-g-tb-only-inline) {
    display: inline;
  }

  :is(.mz-g-tb-only-inline-block) {
    display: inline-block;
  }

  :is(.mz-g-tb-only-flex) {
    display: flex;
  }

  :is(.mz-g-tb-only-inline-flex) {
    display: inline-flex;
  }

  :is(.mz-g-tb-only-grid) {
    display: grid;
  }

  :is(.mz-g-tb-only-table) {
    display: table;
  }
}