/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../theme/assets_src/styles/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-gray-100: #eff2ec;
  --color-gray-150: #c6c6c6;
  --color-gray-200: #c1c9be;
  --color-gray-300: #bdc3c7;
  --color-gray-400: #717970;
  --color-gray-500: #73787c;
  --color-gray-600: #424940;
  --color-gray-700: #272b26;
  --color-gray-800: #181d18;
  --color-yellow-500: #ffc732;
  --color-yellow-650: #d2b103;
  --color-yellow-700: #b39a13;
  --color-brown-400: #efc279;
  --color-brown-500: #a97b40;
  --color-green-100: #eff2ec;
  --color-green-150: #f0f1f0;
  --color-green-200: #f1f5ec;
  --color-green-300: #bbccb6;
  --color-green-350: #a9beaa;
  --color-green-400: #69a925;
  --color-green-450: #056b3b;
  --color-green-500: #376a3e;
  --color-green-600: #3a4b3a;
  --color-green-700: #272b26;
  --color-blue-500: #00cdac;
  --color-blue-600: #02aab0;
  --grad-green-right: linear-gradient(to right, var(--color-green-400) 0%, var(--color-green-450) 100%);
  --grad-gold-down: linear-gradient(to bottom, var(--color-yellow-650) 0%, var(--color-yellow-700) 100%);
  --grad-silver-down: linear-gradient(to bottom, var(--color-gray-300) 0%, var(--color-gray-500) 100%);
  --grad-bronze-down: linear-gradient(to bottom, var(--color-brown-400) 0%, var(--color-brown-500) 100%);
  --grad-blue-right: linear-gradient(to right, var(--color-blue-600) 0%, var(--color-blue-500) 100%);
  --color-trueblack: #000;
  --color-truewhite: #fff;
  --color-black: #181d18;
  --color-black-006: rgb( 0 0 0/ 0.06);
  --color-black-008: rgb( 0 0 0/ 0.08);
  --color-white: #fff;
  --color-white-02: rgb(255 255 255 / 0.2);
  --color-white-08: rgb(255 255 255 / 0.8);
  --color-font-w: var(--color-white);
  --color-font-b: var(--color-black);
  --color-font-blue: var(--color-blue-500);
  --color-font-red: var(--color-red-600);
  --shadow005: rgb(0 0 0 /0.05);
  --shadow01: rgb(0 0 0 /0.1);
  --shadow015: rgb(0 0 0 /0.16);
  --shadow02: rgb(0 0 0 /0.2);
  --shadow025: rgb(0 0 0 /0.25);
  --shadow03: rgb(0 0 0 /0.3);
  --shadow04: rgb(0 0 0 /0.4);
  --shadow07: rgb(0 0 0 /0.7);
  --shadow08: rgb(0 0 0 /0.8);
}

/**
* @see https://gist.github.com/tak-dcxi/aed0f8e331b6d7e87af99b9e6373b7af
*/
@property --root-font-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 16px;
}
@property --frem {
  syntax: "<length>";
  inherits: false;
  initial-value: 0.1rem;
}
@property --fpx {
  syntax: "<length>";
  inherits: false;
  initial-value: 1px;
}
@property --vpx {
  syntax: "<length>";
  inherits: false;
  initial-value: 1px;
}
:root {
  --funit: 0.1rem;
  --flsunit: 0.02rem;
  --vunit: 1px;
  --lunit: 1dvi;
  --to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
  --spr: 0.75;
  --sspr: 0.75;
  --fspr: 0.575;
  --lhr: 1.5;
  --rrate: 1;
  --mq-xs: 0.2427184466dvi;
  --mq-md: 0.1302083333dvi;
  --mq-lg: 0.0651041667dvi;
  --mq-pcmax: 0.0520833333dvi;
  --mq-comp: 0.0520833333dvi;
  --vws: 0.2427184466dvi;
  --vwm: 0.1302083333dvi;
  --vwl: 0.0651041667dvi;
  --vwc: 0.0520833333dvi;
  --vhs: 0.2dvi;
  --vhc: 0.1302083333dvi;
  --vwms: min(var(--vws), var(--fpx));
  --vwml: min(var(--vwl), var(--fpx));
  --vwmc: min(var(--vwc), var(--fpx));
  --vwpcm: 0.0520833333dvi;
  --vw: var(--vwc);
  --100dvi: 100dvi;
  --margin-inline-over: calc((100cqi - var(--100dvi)) / 2);
  --gutter: calc((var(--100dvi) - 100cqi) / 2);
  --leading-trim: calc((1em - 1lh) / 2);
  --infinity: calc(infinity * 1px);
  --layout-inner-pc: 1120;
  --layout-inner-sp: 100%;
  --layout-inner-margin-pc: 40;
  --layout-inner-margin-sp: 32;
  --layout-inner-margin: var(--layout-inner-margin-pc);
  --fixedcv-height-pc: 63;
  --fixedcv-height-sp: 50;
  --header-height-pc: 63;
  --header-height-sp: 60;
  --obj-z-fixed-cv: 99;
  --obj-z-l-header: 500;
  --obj-z-header-sp-menu-bg: 400;
  --obj-z-header-sp-menu: 600;
  --obj-z-pagetopbtn: 450;
  --obj-z-l-followbottombar: 450;
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: bold;
  --fw-extrabold: 800;
  --fw-black: 900;
  --font-Lato: "Lato", serif;
  --font-Roboto: "Roboto", var(--baseFont);
  --font-Barlow: "Barlow", var(--baseFont);
  --font-NotoSansJP: "Noto Sans JP";
  --font-YuuMincho: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho Pro",serif;
  --baseFont: var(--font-NotoSansJP), "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --icon-img-angle-arrow-down: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAABHNCSVQICAgIfAhkiAAAANdJREFUKFONz78LAWEcx/G7C4NBymZg9QcYjDZGi43FJpPFj+FKlNhEMRkkk8FgMpgtssomg80qhXg/1/PUdZ0fV6++3+f7PM/n6XRjdgpomlbDEhv8+6U42EBPJyRDs8ATXblx/5Lkl+dKVB0dEeKjaaMMAzvksHcJijObIoYHWuKuCFFnkzQTRHBDFQO84EEdJrw4yIe24rI9RKyD6CMvk9fUJsRvJmTgkFrBVb3uDFHzLM0IITWgnlHAyjaz2k8hYi+MMdKYo4iLM+BXiLWPKI5ul9XsDUW4LzNJQVz5AAAAAElFTkSuQmCC);
  --icon-arrow-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" fill="white"><g transform="translate(-539 -614.85)"><rect width="13" height="2" transform="translate(539 621)" fill="%2306b4c6"/><path d="M547.465,616.264,552.99,622l-5.525,5.737" fill="none" stroke="%2306b4c6" stroke-linecap="round" stroke-width="2"/><path d="M547.466,623H539v-2h8.465v-4.736L552.991,622l-5.525,5.737Z" fill="%2302a5e2"/></g></svg>' );
  --icon-circle-arrow-right-b: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="white"><g transform="translate(-706 -13366)"><circle cx="15" cy="15" r="15" transform="translate(706 13366)" fill="%2302a5e2"/><rect width="13" height="2" transform="translate(714 13380)" fill="%2306b4c6"/><path d="M722.465,13375.264l5.525,5.736-5.525,5.737" fill="none" stroke="%2306b4c6" stroke-linecap="round" stroke-width="2"/><path d="M722.465,13382H714v-2h8.466v-4.737l5.527,5.738-5.527,5.738Z" fill="%23fff"/></g></svg>' );
  --icon-angle-arrow-right-b: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" fill="white"><path d="M1.99984 0L0.589844 1.41L5.16984 6L0.589844 10.59L1.99984 12L7.99984 6L1.99984 0Z" fill="%23376A3E"/></svg>' );
  --icon-calendar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="white"><path d="M6 14.5C5.3 14.5 4.70833 14.2583 4.225 13.775C3.74167 13.2917 3.5 12.7 3.5 12C3.5 11.3 3.74167 10.7083 4.225 10.225C4.70833 9.74167 5.3 9.5 6 9.5C6.7 9.5 7.29167 9.74167 7.775 10.225C8.25833 10.7083 8.5 11.3 8.5 12C8.5 12.7 8.25833 13.2917 7.775 13.775C7.29167 14.2583 6.7 14.5 6 14.5ZM2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V0H5V2H13V0H15V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18Z" fill="%23376A3E"/></svg>' );
  --icon-box-list: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white"><path d="M12.25 1.75V12.25H1.75V1.75H12.25ZM13.075 0.25H0.925C0.55 0.25 0.25 0.55 0.25 0.925V13.075C0.25 13.375 0.55 13.75 0.925 13.75H13.075C13.375 13.75 13.75 13.375 13.75 13.075V0.925C13.75 0.55 13.375 0.25 13.075 0.25ZM6.25 3.25H10.75V4.75H6.25V3.25ZM6.25 6.25H10.75V7.75H6.25V6.25ZM6.25 9.25H10.75V10.75H6.25V9.25ZM3.25 3.25H4.75V4.75H3.25V3.25ZM3.25 6.25H4.75V7.75H3.25V6.25ZM3.25 9.25H4.75V10.75H3.25V9.25Z" fill="%23376a3e"/></svg>' );
  --icon-circle-dog-hand: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="white"><path d="M10.4567 0.576898C-2.50851 1.82065 -3.34466 21.4186 7.5447 24.7787C15.0992 27.1102 22.1977 23.7107 24 15.721V10.3808C22.384 3.59546 17.3845 -0.0884094 10.4547 0.576898H10.4567ZM13.1436 4.73458C15.7083 2.10099 17.8404 9.02453 14.7926 9.91292C12.2803 10.6454 12.1038 5.8046 13.1436 4.73458ZM10.9165 4.73458C11.9583 5.8046 11.7817 10.6454 9.26744 9.91292C6.21966 9.02453 8.35175 2.09901 10.9165 4.73458ZM6.42918 8.03743C7.93852 9.36607 7.74646 14.0331 5.60079 13.5869C2.42303 12.9256 3.84313 5.76314 6.42918 8.03743ZM18.081 19.7938C16.624 22.2142 14.0263 20.6506 12.03 20.6506C10.0667 20.6506 7.42636 22.2162 5.9791 19.7938C4.11862 16.6805 6.46411 15.8198 7.98897 14.0963C8.93764 13.0243 9.7117 11.1981 11.3122 10.8625C12.3948 10.6355 12.9535 10.8625 13.8362 11.4291C14.0903 11.593 17.8094 15.5276 18.0034 15.8316C18.8822 17.2076 18.921 18.3941 18.079 19.7938H18.081ZM17.2021 13.1526C16.0478 11.9365 16.6395 7.21221 18.7619 7.68997C22.1511 8.45201 19.4138 15.4822 17.2021 13.1526Z" fill="%2369A825"/></svg>' );
  --icon-dog-hand: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white"><path d="M4.5 12C5.88071 12 7 10.8807 7 9.5C7 8.11929 5.88071 7 4.5 7C3.11929 7 2 8.11929 2 9.5C2 10.8807 3.11929 12 4.5 12Z" fill="%23424940"/><path d="M9 8C10.3807 8 11.5 6.88071 11.5 5.5C11.5 4.11929 10.3807 3 9 3C7.61929 3 6.5 4.11929 6.5 5.5C6.5 6.88071 7.61929 8 9 8Z" fill="%23424940"/><path d="M15 8C16.3807 8 17.5 6.88071 17.5 5.5C17.5 4.11929 16.3807 3 15 3C13.6193 3 12.5 4.11929 12.5 5.5C12.5 6.88071 13.6193 8 15 8Z" fill="%23424940"/><path d="M19.5 12C20.8807 12 22 10.8807 22 9.5C22 8.11929 20.8807 7 19.5 7C18.1193 7 17 8.11929 17 9.5C17 10.8807 18.1193 12 19.5 12Z" fill="%23424940"/><path d="M17.3406 14.86C16.4706 13.84 15.7406 12.97 14.8606 11.95C14.4006 11.41 13.8106 10.87 13.1106 10.63C13.0006 10.59 12.8906 10.56 12.7806 10.54C12.5306 10.5 12.2606 10.5 12.0006 10.5C11.7406 10.5 11.4706 10.5 11.2106 10.55C11.1006 10.57 10.9906 10.6 10.8806 10.64C10.1806 10.88 9.60063 11.42 9.13063 11.96C8.26063 12.98 7.53063 13.85 6.65063 14.87C5.34063 16.18 3.73063 17.63 4.03063 19.66C4.32063 20.68 5.05063 21.69 6.36063 21.98C7.09063 22.13 9.42063 21.54 11.9006 21.54H12.0806C14.5606 21.54 16.8906 22.12 17.6206 21.98C18.9306 21.69 19.6606 20.67 19.9506 19.66C20.2606 17.62 18.6506 16.17 17.3406 14.86Z" fill="%23424940"/><clipPath><rect width="24" height="24" fill="white"/></clipPath></svg>' );
  --icon-hamburger: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" fill="white"><path d="M0.5 12.5V10.5H18.5V12.5H0.5ZM0.5 7.5V5.5H18.5V7.5H0.5ZM0.5 2.5V0.5H18.5V2.5H0.5Z" fill="white"/></svg>' );
  --icon-heart: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" fill="white"><path d="M10.5 18.5004L9.05 17.2004C7.36667 15.6837 5.975 14.3754 4.875 13.2754C3.775 12.1754 2.9 11.1921 2.25 10.3254C1.6 9.44206 1.14167 8.63372 0.875 7.90039C0.625 7.16706 0.5 6.41706 0.5 5.65039C0.5 4.08372 1.025 2.77539 2.075 1.72539C3.125 0.675391 4.43333 0.150391 6 0.150391C6.86667 0.150391 7.69167 0.333724 8.475 0.700391C9.25833 1.06706 9.93333 1.58372 10.5 2.25039C11.0667 1.58372 11.7417 1.06706 12.525 0.700391C13.3083 0.333724 14.1333 0.150391 15 0.150391C16.5667 0.150391 17.875 0.675391 18.925 1.72539C19.975 2.77539 20.5 4.08372 20.5 5.65039C20.5 6.41706 20.3667 7.16706 20.1 7.90039C19.85 8.63372 19.4 9.44206 18.75 10.3254C18.1 11.1921 17.225 12.1754 16.125 13.2754C15.025 14.3754 13.6333 15.6837 11.95 17.2004L10.5 18.5004ZM10.5 15.8004C12.1 14.3671 13.4167 13.1421 14.45 12.1254C15.4833 11.0921 16.3 10.2004 16.9 9.45039C17.5 8.68373 17.9167 8.00873 18.15 7.42539C18.3833 6.82539 18.5 6.23373 18.5 5.65039C18.5 4.65039 18.1667 3.81706 17.5 3.15039C16.8333 2.48373 16 2.15039 15 2.15039C14.2167 2.15039 13.4917 2.37539 12.825 2.82539C12.1583 3.25872 11.7 3.81706 11.45 4.50039H9.55C9.3 3.81706 8.84167 3.25872 8.175 2.82539C7.50833 2.37539 6.78333 2.15039 6 2.15039C5 2.15039 4.16667 2.48373 3.5 3.15039C2.83333 3.81706 2.5 4.65039 2.5 5.65039C2.5 6.23373 2.61667 6.82539 2.85 7.42539C3.08333 8.00873 3.5 8.68373 4.1 9.45039C4.7 10.2004 5.51667 11.0921 6.55 12.1254C7.58333 13.1421 8.9 14.3671 10.5 15.8004Z" fill="white"/></svg>' );
  --icon-heart-fill: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" fill="white"><path d="M10 18.35L8.55 17.03C3.4 12.36 0 9.28 0 5.5C0 2.42 2.42 0 5.5 0C7.24 0 8.91 0.81 10 2.09C11.09 0.81 12.76 0 14.5 0C17.58 0 20 2.42 20 5.5C20 9.28 16.6 12.36 11.45 17.04L10 18.35Z" fill="%23376A3E"/></svg>' );
  --icon-loupe: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="white"><path d="M16.6 18L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L18 16.6L16.6 18ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" fill="%23376A3E"/></svg>' );
  --icon-narrow-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white"><path d="M0.25 10.75V12.25H4.75V10.75H0.25ZM0.25 1.75V3.25H7.75V1.75H0.25ZM7.75 13.75V12.25H13.75V10.75H7.75V9.25H6.25V13.75H7.75ZM3.25 4.75V6.25H0.25V7.75H3.25V9.25H4.75V4.75H3.25ZM13.75 7.75V6.25H6.25V7.75H13.75ZM9.25 4.75H10.75V3.25H13.75V1.75H10.75V0.25H9.25V4.75Z" fill="%23376A3E"/></svg>' );
  --icon-pen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="white"><path d="M2 16H3.425L13.2 6.225L11.775 4.8L2 14.575V16ZM0 18V13.75L13.2 0.575C13.4 0.391667 13.6208 0.25 13.8625 0.15C14.1042 0.05 14.3583 0 14.625 0C14.8917 0 15.15 0.05 15.4 0.15C15.65 0.25 15.8667 0.4 16.05 0.6L17.425 2C17.625 2.18333 17.7708 2.4 17.8625 2.65C17.9542 2.9 18 3.15 18 3.4C18 3.66667 17.9542 3.92083 17.8625 4.1625C17.7708 4.40417 17.625 4.625 17.425 4.825L4.25 18H0ZM12.475 5.525L11.775 4.8L13.2 6.225L12.475 5.525Z" fill="%23181D18"/></svg>' );
  --icon-people: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white"><path d="M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0ZM2 14H14V13.2C14 13.0167 13.9542 12.85 13.8625 12.7C13.7708 12.55 13.65 12.4333 13.5 12.35C12.6 11.9 11.6917 11.5625 10.775 11.3375C9.85833 11.1125 8.93333 11 8 11C7.06667 11 6.14167 11.1125 5.225 11.3375C4.30833 11.5625 3.4 11.9 2.5 12.35C2.35 12.4333 2.22917 12.55 2.1375 12.7C2.04583 12.85 2 13.0167 2 13.2V14ZM8 6C8.55 6 9.02083 5.80417 9.4125 5.4125C9.80417 5.02083 10 4.55 10 4C10 3.45 9.80417 2.97917 9.4125 2.5875C9.02083 2.19583 8.55 2 8 2C7.45 2 6.97917 2.19583 6.5875 2.5875C6.19583 2.97917 6 3.45 6 4C6 4.55 6.19583 5.02083 6.5875 5.4125C6.97917 5.80417 7.45 6 8 6Z" fill="%23376A3E"/></svg>' );
  --icon-smartphone: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="69" fill="white"><path d="M21.0321 68.077C19.5268 68.4803 18.0954 68.2925 16.7378 67.5136C15.3803 66.7346 14.5009 65.5965 14.0997 64.0993L0.970517 15.1006C0.569347 13.6034 0.761877 12.1781 1.5481 10.8247C2.33433 9.4713 3.48006 8.59294 4.9853 8.18961L32.3532 0.856403C33.8584 0.453077 35.2898 0.640893 36.6474 1.41985C38.005 2.19881 38.8844 3.33689 39.2856 4.83407L42.2032 15.7227L36.7296 17.1893L36.0002 14.4672L8.63229 21.8004L17.3851 54.4662L44.753 47.133L44.0236 44.4109L49.4972 42.9442L52.4148 53.8329C52.8159 55.33 52.6234 56.7553 51.8372 58.1087C51.0509 59.4621 49.9052 60.3405 48.4 60.7438L21.0321 68.077ZM18.8439 59.9105L19.5733 62.6327L46.9412 55.2995L46.2118 52.5773L18.8439 59.9105ZM40.4206 42.4587L25.6893 34.0062L28.4996 29.1685L38.3782 34.8367L49.72 15.3132L54.5727 18.0976L40.4206 42.4587ZM7.1735 16.3561L34.5414 9.02287L33.812 6.30071L6.4441 13.6339L7.1735 16.3561Z" fill="%23424940"/></svg>' );
  --icon-star-rating: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="white"><path d="M6.00151 9.5135L8.76818 11.1868C9.27485 11.4935 9.89485 11.0402 9.76151 10.4668L9.02818 7.32017L11.4748 5.20017C11.9215 4.8135 11.6815 4.08017 11.0948 4.0335L7.87485 3.76017L6.61485 0.786836C6.38818 0.246836 5.61485 0.246836 5.38818 0.786836L4.12818 3.7535L0.90818 4.02684C0.321513 4.0735 0.0815132 4.80684 0.52818 5.1935L2.97485 7.3135L2.24151 10.4602C2.10818 11.0335 2.72818 11.4868 3.23485 11.1802L6.00151 9.5135Z" fill="%23FFC732"/></svg>' );
  --icon-clock: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="white"><path d="M13.8 15.2L15.2 13.8L11.5 10.1V5.5H9.5V10.9L13.8 15.2ZM10.5 20.5C9.11667 20.5 7.81667 20.2375 6.6 19.7125C5.38333 19.1875 4.325 18.475 3.425 17.575C2.525 16.675 1.8125 15.6167 1.2875 14.4C0.7625 13.1833 0.5 11.8833 0.5 10.5C0.5 9.11667 0.7625 7.81667 1.2875 6.6C1.8125 5.38333 2.525 4.325 3.425 3.425C4.325 2.525 5.38333 1.8125 6.6 1.2875C7.81667 0.7625 9.11667 0.5 10.5 0.5C11.8833 0.5 13.1833 0.7625 14.4 1.2875C15.6167 1.8125 16.675 2.525 17.575 3.425C18.475 4.325 19.1875 5.38333 19.7125 6.6C20.2375 7.81667 20.5 9.11667 20.5 10.5C20.5 11.8833 20.2375 13.1833 19.7125 14.4C19.1875 15.6167 18.475 16.675 17.575 17.575C16.675 18.475 15.6167 19.1875 14.4 19.7125C13.1833 20.2375 11.8833 20.5 10.5 20.5ZM10.5 18.5C12.7167 18.5 14.6042 17.7208 16.1625 16.1625C17.7208 14.6042 18.5 12.7167 18.5 10.5C18.5 8.28333 17.7208 6.39583 16.1625 4.8375C14.6042 3.27917 12.7167 2.5 10.5 2.5C8.28333 2.5 6.39583 3.27917 4.8375 4.8375C3.27917 6.39583 2.5 8.28333 2.5 10.5C2.5 12.7167 3.27917 14.6042 4.8375 16.1625C6.39583 17.7208 8.28333 18.5 10.5 18.5Z" fill="white"/></svg>' );
  --icon-photo-library: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"><path d="M22.5 16.5V4.5C22.5 3.4 21.6 2.5 20.5 2.5H8.5C7.4 2.5 6.5 3.4 6.5 4.5V16.5C6.5 17.6 7.4 18.5 8.5 18.5H20.5C21.6 18.5 22.5 17.6 22.5 16.5ZM11.5 12.5L13.53 15.21L16.5 11.5L20.5 16.5H8.5L11.5 12.5ZM2.5 6.5V20.5C2.5 21.6 3.4 22.5 4.5 22.5H18.5V20.5H4.5V6.5H2.5Z" fill="white"/><defs><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"/></defs></svg>' );
  --icon-medal: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" fill="white"><path d="M7.75 6.8225V0.5H0.25V6.8225C0.25 7.085 0.385 7.3325 0.6175 7.4675L3.7525 9.35L3.01 11.105L0.4525 11.3225L2.395 13.0025L1.8025 15.5L4 14.1725L6.1975 15.5L5.6125 13.0025L7.555 11.3225L4.9975 11.105L4.255 9.35L7.39 7.4675C7.615 7.3325 7.75 7.0925 7.75 6.8225ZM4.75 8.1725L4 8.6225L3.25 8.1725V1.25H4.75V8.1725Z" fill="white"/></svg>' );
  --font-m-shadow: drop-shadow(0 0.4rem 0.4rem var(--shadow025));
  --banner-s-shadow: drop-shadow(0 1px 2px var(--shadow03))
                    drop-shadow(0 1px 3px var(--shadow015));
  --banner-s-shadow2: drop-shadow(0 1px 3px var(--shadow015));
  --card-article-radius-pc: 2.4rem;
  --card-article-radius-sp: 2.0rem;
  --card-s-radius-pc: 0.8rem;
  --card-s-radius-sp: 0.6rem;
  --card-m-radius-pc: 1.0rem;
  --card-m-radius-sp: var(--card-l-radius-pc);
  --card-l-radius-pc: 1.2rem;
  --card-l-radius-sp: var(--card-ll-radius-pc);
  --card-ll-radius-pc: 1.6rem;
  --card-ll-radius-sp: var(--card-lll-radius-pc);
  --card-lll-radius-pc: 2.4rem;
  --card-lll-radius-sp: 2.4rem;
  --card-m-shadow: drop-shadow(0 4px 13px var(--shadow025));
  --card-m-box-shadow: drop-shadow(0 1px 2px var(--shadow03))
                    drop-shadow(0 2px 6px 2px var(--shadow015));
  --card-m-box-shadow: 0 1px 2px var(--shadow03), 0 2px 6px 2px var(--shadow015);
  --card-m-hover-box-shadow: 0 1px 4px var(--shadow03), 0 4px 10px 10px var(--shadow01);
  --card-shadow:
    inset 0.3rem 0.3rem 2.0rem rgba(0, 0, 0, 0.02),
    0 1.0rem 1.5rem rgba(0, 0, 0, 0.05),
    1.0rem 1.0rem 2.5rem rgba(0, 0, 0, 0.05),
    -0.5rem -0.5rem 1.0rem rgba(255, 255, 255, 0.8),
    -0.5rem -0.5rem 1.5rem rgba(255, 255, 255, 0.3);
  --card-drop-shadow: drop-shadow(0 0 2.0rem var(--color-white-03));
  --card-hover-shadow: 0 4.0rem 3.0rem rgba(25, 25, 25, 0.12);
  --card-hover-shadow02: 0 4.8rem 4.0rem rgba(25, 25, 25, 0.2);
  --card-hover-scale: 1.015;
  --card-hover-thumb-scale: 1.05;
  --card-radius: 2.0rem;
  --card-border-shadow: 0 0 calc( 1 * var(--vunit) ) rgba(25, 25, 25, 0.9);
  --form-radius: 0.5rem;
  --link-hover-opacity: 0.8;
  --btn-hover-opacity: 0.8;
  --ease-default: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.36, 0, 0.66, -0.56);
  --ease-slow-start: cubic-bezier(0.8,0.22,0.11,0.76);
  --ease-fast-start: cubic-bezier(0.11, 0.76, 0.8, 0.22);
  --ease-text-slide: cubic-bezier(.165,.84,.44,1);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 412px) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--vws);
    --vunit: var(--vws);
    --vunitw: var(--vws);
    --lunit: var(--vws);
  }
}
@media screen and (min-width: 412.1px) and (max-width: 767px) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--frem);
    --vunit: var(--vpx);
    --vunitw: var(--vpx);
    --lunit: var(--vws);
  }
}
@media screen and (max-width: 767px) {
  :root {
    --layout-inner: var(--layout-inner-sp);
    --layout-inner-margin: var(--layout-inner-margin-sp);
    --fixedcv-height: var(--fixedcv-height-sp);
    --card-article-radius: var(--card-article-radius-sp);
    --card-s-radius: var(--card-s-radius-sp);
    --card-m-radius: var(--card-m-radius-sp);
    --card-l-radius: var(--card-l-radius-sp);
    --card-ll-radius: var(--card-ll-radius-sp);
    --rrate: var(--spr);
  }
}
@media print, screen and (min-width: 767.1px) {
  :root {
    --vh: var(--vhc);
    --funit: var(--frem);
    --layout-inner: var(--layout-inner-pc);
    --layout-inner-margin: var(--layout-inner-margin-pc);
    --fixedcv-height: var(--fixedcv-height-pc);
    --card-article-radius: var(--card-article-radius-pc);
    --card-s-radius: var(--card-s-radius-pc);
    --card-m-radius: var(--card-m-radius-pc);
    --card-l-radius: var(--card-l-radius-pc);
    --card-ll-radius: var(--card-ll-radius-pc);
    --rrate: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  :root {
    --vw: var(--vwl);
    --vunit: var(--vpx);
    --vunitw: var(--vwl);
    --lunit: var(--vwl);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --vunitw: var(--vpx);
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
  :root {
    --lunit: var(--vwc);
  }
}
@media screen and (max-width: 1020px) {
  :root {
    --header-height: var(--header-height-sp);
    --header-height-full: var(--header-height-full-sp);
  }
}
@media print, screen and (min-width: 1020.1px) {
  :root {
    --vw: var(--vwc);
    --vunit: var(--vpx);
    --header-height: var(--header-height-pc);
    --header-height-full: var(--header-height-full-pc);
  }
}
@media screen and (min-width: 1920.1px) {
  :root {
    --vunitw: var(--vpx);
  }
}
@media print {
  :root {
    --vw: var(--vwl);
    --vunit: var(--vpx);
    --vunitw: var(--vpx);
    --header-height: var(--header-height-pc);
    --header-height-full: var(--header-height-full-pc);
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
ul, ol {
  list-style-type: "";
  padding: unset;
}

summary {
  display: block;
  list-style-type: "";
}

summary::-webkit-details-marker {
  display: none;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

* {
  min-inline-size: 0;
}

/**
* スクリーンリーダーにdel, ins, sを伝えます
* 「deleteion」をアナウンスするNVDA (2024.4.2)を除いて、一般的なスクリーンリーダーは<s>要素をアナウンスしません。macOSとiOSのVoice OverとNarratorは<ins>と<del>をアナウンスしません。通常、スクリーンリーダーがテキストレベルのセマンティックをアナウンスしないことは許容範囲ですが、デベロッパーが<s>のような要素がセマンティックを伝えない可能性があることを知らずに使用することはよくある問題です。
* 取り消し・挿入・削除されたコンテンツの開始と終了を疑似要素で伝えます。英語以外の言語の場合は、翻訳して伝える必要があります。たとえば日本語だと、:lang(ja) :where(s::before) { content: "取り消し線付きテキストの開始"; }となります。
*/
:where(del, ins, s)::before,
:where(del, ins, s)::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  content: "test";
}

:where(s)::before {
  content: "取り消し線付きテキストの開始";
}

:where(s)::after {
  content: "取り消し線付きテキストの終了";
}

:where(del)::before {
  content: "削除されたテキストの開始";
}

:where(del)::after {
  content: "削除されたテキストの終了";
}

:where(ins)::before {
  content: "挿入されたテキストの開始";
}

:where(ins)::after {
  content: "挿入されたテキストの終了";
}

.l-header {
  top: 0;
  position: fixed;
  display: block grid;
  margin-inline: auto;
  width: 100%;
  height: calc(var(--header-height) * var(--vunit));
  z-index: var(--obj-z-l-header);
}
@media print {
  .l-header {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.l-header.l-header--sticky {
  position: sticky;
}

.l-footer {
  display: block grid;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.l-section,
.l-block {
  --_gutter: calc((var(--100dvi) - 100cqi) / 2);
  position: relative;
  display: block grid;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  overflow-x: clip;
}

.l-section--fullwidth {
  width: var(--100dvi);
  justify-content: center;
  margin-inline: calc(var(--gutter) * -1);
}

.l-section--stack {
  grid-template: "stack" minmax(0, auto)/1fr;
}
.l-section--stack > * {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
  display: block grid;
}

@media screen and (max-width: 767px) {
  .p-home-topics {
        margin-top: 320px;
  }
  .l-section--m,
  .l-block--m {
    padding-block: calc(28 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-section--m,
  .l-block--m {
    padding-block: calc(30 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-section--l,
  .l-block--l {
    padding-block: calc(32 * var(--vunit)) calc(28 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-section--l,
  .l-block--l {
    padding-block: calc(39 * var(--vunit)) calc(29 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-section--t-l,
  .l-block--t-l {
    padding-block: calc(50 * var(--vunit)) calc(6 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-section--t-l,
  .l-block--t-l {
    padding-block: calc(65 * var(--vunit)) calc(8 * var(--vunit));
  }
}

.l-inner {
  --_gutter: var(--gutter);
  --_inner-width: calc( var(--_layout-inner) + var(--_layout-inner-margin) );
  --_u-inner-margin: calc( (var(--_layout-inner-margin) / 2) * var(--vunit) );
  --_u-inner-width: calc( var(--_inner-width) * var(--vunit) );
  container-type: inline-size;
  position: relative;
  display: block grid;
  width: 100%;
  max-width: var(--_u-inner-width, unset);
  height: -moz-fit-content;
  height: fit-content;
  margin-inline: auto;
  padding-inline: var(--_u-inner-margin);
  justify-items: var(--_inner-justify, center);
}
@media screen and (max-width: 767px) {
  .l-inner {
    --_layout-inner: var(--layout-inner-sp);
    --_layout-inner-margin: var(--layout-inner-margin-sp);
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner {
    --_layout-inner: var(--layout-inner-pc);
    --_layout-inner-margin: var(--layout-inner-margin-pc);
  }
}

@media screen and (max-width: 767px) {
  .l-inner--vw {
    padding-left: 4.854368932dvi;
    padding-right: 4.854368932dvi;
    max-width: 312.1359223301dvi;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--vw {
    padding-left: 1.0416666667dvi;
    padding-right: 1.0416666667dvi;
    max-width: 66.9791666667dvi;
  }
}

.l-inner--vunitw {
  --_u-inner-margin: calc( (var(--_inner-margin) / 2) * var(--vunitw) );
  --_u-inner-width: calc( var(--_inner-width) * var(--vunitw) );
}

.l-inner--full-width {
  width: var(--100dvi);
  justify-content: center;
  margin-left: calc(var(--gutter) * -1);
  margin-right: calc(var(--gutter) * -1);
}

.l-inner--card-list-inn {
  --layout-inner-margin-sp: 0;
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn {
    --_inner-justify: start;
  }
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn .grid-heading {
    padding-inline: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn .grid-heading {
    padding-inline: calc(5 * var(--vunit));
  }
}
.l-inner--card-list-inn .grid-article-list {
  margin-top: calc(28 * var(--vunit));
  width: 100%;
}

.l-inner--card-list-inn-more {
  --layout-inner-margin-sp: 0;
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more {
    grid-template: "title" minmax(0, auto) "list" minmax(0, auto)/1fr;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more {
    --_inner-justify: start;
    grid-template: "title more" minmax(0, auto) "list list" minmax(0, auto)/1fr auto;
  }
}
.l-inner--card-list-inn-more .grid-heading {
  grid-area: title;
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more .grid-heading {
    height: calc(56 * var(--vunit));
    padding-left: calc(20 * var(--vunit));
    align-content: center;
    width: 100%;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more .grid-heading {
    padding-inline: calc(5 * var(--vunit));
  }
}
.l-inner--card-list-inn-more .grid-more {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more .grid-more {
    grid-area: title;
    justify-items: end;
    position: absolute;
    width: 100%;
    padding-right: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more .grid-more {
    grid-area: more;
  }
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more .grid-more .c-btn-text-more {
    width: 100%;
    grid-template-columns: 1fr auto;
  }
}
.l-inner--card-list-inn-more .grid-list {
  grid-area: list;
  width: 100%;
}
.l-inner--card-list-inn-more .grid-article-list {
  grid-area: list;
  margin-top: calc(30 * var(--vunit));
  width: 100%;
}
.l-inner--card-list-inn-more .grid-article-list--column {
  margin-top: calc(16 * var(--vunit));
}
.l-inner--card-list-inn-more .grid-instagram {
  grid-area: list;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more .grid-instagram-reels {
    margin-top: calc(4 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more .grid-instagram-reels {
    margin-top: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more .grid-instagram-feed {
    margin-block: calc(20 * var(--vunit)) calc(10 * var(--vunit));
  }
}
.l-inner--card-list-inn-more .grid-news-list {
  grid-area: list;
  width: 100%;
}

.l-grid,
[class*=l-grid--] {
  position: relative;
  display: block grid;
  grid-template-columns: var(--_columns, 1fr);
  grid-auto-flow: var(--_flow, row);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  align-items: var(--_align-items, center);
  align-self: var(--_align-self, start);
}

.l-grid-content {
  background-color: var(--_background-color, var(--color-white));
}
.l-grid-content.l-grid--white {
  --_background-color: var(--color-white);
}
.l-grid-content.l-grid-content--l {
  padding-block: calc(32 * var(--vunit)) calc(40 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .l-grid-content.l-grid-content--l {
    padding-inline: calc(30 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-grid-content.l-grid-content--l {
    padding-inline: calc(40 * var(--vunit));
  }
}

.l-grid-stack {
  position: relative;
  display: block grid;
  grid-template: "stack" minmax(0, auto)/1fr;
}
.l-grid-stack > * {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: block grid;
  grid-area: stack;
}

@media screen and (max-width: 767px) {
  .l-grid--col2 {
    --_flow: row;
    --_columns: 1fr;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-grid--col2 {
    --_columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .l-grid--col3 {
    --_flow: row;
    --_columns: 1fr;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-grid--col3 {
    --_columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .l-grid--col4 {
    --_flow: row;
    --_columns: 1fr;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-grid--col4 {
    --_columns: 1fr 1fr 1fr 1fr;
  }
}

.l-grid--card {
  --_flow: row;
  --_columns: 1fr;
  --_align-self: start;
  grid-template-rows: auto;
}

.l-grid--card-subgrid-3 {
  --_align-self: start;
  grid-template-columns: subgrid;
  grid-template-rows: span 3;
}

.l-grid--card-link {
  --_flow: row;
  --_columns: 1fr;
  --_align-self: start;
  grid-template-rows: auto;
}
.l-grid--card-link:focus-visible:has(.thumb) .thumb img {
  scale: var(--card-hover-thumb-scale);
}
@media (any-hover: hover) {
  .l-grid--card-link:hover:has(.thumb) .thumb img {
    scale: var(--card-hover-thumb-scale);
  }
}
.l-grid--card-link .thumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: thumb;
}
.l-grid--card-link .thumb img {
  transition: scale 0.3s ease;
}

.l-flex,
[class*=l-flex--] {
  position: relative;
  display: block flex;
  flex: var(--_flex, 1 1 auto);
  flex-flow: var(--_flow, row);
  flex-wrap: var(--_flex-wrap, wrap);
  height: -moz-fit-content;
  height: fit-content;
}

[class*=l-flex--row] {
  row-gap: calc(var(--_flex-row) * var(--vunit));
}

.l-flex--row-gap-20 {
  --_flex-row: 20;
}

.l-flex--column {
  --_flow: column;
}

[class*=l-flex--column-gap] {
  -moz-column-gap: calc(var(--_flex-column-gap) * var(--vunit));
       column-gap: calc(var(--_flex-column-gap) * var(--vunit));
}

.l-flex--column-gap-20 {
  --_flex-column-gap: 20;
}

.l-flex--100 {
  --_flex: 0 1 100%;
}

@media screen and (max-width: 767px) {
  .l-flex--100-sp {
    --_flex: 0 1 100%;
  }
}

.l-flex--50 {
  --_flex: 0 1 calc(50% - (var(--_flex-column-gap) / 2 * var(--vunit)));
}

@media print, screen and (min-width: 767.1px) {
  .l-flex--50-pc {
    --_flex: 0 1 calc(50% - (var(--_flex-column-gap) / 2 * var(--vunit)));
  }
}

@media screen and (max-width: 767px) {
  .l-flex--33 {
    --_flex: 0 1 100%;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-flex--33 {
    --_flex: 0 1 calc(32.8% - (var(--_flex-column-gap) / 2 * var(--vunit)));
  }
}

.l-flex--25 {
  --_flex: 0 1 calc(25% - (var(--_flex-column-gap) / 2 * var(--vunit)));
}

[class*=l-btn] {
  --_flow: row;
  --_columns: 1fr;
  position: relative;
  display: block grid;
  grid-template-columns: var(--_columns);
  grid-auto-flow: var(--_flow);
  width: var(--_grid-width, -moz-fit-content);
  width: var(--_grid-width, fit-content);
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  justify-items: var(--_justify, center);
}
@media screen and (max-width: 767px) {
  [class*=l-btn] {
    margin-inline: var(--_l-btn-margin-sp, auto);
  }
}
.l-btn--full {
  --_grid-width: 100%;
}

.l-btn--col2 {
  --_columns: auto auto;
  gap: calc(13 * var(--vunit));
}

.l-btn--center {
  justify-content: center;
  justify-items: center;
  margin-inline: auto;
}

:where(.l-btn--left, .l-btn--start) {
  --_grid-width: fit-content;
  margin-inline-end: auto;
}

@media print, screen and (min-width: 767.1px) {
  :where(.l-btn--left-pc, .l-btn--start-pc) {
    --_grid-width: fit-content;
    margin-inline-end: auto;
  }
}

@media screen and (max-width: 767px) {
  :where(.l-btn--left-sp, .l-btn--start-sp) {
    --_grid-width: fit-content;
    margin-right: auto;
  }
}

:where(.l-btn--right, .l-btn--end) {
  --_grid-width: fit-content;
  --_l-btn-margin-sp: auto 0;
  margin-left: auto;
}

@media print, screen and (min-width: 767.1px) {
  :where(.l-btn--right-pc, .l-btn--end-pc) {
    --_grid-width: fit-content;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  :where(.l-btn--right-sp, .l-btn--end-sp) {
    --_grid-width: fit-content;
    margin-left: auto;
  }
}

.l-icon,
[class*=l-icon--] {
  display: block grid;
  grid-template: "icon" minmax(calc(var(--_icon-size, 32) * var(--vunit)), auto) "text" minmax(0, auto)/1fr;
  justify-items: center;
  align-items: center;
}
.l-icon .icon,
[class*=l-icon--] .icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
}
.l-icon .text,
[class*=l-icon--] .text {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: text;
  white-space: nowrap;
}

.l-icon--m {
  --_icon-size: 32;
  font-size: calc(9 * var(--vunit));
  font-weight: var(--fw-bold);
  line-height: 1.7777777778;
  letter-spacing: 0rem;
}

.l-card-list,
[class*=l-card-list--] {
  position: relative;
  display: block grid;
  grid-template-columns: var(--_columns, 1fr);
  grid-auto-flow: var(--_flow, row);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  align-items: var(--_align-items, center);
  align-self: var(--_align-self, start);
}

.l-card,
[class*=l-card--] {
  position: relative;
  display: block grid;
  width: 100%;
  height: 100%;
  align-items: var(--_align-items, center);
  background-color: var(--_background-color, inherit);
}

.l-card--white {
  --_background-color: var(--color-white);
}

.l-card--m {
  border-radius: calc(5 * var(--vunit));
  padding-block: calc(40 * var(--vunit)) calc(30 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .l-card--m {
    padding-inline: calc(18 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card--m {
    padding-inline: calc(20 * var(--vunit));
  }
}

.l-card--l {
  border-radius: calc(5 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .l-card--l {
    padding-block: calc(30 * var(--vunit)) calc(33 * var(--vunit));
    padding-inline: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card--l {
    padding-block: calc(40 * var(--vunit)) calc(43 * var(--vunit));
    padding-inline: calc(40 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-card-list--col2 {
    --_flow: row;
    --_columns: 1fr;
    gap: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card-list--col2 {
    --_columns: 1fr 1fr;
    gap: calc(60 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-card-list--col3 {
    --_flow: row;
    --_columns: 1fr;
    gap: calc(20 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card-list--col3 {
    --_columns: 1fr 1fr 1fr;
    gap: calc(30 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-card-list--col4 {
  /*  --_flow: row;
    --_columns: 1fr;
    gap: calc(20 * var(--vunit)); */
    --_flow: row;
    --_columns: repeat(2, auto);
    -moz-column-gap: calc(9 * var(--vunit));
         column-gap: calc(9 * var(--vunit));
    row-gap: calc(8 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card-list--col4 {
    --_columns: 1fr 1fr 1fr 1fr;
    gap: calc(30 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .l-card-list--col6 {
    --_flow: row;
    --_columns: repeat(2, auto);
    -moz-column-gap: calc(9 * var(--vunit));
         column-gap: calc(9 * var(--vunit));
    row-gap: calc(8 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-card-list--col6 {
    --_columns: repeat(6, 1fr);
    gap: calc(6 * var(--vunit));
  }
}

.l-background {
  z-index: -1;
  position: absolute;
  display: block grid;
  width: 100%;
  height: 100%;
  overflow: clip;
  pointer-events: none;
}

[class*=l-background--bg-] {
  background-color: var(--_background-color-bg);
  transition: background-color 0.3s ease;
}

[class*=l-background--bg-grad-] {
  background: var(--_background-bg);
}

.l-background--bg-black {
  --_background-color-bg: var(--color-black);
}

.l-background--bg-lightgray {
  --_background-color-bg: var(--color-gray-300);
}

.l-background--bg-lightgray2 {
  --_background-color-bg: var(--color-gray-450);
}

.l-background--bg-water {
  --_background-color-bg: var(--color-blue-100);
}

.l-background--bg-blue {
  --_background-color-bg: var(--color-blue-key);
}

.l-background--bg-darkblue {
  --_background-color-bg: var(--color-blue-700);
}

.l-background--bg-grad-blue {
  --_background-bg: var(--grad-blue-mix-right);
}

.l-background--bg-light-green {
  --_background-color-bg: var(--color-green-100);
}

.l-background--bg-deep-green {
  --_background-color-bg: var(--color-green-600);
}

.l-background--bg-dark-green {
  --_background-color-bg: var(--color-green-700);
}

.l-background--bg-orange {
  --_background-color-bg: var(--color-orange-600-80);
}

.l-background--justify-start {
  justify-self: start;
}

.l-background--justify-end {
  justify-self: end;
}

.l-background--align-start {
  align-self: start;
}

.l-background--align-end {
  align-self: end;
}

.l-background--image-cover {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-background--image-cover {
    height: 100%;
  }
}
.l-background--image-cover .bg-image {
  place-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: calc(100% + 1px);
}
.l-background--image-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: calc(-50% - 1px);
  translate: 0 50%;
}
@media screen and (max-width: 767px) {
  .l-background--image-cover img {
    aspect-ratio: var(--_background-w-sp)/var(--_background-h-sp);
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-background--image-cover img {
    aspect-ratio: var(--_background-w-pc)/var(--_background-h-pc);
  }
}

.l-background__content {
  position: relative;
  width: auto;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.l-background__box {
  width: 100%;
  block-size: 100%;
}

[class*=l-background__box-slash] {
  background-color: var(--_background-color, var(--color-gray-200-35));
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease;
}

.l-background__box-slash-r {
  clip-path: polygon(0 0, 100% 0, calc(100% - 110 * var(--vunit)) 100%, 0 100%);
}

@media print, screen and (min-width: 767.1px) {
  .l-background__box-slash-r--pc {
    clip-path: polygon(0 0, 100% 0, calc(100% - 110 * var(--vunit)) 100%, 0 100%);
  }
}

.l-background__box-slash-l {
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(110 * var(--vunit)) 100%);
}

@media print, screen and (min-width: 767.1px) {
  .l-background__box-slash-l--pc {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(110 * var(--vunit)) 100%);
  }
}

.l-background__bg-fill-diag {
  grid-area: 1/1/-1/-1;
  justify-self: end;
  background-color: var(--_background-color, var(--color-yellow-key));
}
@media screen and (max-width: 767px) {
  .l-background__bg-fill-diag {
    width: 100%;
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 60% 100%);
    height: 100%;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-background__bg-fill-diag {
    width: 43.75dvi;
    clip-path: polygon(calc(160 * var(--vunit)) 0, 100% 0, 100% 100%, 0 100%);
    height: 100%;
  }
}

[class*=c-title--] {
  font-weight: var(--fw-bold);
  width: -moz-fit-content;
  width: fit-content;
}
[class*=c-title--] strong {
  color: var(--_title-col-strong, var(--color-red-700));
  font-weight: var(--fw-bold);
}

.c-title--14 {
  font-size: calc(14 * var(--vunit));
  line-height: 1.7142857143;
  letter-spacing: 0rem;
}

.c-title--xxs {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-title--xxs {
    font-size: calc(14 * var(--vunit));
    line-height: 1.7142857143;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--xxs {
    font-size: calc(14 * var(--vunit));
    line-height: 1.7142857143;
  }
}

.c-title--xs {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-title--xs {
    font-size: calc(16 * var(--vunit));
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--xs {
    font-size: calc(16 * var(--vunit));
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .c-title--s {
    font-size: calc(18 * var(--vunit));
    line-height: 1.8888888889;
    letter-spacing: 0.08rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--s {
    font-size: calc(24 * var(--vunit));
    line-height: 1.6;
    letter-spacing: 0.15rem;
  }
}

.c-title--m {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-title--m {
    font-size: calc(20 * var(--vunit));
    line-height: 2;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--m {
    font-size: calc(30 * var(--vunit));
    line-height: 2;
  }
}

.c-title--l {
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .c-title--l {
    font-size: calc(26 * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.5384615385;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--l {
    font-size: calc(40 * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.5;
  }
}

.c-title--ll {
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .c-title--ll {
    font-size: calc(28 * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.7857142857;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--ll {
    font-size: calc(50 * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.4;
  }
}

.c-title--14 {
  font-size: calc(14 * var(--vunit));
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}

.c-title--16 {
  font-size: calc(16 * var(--vunit));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0rem;
}

.c-title--22 {
  font-size: calc(22 * var(--vunit));
  font-weight: var(--fw-midium);
  line-height: 1.2727272727;
  letter-spacing: 0rem;
}

@media screen and (max-width: 767px) {
  .c-title--36 {
    font-size: calc(27 * var(--rrate) * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.7777777778;
    letter-spacing: -0.01rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-title--36 {
    font-size: calc(36 * var(--vunit));
    font-weight: var(--fw-black);
    line-height: 1.6111111111;
    letter-spacing: -0.01rem;
  }
}

.c-title--left {
  text-align: start;
  justify-self: start;
  margin-inline: 0 auto;
}

@media print, screen and (min-width: 767.1px) {
  .c-title--left-pc {
    text-align: start;
    justify-self: start;
    margin-inline: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .c-title--left-sp {
    text-align: start;
    justify-self: start;
    margin-inline: 0 auto;
  }
}

.c-title--center {
  text-align: center;
  justify-self: center;
  margin-inline: auto;
}

@media print, screen and (min-width: 767.1px) {
  .c-title--center-pc {
    text-align: center;
    justify-self: center;
    margin-inline: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-title--center-sp {
    text-align: center;
    justify-self: center;
    margin-inline: auto;
  }
}

.c-title--right {
  text-align: end;
  justify-self: end;
  margin-inline: auto 0;
}

@media print, screen and (min-width: 767.1px) {
  .c-title--right-pc {
    text-align: end;
    justify-self: end;
    margin-inline: auto 0;
  }
}

@media screen and (max-width: 767px) {
  .c-title--right-sp {
    text-align: end;
    justify-self: end;
    margin-inline: auto 0;
  }
}

[class*=c-text--] {
  font-weight: var(--_text-font-weight, var(--fw-regular));
  width: -moz-fit-content;
  width: fit-content;
}
[class*=c-text--] strong {
  color: var(--_text-col-strong, var(--color-blue-800));
  font-weight: var(--fw-bold);
}

.c-text--xs {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}

.c-text--14 {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}

.c-text--s {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--s {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--s {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

.c-text--m-18 {
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  .c-text--m-18 {
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    line-height: 1.875;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--m-18 {
    font-size: 1.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.8;
  }
}

.c-text--m-36 {
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .c-text--m-36 {
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--m-36 {
    font-size: 2rem;
    line-height: 1.8;
  }
}

.c-text--l {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--l {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--l {
    font-size: 2rem;
    line-height: 1.75;
  }
}

.c-text--ll {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--ll {
    font-size: 2.6rem;
    line-height: 1.5384615385;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--ll {
    font-size: 4.4rem;
    line-height: 1.3636363636;
  }
}

.c-text--lll {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--lll {
    font-size: 6rem;
    line-height: 0.8;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--lll {
    font-size: 5.4rem;
    line-height: 1.1111111111;
  }
}

.c-text--list {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--list {
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.4285714286;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--list {
    font-size: 2.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.4583333333;
  }
}

.c-text--list-s {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--list-s {
    font-size: 1rem;
    font-weight: var(--fw-medium);
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--list-s {
    font-size: 1.4rem;
    font-weight: var(--fw-medium);
    line-height: 1.4285714286;
  }
}

.c-text--btn-m {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--btn-m {
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.4285714286;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--btn-m {
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 1.45;
  }
}

.c-text--btn-l {
  letter-spacing: 0.72rem;
}
@media screen and (max-width: 767px) {
  .c-text--btn-l {
    font-size: 2.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.4545454545;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--btn-l {
    font-size: 4rem;
    font-weight: var(--fw-bold);
    line-height: 1.45;
  }
}

.c-text--14 {
  letter-spacing: 0rem;
}
@media print, screen and (min-width: 767.1px) {
  .c-text--14 {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

@media screen and (max-width: 767px) {
  .c-text--24 {
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: 0rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--24 {
    font-size: 2.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.3333333333;
    letter-spacing: 0rem;
  }
}

.c-text--note {
  font-weight: var(--fw-regular);
  color: var(--color-gray-800);
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--note {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--note {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}

.c-text--note16 {
  font-weight: var(--fw-regular);
  color: var(--color-gray-800);
  font-size: 1.6rem;
  line-height: 1.5625;
  letter-spacing: 0rem;
}

.c-text--note14 {
  font-weight: var(--fw-regular);
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-text--note14 {
    font-size: 1.3rem;
    line-height: 1.9230769231;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-text--note14 {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}

.c-text--note14-70 {
  font-weight: var(--fw-regular);
  color: var(--color-gray-800);
  font-size: 1.4rem;
  line-height: 1.7857142857;
  letter-spacing: 0rem;
}

.c-text--left {
  text-align: start;
  justify-self: start;
  margin-inline: 0 auto;
}

@media print, screen and (min-width: 767.1px) {
  .c-text--left-pc {
    text-align: start;
    justify-self: start;
    margin-inline: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .c-text--left-sp {
    text-align: start;
    justify-self: start;
    margin-inline: 0 auto;
  }
}

.c-text--center {
  text-align: center;
  justify-self: center;
  margin-inline: auto;
}

@media print, screen and (min-width: 767.1px) {
  .c-text--center-pc {
    text-align: center;
    justify-self: center;
    margin-inline: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-text--center-sp {
    text-align: center;
    justify-self: center;
    margin-inline: auto;
  }
}

.c-text--right {
  text-align: end;
  justify-self: end;
  margin-inline: auto 0;
}

@media print, screen and (min-width: 767.1px) {
  .c-text--right-pc {
    text-align: end;
    justify-self: end;
    margin-inline: auto 0;
  }
}

@media screen and (max-width: 767px) {
  .c-text--right-sp {
    text-align: end;
    justify-self: end;
    margin-inline: auto 0;
  }
}

.c-lead,
[class*=c-lead--] {
  position: relative;
  display: block;
  width: 100%;
  font-weight: var(--fw-regular);
}
.c-lead p + p,
[class*=c-lead--] p + p {
  margin-top: calc(19 * var(--vunit));
}

.c-lead--w-regular {
  font-weight: var(--fw-regular);
}

.c-heading,
[class*=c-heading--] {
  display: block grid;
}

.c-heading--dog-hand {
  margin-inline: 0 auto;
  gap: calc(11 * var(--vunit));
  color: var(--color-font-b);
  align-items: center;
  grid-template-columns: auto 1fr;
}
.c-heading--dog-hand:before {
  content: "";
  display: block grid;
  position: relative;
  inset: 0;
  width: calc(24 * var(--vunit));
  aspect-ratio: 24/25;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--_icon-col, var(--color-green-400));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-image: var(--icon-circle-dog-hand);
          mask-image: var(--icon-circle-dog-hand);
}
.c-heading--dog-hand .title,
.c-heading--dog-hand .sec-title {
  display: block flex;
  flex-direction: column;
  gap: calc(4 * var(--vunit));
  color: var(--color-font-b);
  letter-spacing: 0rem;
  font-weight: var(--fw-regular);
}
@media screen and (max-width: 767px) {
  .c-heading--dog-hand .title,
  .c-heading--dog-hand .sec-title {
    font-size: calc(16 * var(--vunit));
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-heading--dog-hand .title,
  .c-heading--dog-hand .sec-title {
    font-size: calc(22 * var(--vunit));
    line-height: 1.2727272727;
  }
}
.c-heading--dog-hand .title .sub,
.c-heading--dog-hand .sec-title .sub {
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .c-heading--dog-hand .title .sub,
  .c-heading--dog-hand .sec-title .sub {
    font-size: 1.1rem;
    line-height: 1.4545454545;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-heading--dog-hand .title .sub,
  .c-heading--dog-hand .sec-title .sub {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.c-heading--dog-hand.c-heading--s .title,
.c-heading--dog-hand.c-heading--s .sec-title {
  font-size: calc(16 * var(--vunit));
  line-height: 1.5;
  letter-spacing: 0rem;
}

.c-heading--icon {
  margin-inline: 0 auto;
  gap: calc(8 * var(--vunit));
  color: var(--color-font-b);
  align-items: center;
  grid-template-columns: auto 1fr;
}
.c-heading--icon .title,
.c-heading--icon .sec-title {
  color: var(--color-font-b);
}

.c-heading--icon.c-heading--m .title,
.c-heading--icon.c-heading--m .sec-title {
  font-size: calc(16 * var(--vunit));
  line-height: 1.5;
  letter-spacing: 0rem;
}
.c-text-dec-box,
[class*=c-text-dec-box--] {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  width: 100%;
  text-align: left;
  padding: calc(15 * var(--vunit)) calc(14 * var(--vunit));
  color: var(--_text-box-color-font, var(--color-font-w));
  background-color: var(--_text-box-color-bg, var(--color-gray-100));
}

.c-text-dec-box--gray {
  --_text-box-color-font: var(--color-font-b);
  --_text-box-bg-color: var(--color-gray-100);
}

.c-text-dec-box--gold {
  --_text-box-bg-color: var(--color-yellow-500);
}

.c-btn-text-more {
  display: block grid;
  grid-template-columns: auto auto;
  align-items: center;
  position: relative;
  color: var(--color-green-500);
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  line-height: 1.3333333333;
  letter-spacing: 0rem;
}
.c-btn-text-more:focus-visible:after {
  translate: calc(2 * var(--vunit));
}
@media (any-hover: hover) {
  .c-btn-text-more:hover:after {
    translate: calc(2 * var(--vunit));
  }
}
@media screen and (max-width: 767px) {
  .c-btn-text-more {
    color: transparent;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-btn-text-more {
    width: 100%;
    height: 100%;
  }
}
.c-btn-text-more:after {
  display: block;
  content: "";
  margin-left: calc(11 * var(--vunit));
  width: calc(8 * var(--vunit));
  height: calc(12 * var(--vunit));
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: var(--color-green-500);
  pointer-events: none;
  transform: translateZ(0);
  transition: translate 0.3s ease, scale 0.3s ease;
}

.c-btn-list {
  display: block grid;
  justify-content: center;
  gap: calc(21 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .c-btn-list {
    grid-auto-flow: row;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-btn-list {
    grid-auto-flow: column;
  }
}

.c-btn {
  transform: translateZ(0);
  display: inline grid;
  align-items: center;
  position: relative;
  overflow: clip;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, background-position 1.4s, border 0.3s, translate 0.3s, filter 0.3s;
  transition-timing-function: ease;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: calc(var(--_btn-width, 260) * var(--vunit));
  min-height: calc(var(--_btn-height, 40) * var(--vunit));
  padding-inline: calc(var(--_btn-padding, 30) * var(--vunit));
  padding-block: calc(9 * var(--vunit));
  color: var(--_btn-col-font, var(--_btn-default-col-font));
  border-radius: var(--infinity);
  border: calc(1 * var(--vunit)) solid var(--_btn-col-border, var(--_btn-default-col-bg));
  letter-spacing: calc(var(--_btn-ls, 0) * 0.02rem);
}
@media screen and (max-width: 767px) {
  .c-btn {
    --_btn-width: var(--_btn-width-sp);
    --_btn-height: var(--_btn-height-sp);
  }
}
.c-btn > .text {
  display: inline grid;
  justify-content: center;
}

.c-btn[class*=c-btn--grad] > .bg {
  background: var(--_btn-default-col-bg, var(--grad-orange-right));
  background-size: 200% 100%;
  transition: color, opacity, width, background-position;
  transition-timing-function: var(--ease-default);
  transition-duration: 0.5s;
}
.c-btn[class*=c-btn--grad] > .bg:before {
  content: "";
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--_btn-hover-col-bg);
  transition: opacity 0.3s ease;
}

:where(a, button).c-btn {
  cursor: pointer;
}

.c-btn > .bg {
  z-index: -1;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: var(--_btn-col-bg, var(--_btn-default-col-bg));
  transition: color 0.3s ease, opacity 0.3s ease, width 0.3s ease, background-color 0.3s ease;
}

.c-btn:has([class*=c-icon]) > .text {
  position: relative;
  display: inline flex;
  align-items: center;
  gap: calc(12 * var(--vunit));
}
.c-btn:has([class*=c-icon]) > [class*=c-icon] {
  --_iw-pc: var(--_btn-icon-width, 14 );
  --_ih-pc: var(--_btn-icon-height, 13 );
  position: absolute;
  right: var(--_btn-icon-right, calc(20 * var(--vunit)));
  transition: scale 0.3s ease, translate 0.3s ease;
  pointer-events: none;
}
.c-btn:has([class*=c-icon]) .c-icon--arrow-left,
.c-btn:has([class*=c-icon]) .icon-left {
  right: unset;
  left: var(--_btn-icon-right, calc(20 * var(--vunit)));
}

.c-btn--box {
  border-radius: unset;
}

.c-btn--corner {
  border-radius: calc(8 * var(--vunit));
}

.c-btn--corner8 {
  border-radius: calc(8 * var(--vunit));
}

.c-btn--corner10 {
  border-radius: calc(10 * var(--vunit));
}

.c-btn--rounded {
  border-radius: var(--infinity);
}

.c-btn.c-btn--register:not(.is-scroll-active) {
  --_btn-default-col-font: var(--color-font-b);
  --_btn-default-col-bg: var(--color-white);
  --_icon-col: currentColor;
  --_btn-default-col-border: var(--color-white);
  --_btn-hover-col-font: var(--color-font-w);
  --_btn-hover-col-bg: transparent;
  --_btn-hover-col-border: var(--color-white);
}
.c-btn.c-btn--register.is-scroll-active {
  --_btn-default-col-bg: var( --color-green-500);
  --_btn-default-col-font: var( --color-font-w );
  --_btn-default-col-border: var( --color-green-500 );
  --_btn-hover-col-font: var(--color-green-500 );
  --_btn-hover-col-bg: var(--color-white);
  --_btn-hover-col-border: var(--color-green-500 );
}
.c-btn.c-btn--white {
  --_btn-default-col-font: var(--color-font-b);
  --_btn-default-col-bg: var(--color-white);
  --_icon-col: currentColor;
  --_btn-default-col-border: var(--color-white);
  --_btn-hover-col-font: var(--color-font-w);
  --_btn-hover-col-bg: transparent;
  --_btn-hover-col-border: var(--color-white);
}
.c-btn.c-btn--green {
  --_btn-default-col-font: var(--color-white);
  --_btn-default-col-bg: var(--color-green-500);
  --_icon-col: currentColor;
  --_btn-hover-col-font: var(--color-white);
  --_btn-hover-col-bg: color-mix( in srgb, var(--color-green-500) 90%, var(--color-white));
}
.c-btn.c-btn--border-white {
  --_btn-default-col-font: var(--color-white);
  --_btn-default-col-bg: transparent;
  --_icon-col: currentColor;
  --_btn-hover-col-font: var(--color-font-b);
  --_btn-hover-col-bg: var(--color-white);
  --_btn-default-col-border: var(--color-white);
  --_btn-hover-col-border: var(--color-white);
}
.c-btn.c-btn--border-gray {
  --_btn-default-col-font: var(--color-green-500);
  --_btn-default-col-bg: var(--color-white);
  --_icon-col: currentColor;
  --_btn-hover-col-font: var(--color-font-w);
  --_btn-hover-col-bg: var(--color-green-500);
  --_btn-col-border: var(--color-gray-400);
  --_btn-default-col-border: var(--color-gray-400);
}
.c-btn.c-btn--grad-orange {
  --_btn-default-col-font: var(--color-font-w);
  --_btn-default-col-bg: var(--grad-orange-right);
  --_btn-hover-col-bg: var(--color-orange-700);
}
.c-btn.c-btn--grad-green {
  --_btn-default-col-font: var(--color-font-w);
  --_btn-default-col-bg: var(--grad-green-right);
  --_btn-hover-col-bg: var(--color-green-700);
}

.c-btn.c-btn--header {
  --_btn-width: 100;
  --_btn-height: 40;
  --_btn-padding: 10;
  text-align: center;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
}
.c-btn.c-btn--sp-menu {
  --_btn-width: 152;
  --_btn-height: 40;
  --_btn-padding: 10;
  text-align: center;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
}
.c-btn.c-btn--m {
  --_btn-width: 100;
  --_btn-height: 40;
  --_btn-padding: 10;
  text-align: center;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
}
.c-btn.c-btn--l {
  --_btn-width: 100;
  --_btn-height: 52;
  padding-block: calc(16 * var(--vunit));
  padding-inline: calc(24 * var(--vunit));
  text-align: center;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  .c-btn.c-btn--wide-m {
    --_btn-width: 320;
    --_btn-height: 20;
    --_btn-icon-right: calc(16 * var(--vunit));
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 2;
  }
  .c-btn.c-btn--wide-m .text {
    top: calc(-1 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-btn.c-btn--wide-m {
    --_btn-width: 328;
    --_btn-height: 20;
    --_btn-icon-right: calc(20 * var(--vunit));
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.4285714286;
  }
}
@media screen and (max-width: 767px) {
  .c-btn.c-btn--wide-l {
    --_btn-width: 320;
    --_btn-height: 40;
    --_btn-icon-right: calc(16 * var(--vunit));
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 2;
  }
  .c-btn.c-btn--wide-l .text {
    top: calc(-1 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-btn.c-btn--wide-l {
    --_btn-width: 372;
    --_btn-height: 40;
    --_btn-icon-right: calc(20 * var(--vunit));
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.4285714286;
  }
}
.c-btn.c-btn--full {
  min-width: unset;
  width: 100%;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
}

.c-btn.c-btn-effect--shiny > .bg:after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--grad-shiny-white);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  transition: 100ms;
  animation: shinyshiny 3s infinite;
}
.c-btn.c-btn-effect--shiny-lightgray > .bg:after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--grad-shiny-lightgray);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  transition: 300ms;
  animation: shinyshiny 3.5s infinite;
}

@keyframes shinyshiny {
  0% {
    opacity: 0;
    background-position: 200% 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    background-position: -100% 0;
    opacity: 0;
  }
}
.c-btn:not([class*=c-btn--grad]).is-hover {
  --_btn-col-font: var(--_btn-hover-col-font, var(--color-font-w) );
  --_btn-col-bg: var(--_btn-hover-col-bg, var(--color-orange-700) );
}

:where(a, button).c-btn:not([class*=c-btn--grad]):focus-visible {
  --_btn-col-font: var(--_btn-hover-col-font, var(--color-font-w) );
  --_btn-col-bg: var(--_btn-hover-col-bg, var(--color-orange-700) );
  --_btn-col-border: var(--_btn-hover-col-border, var(--color-white) );
}
@media (any-hover: hover) {
  :where(a, button).c-btn:not([class*=c-btn--grad]):hover {
    --_btn-col-font: var(--_btn-hover-col-font, var(--color-font-w) );
    --_btn-col-bg: var(--_btn-hover-col-bg, var(--color-orange-700) );
    --_btn-col-border: var(--_btn-hover-col-border, var(--color-white) );
  }
}

:where(a, button).c-btn[class*=c-btn--grad]:focus-visible > .bg {
  background-position: 100% 0;
}
:where(a, button).c-btn[class*=c-btn--grad]:focus-visible > .bg:before {
  opacity: 1;
}
@media (any-hover: hover) {
  :where(a, button).c-btn[class*=c-btn--grad]:hover > .bg {
    background-position: 100% 0;
  }
  :where(a, button).c-btn[class*=c-btn--grad]:hover > .bg:before {
    opacity: 1;
  }
}

.c-btn[class*=c-btn--grad].is-hover > .bg:before {
  opacity: 1;
}

:where(a, button).c-btn:has([class*=c-icon]):focus-visible .c-icon--angle-arrow-down {
  translate: 0 calc(2 * var(--vunit));
}
:where(a, button).c-btn:has([class*=c-icon]):focus-visible .c-icon--arrow-right {
  translate: calc(2 * var(--vunit));
}
:where(a, button).c-btn:has([class*=c-icon]):focus-visible .c-icon--circle-arrow-down {
  translate: 0 calc(2 * var(--vunit));
}
:where(a, button).c-btn:has([class*=c-icon]):focus-visible .c-icon--circle-arrow-right {
  translate: calc(2 * var(--vunit));
}
:where(a, button).c-btn:has([class*=c-icon]):focus-visible .c-icon--arrow-left {
  translate: calc(-2 * var(--vunit));
}
@media (any-hover: hover) {
  :where(a, button).c-btn:has([class*=c-icon]):hover .c-icon--angle-arrow-down {
    translate: 0 calc(2 * var(--vunit));
  }
  :where(a, button).c-btn:has([class*=c-icon]):hover .c-icon--arrow-right {
    translate: calc(2 * var(--vunit));
  }
  :where(a, button).c-btn:has([class*=c-icon]):hover .c-icon--circle-arrow-down {
    translate: 0 calc(2 * var(--vunit));
  }
  :where(a, button).c-btn:has([class*=c-icon]):hover .c-icon--circle-arrow-right {
    translate: calc(2 * var(--vunit));
  }
  :where(a, button).c-btn:has([class*=c-icon]):hover .c-icon--arrow-left {
    translate: calc(-2 * var(--vunit));
  }
}

.c-btn:has([class*=c-icon]).is-hover .c-icon--angle-arrow-down {
  translate: 0 calc(2 * var(--vunit));
}
.c-btn:has([class*=c-icon]).is-hover .c-icon--arrow-right {
  translate: calc(2 * var(--vunit));
}
.c-btn:has([class*=c-icon]).is-hover .c-icon--circle-arrow-down {
  translate: 0 calc(2 * var(--vunit));
}
.c-btn:has([class*=c-icon]).is-hover .c-icon--circle-arrow-right {
  translate: calc(2 * var(--vunit));
}
.c-btn:has([class*=c-icon]).is-hover .c-icon--arrow-left {
  translate: calc(-2 * var(--vunit));
}

.c-btn-rounded-login {
  display: inline grid;
  min-width: calc(var(--_btn-width, 100) * var(--vunit));
  min-height: calc(var(--_btn-height, 40) * var(--vunit));
}

.c-btn-rounded-login a {
  display: inline grid;
  align-items: center;
  position: relative;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, background-position 1.4s, translate 0.3s, filter 0.3s;
  transition-timing-function: var(--ease-default);
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: calc(var(--_btn-width, 100) * var(--vunit));
  min-height: calc(var(--_btn-height, 40) * var(--vunit));
  text-align: center;
  color: var(--_btn-col-font, var(--_btn-default-col-font));
  border: calc(1 * var(--vunit)) solid var(--_btn-col-border, var(--_btn-default-col-border));
  background-color: var(--_btn-col-bg, var(--_btn-default-col-bg));
  border-radius: var(--infinity);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
  letter-spacing: calc(var(--_btn-ls, 0) * 0.02rem);
}
@media screen and (max-width: 767px) {
  .c-btn-rounded-login a {
    --_btn-width: var(--_btn-width-sp);
    --_btn-height: var(--_btn-height-sp);
  }
}
.c-btn-rounded-login a:focus-visible {
  --_btn-col-font: var(--_btn-hover-col-font,var(--color-font-b));
  --_btn-col-bg: var(--_btn-hover-col-bg,var(--color-white));
  --_btn-col-border: var(--_btn-hover-col-border,var(--color-white));
}
@media (any-hover: hover) {
  .c-btn-rounded-login a:hover {
    --_btn-col-font: var(--_btn-hover-col-font,var(--color-font-b));
    --_btn-col-bg: var(--_btn-hover-col-bg,var(--color-white));
    --_btn-col-border: var(--_btn-hover-col-border,var(--color-white));
  }
}

.c-btn-rounded-login:not(.is-scroll-active) a {
  --_btn-default-col-bg: transparent;
  --_btn-default-col-font: var(--color-font-w);
  --_btn-default-col-border: var(--color-white);
}

.c-btn-rounded-login.is-scroll-active a {
  --_btn-default-col-bg: var( --color-white);
  --_btn-default-col-font: var( --color-gray-600 );
  --_btn-default-col-border: var( --color-gray-600 );
  --_btn-hover-col-font: var(--color-font-w);
  --_btn-hover-col-bg: var(--color-green-500);
  --_btn-hover-col-border: var(--color-green-500);
}

.c-btn-rounded-login.c-btn--sp-menu {
  --_btn-width: 152;
}

.c-btn-card-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.c-hamburger,
.c-hamburger--close {
  --_col: var(--color-gray-600);
  transition: opacity 0.3s;
}
@media screen and (max-width: 1080.9px) {
  .c-hamburger,
  .c-hamburger--close {
    justify-self: end;
    display: block grid;
    width: calc(32 * var(--vunit));
    aspect-ratio: 1/1;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (min-width: 1081px) {
  .c-hamburger,
  .c-hamburger--close {
    display: none;
  }
}
.c-hamburger:focus-visible,
.c-hamburger--close:focus-visible {
  opacity: 0.8;
}
@media (any-hover: hover) {
  .c-hamburger:hover,
  .c-hamburger--close:hover {
    opacity: 0.8;
  }
}

.c-hamburger__inner {
  display: block grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-flow: row;
  gap: calc(4 * var(--vunit));
  place-self: center;
  justify-items: center;
  align-items: center;
  width: calc(28 * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1080.9px) {
  .c-hamburger__inner {
    gap: calc(6 * var(--vunit));
  }
}

.c-hamburger__inner > span {
  background-color: var(--_col);
  height: calc(3 * var(--vunit));
  justify-self: end;
  transition: rotate 0.3s, opacity 0.3s, translate 0.3s, width 0.3s;
}
.c-hamburger__inner > span:nth-child(1) {
  width: calc(100% - 0 * var(--vunit));
}
.c-hamburger__inner > span:nth-child(2) {
  width: calc(100% - 10 * var(--vunit));
}
.c-hamburger__inner > span:nth-child(3) {
  width: calc(100% - 20 * var(--vunit));
}

.c-hamburger.is-open .c-hamburger__inner > span,
.c-hamburger--close .c-hamburger__inner > span {
  width: 100%;
}
.c-hamburger.is-open .c-hamburger__inner > span:nth-child(1),
.c-hamburger--close .c-hamburger__inner > span:nth-child(1) {
  rotate: 135deg;
  translate: 0 calc(9 * var(--vunit));
}
.c-hamburger.is-open .c-hamburger__inner > span:nth-child(2),
.c-hamburger--close .c-hamburger__inner > span:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is-open .c-hamburger__inner > span:nth-child(3),
.c-hamburger--close .c-hamburger__inner > span:nth-child(3) {
  rotate: 45deg;
  translate: 0 calc(-9 * var(--vunit));
}

.c-tag-list {
  display: block flex;
  flex-wrap: wrap;
  row-gap: calc(3 * var(--vunit));
  -moz-column-gap: calc(4 * var(--vunit));
       column-gap: calc(4 * var(--vunit));
}
.c-tag-list.c-tag-list--gap8 {
  -moz-column-gap: calc(8 * var(--vunit));
       column-gap: calc(8 * var(--vunit));
}

.c-tag {
  display: block grid;
  grid-auto-flow: column;
  -moz-column-gap: calc(4 * var(--vunit));
       column-gap: calc(4 * var(--vunit));
  align-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: calc(var(--_min-height-pc, 18) * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  white-space: nowrap;
  padding-inline: calc(var(--_padding-inline-pc, 8) * var(--vunit));
  color: var(--_color-font, var(--color-font-w));
  background-color: var(--_color-bg, var(--color-green-500));
  border-radius: var(--infinity);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0rem;
}
@media (scripting: none) {
  .c-tag {
    --_color-font: var(--color-font-b);
    --_color-bg: var(--color-white);
    box-shadow: 0 0 calc(40 * var(--vunit)) 0 var(--shadow02);
  }
}
.c-tag.is-select {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-orange-500);
}

.c-tag[class*=c-tag--grad] {
  background: var(--_color-bg, var(--grad-blue-right));
  background-size: 100% 100%;
}

.c-tag.c-tag--box {
  border-radius: 0;
}
.c-tag.c-tag--corner5 {
  border-radius: calc(5 * var(--vunit));
}
.c-tag.c-tag--corner6 {
  border-radius: calc(6 * var(--vunit));
}
.c-tag.c-tag--corner8 {
  border-radius: calc(8 * var(--vunit));
}
.c-tag.c-tag--corner10 {
  border-radius: calc(10 * var(--vunit));
}
.c-tag.c-tag--rounded {
  border-radius: var(--infinity);
}

.c-tag.c-tag--m {
  padding-block: calc(4 * var(--vunit));
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.c-tag.c-tag--m12 {
  padding-block: calc(7 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
  font-size: 1.2rem;
  line-height: 1.3333333333;
  letter-spacing: 0rem;
}
.c-tag.c-tag--m14 {
  padding-block: calc(6 * var(--vunit));
  padding-inline: calc(12 * var(--vunit));
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}

.c-tag--green {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-green-500);
}

.c-tag--border-green {
  --_color-font: var(--color-green-500);
  --_color-bg: var(--color-white);
  border: calc(1 * var(--vunit)) solid currentColor;
}

.c-tag--border-gray {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-white);
  border: calc(1 * var(--vunit)) solid var(--color-gray-600);
}

.c-tag--grad-blue-right {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--grad-blue-right);
}

.c-tag--grad-silver-down {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--grad-silver-down);
}

.c-tag--selectable {
  cursor: pointer;
}
.c-tag--selectable.is-select {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-green-500);
}
.c-tag--selectable:not(.is-select) {
  --_color-font: var(--color-font-b);
  --_color-bg: var(--color-gray-100);
}

.c-tag-list {
  display: block flex;
  flex-wrap: wrap;
  row-gap: calc(3 * var(--vunit));
  -moz-column-gap: calc(4 * var(--vunit));
       column-gap: calc(4 * var(--vunit));
}

.c-tag-rounded,
[class*=c-tag-rounded--] {
  display: block grid;
  align-content: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: calc(var(--_min-height-pc, 18) * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  white-space: nowrap;
  padding-inline: calc(var(--_padding-inline-pc, 8) * var(--vunit));
  color: var(--_color-font, var(--color-font-w));
  background-color: var(--_color-bg, var(--color-green-500));
  border-radius: var(--infinity);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0rem;
}
@media (scripting: none) {
  .c-tag-rounded,
  [class*=c-tag-rounded--] {
    --_color-font: var(--color-font-b);
    --_color-bg: var(--color-white);
    box-shadow: 0 0 calc(40 * var(--vunit)) 0 var(--shadow02);
  }
}
.c-tag-rounded.is-select,
[class*=c-tag-rounded--].is-select {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-orange-500);
}

.c-tag-rounded.c-tag--m {
  padding-block: calc(4 * var(--vunit));
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}

.c-tag-rounded--green {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-green-500);
}

.c-tag-rounded--border-green {
  --_color-font: var(--color-green-500);
  --_color-bg: var(--color-white);
  border: calc(1 * var(--vunit)) solid currentColor;
}

.c-tag-rounded--border-gray {
  --_color-font: var(--color-font-w);
  --_color-bg: var(--color-white);
  border: calc(1 * var(--vunit)) solid var(--color-gray-600);
}

.c-tag-rounded.c-tag--m,
[class*=c-tag-rounded--].c-tag--m {
  padding-block: calc(3 * var(--vunit));
}
.c-tag-new {
  display: block grid;
  align-content: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: calc(var(--_min-inline-pc, 60) * var(--vunit));
  min-height: calc(var(--_min-height-pc, 16) * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  padding-inline: calc(var(--_padding-inline-pc, 17) * var(--vunit));
  font-family: var(--font-Roboto);
  color: var(--_fcol, var(--color-font-w));
  background-color: var(--_bgcol, var(--color-orange-600));
  border-radius: calc(5 * var(--vunit));
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0rem;
}

.c-tag-rank,
[class*=c-tag-rank--] {
  display: block grid;
  align-content: center;
  position: relative;
  width: calc(23 * var(--vunit));
  height: calc(27 * var(--vunit));
  color: var(--_color-font, var(--color-font-w));
  background: var(--_color-bg, var(--grad-gold-down));
  border-top-left-radius: calc(5 * var(--vunit));
  border-top-right-radius: calc(5 * var(--vunit));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 5 * var(--vunit)), 0 100%);
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  letter-spacing: 0rem;
}
.c-tag-rank--no1 {
  --_color-bg: var(--grad-gold-down);
}

.c-tag-rank--no2 {
  --_color-bg: var(--grad-silver-down);
}

.c-tag-rank--no3 {
  --_color-bg: var(--grad-bronze-down);
}

.c-tag-rank--not-ranked {
  --_color-bg: var(--color-green-500);
}

.c-tab {
  display: block grid;
  width: 100%;
}

.c-tab--plan {
  padding-block: calc(10 * var(--vunit));
  border-top: calc(1 * var(--vunit)) solid var(--color-gray-400);
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.c-tab--plan[aria-selected=true] {
  background-color: var(--color-white);
}
.c-tab--plan[aria-selected=false] {
  background-color: var(--color-green-100);
}

.c-tab--plan + .c-tab--plan {
  border-left: calc(1 * var(--vunit)) solid var(--color-gray-400);
}

.c-img,
[class*=c-img--] {
  display: block flow;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.c-img {
  -o-object-fit: contain;
     object-fit: contain;
}

.c-img--cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.c-img--w100 {
  width: 100%;
}

.c-img--100 {
  width: 100%;
  height: 100%;
}

.c-img--sizing {
  aspect-ratio: calc(var(--_img-width-pc) * var(--vunit))/calc(var(--_img-height-pc) * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 767px) {
  .c-img--sizing {
    width: calc(var(--_img-width-sp, --_img-width-pc) * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-img--sizing {
    width: calc(var(--_img-width-pc) * var(--vunit));
  }
}

.c-pic,
[class*=c-pic--] {
  display: block grid;
}
.c-pic img,
[class*=c-pic--] img {
  transition: scale 0.3s;
}

.c-pic--clip img {
  --_object-fit: none;
  width: 100%;
  height: 100%;
  -o-object-position: var(--_object-position, 50%, 50%);
     object-position: var(--_object-position, 50%, 50%);
}

.c-pic--thumb {
  overflow: clip;
}
.c-pic--thumb img {
  transition: scale 0.3s ease;
}

.c-pic--full-cover {
  place-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 767.1px) {
  .c-pic--full-cover {
    height: 100%;
  }
}
.c-pic--full-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: -50%;
  translate: 0 50%;
}
@media screen and (max-width: 767px) {
  .c-pic--full-cover img {
    aspect-ratio: var(--_img-width-sp, var(--_img-width-pc))/var(--_img-height-sp, var(--_img-height-pc));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-pic--full-cover img {
    aspect-ratio: var(--_img-width-pc, 1)/var(--_img-height-pc, 1);
  }
}

.c-fig,
[class*=c-fig--] {
  display: block grid;
}
.c-fig img,
[class*=c-fig--] img {
  transition: scale 0.3s;
}

.c-fig--cover img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.c-fig--sizing {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  place-self: center;
  margin-inline: auto;
}
.c-fig--sizing img {
  width: 100%;
  aspect-ratio: var(--_img-width-pc)/var(--_img-height-pc);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 767px) {
  .c-fig--sizing img {
    max-width: calc(var(--_img-width-sp, var(--_img-width-pc)) * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-fig--sizing img {
    max-width: calc(var(--_img-width-pc) * var(--vunit));
  }
}

.c-fig--sizing-r {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  place-self: center;
  margin-inline: auto;
}
.c-fig--sizing-r img {
  width: 100%;
  aspect-ratio: var(--_img-width-pc)/var(--_img-height-pc);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 767px) {
  .c-fig--sizing-r img {
    --_width-sp: calc( var(--_img-width-pc) * var(--rrate) );
    max-width: calc(var(--_img-width-sp, var(--_width-sp)) * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-fig--sizing-r img {
    max-width: calc(var(--_img-width-pc) * var(--vunit));
  }
}

.c-fig--full-cover {
  place-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 767.1px) {
  .c-fig--full-cover {
    height: 100%;
  }
}
.c-fig--full-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: -50%;
  translate: 0 50%;
}
@media screen and (max-width: 767px) {
  .c-fig--full-cover img {
    aspect-ratio: var(--_img-width-sp, var(--_img-width-pc))/var(--_img-height-sp, var(--_img-height-pc));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-fig--full-cover img {
    aspect-ratio: var(--_img-width-pc, 1)/var(--_img-height-pc, 1);
  }
}

[class*=c-icon--] {
  transform: translateZ(0);
  backface-visibility: hidden;
  display: inline grid;
  position: relative;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, width 0.3s, min-width 0.3s, height 0.3s, min-height 0.3s, scale 0.3s;
  --_u-itx: calc( var(--_itx,0) * var(--vunit) );
  --_u-ity: calc( var(--_ity,0) * var(--vunit) );
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: calc(var(--_iw) * var(--vunit));
  aspect-ratio: var(--_iw)/var(--_ih);
  background-color: var(--_icon-col, currentColor);
  translate: var(--_u-itx) var(--_u-ity);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
@media screen and (max-width: 767px) {
  [class*=c-icon--] {
    --_iw: var(--_iw-sp,var(--_iw-pc));
    --_ih: var(--_ih-sp,var(--_ih-pc));
  }
}
@media print, screen and (min-width: 767.1px) {
  [class*=c-icon--] {
    --_iw: var(--_iw-pc);
    --_ih: var(--_ih-pc);
  }
}
[class*=c-icon--]::before, [class*=c-icon--]::after {
  transition: opacity 0.3s, color 0.3s, translate 0.3s, scale 0.3s;
  transform: translateZ(0);
  z-index: 0;
}

.c-icon--external {
  --_iw-pc: 13;
  --_ih-pc: 13;
  -webkit-mask-image: var(--icon-external);
          mask-image: var(--icon-external);
}

.c-icon--angle-arrow-up {
  --_iw-pc: 8;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  rotate: -90deg;
}

.c-icon--angle-arrow-right {
  --_iw-pc: 8;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
}

.c-icon--angle-arrow-left {
  --_iw-pc: 8;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  rotate: -180deg;
}

.c-icon--angle-arrow-bottom,
.c-icon--angle-arrow-down {
  --_iw-pc: 8;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  rotate: 90deg;
}

.c-icon--calendar {
  --_iw-pc: 18;
  --_ih-pc: 20;
  -webkit-mask-image: var(--icon-calendar);
          mask-image: var(--icon-calendar);
}

.c-icon--box-list {
  --_iw-pc: 14;
  --_ih-pc: 14;
  -webkit-mask-image: var(--icon-box-list);
          mask-image: var(--icon-box-list);
}

.c-icon--circle-dog-hand {
  --_iw-pc: 24;
  --_ih-pc: 26;
  -webkit-mask-image: var(--icon-circle-dog-hand);
          mask-image: var(--icon-circle-dog-hand);
}

.c-icon--dog-hand {
  --_iw-pc: 24;
  --_ih-pc: 24;
  -webkit-mask-image: var(--icon-dog-hand);
          mask-image: var(--icon-dog-hand);
}

.c-icon--dog-hand-s {
  --_iw-pc: 18;
  --_ih-pc: 18;
  -webkit-mask-image: var(--icon-dog-hand);
          mask-image: var(--icon-dog-hand);
}

.c-icon--hamburger {
  --_iw-pc: 19;
  --_ih-pc: 13;
  -webkit-mask-image: var(--icon-hamburger);
          mask-image: var(--icon-hamburger);
}

.c-icon--heart {
  --_iw-pc: 21;
  --_ih-pc: 19;
  -webkit-mask-image: var(--icon-heart);
          mask-image: var(--icon-heart);
}

.c-icon--loupe {
  --_iw-pc: 18;
  --_ih-pc: 18;
  -webkit-mask-image: var(--icon-loupe);
          mask-image: var(--icon-loupe);
}

.c-icon--narrow-down {
  --_iw-pc: 14;
  --_ih-pc: 14;
  -webkit-mask-image: var(--icon-narrow-down);
          mask-image: var(--icon-narrow-down);
}

.c-icon--pen {
  --_iw-pc: 18;
  --_ih-pc: 18;
  -webkit-mask-image: var(--icon-pen);
          mask-image: var(--icon-pen);
}

.c-icon--people {
  --_iw-pc: 16;
  --_ih-pc: 16;
  -webkit-mask-image: var(--icon-people);
          mask-image: var(--icon-people);
}

.c-icon--smartphone {
  --_iw-pc: 55;
  --_ih-pc: 69;
  --_icon-col: var(--color-gray-600);
  -webkit-mask-image: var(--icon-smartphone);
          mask-image: var(--icon-smartphone);
}

.c-icon--star-rating {
  --_iw-pc: 12;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-star-rating);
          mask-image: var(--icon-star-rating);
}

.c-icon--star-w {
  --_iw-pc: 12;
  --_ih-pc: 12;
  --_icon-col: var(--color-white);
  -webkit-mask-image: var(--icon-star-rating);
          mask-image: var(--icon-star-rating);
}

.c-icon--star {
  --_iw-pc: 20;
  --_ih-pc: 19;
  -webkit-mask-image: var(--icon-star-rating);
          mask-image: var(--icon-star-rating);
}

.c-icon--star-b {
  --_iw-pc: 20;
  --_ih-pc: 19;
  --_icon-col: var(--color-gray-600);
  -webkit-mask-image: var(--icon-star-rating);
          mask-image: var(--icon-star-rating);
}

.c-icon--clock {
  --_iw-pc: 21;
  --_ih-pc: 21;
  -webkit-mask-image: var(--icon-clock);
          mask-image: var(--icon-clock);
}

.c-icon--medal {
  --_iw-pc: 8;
  --_ih-pc: 16;
  -webkit-mask-image: var(--icon-medal);
          mask-image: var(--icon-medal);
}

.c-icon--medal-r4 {
  --_iw-pc: 8;
  --_ih-pc: 16;
  margin-inline: 0 calc(4 * var(--vunit));
  -webkit-mask-image: var(--icon-medal);
          mask-image: var(--icon-medal);
}

[class*=c-icon-img--] {
  transform: translateZ(0);
  display: inline flow-root;
  position: relative;
  transition: opacity 0.3s, box-shadow 0.3s, translate 0.3s;
  --_itx: 0;
  --_ity: 0;
  --_u-itx: calc( var(--_itx) * var(--vunit) );
  --_u-ity: calc( var(--_ity) * var(--vunit) );
  width: calc(var(--_iw) * var(--vunit));
  height: calc(var(--_ih) * var(--vunit));
  min-width: calc(var(--_iw) * var(--vunit));
  aspect-ratio: var(--_iw)/var(--_ih);
  translate: var(--_u-itx) var(--_u-ity);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  [class*=c-icon-img--] {
    --_iw: var(--_iw-sp,var(--_iw-pc,0));
    --_ih: var(--_ih-sp,var(--_ih-pc,0));
  }
}
@media print, screen and (min-width: 767.1px) {
  [class*=c-icon-img--] {
    --_iw: var(--_iw-pc,0);
    --_ih: var(--_ih-pc,0);
  }
}

.c-icon-img--plus {
  --_iw-pc: 12;
  --_ih-pc: 12;
  display: inline grid;
  background-color: transparent;
  position: relative;
}
.c-icon-img--plus::before, .c-icon-img--plus::after {
  content: "";
  position: absolute;
  background-color: var(--color-green-500);
  border-radius: 1px;
  left: 50%;
  width: calc(2 * var(--vunit));
  height: calc(12 * var(--vunit));
  translate: -50%;
}
.c-icon-img--plus::after {
  rotate: 90deg;
}

[class*=c-logo--] {
  display: inline flow-root;
  position: relative;
  transition: opacity 0.3s, translate 0.3s;
  width: 100%;
  max-width: calc(var(--_iw) * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: var(--_iw-pc)/var(--_ih-pc);
}
@media screen and (max-width: 767px) {
  [class*=c-logo--] {
    --_iw: var(--_iw-sp, calc(var(--_iw-pc) * var(--rrate)));
  }
}
@media print, screen and (min-width: 767.1px) {
  [class*=c-logo--] {
    --_iw: var(--_iw-pc,0);
    --_ih: var(--_ih-pc,0);
  }
}

.c-logo--inuyado-header {
  --_iw-pc: 145;
  --_ih-pc: 40;
  --_iw-sp: 145;
}

.c-logo--inuyado-w {
  --_iw-pc: 135;
  --_ih-pc: 40;
  --_iw-sp: 145;
}

.c-logo--inuyado-468 {
  --_iw-pc: 468;
  --_ih-pc: 59;
}
@media screen and (max-width: 767px) {
  .c-logo--inuyado-468 {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.c-banner,
[class*=c-banner--] {
  display: block grid;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  transform: translateZ(0);
}
.c-banner .c-fig,
.c-banner .c-pic,
.c-banner .img,
[class*=c-banner--] .c-fig,
[class*=c-banner--] .c-pic,
[class*=c-banner--] .img {
  overflow: clip;
}
.c-banner img,
[class*=c-banner--] img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease, scale 0.5s ease;
}
.c-banner:focus-visible,
[class*=c-banner--]:focus-visible {
  opacity: var(--btn-hover-opacity, 0.8);
}
.c-banner:focus-visible img,
[class*=c-banner--]:focus-visible img {
  scale: var(--card-hover-scale);
}
@media (any-hover: hover) {
  .c-banner:hover,
  [class*=c-banner--]:hover {
    opacity: var(--btn-hover-opacity, 0.8);
  }
  .c-banner:hover img,
  [class*=c-banner--]:hover img {
    scale: var(--card-hover-scale);
  }
}

.c-banner--1200 {
  max-width: calc(1200 * var(--vunit));
}

.c-banner--s {
  --_banner-width: calc( 182 * var(--vunit) );
  aspect-ratio: 182/66;
  filter: var(--banner-s-shadow);
}

.c-banner--m {
  --_banner-width: calc( 363 * var(--vunit) );
  aspect-ratio: 363/91;
  filter: var(--banner-s-shadow2);
}
.c-banner--m .img {
  border-radius: calc(8 * var(--vunit));
}

.c-banner--wide-m {
  filter: var(--banner-s-shadow);
}
@media screen and (max-width: 767px) {
  .c-banner--wide-m {
    --_banner-width: calc( 380 * var(--vunit) );
    aspect-ratio: 380/66;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-banner--wide-m {
    --_banner-width: calc( 1200 * var(--vunit) );
    aspect-ratio: 1200/84;
  }
}
.c-banner--wide-m .img {
  border-radius: calc(8 * var(--vunit));
}

.c-banner--r-0 .c-pic,
.c-banner--r-0 .c-fig,
.c-banner--r-0 .img {
  border-radius: 0;
}

.c-slider {
  overflow-x: auto;
  max-width: 100vw;
}
@media screen and (max-width: 767px) {
  .c-slider {
    margin-inline: calc(var(--_gutter) * -1);
    width: 100vw;
  }
}

.c-slider-full-width {
  overflow-x: auto;
  max-width: 100vw;
}
@media screen and (max-width: 767px) {
  .c-slider-full-width {
    margin-inline: calc(var(--_gutter) * -1);
    width: 100vw;
  }
}

.c-slider-content {
  --_slider-inner: 0;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .c-slider__inner {
    width: -moz-max-content;
    width: max-content;
    padding-inline: calc(var(--_slider-inner, 20) * var(--vunit));
  }
}

.c-list {
  display: block flex;
  flex-direction: column;
  row-gap: calc(var(--_list-gap) * var(--vunit));
}
@media screen and (max-width: 767px) {
  .c-list {
    --_list-gap: 9;
  }
}
.c-list > li {
  list-style-type: none;
}

.c-list--indent {
  padding: unset;
  margin: unset;
}
@media screen and (max-width: 767px) {
  .c-list--indent {
    --_list-gap: 9;
  }
}
.c-list--indent > li {
  padding: unset;
  margin: unset;
  list-style-type: none;
  padding-inline-start: var(--_padding, 2em);
  text-indent: calc(var(--_padding, 2em) * -1);
  margin-left: var(--_margin, 0em);
}
.c-list--check li {
  padding-inline-start: var(--_list-li-padding, 1.4em);
  text-indent: calc(var(--_list-li-padding, 1.4em) * -1);
  margin-left: var(--_list-li-margin, 0em);
}
.c-list--check li:before {
  content: "";
  display: inline flow-root;
  position: relative;
  width: calc(14 * var(--vunit));
  height: calc(11 * var(--vunit));
  background-size: 100%;
  background-image: url("/assets/img/common/icon/icon_check.svg");
}
@media screen and (max-width: 767px) {
  .c-list--check li:before {
    margin-right: calc(var(--_list-icon-check-gap, 8) * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list--check li:before {
    margin-right: calc(var(--_list-icon-check-gap, 15) * var(--vunit));
  }
}

.c-list--dot li {
  padding-inline-start: var(--_list-li-padding, 1.1em);
  text-indent: calc(var(--_list-li-padding, 1.1em) * -1);
  margin-left: var(--_list-li-margin, 0.1em);
}
.c-list--dot li:before {
  content: "";
  display: inline flow-root;
  position: relative;
  margin-right: calc(var(--_list-icon-check-gap, 12) * var(--vunit));
  top: 50%;
  translate: 50% -50%;
  width: calc(6 * var(--vunit));
  height: calc(6 * var(--vunit));
  background-color: var(--_list-li-dot-color, currentColor);
  border-radius: var(--infinity);
}

.c-list--dot-orange {
  --_list-li-dot-color: var(--color-orange-600);
}

.c-list-icon,
[class*=c-list-icon--] {
  display: block flex;
  flex-direction: column;
  row-gap: calc(var(--_list-gap, 13) * var(--vunit));
}
@media screen and (max-width: 767px) {
  .c-list-icon,
  [class*=c-list-icon--] {
    --_list-gap: 12;
  }
}
.c-list-icon > li,
[class*=c-list-icon--] > li {
  list-style-type: none;
  display: block grid;
  grid-template: "icon text" minmax(0, auto)/minmax(max-content, auto) 1fr;
}
@media screen and (max-width: 767px) {
  .c-list-icon > li,
  [class*=c-list-icon--] > li {
    gap: calc(var(--_list-icon-gap, 8) * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list-icon > li,
  [class*=c-list-icon--] > li {
    gap: calc(var(--_list-icon-gap, 11) * var(--vunit));
  }
}
.c-list-icon > li p,
[class*=c-list-icon--] > li p {
  font-weight: var(--fw-semibold);
}
.c-list-icon > li:before,
[class*=c-list-icon--] > li:before {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  content: "";
  grid-area: icon;
  display: block grid;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}

.c-list-link-icon,
[class*=c-list-link-icon--] {
  display: block flex;
  flex-direction: column;
}
.c-list-link-icon > li,
[class*=c-list-link-icon--] > li {
  list-style-type: none;
}
.c-list-link-icon a,
[class*=c-list-link-icon--] a {
  display: block flex;
  align-items: center;
  gap: calc(10 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .c-list-link-icon a,
  [class*=c-list-link-icon--] a {
    margin-block: calc(10 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list-link-icon a,
  [class*=c-list-link-icon--] a {
    margin-block: calc(18 * var(--vunit));
  }
}
.c-list-link-icon a span,
[class*=c-list-link-icon--] a span {
  min-width: calc(24 * var(--vunit));
}

/*
.c-list-link-icon--span {
  li{
    a{
      display: block flex;
      align-items: center;
      gap: vunit(10);
    }
    span{
      grid-area: icon;
      min-width: vunit(24);
    }
    &:before{
      content: none;
    }
  }
}
*/
.c-list-box-link {
  display: block;
  width: 100%;
}
.c-list-box-link > li {
  display: block;
  position: relative;
  width: 100%;
}
.c-list-box-link > li > a,
.c-list-box-link > li > details summary {
  display: block;
  position: relative;
  text-align: left;
  padding-block: calc(15 * var(--vunit)) calc(13 * var(--vunit));
  padding-inline: calc(16 * var(--vunit)) calc(48 * var(--vunit));
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  line-height: 1.4285714286;
  letter-spacing: 0rem;
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-200);
  transition: opacity 0.3s ease, translate 0.3s ease;
  transform: translateZ(1);
  cursor: pointer;
}
.c-list-box-link > li > a:after,
.c-list-box-link > li > details summary:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  translate: 0 -50%;
  right: calc(22 * var(--vunit));
  width: calc(8 * var(--vunit));
  height: calc(12 * var(--vunit));
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  background-color: var(--color-green-500);
  transition: opacity 0.3s ease, translate 0.3s ease, rotate 0.3s ease;
  transform: translateZ(1);
}
.c-list-box-link > li > a:focus-visible {
  opacity: 0.7;
}
.c-list-box-link > li > a:focus-visible:after {
  translate: calc(2 * var(--vunit)) -50%;
}
@media (any-hover: hover) {
  .c-list-box-link > li > a:hover {
    opacity: 0.7;
  }
  .c-list-box-link > li > a:hover:after {
    translate: calc(2 * var(--vunit)) -50%;
  }
}
.c-list-box-link > li > details[data-open] summary:after {
  rotate: -90deg;
}
.c-list-box-link > li > details summary:after {
  rotate: 90deg;
}
.c-list-box-link > li > details summary:focus-visible {
  opacity: 0.7;
}
.c-list-box-link > li > details summary:focus-visible:after {
  translate: 0 calc(-50% + 2 * var(--vunit));
}
@media (any-hover: hover) {
  .c-list-box-link > li > details summary:hover {
    opacity: 0.7;
  }
  .c-list-box-link > li > details summary:hover:after {
    translate: 0 calc(-50% + 2 * var(--vunit));
  }
}

.c-list-box-link.c-list--no-border > li > a,
.c-list-box-link.c-list--no-border > li > details summary {
  border-bottom: none;
}
.c-list-box-link.c-list--no-padding > li > a,
.c-list-box-link.c-list--no-padding > li > details summary {
  padding-inline: unset;
}
.c-list-box-link.c-list--no-padding > li > a:after,
.c-list-box-link.c-list--no-padding > li > details summary:after {
  right: calc(8 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .c-list-box-link.c-list--sp-no-padding > li > a,
  .c-list-box-link.c-list--sp-no-padding > li > details summary {
    padding-inline: unset;
  }
  .c-list-box-link.c-list--sp-no-padding > li > a:after,
  .c-list-box-link.c-list--sp-no-padding > li > details summary:after {
    right: calc(8 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list-box-link.c-list--sp-details {
    display: contents;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list-box-link.c-list--sp-details > li,
  .c-list-box-link.c-list--sp-details > li > a,
  .c-list-box-link.c-list--sp-details > li > details,
  .c-list-box-link.c-list--sp-details > li > details summary {
    display: contents;
  }
}
@media print, screen and (min-width: 767.1px) {
  .c-list-box-link.c-list--sp-details > li > details summary {
    display: none;
  }
}
.c-list-box-link.c-list--faq > li > details summary {
  font-weight: var(--fw-bold);
}
.c-list-box-link.c-list--faq > li > details .answer {
  padding-block: calc(16 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}

.c-list-flex-link {
  display: block flex;
  flex-wrap: wrap;
}
.c-list-flex-link li {
  display: inline flow-root;
  position: relative;
}
.c-list-flex-link a {
  display: inline flow-root;
  position: relative;
  text-align: left;
  padding-block: calc(8 * var(--vunit));
  margin-block: calc(8 * var(--vunit));
  transition: opacity 0.3s ease, translate 0.3s ease;
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.c-list-flex-link a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .c-list-flex-link a:hover {
    opacity: 0.7;
  }
}

.c-list-flex-link.c-list--row {
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .c-list-flex-link.c-list--col-2-sp {
    flex-direction: row;
  }
  .c-list-flex-link.c-list--col-2-sp > * {
    width: 50%;
  }
}
.c-list-flex-link.c-list--block-0 li a {
  padding-block: 0;
  margin-block: 0;
}
.c-list-flex-link.c-list--block-s li a {
  padding-block: calc(2 * var(--vunit));
  margin-block: calc(2 * var(--vunit));
}
.c-list-flex-link.c-list--left-border li:first-child a:before {
  content: none;
}
.c-list-flex-link.c-list--left-border li a {
  padding-inline: calc(20 * var(--vunit));
}
.c-list-flex-link.c-list--left-border li a:before {
  content: "";
  position: absolute;
  display: block;
  top: 25%;
  left: 0;
  width: calc(1 * var(--vunit));
  height: 50%;
  background-color: var(--color-gray-200);
}
.c-list-flex-link.c-list--left-angle-arrow li a {
  margin-inline: calc(16 * var(--vunit));
  padding-left: calc(20 * var(--vunit));
}
.c-list-flex-link.c-list--left-angle-arrow li a:before {
  content: "";
  position: absolute;
  left: calc(-9 * var(--vunit));
  top: calc(13 * var(--vunit));
  width: calc(6 * var(--vunit));
  height: calc(9 * var(--vunit));
  -webkit-mask-size: 100%;
          mask-size: 100%;
  text-indent: calc(-20 * var(--vunit));
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: var(--color-white);
  transition: opacity 0.3s ease, translate 0.3s ease;
}

.c-list-flex-link.c-list--font-s li a {
  font-size: 1.1rem;
  font-weight: var(--fw-regular);
  line-height: 1.4545454545;
}
.c-list-flex-link.c-list--font-m li a {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  line-height: 1.4285714286;
  padding-inline: calc(11 * var(--vunit));
}

.c-list-dl {
  display: block flex;
  flex-direction: column;
}
.c-list-dl dt {
  background-color: var(--color-green-150);
  border-block: calc(1 * var(--vunit)) solid var(--color-gray-150);
  padding-block: calc(12 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
}
.c-list-dl dd {
  padding-block: calc(12 * var(--vunit));
}
.c-list-dl dd iframe {
  width: 100%;
}

.c-details--lead-more {
  display: block grid;
  width: 100%;
}
@media print, screen and (min-width: 767.1px) {
  .c-details--lead-more {
    display: contents;
  }
  .c-details--lead-more > summary,
  .c-details--lead-more > .contents {
    display: contents;
  }
  .c-details--lead-more > summary {
    display: none;
  }
}
.c-details--lead-more [class*=c-icon] {
  margin-left: calc(16 * var(--vunit));
}
.c-details--lead-more > summary {
  order: 2;
  text-align: center;
}
.c-details--lead-more > .contents {
  order: 1;
  max-height: 3em; /* 2〜3行だけ見せる */
  overflow: hidden;
  position: relative;
  height: 100%;
}
.c-details--lead-more > .contents:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background: linear-gradient(to bottom, transparent, white); /* 背景に合わせて調整 */
  pointer-events: none;
}
.c-details--lead-more[open] > summary .open {
  display: none;
}
.c-details--lead-more[open] > .contents {
  max-height: none;
}
.c-details--lead-more:not([open]) > summary .close {
  display: none;
}

.c-details--see-all {
  display: block grid;
  text-align: center;
  width: 100%;
}
.c-details--see-all[open] > summary .open {
  display: none;
}
.c-details--see-all:not([open]) > summary .close {
  display: none;
}
.c-details--see-all > summary {
  order: 2;
  align-content: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin-inline: auto;
  margin-top: calc(32 * var(--vunit));
}
.c-details--see-all > .contents {
  order: 1;
  width: 100%;
  box-sizing: border-box;
}
.c-details--see-all > .contents .top-space {
  display: block;
  height: calc(20 * var(--vunit));
}
.c-details--see-all > .contents .p-card-space-plan__item + .p-card-space-plan__item {
  margin-top: calc(20 * var(--vunit));
}

.c-details--see-more {
  width: 100%;
  transition: margin-top 0.3s ease;
}
.c-details--see-more .details {
  display: block grid;
  text-align: center;
  color: var(--color-green-500);
  width: 100%;
}
.c-details--see-more .details [class*=c-icon] {
  margin-right: calc(16 * var(--vunit));
}
.c-details--see-more .details[open] .open {
  display: none;
}
.c-details--see-more .details:not([open]) .close {
  display: none;
}
.c-details--see-more .details summary {
  order: 2;
  min-height: calc(52 * var(--vunit));
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-details--see-more .details summary {
    margin-top: calc(16 * var(--vunit));
    border-top: calc(1 * var(--vunit)) solid var(--color-gray-200);
  }
}
.c-details--see-more .details .contents {
  order: 1;
  width: 100%;
  box-sizing: border-box;
}
.c-details--see-more .details .contents .top-space {
  display: block;
  height: calc(20 * var(--vunit));
}
.c-details--see-more .details .contents .p-card-space-plan__item + .p-card-space-plan__item {
  margin-top: calc(20 * var(--vunit));
}

[class*=u-mta] {
  margin-block-start: calc(var(--_mt) * var(--vunit));
}

@media screen and (max-width: 767px) {
  .u-mta5 {
    --_mt: calc( 5 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta5 {
    --_mt: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-mta10 {
    --_mt: calc( 10 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta10 {
    --_mt: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-mta15 {
    --_mt: calc( 15 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta15 {
    --_mt: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-mta20 {
    --_mt: calc( 20 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta20 {
    --_mt: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-mta25 {
    --_mt: calc( 25 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta25 {
    --_mt: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-mta30 {
    --_mt: calc( 30 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta30 {
    --_mt: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-mta35 {
    --_mt: calc( 35 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta35 {
    --_mt: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-mta40 {
    --_mt: calc( 40 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta40 {
    --_mt: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-mta45 {
    --_mt: calc( 45 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta45 {
    --_mt: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-mta50 {
    --_mt: calc( 50 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta50 {
    --_mt: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-mta55 {
    --_mt: calc( 55 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta55 {
    --_mt: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-mta60 {
    --_mt: calc( 60 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta60 {
    --_mt: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-mta65 {
    --_mt: calc( 65 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta65 {
    --_mt: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-mta70 {
    --_mt: calc( 70 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta70 {
    --_mt: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-mta75 {
    --_mt: calc( 75 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta75 {
    --_mt: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-mta80 {
    --_mt: calc( 80 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta80 {
    --_mt: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-mta85 {
    --_mt: calc( 85 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta85 {
    --_mt: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-mta90 {
    --_mt: calc( 90 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta90 {
    --_mt: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-mta95 {
    --_mt: calc( 95 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta95 {
    --_mt: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-mta100 {
    --_mt: calc( 100 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta100 {
    --_mt: 100;
  }
}

[class*=u-mte], [class*=u-mt-pc], [class*=u-mt-sp] {
  margin-block-start: calc(var(--_mt) * var(--vunit));
}

.u-mte5 {
  --_mt: 5;
}

.u-mte10 {
  --_mt: 10;
}

.u-mte15 {
  --_mt: 15;
}

.u-mte20 {
  --_mt: 20;
}

.u-mte25 {
  --_mt: 25;
}

.u-mte30 {
  --_mt: 30;
}

.u-mte35 {
  --_mt: 35;
}

.u-mte40 {
  --_mt: 40;
}

.u-mte45 {
  --_mt: 45;
}

.u-mte50 {
  --_mt: 50;
}

.u-mte55 {
  --_mt: 55;
}

.u-mte60 {
  --_mt: 60;
}

.u-mte65 {
  --_mt: 65;
}

.u-mte70 {
  --_mt: 70;
}

.u-mte75 {
  --_mt: 75;
}

.u-mte80 {
  --_mt: 80;
}

.u-mte85 {
  --_mt: 85;
}

.u-mte90 {
  --_mt: 90;
}

.u-mte95 {
  --_mt: 95;
}

.u-mte100 {
  --_mt: 100;
}

@media screen and (max-width: 767px) {
  .u-mt-sp5 {
    --_mt: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp10 {
    --_mt: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp15 {
    --_mt: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp20 {
    --_mt: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp25 {
    --_mt: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp30 {
    --_mt: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp35 {
    --_mt: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp40 {
    --_mt: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp45 {
    --_mt: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp50 {
    --_mt: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp55 {
    --_mt: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp60 {
    --_mt: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp65 {
    --_mt: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp70 {
    --_mt: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp75 {
    --_mt: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp80 {
    --_mt: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp85 {
    --_mt: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp90 {
    --_mt: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp95 {
    --_mt: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-mt-sp100 {
    --_mt: 100;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc5 {
    --_mt: 5;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc10 {
    --_mt: 10;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc15 {
    --_mt: 15;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc20 {
    --_mt: 20;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc25 {
    --_mt: 25;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc30 {
    --_mt: 30;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc35 {
    --_mt: 35;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc40 {
    --_mt: 40;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc45 {
    --_mt: 45;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc50 {
    --_mt: 50;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc55 {
    --_mt: 55;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc60 {
    --_mt: 60;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc65 {
    --_mt: 65;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc70 {
    --_mt: 70;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc75 {
    --_mt: 75;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc80 {
    --_mt: 80;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc85 {
    --_mt: 85;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc90 {
    --_mt: 90;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc95 {
    --_mt: 95;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc100 {
    --_mt: 100;
  }
}

[class*=u-mba], [class*=u-mbe], [class*=u-mb-pc], [class*=u-mb-sp] {
  margin-block-end: calc(var(--_mb) * var(--vunit));
}

@media screen and (max-width: 767px) {
  .u-mba5 {
    --_mb: calc( 5 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba5 {
    --_mb: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-mba10 {
    --_mb: calc( 10 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba10 {
    --_mb: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-mba15 {
    --_mb: calc( 15 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba15 {
    --_mb: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-mba20 {
    --_mb: calc( 20 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba20 {
    --_mb: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-mba25 {
    --_mb: calc( 25 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba25 {
    --_mb: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-mba30 {
    --_mb: calc( 30 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba30 {
    --_mb: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-mba35 {
    --_mb: calc( 35 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba35 {
    --_mb: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-mba40 {
    --_mb: calc( 40 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba40 {
    --_mb: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-mba45 {
    --_mb: calc( 45 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba45 {
    --_mb: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-mba50 {
    --_mb: calc( 50 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba50 {
    --_mb: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-mba55 {
    --_mb: calc( 55 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba55 {
    --_mb: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-mba60 {
    --_mb: calc( 60 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba60 {
    --_mb: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-mba65 {
    --_mb: calc( 65 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba65 {
    --_mb: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-mba70 {
    --_mb: calc( 70 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba70 {
    --_mb: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-mba75 {
    --_mb: calc( 75 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba75 {
    --_mb: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-mba80 {
    --_mb: calc( 80 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba80 {
    --_mb: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-mba85 {
    --_mb: calc( 85 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba85 {
    --_mb: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-mba90 {
    --_mb: calc( 90 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba90 {
    --_mb: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-mba95 {
    --_mb: calc( 95 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba95 {
    --_mb: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-mba100 {
    --_mb: calc( 100 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba100 {
    --_mb: 100;
  }
}

@media screen and (max-width: 767px) {
  .u-mba105 {
    --_mb: calc( 105 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba105 {
    --_mb: 105;
  }
}

@media screen and (max-width: 767px) {
  .u-mba110 {
    --_mb: calc( 110 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba110 {
    --_mb: 110;
  }
}

@media screen and (max-width: 767px) {
  .u-mba115 {
    --_mb: calc( 115 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba115 {
    --_mb: 115;
  }
}

@media screen and (max-width: 767px) {
  .u-mba120 {
    --_mb: calc( 120 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mba120 {
    --_mb: 120;
  }
}

.u-mbe5 {
  --_mb: 5;
}

.u-mbe10 {
  --_mb: 10;
}

.u-mbe15 {
  --_mb: 15;
}

.u-mbe20 {
  --_mb: 20;
}

.u-mbe25 {
  --_mb: 25;
}

.u-mbe30 {
  --_mb: 30;
}

.u-mbe35 {
  --_mb: 35;
}

.u-mbe40 {
  --_mb: 40;
}

.u-mbe45 {
  --_mb: 45;
}

.u-mbe50 {
  --_mb: 50;
}

.u-mbe55 {
  --_mb: 55;
}

.u-mbe60 {
  --_mb: 60;
}

.u-mbe65 {
  --_mb: 65;
}

.u-mbe70 {
  --_mb: 70;
}

.u-mbe75 {
  --_mb: 75;
}

.u-mbe80 {
  --_mb: 80;
}

.u-mbe85 {
  --_mb: 85;
}

.u-mbe90 {
  --_mb: 90;
}

.u-mbe95 {
  --_mb: 95;
}

.u-mbe100 {
  --_mb: 100;
}

@media screen and (max-width: 767px) {
  .u-mb-sp5 {
    --_mb: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp10 {
    --_mb: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp15 {
    --_mb: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp20 {
    --_mb: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp25 {
    --_mb: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp30 {
    --_mb: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp35 {
    --_mb: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp40 {
    --_mb: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp45 {
    --_mb: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp50 {
    --_mb: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp55 {
    --_mb: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp60 {
    --_mb: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp65 {
    --_mb: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp70 {
    --_mb: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp75 {
    --_mb: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp80 {
    --_mb: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp85 {
    --_mb: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp90 {
    --_mb: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp95 {
    --_mb: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-sp100 {
    --_mb: 100;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc5 {
    --_mb: 5;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc10 {
    --_mb: 10;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc15 {
    --_mb: 15;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc20 {
    --_mb: 20;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc25 {
    --_mb: 25;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc30 {
    --_mb: 30;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc35 {
    --_mb: 35;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc40 {
    --_mb: 40;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc45 {
    --_mb: 45;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc50 {
    --_mb: 50;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc55 {
    --_mb: 55;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc60 {
    --_mb: 60;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc65 {
    --_mb: 65;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc70 {
    --_mb: 70;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc75 {
    --_mb: 75;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc80 {
    --_mb: 80;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc85 {
    --_mb: 85;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc90 {
    --_mb: 90;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc95 {
    --_mb: 95;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mb-pc100 {
    --_mb: 100;
  }
}

@media screen and (max-width: 767px) {
  .u-mta22 {
    --_mt: calc( 22 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta22 {
    --_mt: 22;
  }
}

@media screen and (max-width: 767px) {
  .u-mta120 {
    --_mt: calc( 120 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mta120 {
    --_mt: 120;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-mt-pc94 {
    --_mt: 94;
  }
  .u-mt-pc98 {
    --_mt: 98;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-pc41 {
    --_mt: calc( 41 * var(--spr));
  }
}
.u-mia, .u-mic {
  margin-inline: auto;
}

.u-mis, .u-mil {
  margin-inline: 0 auto;
}

.u-mie, .u-mir {
  margin-inline: auto 0;
}

@media screen and (max-width: 767px) {
  .u-mic-sp {
    margin-inline: auto;
  }
  .u-mir-sp {
    margin-inline: 0 auto;
  }
  .u-mil-sp {
    margin-inline: auto 0;
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-mic-pc {
    margin-inline: auto;
  }
  .u-mir-pc {
    margin-inline: 0 auto;
  }
  .u-mil-pc {
    margin-inline: auto 0;
  }
}
[class*=u-pta],
[class*=u-pte],
[class*=u-pt-pc],
[class*=u-pt-sp] {
  padding-block-start: calc(var(--_pt) * var(--vunit));
}

@media screen and (max-width: 767px) {
  .u-pta5 {
    --_pt: calc(5 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta5 {
    --_pt: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-pta10 {
    --_pt: calc(10 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta10 {
    --_pt: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-pta15 {
    --_pt: calc(15 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta15 {
    --_pt: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-pta20 {
    --_pt: calc(20 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta20 {
    --_pt: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-pta25 {
    --_pt: calc(25 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta25 {
    --_pt: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-pta30 {
    --_pt: calc(30 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta30 {
    --_pt: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-pta35 {
    --_pt: calc(35 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta35 {
    --_pt: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-pta40 {
    --_pt: calc(40 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta40 {
    --_pt: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-pta45 {
    --_pt: calc(45 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta45 {
    --_pt: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-pta50 {
    --_pt: calc(50 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta50 {
    --_pt: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-pta55 {
    --_pt: calc(55 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta55 {
    --_pt: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-pta60 {
    --_pt: calc(60 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta60 {
    --_pt: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-pta65 {
    --_pt: calc(65 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta65 {
    --_pt: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-pta70 {
    --_pt: calc(70 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta70 {
    --_pt: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-pta75 {
    --_pt: calc(75 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta75 {
    --_pt: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-pta80 {
    --_pt: calc(80 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta80 {
    --_pt: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-pta85 {
    --_pt: calc(85 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta85 {
    --_pt: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-pta90 {
    --_pt: calc(90 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta90 {
    --_pt: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-pta95 {
    --_pt: calc(95 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta95 {
    --_pt: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-pta100 {
    --_pt: calc(100 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta100 {
    --_pt: 100;
  }
}

@media screen and (max-width: 767px) {
  .u-pta105 {
    --_pt: calc(105 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta105 {
    --_pt: 105;
  }
}

@media screen and (max-width: 767px) {
  .u-pta110 {
    --_pt: calc(110 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta110 {
    --_pt: 110;
  }
}

@media screen and (max-width: 767px) {
  .u-pta115 {
    --_pt: calc(115 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta115 {
    --_pt: 115;
  }
}

@media screen and (max-width: 767px) {
  .u-pta120 {
    --_pt: calc(120 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta120 {
    --_pt: 120;
  }
}

@media screen and (max-width: 767px) {
  .u-pta125 {
    --_pt: calc(125 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta125 {
    --_pt: 125;
  }
}

.u-pte5 {
  --_pt: 5;
}

.u-pte10 {
  --_pt: 10;
}

.u-pte15 {
  --_pt: 15;
}

.u-pte20 {
  --_pt: 20;
}

.u-pte25 {
  --_pt: 25;
}

.u-pte30 {
  --_pt: 30;
}

.u-pte35 {
  --_pt: 35;
}

.u-pte40 {
  --_pt: 40;
}

.u-pte45 {
  --_pt: 45;
}

.u-pte50 {
  --_pt: 50;
}

.u-pte55 {
  --_pt: 55;
}

.u-pte60 {
  --_pt: 60;
}

.u-pte65 {
  --_pt: 65;
}

.u-pte70 {
  --_pt: 70;
}

.u-pte75 {
  --_pt: 75;
}

.u-pte80 {
  --_pt: 80;
}

.u-pte85 {
  --_pt: 85;
}

.u-pte90 {
  --_pt: 90;
}

.u-pte95 {
  --_pt: 95;
}

.u-pte100 {
  --_pt: 100;
}

@media screen and (max-width: 767px) {
  .u-pt-sp5 {
    --_pt: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp10 {
    --_pt: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp15 {
    --_pt: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp20 {
    --_pt: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp25 {
    --_pt: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp30 {
    --_pt: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp35 {
    --_pt: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp40 {
    --_pt: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp45 {
    --_pt: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp50 {
    --_pt: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp55 {
    --_pt: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp60 {
    --_pt: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp65 {
    --_pt: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp70 {
    --_pt: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp75 {
    --_pt: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp80 {
    --_pt: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp85 {
    --_pt: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp90 {
    --_pt: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp95 {
    --_pt: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp100 {
    --_pt: 100;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc5 {
    --_pt: 5;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc10 {
    --_pt: 10;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc15 {
    --_pt: 15;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc20 {
    --_pt: 20;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc25 {
    --_pt: 25;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc30 {
    --_pt: 30;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc35 {
    --_pt: 35;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc40 {
    --_pt: 40;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc45 {
    --_pt: 45;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc50 {
    --_pt: 50;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc55 {
    --_pt: 55;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc60 {
    --_pt: 60;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc65 {
    --_pt: 65;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc70 {
    --_pt: 70;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc75 {
    --_pt: 75;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc80 {
    --_pt: 80;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc85 {
    --_pt: 85;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc90 {
    --_pt: 90;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc95 {
    --_pt: 95;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc100 {
    --_pt: 100;
  }
}

[class*=u-pba],
[class*=u-pbe],
[class*=u-pb-pc],
[class*=u-pb-sp] {
  padding-block-end: calc(var(--_pb) * var(--vunit));
}

@media screen and (max-width: 767px) {
  .u-pba5 {
    --_pb: calc(5 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba5 {
    --_pb: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-pba10 {
    --_pb: calc(10 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba10 {
    --_pb: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-pba15 {
    --_pb: calc(15 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba15 {
    --_pb: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-pba20 {
    --_pb: calc(20 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba20 {
    --_pb: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-pba25 {
    --_pb: calc(25 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba25 {
    --_pb: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-pba30 {
    --_pb: calc(30 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba30 {
    --_pb: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-pba35 {
    --_pb: calc(35 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba35 {
    --_pb: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-pba40 {
    --_pb: calc(40 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba40 {
    --_pb: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-pba45 {
    --_pb: calc(45 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba45 {
    --_pb: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-pba50 {
    --_pb: calc(50 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba50 {
    --_pb: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-pba55 {
    --_pb: calc(55 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba55 {
    --_pb: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-pba60 {
    --_pb: calc(60 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba60 {
    --_pb: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-pba65 {
    --_pb: calc(65 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba65 {
    --_pb: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-pba70 {
    --_pb: calc(70 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba70 {
    --_pb: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-pba75 {
    --_pb: calc(75 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba75 {
    --_pb: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-pba80 {
    --_pb: calc(80 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba80 {
    --_pb: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-pba85 {
    --_pb: calc(85 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba85 {
    --_pb: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-pba90 {
    --_pb: calc(90 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba90 {
    --_pb: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-pba95 {
    --_pb: calc(95 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba95 {
    --_pb: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-pba100 {
    --_pb: calc(100 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba100 {
    --_pb: 100;
  }
}

@media screen and (max-width: 767px) {
  .u-pba105 {
    --_pb: calc(105 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba105 {
    --_pb: 105;
  }
}

@media screen and (max-width: 767px) {
  .u-pba110 {
    --_pb: calc(110 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba110 {
    --_pb: 110;
  }
}

@media screen and (max-width: 767px) {
  .u-pba115 {
    --_pb: calc(115 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba115 {
    --_pb: 115;
  }
}

@media screen and (max-width: 767px) {
  .u-pba120 {
    --_pb: calc(120 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba120 {
    --_pb: 120;
  }
}

@media screen and (max-width: 767px) {
  .u-pba125 {
    --_pb: calc(125 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba125 {
    --_pb: 125;
  }
}

.u-pbe5 {
  --_pb: 5;
}

.u-pbe10 {
  --_pb: 10;
}

.u-pbe15 {
  --_pb: 15;
}

.u-pbe20 {
  --_pb: 20;
}

.u-pbe25 {
  --_pb: 25;
}

.u-pbe30 {
  --_pb: 30;
}

.u-pbe35 {
  --_pb: 35;
}

.u-pbe40 {
  --_pb: 40;
}

.u-pbe45 {
  --_pb: 45;
}

.u-pbe50 {
  --_pb: 50;
}

.u-pbe55 {
  --_pb: 55;
}

.u-pbe60 {
  --_pb: 60;
}

.u-pbe65 {
  --_pb: 65;
}

.u-pbe70 {
  --_pb: 70;
}

.u-pbe75 {
  --_pb: 75;
}

.u-pbe80 {
  --_pb: 80;
}

.u-pbe85 {
  --_pb: 85;
}

.u-pbe90 {
  --_pb: 90;
}

.u-pbe95 {
  --_pb: 95;
}

.u-pbe100 {
  --_pb: 100;
}

@media screen and (max-width: 767px) {
  .u-pb-sp5 {
    --_pb: 5;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp10 {
    --_pb: 10;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp15 {
    --_pb: 15;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp20 {
    --_pb: 20;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp25 {
    --_pb: 25;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp30 {
    --_pb: 30;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp35 {
    --_pb: 35;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp40 {
    --_pb: 40;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp45 {
    --_pb: 45;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp50 {
    --_pb: 50;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp55 {
    --_pb: 55;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp60 {
    --_pb: 60;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp65 {
    --_pb: 65;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp70 {
    --_pb: 70;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp75 {
    --_pb: 75;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp80 {
    --_pb: 80;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp85 {
    --_pb: 85;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp90 {
    --_pb: 90;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp95 {
    --_pb: 95;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp100 {
    --_pb: 100;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc5 {
    --_pb: 5;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc10 {
    --_pb: 10;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc15 {
    --_pb: 15;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc20 {
    --_pb: 20;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc25 {
    --_pb: 25;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc30 {
    --_pb: 30;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc35 {
    --_pb: 35;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc40 {
    --_pb: 40;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc45 {
    --_pb: 45;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc50 {
    --_pb: 50;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc55 {
    --_pb: 55;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc60 {
    --_pb: 60;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc65 {
    --_pb: 65;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc70 {
    --_pb: 70;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc75 {
    --_pb: 75;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc80 {
    --_pb: 80;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc85 {
    --_pb: 85;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc90 {
    --_pb: 90;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc95 {
    --_pb: 95;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pb-pc100 {
    --_pb: 100;
  }
}

@media screen and (max-width: 767px) {
  .u-pta99 {
    --_pt: calc(99 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta99 {
    --_pt: 99;
  }
}

@media screen and (max-width: 767px) {
  .u-pta102 {
    --_pt: calc(102 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pta102 {
    --_pt: 102;
  }
}

@media screen and (max-width: 767px) {
  .u-pba98 {
    --_pb: calc(98 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba98 {
    --_pb: 98;
  }
}

@media screen and (max-width: 767px) {
  .u-pba101 {
    --_pb: calc(101 * var(--spr));
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-pba101 {
    --_pb: 101;
  }
}

@media print, screen and (min-width: 767.1px) {
  .u-pt-pc109 {
    --_pt: 109;
  }
  .u-pt-pc102 {
    --_pt: 102;
  }
  .u-pb-pc69 {
    --_pb: 69;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-sp62 {
    --_pt: 62;
  }
  .u-pt-sp61 {
    --_pt: 61;
  }
  .u-pt-sp59 {
    --_pt: 59;
  }
  .u-pt-sp37 {
    --_pt: 37;
  }
  .u-pb-sp58 {
    --_pb: 58;
  }
  .u-pb-sp38 {
    --_pb: 38;
  }
}
@media print, screen and (min-width: 767.1px) {
  .u-sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media print, screen and (min-width: 1020.1px) {
  .u-pc-150 {
    display: none !important;
  }
}

.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .u-visually-hidden-sp {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
}

.u-font-roboto {
  font-family: var(--font-Roboto);
}

.u-font-lato {
  font-family: var(--font-Lato);
}

.u-font-base {
  font-family: var(--baseFont) !important;
}

.u-color-red {
  color: var(--color-red-600);
}

.u-color-blue {
  color: var(--color-blue-key);
}

.u-color-darkblue {
  color: var(--color-blue-700);
}

.u-wb-ka {
  word-break: keep-all;
}

.u-wbr {
  white-space: normal;
  word-break: break-word;
}
.u-wbr span {
  display: inline-block;
}

.u-uppercase {
  text-transform: uppercase;
}

/**
* @see https://coliss.com/articles/build-websites/operation/css/prevent-scroll-chaining-overscroll-behavior.html
*/
body.u-scrollbar-hidden {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overscroll-behavior: none;
}

/*
//  ブラウザごと対応
body.chrome.u-scrollbar-hidden{
  //  スクロールバー非表示（IE・Edge）
  -ms-overflow-style: none;
  //  スクロールバー非表示（Firefox）
  scrollbar-width: none;
  overflow : clip clip;
}

body.edge.u-scrollbar-hidden{
  //  スクロールバー非表示（IE・Edge）
  -ms-overflow-style: none;
  //  スクロールバー非表示（Firefox）
  //overflow : hidden hidden;
  overflow : clip clip;
}

body.firefox.u-scrollbar-hidden{
  //  スクロールバー非表示（IE・Edge）
  -ms-overflow-style: none;
  //  スクロールバー非表示（Firefox）
  scrollbar-width: none;
  //overflow : hidden hidden;
  //overflow : auto hidden;
  overflow : clip clip;
}

body.safari.u-scrollbar-hidden{
  //  崩れる
  //  スクロールバー非表示（IE・Edge）
  //-ms-overflow-style: none;
  //  スクロールバー非表示（Firefox）
  //scrollbar-width: none;
  //overflow : hidden hidden;
  overflow : clip clip;
}
*/
.u-scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

[class*=u-background--] {
  background: var(--_u-background-color, inherit);
}

.u-background--lightgray {
  --_u-background-color: var(--color-gray-200);
}

/*------------------------------------
ヘッダーバー
------------------------------------*/
@media (scripting: none) {
  .p-header {
    --_current-color: var(--color-font-b);
    --_background-color: var(--color-white);
    box-shadow: 0 0 calc(40 * var(--vunit)) 0 var(--shadow02);
  }
}
.p-header-top-space {
  display: block;
  height: calc(var(--header-height) * var(--vunit));
}

.p-header {
  display: block flex;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.p-header a {
  transition: 0.3s ease;
}
.p-header a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .p-header a:hover {
    opacity: 0.7;
  }
}
.p-header.is-home:not(.is-scroll-active) {
  --_current-color: var(--color-font-w);
  --_background-color: transparent;
}
.p-header.is-home:not(.is-scroll-active) .p-header__pc-menu {
  filter: var(--font-m-shadow);
}
.p-header.is-home:not(.is-scroll-active) .p-header__record-menu {
  filter: var(--font-m-shadow);
}
.p-header.is-home.is-scroll-active {
  --_current-color: var(--color-font-b);
  --_background-color: var(--color-white);
}
.p-header.is-home.is-scroll-active [class*=c-icon] {
  color: var(--color-green-500);
}
.p-header.is-page {
  --_current-color: var(--color-font-b);
  --_background-color: var(--color-white);
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-200);
}
.p-header.is-page [class*=c-icon] {
  color: var(--color-green-500);
}

.p-header__bg {
  position: absolute;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  background-color: var(--shadow03);
  z-index: 1;
}
@media screen and (max-width: 1080.9px) {
  .p-header__bg {
    width: 100vw;
    height: 100vh;
    opacity: 0;
  }
}
@media screen and (min-width: 1081px) {
  .p-header__bg {
    display: none;
  }
}

.p-header__bg:not(.is-open) {
  pointer-events: none;
}

.p-header__bg.is-open {
  opacity: 1;
  cursor: pointer;
}

.p-header__focustrap {
  width: 0;
}

.p-header__inner {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--_current-color);
  background-color: var(--_background-color);
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 1080.9px) {
  .p-header__inner {
    display: block flex;
    flex-wrap: wrap;
    min-height: calc(60 * var(--vunit));
    padding-block: calc(5 * var(--vunit));
    align-content: center;
    transform: translateZ(0);
  }
}
@media screen and (min-width: 1081px) {
  .p-header__inner {
    display: block grid;
    padding-inline: calc(23 * var(--vunit)) calc(24 * var(--vunit));
    padding-block: calc(8 * var(--vunit)) calc(7 * var(--vunit));
  }
}

.p-header__main {
  display: block flex;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
}

.p-header__logo {
  display: block grid;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1080.9px) {
  .p-header__logo {
    min-height: calc(26 * var(--vunit));
    align-content: center;
    align-items: end;
    padding-left: calc(18 * var(--vunit));
  }
}
@media screen and (min-width: 1081px) {
  .p-header__logo {
    grid-area: logo;
  }
}
.p-header__logo a {
  height: -moz-fit-content;
  height: fit-content;
  display: block flex;
  align-items: end;
}
@media screen and (max-width: 1080.9px) {
  .p-header__logo a {
    gap: calc(6 * var(--vunit));
  }
}

.p-header__nav {
  display: block flex;
  width: 100%;
  align-items: center;
}

@media screen and (max-width: 1080.9px) {
  .p-header__pc-menu {
    display: none;
  }
}
@media screen and (min-width: 1081px) {
  .p-header__pc-menu {
    display: block flex;
    gap: calc(42 * var(--vwml));
    margin-left: calc(69 * var(--vwml));
    transform: translateZ(0);
    font-size: 1.4rem;
    line-height: 1.4285714286;
    letter-spacing: 0rem;
  }
}

.p-header__record-menu {
  display: block flex;
}
@media screen and (max-width: 1080.9px) {
  .p-header__record-menu {
    gap: calc(17 * var(--vunit));
    margin-left: auto;
  }
}
@media screen and (min-width: 1081px) {
  .p-header__record-menu {
    gap: calc(18 * var(--vunit));
    margin-left: auto;
  }
}
@media screen and (max-width: 1080.9px) {
  .p-header__member-menu {
    display: none;
  }
}
@media screen and (min-width: 1081px) {
  .p-header__member-menu {
    display: block flex;
    position: relative;
    justify-self: end;
    align-items: center;
    margin-left: calc(50 * var(--vunit));
    gap: calc(24 * var(--vunit));
  }
  .p-header__member-menu:before {
    position: absolute;
    content: "";
    left: calc(-25 * var(--vunit));
    height: 80%;
    width: calc(1 * var(--vunit));
    border-left: calc(1 * var(--vunit)) solid currentColor;
  }
}

@media screen and (max-width: 1080.9px) {
  .p-header__hamburger {
    display: block grid;
    justify-content: center;
    min-width: calc(49 * var(--vunit));
    margin-right: calc(10 * var(--vunit));
    margin-left: calc(8 * var(--vunit));
  }
}
@media screen and (min-width: 1081px) {
  .p-header__hamburger {
    display: none;
  }
}
.p-header__sp-side-nav {
  display: block flex;
  position: fixed;
  flex-direction: column;
  transition: right 0.3s ease, ease-in-out, width 0.3s ease-in-out;
  justify-self: end;
  height: 100dvh;
  top: 0;
  padding: calc(12 * var(--vunit));
  width: calc(360 * var(--vunit));
  color: var(--color-gray-600);
  overflow-y: auto;
  overscroll-behavior-y: contain;
  z-index: var(--obj-z-header-sp-menu);
}
.p-header__sp-side-nav.is-open {
  background-color: var(--color-green-200);
}
@media screen and (max-width: 1080.9px) {
  .p-header__sp-side-nav.is-open {
    right: 0%;
  }
}
.p-header__sp-side-nav:not(.is-open) {
  visibility: hidden;
  pointer-events: none;
  right: -100%;
}
.p-header__sp-side-nav .grid-close-btn {
  position: absolute;
  display: block grid;
  place-content: center;
  top: calc(8 * var(--vunit));
  right: calc(8 * var(--vunit));
  width: calc(48 * var(--vunit));
  height: calc(48 * var(--vunit));
}
.p-header__sp-side-nav .grid-login {
  display: block grid;
  grid-template-columns: auto auto;
  gap: calc(16 * var(--vunit));
  align-items: center;
  margin-inline: auto;
  margin-top: calc(40 * var(--vunit));
}
.p-header__sp-side-nav .grid-login .c-btn-rounded-login a {
  --_btn-width: 152;
  --_btn-default-col-font: var(--color-green-600);
  --_btn-default-col-border: var(--color-gray-400);
  --_btn-hover-col-font: var(--color-font-w);
  --_btn-hover-col-bg: var(--color-green-500);
  --_btn-hover-col-border: var(--color-green-500);
}
.p-header__sp-side-nav .grid-login .c-btn-rounded.c-btn--register {
  --_btn-width: 152;
  --_btn-hover-col-font: var(--color-green-600);
  --_btn-hover-col-bg: transparent;
  --_btn-hover-col-border: var(--color-gray-400);
  --_btn-default-col-font: var(--color-font-w);
  --_btn-default-col-bg: var(--color-green-600);
  --_btn-default-col-border: var(--color-green-600);
}
.p-header__sp-side-nav .btn-member-change-details {
  margin-top: calc(16 * var(--vunit));
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: var(--color-green-500);
}
.p-header__sp-side-nav .grid-list {
  padding-inline: calc(14 * var(--vunit));
  padding-block: calc(16 * var(--vunit));
  border-top: calc(1 * var(--vunit)) solid var(--color-gray-200);
}
.p-header__sp-side-nav .sec-title {
  padding-block: calc(10 * var(--vunit)) calc(18 * var(--vunit));
  color: var(--color-gray-600);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.p-header__sp-side-nav .grid-record {
  margin-top: calc(26 * var(--vunit));
}
.l-footer {
  padding: 0;
}

.p-footer-search-navigation {
  display: block grid;
  align-items: center;
  position: relative;
  color: var(--color-font-w);
  padding-block: calc(40 * var(--vunit)) calc(28 * var(--vunit));
}

.p-footer-search-navigation__inner {
  --layout-inner-pc: 1090;
}
@media screen and (max-width: 767px) {
  .p-footer-search-navigation__inner {
    gap: calc(10 * var(--vunit));
  }
}
.p-footer-search-navigation__inner .grid-area {
  margin-top: calc(38 * var(--vunit));
  width: 100%;
}
.p-footer-search-navigation__inner .grid-area > .list {
  margin-top: calc(8 * var(--vunit));
}
.p-footer-search-navigation__inner .grid-content {
  margin-top: calc(33 * var(--vunit));
  width: 100%;
}
.p-footer-info-navigation {
  display: block grid;
  align-items: center;
  position: relative;
  color: var(--color-font-w);
  padding-block: calc(18 * var(--vunit)) calc(0 * var(--vunit));
}

@media screen and (max-width: 767px) {
  .p-footer-info-navigation__inner {
    gap: calc(10 * var(--vunit));
    justify-content: center;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-footer-info-navigation__inner {
    justify-content: center;
    text-align: center;
  }
}
.p-footer-info-navigation__inner .list {
  justify-content: center;
  margin-inline: auto;
  max-width: calc(480 * var(--vunit));
}

.p-footer-copyright {
  display: block grid;
  align-items: center;
  position: relative;
  color: var(--color-font-w);
  padding-block: calc(11 * var(--vunit)) calc(28 * var(--vunit));
}
.p-footer-copyright > .l-inner {
  font-family: var(--font-Roboto);
}
@media screen and (max-width: 767px) {
  .p-footer-copyright > .l-inner {
    gap: calc(10 * var(--vunit));
    justify-content: center;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-footer-copyright > .l-inner {
    justify-content: center;
    text-align: center;
  }
}
.p-footer-copyright > .l-inner .copy {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-footer-copyright > .l-inner .copy {
    text-align: center;
  }
}
.p-page-breadcrumb {
  --_gap: 3;
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(18 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-page-breadcrumb {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    height: 0;
  }
}

.p-page-breadcrumb--footer {
  --_breadcrumbs-width: 1120;
}

/*
//  記事用 : 2カラム
.p-page-breadcrumb.p-page-breadcrumbs--detail {
  --_breadcrumbs-width: 1240;
}

//  記事用 : 1カラム
.p-page-breadcrumb.p-page-breadcrumbs--detail-col1 {
  margin-top: vunit(40);
}
*/
.p-page-breadcrumb__inner {
  display: block flex;
  width: 100%;
  max-width: calc(var(--_breadcrumbs-width, 1280) * var(--vunit));
  margin-inline: auto;
}

.p-page-BreadcrumbNavXT__list {
  display: inline;
}
.p-page-BreadcrumbNavXT__list > .breadcrumbListItem {
  display: inline;
}
.p-page-BreadcrumbNavXT__list > .breadcrumbListItem a,
.p-page-BreadcrumbNavXT__list > .breadcrumbListItem > span {
  padding-right: calc(16 * var(--vunit));
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-page-BreadcrumbNavXT__list > .breadcrumbListItem a {
  color: var(--color-green-500);
}
.p-page-BreadcrumbNavXT__list > .breadcrumbListItem:not(:last-child):after {
  content: "";
  position: relative;
  display: inline flow-root;
  top: calc(2 * var(--vunit));
  width: calc(8 * var(--vunit));
  height: calc(12 * var(--vunit));
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
  background-color: var(--color-gray-400);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  margin: 0;
}
.p-page-BreadcrumbNavXT__list span[property=itemListElement] [property=name] {
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}

.p-page-breadcrumb__list {
  display: inline;
}
.p-page-breadcrumb__list > li {
  display: inline;
  font-size: calc(14 * var(--vunit));
}
.p-page-breadcrumb__list > li > .link {
  letter-spacing: 1.6rem;
  color: var(--color-blue-320);
  transition: opacity 0.3s ease;
}
.p-page-breadcrumb__list > li > .link:focus-visible {
  opacity: var(--link-hover-opacity);
}
@media (any-hover: hover) {
  .p-page-breadcrumb__list > li > .link:hover {
    opacity: var(--link-hover-opacity);
  }
}
.p-page-breadcrumb__list > li > .separate {
  display: inline flex;
  position: relative;
  align-self: center;
  top: calc(-2 * var(--vunit));
  margin-right: calc(4 * var(--vunit));
  border-top: calc(1 * var(--vunit)) solid var(--color-gray-400);
  border-right: calc(1 * var(--vunit)) solid var(--color-gray-400);
  width: calc(6 * var(--vunit));
  height: calc(6 * var(--vunit));
  rotate: 45deg;
}
.p-page-breadcrumb__list > li > [class^=c-icon] {
  margin-left: calc(var(--_gap) * var(--vunit));
  background-color: var(--color-gray-500);
}
@media print, screen and (min-width: 767.1px) {
  .p-home-topics {
    padding-bottom: calc(15 * var(--vunit));
  }
}

.p-home-topics__inner .grid-heading {
  padding-inline: calc(5 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-home-topics__inner .grid-card-list {
    justify-content: center;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search {
    padding-block: calc(43 * var(--vunit)) calc(54 * var(--vunit));
  }
}
@media screen and (max-width: 767px) {
  .p-home-area-search .l-background {
    display: none;
  }
}

@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner {
    grid-template: "title title" minmax(0, auto) "map area " minmax(0, auto)/50% calc(50% - 64 * var(--vwmc));
    align-items: start;
    -moz-column-gap: calc(64 * var(--vwmc));
         column-gap: calc(64 * var(--vwmc));
  }
  .p-home-area-search__inner > .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-home-area-search__inner > .grid-more {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-heading {
    order: 0;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner .grid-heading {
    grid-area: title;
    margin-bottom: calc(38 * var(--vunit));
  }
}
.p-home-area-search__inner .grid-map-search {
  display: block grid;
  align-items: start;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-map-search {
    order: 2;
    padding-top: calc(40 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner .grid-map-search {
    grid-area: map;
    align-content: start;
  }
}
.p-home-area-search__inner .grid-map-search iframe {
  margin-top: calc(20 * var(--vunit));
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-map-search iframe {
    aspect-ratio: 1;
    width: 100%;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner .grid-map-search iframe {
    width: calc(561 * var(--vunit));
    height: calc(201 * var(--vunit));
  }
}
.p-home-area-search__inner .grid-area-search {
  display: block grid;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-area-search {
    order: 1;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner .grid-area-search {
    grid-area: area;
  }
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-area-search > .sec-heading {
    position: absolute;
    pointer-events: none;
    visibility: hidden;
  }
}
.p-home-area-search__inner .grid-area-search .card-list {
  --_columns: repeat(2, 1fr);
  margin-top: calc(21 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-home-area-search__inner .grid-area-search .card-list {
    gap: calc(8 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-area-search__inner .grid-area-search .card-list {
    gap: calc(16 * var(--vunit));
  }
}

.p-home-sec-instagram-reels {
  padding-block: 0;
}

.p-home-sec-instagram-feed {
  padding-block: 0;
}

.p-home-sec-instagram-reels .grid-instagram .LeeepListScrollButtonL,
.p-home-sec-instagram-reels .grid-instagram .LeeepListScrollButtonR,
.p-home-sec-instagram-feed .grid-instagram .LeeepListScrollButtonL,
.p-home-sec-instagram-feed .grid-instagram .LeeepListScrollButtonR {
  top: 50%;
}

.p-home-sec15__inner .grid-news-list {
  display: block grid;
  margin-top: calc(27 * var(--vunit));
  row-gap: calc(8 * var(--vunit));
}

.p-home-sec16 {
  padding-block: calc(36 * var(--vunit)) calc(36 * var(--vunit));
}
.p-home-sec16__inner .grid-card-list {
  gap: calc(15 * var(--vunit));
}

@media screen and (max-width: 767px) {
  .p-home-sec17 {
    padding-block: calc(0 * var(--vunit)) calc(40 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17 {
    padding-block: calc(37 * var(--vunit)) calc(63 * var(--vunit));
  }
}

.p-home-sec17__inner {
  width: 100%;
}
.p-home-sec17__inner .grid-content {
  display: block grid;
  width: 100%;
  border-block: calc(1 * var(--vunit)) solid var(--color-gray-300);
  padding-block: calc(40 * var(--vunit));
  justify-content: center;
}
.p-home-sec17__inner .grid-content .l-grid--col2 {
  width: 100%;
  max-width: calc(540 * var(--vunit));
}
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17__inner .grid-content .l-grid--col2 {
    --_columns: 1fr auto;
    gap: calc(93 * var(--vunit));
  }
}
.p-home-sec17__inner .grid-lead {
  display: block grid;
}
@media screen and (max-width: 767px) {
  .p-home-sec17__inner .grid-lead {
    position: relative;
    justify-items: center;
    grid-template: "lead" minmax(0, auto) "title" minmax(0, auto)/1fr;
    margin-inline: auto;
    padding-inline: calc(30 * var(--vunit));
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-home-sec17__inner .grid-lead:before, .p-home-sec17__inner .grid-lead:after {
    content: "";
    position: absolute;
    display: block;
    top: 20%;
    width: calc(1 * var(--vunit));
    height: 60%;
    background-color: var(--color-gray-400);
  }
  .p-home-sec17__inner .grid-lead:before {
    left: 0;
    rotate: -20deg;
  }
  .p-home-sec17__inner .grid-lead:after {
    right: 0;
    rotate: 20deg;
  }
  .p-home-sec17__inner .grid-lead > .grid-heading {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-home-sec17__inner .grid-lead > .grid-more {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-home-sec17__inner .grid-lead > .grid-heading {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17__inner .grid-lead {
    grid-template: "icon title" minmax(0, auto) "icon lead" minmax(0, auto)/auto 1fr;
    -moz-column-gap: calc(20 * var(--vunit));
         column-gap: calc(20 * var(--vunit));
    align-items: center;
  }
  .p-home-sec17__inner .grid-lead > .icon,
.p-home-sec17__inner .grid-lead > .icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead > li:before,
.p-home-sec17__inner .grid-lead > li:before {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
.p-home-sec17__inner .grid-lead .icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
}
@media screen and (max-width: 767px) {
  .p-home-sec17__inner .grid-lead .icon {
    display: none;
  }
}
.p-home-sec17__inner .grid-lead .sec-title {
  grid-area: title;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-home-sec17__inner .grid-lead .sec-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17__inner .grid-lead .sec-title {
    font-size: 2.2rem;
    line-height: 1.2727272727;
  }
}
.p-home-sec17__inner .grid-lead .sec-lead {
  grid-area: lead;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-home-sec17__inner .grid-lead .sec-lead {
    font-family: var(--font-Roboto);
    color: var(--color-gray-400);
    font-size: 1.1rem;
    line-height: 2.1818181818;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17__inner .grid-lead .sec-lead {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-home-sec17__inner .grid-buttons {
  display: block grid;
  justify-content: end;
  gap: calc(24 * var(--vunit));
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 767px) {
  .p-home-sec17__inner .grid-buttons {
    margin-top: calc(20 * var(--vunit));
  }
}
.p-home-sec17__inner .grid-buttons .button {
  width: calc(80 * var(--vunit));
  aspect-ratio: 1;
  height: -moz-fit-content;
  height: fit-content;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 767px) {
  .p-single-space-header {
    display: block grid;
    grid-template: "heading fav" minmax(0, auto)/1fr auto;
    max-width: calc(1200 * var(--vunit));
    padding-inline: calc(20 * var(--vunit));
    padding-block: calc(10 * var(--vunit));
    align-items: center;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-header {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    height: 0;
  }
}
.p-single-space-header .grid-heading {
  grid-area: heading;
}
.p-single-space-header .grid-favorite-button {
  grid-area: fav;
}

.p-single-space-header__inner .grid-heading {
  padding-inline: calc(5 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-header__inner .grid-card-list {
    justify-content: center;
  }
}
.p-single-space-nav-block {
  display: block flex;
  position: sticky;
  margin-top: calc(var(--header-height) * -1 * var(--vunit));
  padding-top: calc(var(--header-height) * var(--vunit));
  z-index: 400;
  width: 100%;
}
@media screen and (max-width: 1080.9px) {
  .p-single-space-nav-block {
    top: calc(-3 * var(--vunit));
  }
}
@media screen and (min-width: 1081px) {
  .p-single-space-nav-block {
    top: 0;
  }
}

.p-single-space-nav {
  display: block flex;
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-200);
  width: 100%;
}
.p-single-space-nav:has(.is-sticky) .shadow {
  opacity: 1;
}
.p-single-space-nav .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(var(--header-height) * var(--vunit));
  background-color: var(--color-white);
  width: 100%;
  z-index: 0;
}
.p-single-space-nav .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1 * var(--vunit));
  box-shadow: 0 4px 8px 8px var(--shadow015), 0 1px 3px 0 var(--shadow03);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.p-single-space-nav ul {
  display: block flex;
  max-width: calc(1120 * var(--vunit));
  margin-inline: auto;
  width: 100%;
  z-index: 1;
}
.p-single-space-nav ul li {
  display: block flex;
  width: 100%;
}
.p-single-space-nav a {
  display: block grid;
  place-content: center;
  position: relative;
  width: 100%;
  height: calc(63 * var(--vunit));
  color: var(--color-green-500);
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0rem;
}
.p-single-space-nav a.is-current:after {
  opacity: 1;
}
.p-single-space-nav a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  height: calc(3 * var(--vunit));
  background-color: var(--color-green-500);
  border-top-left-radius: var(--infinity);
  border-top-right-radius: var(--infinity);
}

.p-single-space-sec-inn-info__inner .l-grid--col2 {
  width: 100%;
  margin-inline: auto;
  padding-top: calc(32 * var(--vunit));
  -moz-column-gap: clamp(30 * var(--vunit), 4.1015625dvi, 63 * var(--vunit));
       column-gap: clamp(30 * var(--vunit), 4.1015625dvi, 63 * var(--vunit));
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-sec-inn-info__inner .l-grid--col2 {
    --_columns: 1fr auto;
  }
}
.p-single-space-sec-inn-info__inner .grid-section-lead {
  display: block grid;
  height: 100%;
}
.p-single-space-sec-inn-info__inner .grid-section-lead .grid-tags {
  padding-top: calc(2 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-section-lead .grid-tags {
    display: none;
  }
}
.p-single-space-sec-inn-info__inner .grid-section-lead > .grid-heading {
  margin-top: calc(32 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-section-lead > .grid-heading {
    display: none;
  }
}
.p-single-space-sec-inn-info__inner .grid-section-lead .grid-lead {
  margin-top: calc(24 * var(--vunit));
  padding-bottom: calc(28 * var(--vunit));
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-200);
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-section-lead .grid-lead {
    order: 3;
  }
}
.p-single-space-sec-inn-info__inner .grid-section-lead .grid-lead .lead {
  margin-top: calc(8 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-review {
    order: 1;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-sec-inn-info__inner .grid-review {
    margin-top: calc(22 * var(--vunit));
  }
}
.p-single-space-sec-inn-info__inner .grid-review .grid-review__inner {
  padding: unset;
}
.p-single-space-sec-inn-info__inner .grid-review .grid-average-score {
  display: block flex;
  align-items: center;
  min-height: calc(56 * var(--vunit));
  width: 100%;
}
.p-single-space-sec-inn-info__inner .grid-review .grid-average-score strong {
  font-family: var(--font-Roboto);
  font-size: 2.4rem;
  font-weight: var(--fw-midium);
  line-height: 1.3333333333;
  letter-spacing: 0rem;
}
.p-single-space-sec-inn-info__inner .grid-review .grid-average-score .star {
  margin-left: calc(8 * var(--vunit));
  color: var(--color-yellow-500);
}
.p-single-space-sec-inn-info__inner .grid-review .grid-average-score .count {
  margin-left: calc(8 * var(--vunit));
  margin-top: calc(2 * var(--vunit));
  color: var(--color-green-500);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  letter-spacing: 0rem;
}
.p-single-space-sec-inn-info__inner .grid-photo {
  margin-top: calc(32 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo {
    order: 2;
  }
}
.p-single-space-sec-inn-info__inner .grid-photo .grid-heading {
  display: block flex;
  align-items: center;
  min-height: calc(56 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .grid-heading {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .grid-more {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .photo-list {
    grid-area: unset;
    display: block flex;
  }
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .splide,
  .p-single-space-sec-inn-info__inner .grid-photo .splide__track,
  .p-single-space-sec-inn-info__inner .grid-photo .splide__list {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .splide-controller {
    display: none;
  }
}
.p-single-space-sec-inn-info__inner .grid-photo .card-photo {
  border-radius: calc(8 * var(--vunit));
  overflow: clip;
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
}
.p-single-space-sec-inn-info__inner .grid-photo .card-photo img {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-inn-info__inner .grid-photo .card-photo.sp-last a:before {
    content: "";
    position: absolute;
    display: block grid;
    place-content: center;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: var(--shadow04);
    pointer-events: none;
  }
  .p-single-space-sec-inn-info__inner .grid-photo .card-photo.sp-last:before, .p-single-space-sec-inn-info__inner .grid-photo .card-photo.sp-last:after {
    position: absolute;
    inset: 0;
    display: block grid;
    place-content: center;
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--color-font-w);
    font-size: 1.2rem;
    font-weight: var(--regular);
    line-height: 1.3333333333;
    letter-spacing: 0rem;
    z-index: 1;
    pointer-events: none;
  }
  .p-single-space-sec-inn-info__inner .grid-photo .card-photo.sp-last:before {
    content: "全て見る";
    top: 55%;
  }
  .p-single-space-sec-inn-info__inner .grid-photo .card-photo.sp-last:after {
    content: "";
    top: 26%;
    -webkit-mask-image: var(--icon-photo-library);
            mask-image: var(--icon-photo-library);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    -webkit-mask-position: center;
            mask-position: center;
    background-color: var(--color-white);
    width: calc(24 * var(--vunit));
    aspect-ratio: 24/24;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.p-single-space-sec-inn-info__inner .grid-info {
  display: block grid;
  align-content: start;
  height: 100%;
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-sec-inn-info__inner .grid-info {
    gap: calc(16 * var(--vunit));
  }
}
.p-single-space-sec-plan__inner .grid-heading {
  width: 100%;
}
.p-single-space-sec-plan__inner .grid-search {
  width: 100%;
  margin-top: calc(20 * var(--vunit));
}
.p-single-space-sec-plan__inner .grid-search .search-box {
  width: 100%;
  background-color: var(--color-green-300);
}
.p-single-space-sec-plan__inner .grid-search .search-box #feas-searchform-4 {
  max-width: unset;
}
.p-single-space-sec-plan__inner > .tag-list {
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(10 * var(--vunit));
}
.p-single-space-sec-plan__inner .grid-tablist {
  display: block flex;
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-plan__inner .grid-tablist {
    margin-inline: var(--margin-inline-over);
    width: 100vw;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-sec-plan__inner .grid-tablist {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-single-space-sec-plan__inner .grid-tab-plan,
  .p-single-space-sec-plan__inner .grid-tab-room {
    margin-inline: var(--margin-inline-over);
    padding-inline: calc(16 * var(--vunit));
    width: 100vw;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-single-space-sec-plan__inner .grid-tab-plan,
  .p-single-space-sec-plan__inner .grid-tab-room {
    width: 100%;
  }
}
.p-single-space-sec-plan__inner .grid-all-plan {
  width: 100%;
  margin-top: calc(20 * var(--vunit));
}

.p-single-space-sec-charm__inner .flex-list [class*=l-flex--100] .img {
  aspect-ratio: 1120/320;
}
.p-single-space-sec-charm__inner .flex-list [class*=l-flex--50] .img {
  aspect-ratio: 552/240;
}
.p-single-space-sec-charm__inner .flex-list .img {
  width: 100%;
  border-radius: calc(8 * var(--vunit));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-single-space-sec-meal__inner .flex-list [class*=l-flex--33] {
  --_flow: column;
}
.p-single-space-sec-meal__inner .flex-list .img {
  width: 100%;
  aspect-ratio: 363/240;
  border-radius: calc(8 * var(--vunit));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-single-space-sec10__inner .flex-list .img {
  width: 100%;
  aspect-ratio: 380/182;
  border-radius: calc(8 * var(--vunit));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 767px) {
  .p-single-space-sec06__inner .grid-article-list {
    margin-top: calc(10 * var(--vunit));
  }
}

@media screen and (max-width: 767px) {
  .p-single-space-sec12__inner .grid-article-list {
    margin-top: calc(10 * var(--vunit));
  }
}

.p-card-area-side {
  display: block grid;
  grid-template: "ttl image" minmax(0, auto)/65% 35%;
  background-color: var(--color-white);
  border: calc(1 * var(--vunit)) solid var(--color-white);
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: var(--card-m-box-shadow);
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-card-area-side {
    width: 100%;
    height: 100%;
    aspect-ratio: 182/52;
    border-radius: calc(10 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-area-side {
    width: 100%;
    aspect-ratio: 239/52;
    border-radius: var(--card-m-radius);
    height: calc(52 * var(--vunit));
  }
}
.p-card-area-side:focus-visible {
  opacity: 0.8;
}
@media (any-hover: hover) {
  .p-card-area-side:hover {
    opacity: 0.8;
  }
}
.p-card-area-side .title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: ttl;
  display: block grid;
  justify-content: start;
  align-content: center;
  height: 100%;
  padding-inline: calc(11 * var(--vunit));
  color: var(--color-green-500);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.p-card-area-side .image {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: image;
  height: 100%;
  margin-left: auto;
  border-top-right-radius: calc(10 * var(--vunit));
  border-bottom-right-radius: calc(10 * var(--vunit));
  overflow: clip;
}
.p-card-area-side .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 767.1px) {
  .p-card-area-side .image img {
    aspect-ratio: 86/50;
  }
}
.p-card-area-side .image.image01 img {
  -o-object-position: 0 0;
     object-position: 0 0;
}

.p-card-balloon-list {
  display: block grid;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-card-balloon-list {
    grid-template-columns: 1fr;
    row-gap: calc(40 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-balloon-list {
    grid-template-columns: repeat(auto-fit, minmax(calc(100 * var(--vunit)), 1fr));
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
}

.p-card-balloon {
  display: block grid;
}
@media screen and (max-width: 767px) {
  .p-card-balloon {
    row-gap: 0;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-balloon {
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
.p-card-balloon .bg-balloon {
  color: var(--color-font-w);
  background: #376d6b;
}
.p-card-balloon .grid-title {
  text-align: center;
  align-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-card-balloon .grid-title {
    padding-block: calc(20 * var(--vunit)) calc(10 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-balloon .grid-title {
    padding-block: calc(20 * var(--vunit));
  }
}
.p-card-balloon .grid-text {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-card-balloon .grid-text {
    padding-inline: calc(30 * var(--vunit));
  }
}
@media screen and (max-width: 767px) {
  .p-card-balloon .grid-text {
    min-height: calc(80 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-balloon .grid-text {
    min-height: calc(100 * var(--vunit));
  }
}
.p-card-balloon .grid-text:after {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: calc(-14 * var(--vunit));
  width: calc(30 * var(--vunit));
  height: calc(15 * var(--vunit));
  background-color: #376d6b;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.p-card-balloon .text {
  border-top: calc(1 * var(--vunit)) dotted currentColor;
  padding-block: calc(10 * var(--vunit)) calc(20 * var(--vunit));
  padding-inline: calc(10 * var(--vunit));
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0rem;
}
.p-card-balloon .photo img {
  width: 100%;
}

.p-card-inn,
[class*=p-card-inn--] {
  transform: translateZ(0);
  height: 100%;
  border-radius: var(--card-m-radius);
  box-shadow: var(--card-m-box-shadow);
  border: calc(1 * var(--vunit)) solid var(--color-gray-200);
  cursor: pointer;
  transition: opacity 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
  background-color: var(--color-white);
}
.p-card-inn:focus-visible,
[class*=p-card-inn--]:focus-visible {
  opacity: 0.8;
}
@media (any-hover: hover) {
  .p-card-inn:hover,
  [class*=p-card-inn--]:hover {
    opacity: 0.8;
  }
}
.p-card-inn .card-link,
[class*=p-card-inn--] .card-link {
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.p-card-inn .thumb,
[class*=p-card-inn--] .thumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: thumb;
  display: block grid;
  grid-template: "stack" minmax(0, auto)/1fr;
  width: 100%;
  aspect-ratio: 240/140;
  border-top-left-radius: var(--card-m-radius);
  border-top-right-radius: var(--card-m-radius);
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.p-card-inn .thumb > *,
[class*=p-card-inn--] .thumb > * {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
}
.p-card-inn .thumb img,
[class*=p-card-inn--] .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-card-inn .thumb .rank,
[class*=p-card-inn--] .thumb .rank {
  left: calc(11 * var(--vunit));
}
.p-card-inn .thumb .card-label,
[class*=p-card-inn--] .thumb .card-label {
  place-content: center;
  height: -moz-fit-content;
  height: fit-content;
  border-bottom-right-radius: calc(10 * var(--vunit));
  background-color: var(--color-green-500);
  color: var(--color-font-w);
  text-align: center;
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-card-inn .thumb .card-label.new,
[class*=p-card-inn--] .thumb .card-label.new {
  width: calc(52 * var(--vunit));
  aspect-ratio: 52/26;
}
.p-card-inn .thumb .card-label.limited-member,
[class*=p-card-inn--] .thumb .card-label.limited-member {
  padding-inline: calc(10 * var(--vunit));
  padding-block: calc(5 * var(--vunit));
  width: -moz-fit-content;
  width: fit-content;
}
.p-card-inn .name, .p-card-inn .inn-name,
[class*=p-card-inn--] .name,
[class*=p-card-inn--] .inn-name {
  margin-top: calc(30 * var(--vunit));
  padding-inline: calc(8 * var(--vunit));
}
.p-card-inn .name,
[class*=p-card-inn--] .name {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: name;
}
@media screen and (max-width: 767px) {
  .p-card-inn .name,
  [class*=p-card-inn--] .name {
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    line-height: 1.375;
    letter-spacing: 0rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-inn .name,
  [class*=p-card-inn--] .name {
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    line-height: 1.375;
    letter-spacing: 0rem;
  }
}
.p-card-inn .inn-name,
[class*=p-card-inn--] .inn-name {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: inn-name;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.p-card-inn .area,
[class*=p-card-inn--] .area {
  grid-area: area;
  padding-left: calc(8 * var(--vunit));
  color: var(--color-gray-600);
  margin-top: calc(4 * var(--vunit));
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0rem;
}
.p-card-inn .rating,
[class*=p-card-inn--] .rating {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: rating;
  align-content: center;
  padding-right: calc(8 * var(--vunit));
  color: var(--color-yellow-500);
}
@media screen and (max-width: 767px) {
  .p-card-inn .rating,
  [class*=p-card-inn--] .rating {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-inn .rating,
  [class*=p-card-inn--] .rating {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0rem;
  }
}
.p-card-inn .tag-list,
[class*=p-card-inn--] .tag-list {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: tags;
  padding-inline: calc(8 * var(--vunit));
}
.p-card-inn .area-list,
[class*=p-card-inn--] .area-list {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-list;
  padding-inline: calc(8 * var(--vunit));
}
.p-card-inn .grid-price,
[class*=p-card-inn--] .grid-price {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: price;
  padding-inline: calc(8 * var(--vunit));
  padding-bottom: calc(16 * var(--vunit));
  text-align: end;
}
.p-card-inn .grid-price .price-off,
[class*=p-card-inn--] .grid-price .price-off {
  color: var(--color-green-500);
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-card-inn .grid-price .price,
[class*=p-card-inn--] .grid-price .price {
  display: block flex;
  flex-direction: column;
}
.p-card-inn .grid-price .price del,
[class*=p-card-inn--] .grid-price .price del {
  color: var(--color-gray-400);
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-card-inn .grid-price .price .price-text,
[class*=p-card-inn--] .grid-price .price .price-text {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-card-inn .grid-price .price .price-text strong,
[class*=p-card-inn--] .grid-price .price .price-text strong {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0rem;
}
.p-card-inn .dog-info,
[class*=p-card-inn--] .dog-info {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: dog-info;
  display: block grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding-inline: calc(8 * var(--vunit));
  gap: calc(8 * var(--vunit));
}
.p-card-inn .dog-info .dog-thumb,
[class*=p-card-inn--] .dog-info .dog-thumb {
  border-radius: var(--infinity);
  overflow: clip;
  width: calc(32 * var(--vunit));
  aspect-ratio: 1;
  height: -moz-fit-content;
  height: fit-content;
}
.p-card-inn .post-title,
[class*=p-card-inn--] .post-title {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: post-title;
  padding-inline: calc(8 * var(--vunit));
}
.p-card-inn .lead,
[class*=p-card-inn--] .lead {
  grid-area: lead;
  padding-inline: calc(8 * var(--vunit));
  font-size: 1.1rem;
  font-weight: var(--fw-regular);
  line-height: 1.5454545455;
  letter-spacing: 0rem;
}

.p-card-inn--limited-member {
  display: block grid;
  grid-template: "thumb thumb " minmax(0, auto) "name  name  " minmax(0, auto) "area  rating" minmax(0, auto) "tags  tags  " minmax(0, auto) "price price " minmax(0, 1fr)/1fr auto;
}
.p-card-inn--limited-member .tag-list {
  margin-top: calc(15 * var(--vunit));
}
.p-card-inn--limited-member .grid-price {
  padding-top: calc(20 * var(--vunit));
  margin-top: auto;
}

.p-card-inn--default {
  display: block grid;
  grid-template: "thumb" minmax(0, auto) "name " minmax(0, auto) "area " minmax(0, auto) "rating" minmax(0, auto) "price" minmax(0, 1fr)/1fr;
}
.p-card-inn--default .name {
  margin-top: calc(30 * var(--vunit));
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  line-height: 1.25;
}
.p-card-inn--default .rating {
  padding-inline: calc(8 * var(--vunit));
  margin-top: calc(9 * var(--vunit));
}
.p-card-inn--default .grid-price {
  padding-top: calc(20 * var(--vunit));
  margin-top: auto;
}

.p-card-inn--side {
  display: block grid;
  /*
  grid-template:
    "name thumb" minmax( 0, auto)
    "area thumb " minmax( 0, auto)
    "rating thumb" minmax( 0, auto)
    "price thumb" minmax( 0, 1fr)
  / 1fr auto;
  //  以下レーティング・値段縦並び用
  .rating{
    margin-top: vunit(3);
    padding-inline: vunit(16);
  }
  .grid-price{
    margin-top: auto;
    padding-inline: vunit(16);
  }
  */
  grid-template: "name name thumb" minmax(0, auto) "area area thumb " minmax(0, auto) "rating price thumb" minmax(0, 1fr)/auto 1fr auto;
  align-items: end;
}
.p-card-inn--side .rating {
  padding-inline: calc(16 * var(--vunit)) 0;
  padding-block: calc(0 * var(--vunit)) calc(18 * var(--vunit));
}
.p-card-inn--side .grid-price {
  padding-top: calc(4 * var(--vunit));
  margin-top: auto;
  padding-inline: 0 calc(16 * var(--vunit));
}
.p-card-inn--side .thumb {
  aspect-ratio: 150/125;
  max-width: calc(150 * var(--vunit));
  height: 100%;
  border-top-left-radius: unset;
  border-bottom-right-radius: var(--card-m-radius);
  border-top-right-radius: var(--card-m-radius);
}
.p-card-inn--side .name {
  margin-top: calc(17 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  line-height: 1.25;
}
.p-card-inn--side .area {
  margin-top: calc(4 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
  font-size: 1.2rem;
  line-height: 1.8333333333;
}

.p-card-inn--ambassador-report {
  display: block grid;
  grid-template: "thumb" minmax(0, auto) "dog-info" minmax(0, auto) "area-list " minmax(calc(33 * var(--vunit)), auto) "inn-name " minmax(0, auto) "lead " minmax(0, 1fr)/1fr;
  padding-bottom: calc(19 * var(--vunit));
}
.p-card-inn--ambassador-report .dog-info {
  padding-top: calc(8 * var(--vunit));
  font-size: 1.2rem;
  font-weight: var(--fw-regular);
  line-height: 1.4166666667;
  letter-spacing: 0rem;
}
.p-card-inn--ambassador-report .area-list {
  padding-top: calc(8 * var(--vunit));
}
.p-card-inn--ambassador-report .inn-name {
  padding-top: calc(8 * var(--vunit));
  margin-top: 0;
}
.p-card-inn--ambassador-report .lead {
  padding-top: calc(8 * var(--vunit));
}

.p-card-inn--ambassador-intro {
  display: block grid;
  grid-template: "dog-thumb" minmax(0, auto) "dog-name" minmax(0, 1fr)/1fr;
  padding-inline: calc(16 * var(--vunit));
  padding-block: calc(16 * var(--vunit));
  justify-content: center;
  justify-items: center;
  align-content: start;
  border-radius: var(--card-l-radius);
}
.p-card-inn--ambassador-intro .dog-thumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: dog-thumb;
  border-radius: var(--infinity);
  overflow: clip;
  height: -moz-fit-content;
  height: fit-content;
}
.p-card-inn--ambassador-intro .dog-name {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: dog-name;
  padding-top: calc(10 * var(--vunit));
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  line-height: 1.6666666667;
  letter-spacing: 0rem;
}

.p-card-inn--interview {
  display: block grid;
  grid-template: "thumb" minmax(0, auto) "area-list " minmax(calc(33 * var(--vunit)), auto) "inn-name " minmax(0, auto) "post-title " minmax(0, auto) "lead " minmax(0, 1fr)/1fr;
  padding-bottom: calc(24 * var(--vunit));
}
.p-card-inn--interview .area-list {
  padding-top: calc(8 * var(--vunit));
}
.p-card-inn--interview .inn-name {
  padding-top: calc(8 * var(--vunit));
  margin-top: 0;
  color: var(--color-gray-600);
}
.p-card-inn--interview .post-title {
  padding-top: calc(8 * var(--vunit));
}
.p-card-inn--interview .lead {
  padding-top: calc(8 * var(--vunit));
}

.p-card-inn--useful-column {
  display: block grid;
  grid-template: "thumb" minmax(0, auto) "post-title" minmax(0, 1fr)/1fr;
  border-radius: unset;
  box-shadow: unset;
  border: unset;
}
.p-card-inn--useful-column .thumb {
  aspect-ratio: 154/107;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.p-card-inn--useful-column .post-title {
  padding-inline: 0;
  padding-top: calc(8 * var(--vunit));
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 1.1rem;
  font-weight: var(--fw-regular);
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}

.p-headline-news {
  display: block grid;
  grid-template: "time tag" minmax(0, auto) "title title" minmax(0, 1fr)/auto 1fr;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  -moz-column-gap: calc(8 * var(--vunit));
       column-gap: calc(8 * var(--vunit));
  row-gap: calc(12 * var(--vunit));
  padding-block: calc(15 * var(--vunit)) calc(12 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-200);
}
.p-headline-news time {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: time;
  color: var(--color-gray-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  letter-spacing: 0.01rem;
}
.p-headline-news .tag-list {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: tag;
  display: block flex;
  gap: calc(8 * var(--vunit));
}
.p-headline-news .title {
  grid-area: title;
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  letter-spacing: 0rem;
}

.p-card-space-plan,
[class*=p-card-space-plan--] {
  display: block grid;
  border: calc(1 * var(--vunit)) solid var(--color-gray-200);
  border-radius: calc(8 * var(--vunit));
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan,
  [class*=p-card-space-plan--] {
    padding-block: calc(20 * var(--vunit)) 0;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan,
  [class*=p-card-space-plan--] {
    padding-inline: calc(20 * var(--vunit));
    padding-block: calc(20 * var(--vunit));
  }
}

.p-card-space-plan__header {
  display: block grid;
  -moz-column-gap: calc(20 * var(--vunit));
       column-gap: calc(20 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header {
    grid-template: "title" minmax(0, auto) "hour" minmax(0, auto) "img" minmax(0, auto)/1fr;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__header {
    grid-template: "img title" minmax(0, auto) "img hour" minmax(0, 1fr)/auto 1fr;
  }
}
.p-card-space-plan__header .img {
  grid-area: img;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .img {
    margin-top: calc(10 * var(--vunit));
  }
}
.p-card-space-plan__header .plan-title {
  grid-area: title;
  padding-top: calc(16 * var(--vunit));
  font-size: 2.2rem;
  line-height: 1.2727272727;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .plan-title {
    padding-inline: calc(16 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__header .plan-title {
    padding-inline: 0 calc(16 * var(--vunit));
  }
}
.p-card-space-plan__header .tag-list {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: tags;
  margin-top: calc(8 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .tag-list {
    padding-inline: calc(16 * var(--vunit));
  }
}
.p-card-space-plan__header .business-hours {
  grid-area: hour;
  margin-top: calc(16 * var(--vunit));
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .business-hours {
    padding-inline: calc(16 * var(--vunit));
  }
}
.p-card-space-plan__header .business-hours .in,
.p-card-space-plan__header .business-hours .out {
  font-weight: bold;
  color: var(--color-green-500);
}
.p-card-space-plan__header .links {
  grid-area: links;
  display: block flex;
  align-content: start;
  gap: calc(20 * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  margin-top: calc(8 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .links {
    padding-inline: calc(16 * var(--vunit));
  }
}
.p-card-space-plan__header .links .link {
  display: block flex;
  align-items: center;
  gap: calc(8 * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
  color: var(--color-green-500);
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header.is-room {
    grid-template: "title" minmax(0, auto) "tags" minmax(0, auto) "hour" minmax(0, auto) "links" minmax(0, auto) "img" minmax(0, auto)/1fr;
  }
  .p-card-space-plan__header.is-room > .img {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header.is-room > .business-hours {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header .links {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__header.is-room {
    grid-template: "img title" minmax(0, auto) "img tags" minmax(0, auto) "img hour" minmax(0, auto) "img links" minmax(0, 1fr)/auto 1fr;
  }
  .p-card-space-plan__header.is-room > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header.is-room > .business-hours {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .p-card-space-plan__header.is-room > .links {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
}

.p-card-space-plan__item-list {
  display: block flex;
  width: 100%;
  margin-top: calc(16 * var(--vunit));
  gap: calc(16 * var(--vunit));
}

.p-card-space-plan__item {
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  display: block grid;
  width: 100%;
  padding-inline: calc(16 * var(--vunit));
  padding-block: calc(18 * var(--vunit));
  border: calc(1 * var(--vunit)) solid var(--color-gray-200);
  box-sizing: border-box;
  border-radius: calc(8 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__item {
    grid-template: "title title" minmax(0, auto) "tags  tags" minmax(0, auto) "img   price" minmax(0, auto) "reserve reserve" minmax(0, auto)/auto 1fr auto;
    margin-inline: auto;
    max-width: calc(100% - 32 * var(--vunit));
  }
  .p-card-space-plan__item > .img {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__item {
    grid-template: "img .     price reserve" minmax(0, 1fr) "img title price reserve" minmax(0, auto) "img tags  price reserve" minmax(0, auto) "img .     price reserve" minmax(0, 1fr)/auto 1fr auto auto;
  }
  .p-card-space-plan__item > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
}
.p-card-space-plan__item .img {
  grid-area: img;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: calc(20 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__item .img {
    margin-top: calc(10 * var(--vunit));
    width: calc(118 * var(--vunit));
    aspect-ratio: 118/64;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__item .img {
    width: calc(163 * var(--vunit));
    aspect-ratio: 163/84;
  }
}
.p-card-space-plan__item .room-title {
  grid-area: title;
  color: var(--color-font-b);
  text-align: start;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0rem;
}
.p-card-space-plan__item .tag-list {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: tags;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__item .tag-list {
    margin-top: calc(10 * var(--vunit));
  }
}
.p-card-space-plan__item .grid-price {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: price;
  margin-block: auto;
}
.p-card-space-plan__item .reserve-button {
  grid-area: reserve;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__item .reserve-button {
    margin-top: calc(10 * var(--vunit));
    width: 100%;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-card-space-plan__item .reserve-button {
    margin-block: auto;
    padding-left: calc(24 * var(--vunit));
  }
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__item .reserve-button a {
    --_btn-height:40;
    padding-block: unset;
    width: 100%;
  }
}

.p-card-space-plan__see-more {
  width: 100%;
  transition: margin-top 0.3s ease;
}
.p-card-space-plan__see-more .details {
  display: block grid;
  text-align: center;
  color: var(--color-green-500);
  width: 100%;
}
.p-card-space-plan__see-more .details [class*=c-icon] {
  margin-right: calc(16 * var(--vunit));
}
.p-card-space-plan__see-more .details[open] .open {
  display: none;
}
.p-card-space-plan__see-more .details:not([open]) .close {
  display: none;
}
.p-card-space-plan__see-more .details summary {
  order: 2;
  min-height: calc(52 * var(--vunit));
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__see-more .details summary {
    margin-top: calc(16 * var(--vunit));
    border-top: calc(1 * var(--vunit)) solid var(--color-gray-200);
  }
}
.p-card-space-plan__see-more .details .contents {
  order: 1;
  width: 100%;
  box-sizing: border-box;
}
.p-card-space-plan__see-more .details .contents .top-space {
  display: block;
  height: calc(20 * var(--vunit));
}
.p-card-space-plan__see-more .details .contents .p-card-space-plan__item + .p-card-space-plan__item {
  margin-top: calc(20 * var(--vunit));
}

/* .p-space-favorite-button {
  display: block grid;
  background-color: var(--color-white);
  border-radius: var(--infinity);
  padding-inline: calc(10 * var(--vunit));
  padding-block: calc(10 * var(--vunit));
  transition: opacity 0.3s ease;
}
.p-space-favorite-button .icon {
  --_icon-col: var(--color-gray-200);
}
.p-space-favorite-button.is-gray {
  background-color: var(--color-gray-100);
  border: calc(1 * var(--vunit)) solid var(--color-green-350);
  transform: translateZ(0);
  filter: drop-shadow(0 calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--shadow01));
}
.p-space-favorite-button.is-gray .icon {
  --_icon-col: var(--color-green-350);
}
.p-space-favorite-button.is-favorite {
  background-color: var(--color-gray-100);
  filter: drop-shadow(0 calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--shadow01));
}
.p-space-favorite-button.is-favorite .icon {
  --_icon-col: var(--color-green-500);
  --_iw-pc: 20;
  --_ih-pc: 19;
  -webkit-mask-image: var(--icon-heart-fill);
          mask-image: var(--icon-heart-fill);
}
.p-space-favorite-button:focus-visible {
  opacity: 0.8;
}
@media (any-hover: hover) {
  .p-space-favorite-button:hover {
    opacity: 0.8;
  }
}

.p-space-reserve {
  display: block grid;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: start;
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(20 * var(--vunit));
  border-radius: var(--card-m-radius);
  background-color: var(--color-white);
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: calc(24 * var(--vunit));
}
.p-space-reserve .grid-price {
  text-align: end;
}
.p-space-price {
  text-align: end;
}
.p-space-price .off-title {
  color: var(--color-green-500);
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-space-price .strike-text {
  color: var(--color-gray-400);
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-space-price .price-text {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
  color: var(--color-font-b);
}
.p-space-price .price-text strong {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0rem;
}

.p-space-heading .areas {
  color: var(--color-gray-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.p-space-heading .title {
  margin-top: calc(4 * var(--vunit));
  font-size: 2.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.3333333333;
}
.p-space-heading .business-hour {
  margin-top: calc(4 * var(--vunit));
  color: var(--color-gray-600);
  font-size: 1.1rem;
  line-height: 1.4545454545;
}
.p-space-heading .business-hour .in, .p-space-heading .business-hour .out {
  font-weight: var(--fw-bold);
  color: var(--color-green-500);
}
.p-space-heading .business-hour .out {
  margin-left: calc(4 * var(--vunit));
}

.p-space-review-list {
  display: block flex;
  flex-direction: column;
  gap: calc(16 * var(--vunit));
}
.p-space-review-list li {
  width: 100%;
}

.p-space-review-list--col2 {
  flex-direction: unset;
}
.p-space-review-list--col2 li {
  width: 50%;
}

.p-space-review-item {
  display: block grid;
  grid-template: "title score" minmax(0, auto) "cond  cond" minmax(0, auto) "text text" minmax(0, auto) "user user" minmax(0, auto)/1fr;
  padding: calc(16 * var(--vunit));
  background-color: var(--color-gray-100);
  border-radius: calc(16 * var(--vunit));
}
.p-space-review-item .title {
  grid-area: title;
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.p-space-review-item .score {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: score;
  color: var(--color-yellow-500);
}
.p-space-review-item .condition {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: cond;
  color: var(--color-gray-600);
  font-size: 1.1rem;
  line-height: 1.4545454545;
}
.p-space-review-item .lead {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: text;
  margin-top: calc(8 * var(--vunit));
  font-size: 1.2rem;
  line-height: 1.4166666667;
}
.p-space-review-item .post-user {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: user;
  display: inline;
  text-align: end;
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}
.p-space-review-item .post-user .post-date {
  margin-left: calc(8 * var(--vunit));
}

.p-space-pet-info {
  width: 100%;
  padding-block: calc(16 * var(--vunit));
}
@media print, screen and (min-width: 767.1px) {
  .p-space-pet-info {
    max-width: clamp(300 * var(--vunit), 26.8229166667dvi, 412 * var(--vunit));
    padding-inline: calc(16 * var(--vunit));
    border: calc(1 * var(--vunit)) solid var(--color-gray-200);
    border-radius: calc(16 * var(--vunit));
  }
}
.p-space-pet-info .grid-list {
  gap: calc(8 * var(--vunit));
  margin-top: calc(16 * var(--vunit));
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-space-pet-info .note {
  margin-top: calc(16 * var(--vunit));
  font-size: 1.1rem;
  line-height: 1.4545454545;
  letter-spacing: 0rem;
}

.p-space-pet-info-icon {
  display: block grid;
  grid-template: "icon" minmax(calc(40 * var(--vunit)), auto) "title" minmax(calc(30 * var(--vunit)), 1fr)/1fr;
  border: calc(1 * var(--vunit)) solid var(--color-gray-100);
  border-radius: calc(8 * var(--vunit));
}
.p-space-pet-info-icon .icon {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: icon;
  justify-items: center;
  align-items: center;
  background-color: var(--color-gray-100);
  height: 100%;
} */
@media print, screen and (min-width: 767.1px) {
  .p-home-sec17__inner .grid-lead > .icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header > .business-hours {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-card-space-plan__header > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header.is-room > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__item > .img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__item > .reserve-button {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .p-home-sec17__inner .grid-lead > .icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-card-space-plan__header .img {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header .business-hours {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__item .img {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__header.is-room > .img {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__item > .img {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-card-space-plan__item .reserve-button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
/* .p-space-pet-info-icon .icon img {
  width: calc(38 * var(--vunit));
  height: -moz-fit-content;
  height: fit-content;
}
.p-space-pet-info-icon .title {
  grid-area: title;
  text-align: center;
  padding-top: calc(4 * var(--vunit));
  font-size: 0.9rem;
  font-weight: var(--fw-bold);
  line-height: 1.2222222222;
  letter-spacing: 0rem;
}

.p-space-off-info {
  width: 100%;
  padding-block: calc(16 * var(--vunit));
  padding-inline: calc(16 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .p-space-off-info {
    background-color: var(--color-gray-100);
    margin-inline: var(--margin-inline-over);
    width: 100vw;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-space-off-info {
    max-width: clamp(300 * var(--vunit), 26.8229166667dvi, 412 * var(--vunit));
    border: calc(1 * var(--vunit)) solid var(--color-gray-200);
    border-radius: calc(16 * var(--vunit));
  }
}
.p-space-off-info .off-image {
  width: 100%;
}
.p-space-off-info .off-image img {
  width: 100%;
}
.p-space-off-info .title {
  margin-top: calc(16 * var(--vunit));
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0rem;
}
.p-space-off-info .desc {
  margin-top: calc(8 * var(--vunit));
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0rem;
}
.p-space-off-info .l-btn {
  margin-top: calc(16 * var(--vunit));
} */

.p-mv-home {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-mv-home {
    min-height: calc(410 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-home {
    height: 100vh;
    align-items: start;
  }
}

.p-mv-home > .l-background {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-mv-home > .l-background {
    height: 100%;
  }
}
.p-mv-home > .l-background .bg {
  place-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: calc(100% + 1px);
}
.p-mv-home > .l-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: calc(-50% - 1px);
  translate: 0 50%;
}
@media screen and (max-width: 767px) {
  .p-mv-home > .l-background img {
    aspect-ratio: 412/410;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-home > .l-background img {
    aspect-ratio: 1280/832;
  }
}

.p-mv-home__inner {
  --layout-inner-pc: calc( 937 );
  --_inner-justify: start;
  align-items: start;
  align-self: end;
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-home__inner {
    --layout-inner-margin-pc: 80;
  }
}
.p-mv-home__inner .grid-title {
  display: block grid;
  justify-content: center;
}
.p-mv-home__inner .grid-title .mv-title {
  color: var(--color-font-w);
  transform: translateZ(0);
  filter: drop-shadow(0 calc(3 * var(--vunit)) calc(4 * var(--vunit)) var(--shadow03)) drop-shadow(0 calc(6 * var(--vunit)) calc(8 * var(--vunit)) var(--shadow03));
}
@media screen and (max-width: 767px) {
  .p-mv-home__inner .grid-title .mv-title {
    font-size: calc(23 * var(--vunit));
    font-weight: var(--fw-bold);
    line-height: 1.2173913043;
    letter-spacing: 0.3rem;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-home__inner .grid-title .mv-title {
    font-size: calc(47 * var(--vunit));
    font-weight: var(--fw-bold);
    line-height: 1.2765957447;
  }
}
@media print, screen and (min-width: 767.1px) and (max-width: 1280px) {
  .p-mv-home__inner .grid-title .mv-title {
    letter-spacing: 1.6rem;
  }
}
@media print, screen and (min-width: 1020.1px) {
  .p-mv-home__inner .grid-title .mv-title {
    letter-spacing: 2rem;
  }
}

.p-mv-home__inner .grid-search {
  display: block grid;
  background-color: var(--color-white);
  border-radius: var(--card-l-radius);
  transform: translateZ(0);
  filter: var(--card-m-shadow);
}
@media screen and (max-width: 767px) {
  .p-mv-home__inner .search0 {
    top:62%;
  }
  .p-mv-home__inner .grid-search {
    margin-block: calc(10 * var(--vunit)) calc(16 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-home__inner .grid-search {
    margin-block: calc(77 * var(--vunit)) calc(30 * var(--vunit));
  }
}
/* .p-mv-home__inner .grid-search form .search-ttl {
  display: none;
}
.p-mv-home__inner .grid-search form .list-box.-special {
  display: none;
}
.p-mv-home__inner .grid-search form .list-box.-option {
  display: none;
}
.p-mv-home__inner .grid-search form .list-box.-cost {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-mv-home__inner .grid-search form .list-box.-facility {
    display: none;
  }
  .p-mv-home__inner .grid-search form .list-box.-area {
    display: none;
  }
} */
@media screen and (max-width: 767px) {
  .p-mv-single-space {
    min-height: calc(410 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-single-space {
    height: calc(400 * var(--vunit));
    align-items: start;
    padding-block: calc(16 * var(--vunit)) calc(32 * var(--vunit));
  }
}

.p-mv-single-space > .l-background--bg- {
  --_background-w-pc: 1280;
  --_background-h-pc: 832;
  --_background-w-sp: 412;
  --_background-h-sp: 410;
}

.p-mv-single-space__inner {
  max-width: unset;
  display: block grid;
  grid-template: "fav" minmax(0, auto) "." minmax(0, 1fr) "price" minmax(0, auto)/1fr;
  height: 100%;
  justify-items: end;
}
@media print, screen and (min-width: 767.1px) {
  .p-mv-single-space__inner {
    --layout-inner-margin-pc: 160;
  }
}
.p-mv-single-space__inner .grid-favorite-button {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: fav;
}
@media screen and (max-width: 767px) {
  .p-mv-single-space__inner .grid-favorite-button {
    display: none;
  }
}
.p-mv-single-space__inner .grid-reserve {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: price;
}
@media screen and (max-width: 767px) {
  .l-inner--card-list-inn-more .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-more {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-article-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-instagram {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-news-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead .sec-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead > .sec-title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-home-sec17__inner .grid-lead .sec-lead {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-single-space-header .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-single-space-header .grid-favorite-button {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-card-inn .lead,
[class*=p-card-inn--] .lead {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-headline-news .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead > .title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-card-space-plan__header .plan-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead > .plan-title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-card-space-plan__item .room-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-sec17__inner .grid-lead > .room-title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  /* .p-space-review-item .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  } */
  .p-home-sec17__inner .grid-lead > .title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  /* .p-space-pet-info-icon .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  } */
  .p-home-sec17__inner .grid-lead > .title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-mv-single-space__inner .grid-favorite-button {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media print, screen and (min-width: 767.1px) {
  .l-inner--card-list-inn-more .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-more {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .l-inner--card-list-inn-more .grid-more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .l-inner--card-list-inn-more .grid-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .l-inner--card-list-inn-more .grid-article-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .l-inner--card-list-inn-more .grid-instagram {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .l-inner--card-list-inn-more .grid-news-list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .p-home-area-search__inner .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner > .grid-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-home-area-search__inner .grid-map-search {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner .grid-area-search {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-home-sec17__inner .grid-lead .sec-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner > .sec-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-card-inn .area,
[class*=p-card-inn--] .area {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-headline-news .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner > .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-card-space-plan__header .plan-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner > .plan-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-card-space-plan__item .room-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-home-area-search__inner > .room-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  /* .p-space-review-item .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  } */
  .p-home-area-search__inner > .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  /* .p-space-pet-info-icon .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  } */
  .p-home-area-search__inner > .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 767px) {
  .p-mv-single-space__inner .grid-reserve {
    display: none;
  }
}
.p-section-search-conditions {
  margin-inline: auto;
  justify-self: center;
  position: relative;
}
.p-section-search-conditions__inner {
  --layout-inner-margin-sp: 0;
}

.p-section-search-facility {
  margin-inline: auto;
  justify-self: center;
  position: relative;
}
@media print, screen and (min-width: 767.1px) {
  .p-section-search-facility {
    padding-bottom: calc(80 * var(--vunit));
  }
}

.p-section-search-facility__inner {
  --layout-inner-margin-sp: 0;
}

.js-no-transition {
  transition: none !important;
}
.js-no-transition:after {
  transition: none !important;
}

[class*=js-anim-].js-noanime {
  transition: none !important;
}
[class*=js-anim-].js-noanime:after {
  transition: none !important;
}

@media print {
  [class*=js-anim-] {
    opacity: 1 !important;
    translate: 0 !important;
  }
}
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
  [class*=js-anim-]:not(.js-anim-active):not([data-animated=end]) {
    transition-property: var(--_property);
    transition-timing-function: var(--_easing);
  }
  [class*=js-anim-]:not(.js-anim-active)[data-animated=true]:not(:focus-within) {
    transition-duration: var(--_duration);
  }
  [class*=js-anim-][data-animated]:not([data-animated=end]) {
    pointer-events: none;
  }
  [class*=js-anim-clip--] {
    --_property: clip-path;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_starting-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
  }
  [class*=js-anim-clip--]:not([data-animated]) {
    opacity: var(--_start-opacity);
    clip-path: unset;
    transition: none;
  }
  [class*=js-anim-clip--][data-animated=start] {
    clip-path: var(--_starting-path);
  }
  [class*=js-anim-clip--][data-animated=true] {
    clip-path: var(--_end-path);
  }
  .js-anim-clip--x {
    --_starting-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  }
  .js-anim-clip--x:not([data-animated]) {
    --_start-opacity: 1;
    clip-path: var(--_starting-path);
  }
  .js-anim-clip--x[data-animated=true] {
    --_end-path: polygon(0 0, 0% 20%, 0 50%, 0 100%, 20% 100%, 50% 100%, 81% 100%, 100% 100%, 100% 50%, 100% 20%, 100% 0, 50% 0);
  }
  .js-anim-clip--up {
    --_starting-path: inset(100% 0 0% 0);
  }
  .js-anim-clip--down {
    --_starting-path: inset(0 0 100% 0);
  }
  .js-anim-clip--right {
    --_starting-path: inset(0 100% 0 0);
  }
  .js-anim-clip--left {
    --_starting-path: inset(0 0 0% 100%);
  }
  [class*=js-anim-clip-slide--] {
    --_property: clip-path, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_starting-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [class*=js-anim-clip-slide--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    clip-path: unset;
    transition: none;
  }
  [class*=js-anim-clip-slide--][data-animated=start] {
    clip-path: var(--_starting-path);
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-anim-clip-slide--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
  }
  .js-anim-clip-slide--up {
    --_starting-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  .js-anim-clip-slide--down {
    --_starting-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  .js-anim-clip-slide--right {
    --_starting-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  .js-anim-clip-slide--left {
    --_starting-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [class*=js-anim-clip-slide-fade--] {
    --_property: clip-path, opacity, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_starting-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [class*=js-anim-clip-slide-fade--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
    clip-path: unset;
    transition: none;
  }
  [class*=js-anim-clip-slide-fade--][data-animated=start] {
    clip-path: var(--_starting-path);
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
  }
  [class*=js-anim-clip-slide-fade--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
    opacity: 1;
  }
  .js-anim-clip-slide-fade--up {
    --_starting-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  .js-anim-clip-slide-fade--down {
    --_starting-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  .js-anim-clip-slide-fade--right {
    --_starting-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  .js-anim-clip-slide-fade--left {
    --_starting-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [class*=js-anim-clip-overlay--] {
    --_property: opacity, translate, clip-path, inset;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1.0s;
    --_start-opacity: 0;
    --_starting-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
    --_after-starting-path: var(--_starting-path );
    --_after-end-path: var(--_end-path );
    --_overlay-color: var(--color-black);
    --_overlay-duration: var(--_duration);
    --_overlay-delay: calc(var(--_overlay-duration) / 2);
    position: relative;
  }
  [class*=js-anim-clip-overlay--]::after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: var(--_overlay-color);
    transition-timing-function: var(--_easing);
    transition-property: var(--_property);
    rotate: 180deg;
  }
  [class*=js-anim-clip-overlay--]:not(:focus-within)::after {
    transition-duration: var(--_duration);
    transition-delay: calc(var(--_duration) / 2);
  }
  [class*=js-anim-clip-overlay--]:not([data-animated]) {
    clip-path: unset;
    transition: none;
  }
  [class*=js-anim-clip-overlay--]:not([data-animated])::after {
    clip-path: unset;
  }
  [class*=js-anim-clip-overlay--][data-animated=start] {
    clip-path: var(--_starting-path);
  }
  [class*=js-anim-clip-overlay--][data-animated=start]::after {
    clip-path: var(--_after-end-path);
  }
  [class*=js-anim-clip-overlay--][data-animated=true] {
    clip-path: var(--_end-path);
  }
  [class*=js-anim-clip-overlay--][data-animated=true]::after {
    clip-path: var(--_after-starting-path);
  }
  [class*=js-anim-clip-overlay--][data-animated=end] {
    clip-path: var(--_end-path);
  }
  [class*=js-anim-clip-overlay--][data-animated=end]::after {
    clip-path: var(--_after-starting-path);
  }
  .js-anim-clip-overlay--up {
    --_starting-path: inset(100% 0 0% 0);
  }
  .js-anim-clip-overlay--down {
    --_starting-path: inset(0 0 100% 0);
  }
  .js-anim-clip-overlay--right {
    --_starting-path: inset(0 100% 0 0);
  }
  .js-anim-clip-overlay--left {
    --_starting-path: inset(0 0 0% 100%);
  }
  .js-anim-clip-overlay--on {
    --_starting-path: inset(100%);
    --_duration: 1.5s;
    z-index: 1;
  }
  .js-anim-clip-overlay--on[data-animated=end]::after {
    z-index: -1;
  }
  [class*=js-anim-fade--] {
    --_property: opacity, translate;
    --_easing: ease;
    --_duration: 0.7s;
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [class*=js-anim-fade--]:not([data-animated=true]):not([data-animated=end]) {
    opacity: 0;
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-anim-fade--][data-animated=start] {
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-anim-fade--][data-animated=true] {
    translate: var(--_end-x) var(--_end-y);
  }
  .js-anim-fade--up {
    --_start-y: calc( 20 * var(--vunit) );
  }
  .js-anim-fade--down {
    --_start-y: calc( -20 * var(--vunit) );
  }
  .js-anim-fade--left {
    --_start-x: calc( 20 * var(--vunit) );
  }
  .js-anim-fade--right {
    --_start-x: calc( -20 * var(--vunit) );
  }
  [class*=js-anim-move--] {
    --_property: opacity, translate;
    --_easing: ease-in-out;
    --_duration: 1.5s;
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [class*=js-anim-move--]:not([data-animated=true]):not([data-animated=end]) {
    opacity: 1;
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-anim-move--][data-animated=start] {
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-anim-move--][data-animated=true] {
    translate: var(--_end-x) var(--_end-y);
  }
  .js-anim-move--up {
    --_start-y: calc( 20 * var(--vunit) );
  }
  .js-anim-move--down {
    --_start-y: calc( -20 * var(--vunit) );
  }
  .js-anim-move--left {
    --_start-x: calc( 20 * var(--vunit) );
  }
  .js-anim-move--right {
    --_start-x: calc( -20 * var(--vunit) );
  }
  [class*=js-anim-scale-in] {
    --_property: scale, opacity;
    --_easing: var(--ease-default);
    --_duration: 2s;
    --_starting-scale: 1.1;
    --_end-scale: 1.0;
    --_end-opacity: 1;
    transition-delay: var(--_delay, 0);
  }
  [class*=js-anim-scale-in]:not([data-animated]) {
    transition: none;
    scale: var(--_starting-scale);
    opacity: var(--_start-opacity);
  }
  [class*=js-anim-scale-in]:not([data-animated=true]):not([data-animated=end]) {
    scale: var(--_starting-scale);
    opacity: var(--_start-opacity);
  }
  [class*=js-anim-scale-in][data-animated=start] {
    scale: var(--_starting-scale);
  }
  [class*=js-anim-scale-in][data-animated=true] {
    scale: var(--_end-scale);
  }
  [class*=js-anim-scale-in][data-animated=end] {
    opacity: var(--_end-opacity, 1);
    scale: var(--_end-scale);
  }
  .js-anim-scale-in--s {
    --_start-opacity: 0;
    --_starting-scale: 0.9;
  }
  .js-anim-scale-in--slow {
    --_start-opacity: 0.0;
    --_starting-scale: 1.02;
    --_duration: 5s;
  }
  .js-anim-scale-in--m {
    --_start-opacity: 0;
    --_starting-scale: 1.2;
  }
}
.splide__slide {
  transition: opacity 0.3s ease;
}

.splide__arrows--ltr {
  display: block grid;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .splide__arrows--ltr {
    --_btn-arrow-size: 40;
  }
}
@media print, screen and (min-width: 767.1px) {
  .splide__arrows--ltr {
    --_btn-arrow-size: 40;
  }
}
.splide__arrows--ltr .splide__arrow {
  opacity: 1;
  transition: opacity 0.3s;
  pointer-events: auto;
  box-shadow: var(--card-m-box-shadow);
}
.splide__arrows--ltr .splide__arrow--prev,
.splide__arrows--ltr .splide__arrow--next {
  background-color: var(--color-white);
  width: calc(var(--_btn-arrow-size) * var(--vunit));
  height: calc(var(--_btn-arrow-size) * var(--vunit));
}
.splide__arrows--ltr .splide__arrow--prev svg,
.splide__arrows--ltr .splide__arrow--next svg {
  fill: transparent;
  width: calc(8 * var(--vunit));
  aspect-ratio: 8/12;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: var(--color-green-500);
}
.splide__arrows--ltr .splide__arrow--prev[disabled],
.splide__arrows--ltr .splide__arrow--next[disabled] {
  opacity: 0;
}
.splide__arrows--ltr .splide__arrow--prev {
  left: -1em;
}
.splide__arrows--ltr .splide__arrow--prev svg {
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
}
.splide__arrows--ltr .splide__arrow--next {
  right: -1em;
}
.splide__arrows--ltr .splide__arrow--next svg {
  -webkit-mask-image: var(--icon-angle-arrow-right-b);
          mask-image: var(--icon-angle-arrow-right-b);
}

.splide__toggle {
  position: relative;
  display: block grid;
  border-radius: var(--infinity);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-left: calc(10 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .splide__toggle {
    justify-content: center;
  }
}
.splide__toggle > * {
  block-size: -moz-fit-content;
  block-size: fit-content;
}
@media screen and (max-width: 767px) {
  .splide__toggle [class*=c-icon] {
    max-inline-size: calc(11 * var(--vunit));
    max-block-size: calc(14 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .splide__toggle [class*=c-icon] {
    inline-size: calc(11 * var(--vunit));
    block-size: calc(14 * var(--vunit));
  }
}

.splide__pagination-wrap {
  align-self: end;
  justify-self: center;
  position: absolute;
  display: block grid;
  align-items: center;
  grid-template-columns: auto auto;
  margin-inline: auto;
  width: 100%;
  justify-content: center;
  align-content: center;
  bottom: calc(8 * var(--vunit));
}
.splide__pagination-wrap .splide__pagination {
  display: inline flex !important;
  position: relative;
  bottom: 0;
}

.splide__pagination {
  gap: calc(9 * var(--vunit));
}
.splide__pagination li {
  display: block grid;
}
.splide__pagination .splide__pagination__page {
  margin: unset;
  background-color: var(--color-gray-400);
}
@media screen and (max-width: 767px) {
  .splide__pagination .splide__pagination__page {
    inline-size: calc(12 * var(--vunit));
    block-size: calc(12 * var(--vunit));
  }
}
@media print, screen and (min-width: 767.1px) {
  .splide__pagination .splide__pagination__page {
    inline-size: calc(12 * var(--vunit));
    block-size: calc(12 * var(--vunit));
  }
}
.splide__pagination .splide__pagination__page.is-active {
  background-color: var(--color-orange-key);
  transform: unset;
}

.splide.js-splide-scroll-loop .splide__track {
  overflow: visible;
  margin-inline: auto;
}
.js-lead-more {
  display: block grid;
  width: 100%;
}
@media print, screen and (min-width: 767.1px) {
  .js-lead-more {
    display: contents;
  }
  .js-lead-more > .summary,
  .js-lead-more > .contents {
    display: contents;
  }
  .js-lead-more > .summary {
    display: none;
  }
}
.js-lead-more [class*=c-icon] {
  margin-left: calc(16 * var(--vunit));
}
@media screen and (max-width: 767px) {
  .js-lead-more > .summary {
    order: 2;
    text-align: center;
    margin-top: calc(10 * var(--vunit));
    display: block flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
  }
  .js-lead-more > .summary > span {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    color: var(--color-green-500);
  }
}
.js-lead-more > .contents {
  order: 1;
  max-height: 4.5em; /* 2〜3行だけ見せる */
  overflow: hidden;
  position: relative;
  height: 100%;
}
.js-lead-more > .contents:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background: linear-gradient(to bottom, transparent, white); /* 背景に合わせて調整 */
  pointer-events: none;
}
.js-lead-more.is-expanded > .summary .open {
  display: none;
}
.js-lead-more.is-expanded > .contents {
  max-height: none;
}
.js-lead-more.is-expanded > .contents:after {
  display: none;
}
.js-lead-more:not(.is-expanded) > .summary .close {
  display: none;
}

@media (scripting: enabled) {
  .is-hover {
    cursor: pointer;
  }
}
/* form[id=feas-searchform-4] {
  -moz-column-gap: calc(20 * var(--vunit));
       column-gap: calc(20 * var(--vunit));
} 
@media print, screen and (min-width: 767.1px) {
  form[id=feas-searchform-4] {
    row-gap: calc(0 * var(--vunit));
    padding-right: clamp(170 * var(--vunit), 13.0208333333dvi, 200 * var(--vunit)) !important;
  }
}*/

form[id^=feas-searchform] .feas-submit-button {
  min-width: clamp(125px, 10.4817708333dvi, 161px);
  height: calc(40 * var(--vunit));
  border-radius: var(--infinity);
  color: var(--color-font-w);
  background: var(--_search-btn-color-bg, var(--grad-green-right));
  transition: color, opacity, width, background-position;
  transition-timing-function: var(--ease-default);
  transition-duration: 0.5s;
}

.p-under-page {
  padding-top: calc(var(--header-height) * var(--vunit));
}

.p-home--250522 .mv-box {
  top: calc(var(--header-height) * var(--vunit));
}

.p-under-page--250522 .hx-type1 {
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .hx-type2 .wrap {
    padding-left: unset;
  }
}
.p-under-page--250522 .btn_wrap {
  position: relative;
  width: 100%;
  margin-inline: auto;
}
.p-under-page--250522 .btn_wrap .btn_list {
  margin: unset;
  margin-inline: auto;
}
@media screen and (max-width: 1020px) {
  .p-under-page--250522 .arc-box.know_how .side-box {
    width: 100%;
  }
}
.p-under-page--250522 .arc-box.know_how .side-box h2.hx {
  font-size: 1.9rem;
  font-weight: bold;
}
.p-under-page--250522 .wrapper_s_form {
  margin-inline: auto;
  max-width: calc(var(--layout-inner) * var(--vunit));
}
.p-under-page--250522 .wrapper_sub_content {
  margin-top: unset;
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .area_link {
    flex-wrap: wrap;
    gap: 10px 2%;
    padding: 0 20px;
  }
}
.p-under-page--250522 .members_thanks {
  width: 100%;
  max-width: calc(1000 * var(--vunit));
  padding-inline: calc(20 * var(--vunit));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .arc-box.know_how .content-box {
    justify-content: center;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .content-box .inuyado_amb {
    margin-inline: auto;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .content-box .inuyado_amb .amb_name {
    justify-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .content-box .inuyado_amb .instaicon_area {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
.p-under-page--250522 .map-main {
  padding-top: unset;
}
@media screen and (max-width: 767px) {
  .p-under-page--250522 .map-main {
    padding-top: unset;
  }
}
@media print, screen and (min-width: 767.1px) {
  .p-under-page--250522 .map-main .right-menu-box {
    top: 0;
  }
}
.p-under-page--250522.p-page-404 .mv-box {
  display: block grid;
  place-content: center;
  top: unset;
  margin-bottom: unset;
  margin-block: calc(150 * var(--vunit)) calc(80 * var(--vunit));
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
}
.p-under-page--250522.p-page-hebelian-member .mv-box {
  top: unset;
}

/* 追加CSS ----------- */
.grid-lead.shop_note h2,
.grid-lead.shop_note h3{
  font-size: calc(16 * var(--vunit));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0rem;
  margin-bottom: 15px;
  text-align: left !important;
}
.grid-lead.shop_note p{
  text-align: left !important;
}


    .toprevico {
      height: auto; position: absolute; top: 135px; left: 8px;
    }
    .toprevico .revico-star-block--total {
      font-size: 12px;
    }
    .toprevico .revico-star-block--title {
      font-size: 14px;
    }
    .toprevico .revico-read-more-review {
      display: none;
    }

@media screen and (max-width: 768px) {
    .revico-star-block--title {
        font-size: 12px !important;
    }
}