@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

:root {
  --color-gray-300: #f0f0f0;
  --color-gray-350: #e8e8e8;
  --color-gray-400: #ddd;
  --color-gray-500: #ccc;
  --color-gray-600: #adadad;
  --color-gray-700: #999;
  --color-gray-750: #8b8b8b;
  --color-gray-800: #333;
  --color-gray-900: #141414;
  --color-gray-key: var(--color-gray-300);
  --color-blue-500: #00b3ee;
  --color-blue-key: var(--color-blue-500);
  --color-yellow-500: #fccf00;
  --color-red-500: #ff3636;
  --color-red-key: var(--color-red-500);
  --color-yellow-key: var(--color-yellow-500);
  --color-purple-500: #e738d0;
  --color-trueblack: #000;
  --color-truewhite: #fff;
  --color-black: #141414;
  --color-white: #fff;
  --color-font-w: var(--color-white);
  --color-font-b: var(--color-gray-800);
  --shadow005: rgb(0 0 0 /0.05);
  --shadow01: rgb(0 0 0 /0.1);
  --shadow016: 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);
  --shadow07: rgb(0 0 0 /0.7);
  --shadow08: rgb(0 0 0 /0.8);
}

:root {
  --frem: 0.1rem;
  --fpx: 1px;
  --vpx: 0.1rem;
  --funit: 0.1rem;
  --flsunit: 0.001rem;
  --vunit: 1px;
  --lunit: 1dvi;
  --spr: 0.6;
  --sspr: 0.75;
  --fspr: 0.575;
  --lhr: 1.5;
  --rrate: 1;
  --mq-xs: 375;
  --mq-md: 768;
  --mq-lg: 1280;
  --mq-pcmax: 1920;
  --mq-comp: 1920;
  --vws: 0.2666666667dvi;
  --vwm: 0.1302083333dvi;
  --vwl: 0.0651041667dvi;
  --vwc: 0.0520833333dvi;
  --vwms: min(var(--vws), 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);
  --infinity: calc(infinity * 1px);
  --layout-inner-pc: 1200;
  --layout-inner-sp: 100%;
  --layout-inner-margin-pc: 40;
  --layout-inner-margin-sp: 40;
  --layout-inner-margin: var(--layout-inner-margin-pc);
  --fixedcv-height-pc: 145;
  --fixedcv-height-sp: 50;
  --header-height-pc: 140;
  --header-height-sp: 64;
  --obj-z-fixed-cv: 99;
  --obj-z-l-header: 500;
  --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-NotoSansJP: "Noto Sans JP";
  --font-YuuMincho: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho Pro",serif;
  --font-Roboto: "Roboto", var(--font-YuuMincho);
  --baseFont: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --icon-arrow-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="52" fill="black"><path d="M34.2393 27.985L22.4919 39.7324L25.4812 42.6692L42.2632 25.8872L25.4812 9.10529L22.4919 12.0421L34.2393 23.7895H8.69925V27.985H34.2393Z" fill="black"/></svg>' );
  --icon-circle-check: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="black"><circle cx="13" cy="13" r="13"/><path d="M11.566,19.47L6.277,13.51L8.521,11.51L11.635,15.02L18.544,7.71L20.725,9.77L11.566,19.47Z" fill="white"/></svg>' );
  --icon-circle-angle-arrow-right-w: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="white"><circle cx="40" cy="40" r="40" fill="%23fff"/><path d="M42.5 40L35 32.5L37.5 30L47.5 40L37.5 50L35 47.5Z" fill="%23141414"/></svg>' );
  --icon-circle-angle-arrow-right-y: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="27.5" height="27.5" fill="white"><circle cx="13.75" cy="13.75" r="13.75" fill="%23fccf00"/><path d="M14.4,12.83l-2.94-2.94,0.98-0.98,3.92,3.92-3.92,3.93-0.98-0.98Z" fill="%23141414"/></svg>' );
  --icon-circle-angle-arrow-right-g: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="27.5" height="27.5" fill="white"><circle cx="13.75" cy="13.75" r="13.75" fill="%23aaa"/><path d="M14.4,12.83l-2.94-2.94,0.98-0.98,3.92,3.92-3.92,3.93-0.98-0.98Z" fill="%23f0f0f0"/></svg>' );
  --icon-circle-angle-arrow-up-y: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="white"><circle cx="40" cy="40" r="40" fill="%23fccf00"/><path d="M40 39.335l-7.492 7.493-2.5-2.5 9.993-9.994 9.994 9.994-2.5 2.5Z" fill="%23141414"/></svg>' );
  --icon-angle-arrow-bottom-y: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="white"><path d="M5.995 7.494L1.5 2.999 3 1.5 5.995 4.495 8.99 1.5 10.49 2.999Z" fill="%23fccf00"/></svg>' );
  --icon-paper-front: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="white"><rect x="3" y="0" width="8" height="8" fill="%23fff"/><rect x="3.5" y="0.5" width="7" height="7" fill="none" stroke="%23333" stroke-width="1" /><rect x="0" y="3" width="8" height="8" fill="%23fff"/><rect x="0.5" y="3.5" width="7" height="7" fill="none" stroke="%23333" stroke-width="1" /></svg>' );
  --icon-paper-back: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="white"><rect x="0" y="3" width="8" height="8" fill="%23fff"/><rect x="0.5" y="3.5" width="7" height="7" fill="none" stroke="%23333" stroke-width="1" /><rect x="3" y="0" width="8" height="8" fill="%23fff"/><rect x="3.5" y="0.5" width="7" height="7" fill="none" stroke="%23333" stroke-width="1" /></svg>' );
  --icon-paper-back-w: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="none"><rect x="0" y="3" width="8" height="8" fill="%23fff"/><rect x="0.5" y="3.5" width="7" height="7" fill="none" stroke="%23fff" stroke-width="1" /><rect x="3" y="0" width="8" height="8" fill="%23fff"/><rect x="3.5" y="0.5" width="7" height="7" fill="none" stroke="%23fff" stroke-width="1" /></svg>' );
  --icon-pdf: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" fill="none"  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M22.368.001H.969a.974.974 0 0 0-.968.968V11.01a.974.974 0 0 0 .968.968h21.4a.974.974 0 0 0 .968-.968V.969a.975.975 0 0 0-.969-.968M8.283 5.684c-.135.268-.331.5-.573.678a2.5 2.5 0 0 1-.846.4 4 4 0 0 1-1.03.131h-.757V9.3h-1.44V2.678H5.96c.353-.005.706.042 1.046.137.29.08.562.216.8.4.216.17.391.388.51.636.122.269.183.562.179.857a2.1 2.1 0 0 1-.212.976m6.686 1.719a3 3 0 0 1-.8 1.072 3.2 3.2 0 0 1-1.183.625 5 5 0 0 1-1.435.2H9.524V2.678h2.313c.474-.006.946.062 1.4.2.399.123.768.327 1.083.6.306.274.545.613.7.993.172.44.256.91.247 1.382a3.7 3.7 0 0 1-.298 1.55m5.634-3.61h-2.764v1.755h2.533v1.1h-2.533V9.3h-1.444V2.678h4.2z" style="fill:%23ff001f;fill-rule:nonzero"/><path d="M13.171 4.323a2.14 2.14 0 0 0-1.524-.531h-.683v4.394h.494q.435.001.857-.11c.269-.07.519-.199.731-.378.22-.196.391-.441.5-.715.138-.36.202-.745.189-1.13a2 2 0 0 0-.564-1.53m-6.507-.31a1.5 1.5 0 0 0-.883-.242h-.7v2.018h.589q.261-.001.52-.047c.153-.028.3-.085.431-.168a.86.86 0 0 0 .289-.315 1 1 0 0 0 .105-.489.86.86 0 0 0-.351-.757" style="fill:%23ff001f;fill-rule:nonzero"/></svg>' );
  --icon-warning: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" fill="none" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M.335 11.142 6.272.786q.106-.165.242-.307A.9.9 0 0 1 6.793.23q.155-.11.335-.173a1.3 1.3 0 0 1 .763 0q.18.063.335.173.159.103.279.249.135.135.223.307l5.956 10.356q.113.18.167.384.073.188.112.384a2 2 0 0 1 .037.345v.326c.008.177-.024.354-.093.518a.95.95 0 0 1-.279.46 1.03 1.03 0 0 1-.428.326 1.2 1.2 0 0 1-.521.115H1.34a1.16 1.16 0 0 1-.521-.115 1.2 1.2 0 0 1-.447-.326 1.1 1.1 0 0 1-.261-.46 1.2 1.2 0 0 1-.112-.518 2 2 0 0 1 .019-.326 2 2 0 0 1 .037-.345q.026-.201.112-.384.055-.205.168-.384" style="fill:%23b40000;fill-rule:nonzero"/><path d="M7.798 10.342a.7.7 0 0 0-.558 0 .5.5 0 0 0-.223.173.5.5 0 0 0-.167.23.77.77 0 0 0 0 .575q.066.128.167.23a.47.47 0 0 0 .223.153.7.7 0 0 0 .781-.153.54.54 0 0 0 .149-.23.77.77 0 0 0 0-.575.37.37 0 0 0-.149-.23.64.64 0 0 0-.223-.173M7.891 9.512a.49.49 0 0 1-.428.23.53.53 0 0 1-.372-.211.9.9 0 0 1-.13-.46l-.223-3.97v-.173a.66.66 0 0 1 .2-.518.65.65 0 0 1 .521-.192h.095a.7.7 0 0 1 .521.23c.1.14.158.307.167.479v.134L8 9.069a.8.8 0 0 1-.109.443" style="fill:%23fff;fill-rule:nonzero"/></svg>' );
  --icon-circle-next: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white"><circle cx="25" cy="25" r="24" fill="%23fccf00"/><path d="M21.12,34a1.106,1.106,0,0,1-.792-.334,1.153,1.153,0,0,1,0-1.611L25.3,27,20.328,21.945a1.153,1.153,0,0,1,0-1.611,1.106,1.106,0,0,1,1.583,0L27.672,26.195a1.153,1.153,0,0,1,0,1.611L21.911,33.666A1.106,1.106,0,0,1,21.12,34Z" fill="%23fff"/></svg>' );
  --icon-circle-prev: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white"><circle cx="25" cy="25" r="24" fill="%23fccf00"/><path d="M20.88,34a1.106,1.106,0,0,1-.792-.334,1.153,1.153,0,0,1,0-1.611L25.06,27,20.088,22.945a1.153,1.153,0,0,1,0-1.611,1.106,1.106,0,0,1,1.583,0L27.432,26.195a1.153,1.153,0,0,1,0,1.611L21.911,33.666A1.106,1.106,0,0,1,20.88,34Z" fill="%23fff"/></svg>' );
  --icon-circle-stop: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white"><circle cx="25" cy="25" r="24" fill="%23fff" stroke="%23fccf00" stroke-width="2"/><rect x="20" y="17.5" width="3" height="15" rx="1.5" fill="%23fccf00"/><rect x="28" y="17.5" width="3" height="15" rx="1.5" fill="%23fccf00"/></svg>' );
  --icon-circle-play: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white"><circle cx="25" cy="25" r="24" fill="%23fff" stroke="%23fccf00" stroke-width="2"/><polygon points="20,17.5 20,32.5 33,25" fill="%23fccf00"/></svg>' );
  --icon-img-mail: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAABeklEQVQokWI0Njb+zsDAcJqBgeEHAwMDHwPx4BsDAwMjAwODKQAAAP//YmFgYOBgYGDYxsDAsJiBgeEpCYawMzAwpDIwMDgAAAAA//9ilpKSUmBgYAC5ppSBgYGNgYHhLBEGWDIwMMxkYGD4zcDA8AgAAAD//3zMQREAEBAAwB2NhLkk/hr46eIiCCCQUcB/ZwsOOgYCC/UTPDuRaNgXAAD//wIZAguHDQwMDMEMDAx7obZMYGBg4ELSrM/AwLCbgYHBmIGBIZ2BgaEfLMrAIAgAAAD//wKFyX8khR8ZGBh6oLaAFG5mYGCYx8DAIMnAwBACDbcFDAwMX+E6GBj+AwAAAP//AhmCDYC8mM/AwODEwMBQxMDA8IGBgSGegYHhJoZiBgYGAAAAAP//wmUICPxjYGDYA8W4AQMDAwAAAP//AoUJZYCBgQEAAAD//6LcEAYGBgAAAAD//6LcEAYGBgAAAAD//wKFSSwDA4MH2SYwMIgCAAAA//8DAFZcKCN3hS0pAAAAAElFTkSuQmCC);
  --icon-img-box: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAABBUlEQVQokWJkYGDQZGBgYGXABBIMDAx8aMKfGBgYXmAoZWD4DQAAAP//Ahn0jYGBIQuLZAUDA8N1BgaGt1C+MNTSDgyVDAzTAAAAAP//AhEfsEiAwAEGBgYDJD6IDRLDBAwMHwAAAAD//2LCIUEaYGBgAAAAAP//oo5BDAwMAAAAAP//oo5BDAwMAAAAAP//YiEg38TAwPAOyhbCqYqBgQEAAAD//8JnUAEDA4MCmtgDrCoZGBgAAAAA//8CYVyxRjxgYPgAAAAA//+iThgxMDAAAAAA//+ijkEMDAwAAAAA//8ChREbAwNDAkWmMDCwAQAAAP//wpfXiAcMDL8BAAAA//8DAIKdEmAph7sDAAAAAElFTkSuQmCC);
  --icon-img-search: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAAahJREFUOE+dk82qQVEYht8tigkTYxRDBm6ByE/2GchYCmVEDNyCkiITiktgIEUSE1fAlPIzwwRlhHX2Ws7eODgca7LqW+96vn+OCAc/Z71eo16vo9FooNfrgT7ZbDbwPA+/3w+tVitKpZsTAa1Wi4lyuRycTif0ej0TTadTdLtdJJNJ1Go1uN3uGwgDtNttZDIZVKtVGI3GOy/UMB6PEQ6HkU6nbyDcarUiOp0Ow+EQJpPp4WfROJlMYLFYMJ/PpXS4UqlETqcTYrHYn5/FR0EPmUyGaDTKTJzX6yWFQuFp6L+pNJVEIoFms3kGKJVKstvtIJfL34rgcDhArVZjv9+fASqVimy3288BNIV8Pv+ygNeFjMfjlxTK5TI5Ho+fF3G5XBI6NKPR6GUhaRvNZjMWi8WljdeDVKlUnqYyGAwQCoVQLBbhcrkej3IgEEA2m4XD4YDBYGCi2WyGTqeDVCoFq9XK+h8MBu8B1EKXic47XaZ+v8+WyW63w+fzsT1RKBQM4PF4JIi0TG8NgSDabDaIRCIQuscg/wZQRxRCI/nivz4DiBCNRoNv+WLevyb+zWcAAAAASUVORK5CYII=);
  --icon-img-building: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAABgklEQVQ4jWJkgAAFKE08YGB4AAAAAP//AmnmYGBgeMzAwLCUBJ3RDAwMsgAAAAD//wIxQJovkGjrBQYGBg4AAAAA//9iIsO5EMDAwAAAAAD//8KmuZiBgWEBAwNDApQPokF8kDgCMDAwAAAAAP//YsGi+Q4DA8NfBgaGh1A+iAY58z6KKgYGBgAAAAD//wJh8vzMwMABAAAA//8i388MDAwAAAAA///Cpnk3AwPDfwYGhjlQPogG8UHiCMDAwAAAAAD//wJhdGezMTAwCDAwMMDCA0SD+CBxhLMZGDgAAAAA///CFmC/oBgG/jAwMHzAUMXAwAAAAAD//yLfzwwMDAAAAAD//8Km2ZyBgeEt1DYYBvFB4gjAwMAAAAAA///C5mxJaJymIImBAg0kjgAMDAwAAAAA///CphkEvqAFIoiPChgYGAAAAAD//4JplmZgYJgAZSvjMDCZgYHBAa6egYEBAAAA///ClZ+/MjAwvEbiizIwMHCjqGBgeAAAAAD//wMAQcInmWagZpQAAAAASUVORK5CYII=);
  --icon-img-sitemap: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAACDElEQVQ4jWIgB0jLyTKBMFgvAwMDAAAA//9iJMUQaTlZIQYGhtMMDAxvGBgYPjMwMOgwMDCEAwAAAP//Iskh0nKyh6TlZNOR+GrScrKPAAAAAP//ItWQOxhicrJ3AAAAAP//gvuLCANYGBgYhKTlZJVRJBgYOAAAAAD//yIYJlDNfQwMDGEMDAzXGRgYQIaA2I8ZGBhWMjAw3AMAAAD//wIpACk0Z2BgWAbVx87AwLCZgYEhF0nzFgYGBoWnjx7/kJaT9WBgYJjIwMDAycDAsOjpo8c9AAAAAP//gtn2XFpOFhTSMP51aTnZj9JysnOk5WQ58DqVgYEBAAAA//+CxfleNDFlaTnZS0QFFgMDAwAAAP//ggUsF5q4DAMDw3+iTGBgYAAAAAD//2J6+ujxPwYGBilpOdlYqCtACWoJAwODiLSc7DFQWsBrAgMDAwAAAP//AseOtJysOAMDwyYGBgZhBgYGkFjH00ePZ0vLyfoyMDD0MDAwvGVgYEh4+ujxLWk52SoGBoZkqLqzDAwM4QAAAAD//yIq2SMZBgrkDwwMDJZPHz3+Ji0nO4WBgUEfAAAA//8i1tsww55Jy8nyoYjJyT4EAAAA//8iOsVCwY+njx5/QhFhYPgDAAAA//8i1ZCzUC/AXOHFwMDwDwAAAP//IrUoAFl6kIGBQQ7kApABDAwMTgAAAAD//wMALMFRcM1G0I0AAAAASUVORK5CYII=);
  --icon-img-bag: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAACDElEQVQ4jWIUERFhwAEyGBgYuhgYGP4hyTMxMDCUMTAwzMDQw8DAAAAAAP//wmWYEAMDw10GBgYjBgaG+0jiigwMDOcYGBiUGRgY3qHoYGBgAAAAAP//YmFgYOBhYGCIgNIwYMXAwPCbgYGhD4tFIHGQy44hiX1hYGBYAQAAAP//ArlsFwMDwycGBoYrSJJyDAwMSrj8z8DAcI+BgeEREl+HgYGBDwAAAP//ArnMGsRgYGD4i0czIcDMwMDwCQAAAP//AgUoyNmUGAQCfxkYGH4DAAAA//8CGQYylXLAwMAMAAAA//8CGfYLGkuUAEUGBoZfAAAAAP//Ahk2DxozMmSaBtJ3jIGBYR4AAAD//wIZtoyBgeE7NP0UMTAwcBJpCEhdIVTfdwYGhmUAAAAA//8CGfYfGs2ODAwMdlB2PzSWQbGNDEDhawlNfw8ZGBjsofoeMTAw/AcAAAD//0JWfJWBgSEAmroToAlTFSp+BGoIKD2BcsYGKB/EhgAGBgYAAAAA//9CtxkEQApqoXgqAwMDLwMDw2MGBgZBBgaG0wwMDNlYPc3AwAAAAAD//8JmGDJYzsDAsIWBgcEPKuiDUyUDAwMAAAD//wIZBsqwGlAXfEaTB3lPlIGBgZuBgeErNIGjA5A+DQYGhncAAAAA//8CGQYKvCUMDAzPyMwJoEiZycDA8AgAAAD//wMATztEoqnAbvEAAAAASUVORK5CYII=);
  --icon-img-checkbox-y: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABjElEQVQ4jWI0Njb2ZWBgWMDAwCDEQBgknj17FqQWAhgYGAAAAAD//2JhYGBYyMDAIMjAwPCVgYHhDwEzfsEYf84z2DAwMBwHAAAA//8CGQDTzHv27Nn/RLgCpDmagYFhEQMDwwoAAAAA//9igomRoZmJgYHhMQAAAP//ghlAFEDT3MliyFABAAAA//8i2gBsmhkYGBgAAAAA//8ChQG6QhWwhCHDHXyajY2NvRkYGFgBAAAA//9CMeDPeQZlBgaGA1C2A8gQXDYzMDAsZWBg4AcAAAD//0L3wicGBob3DAwM0iCD/pxnKMOhGQIYGBgAAAAA//9CMYDFkOE1AwODEwMDwxWoIZ34NDMwMDAAAAAA///CCEQ0Q0AAp2YGBgYGAAAAAP//whoLSIYU4NPMwMDAAAAAAP//wogFNEMm4tPMwMDAAAAAAP//grmAxdjYmJGQYhiAqmVhYGBgAAAAAP//AuXGt9CcSExmQnY5NwMDw3sAAAAA//8CMRJIyM7I4B0DA0MCAAAA//8DANh0UJ3fscbDAAAAAElFTkSuQmCC);
  --icon-img-test: url(data:image/gif;base64,R0lGODlhOgAxAPf/APrnl+Sptv778qa017a52NfG2xM5lOOmBcTL4s+rF/r5+OLFlPvutTVYppFrK8WFGwMqi7xzAHuWyHBlUc6cSGtqbefI1m2Lw96iu9Jpe1Z1ttSkU/bXU35qRfLFAMN7A+ji5sfD29N2GcaKJshTZtyEmMmRNN68hdWqZOKZp+y5AWODvtR5l7gnRNyXBerYt/LIF7bB3paq081jJ+PY5P3//9uUpbXK5vbabuOdCdyLDvj18ezexbyfI8xbSOvt8ra2uMbGxvv8/vLHD81aVbgyMtBrJshXOOORnOuyAyJGm4Kby/rVOsiHAf7//+zFzkZnrvfy7JOlzubNpFpcY0pssu/hy+nT3rVtAA40kfzzytjY2dmJosNMZsK+2cNLOmVeWMtpf81ie8RLSNq1d96zwsfY7tnT4vr7/NuoxIml0vPr3AAmifPLJPTJAAsxj/XMAOOvu/PIAM9lU9FkbdyyyqtyEoeHieDAivTpyfDk0KltCOW2wdDP4tBtGdNxINmDEth0edHZ6vnjgaWlpggtjcVIWeGbtC5Rov311qOv0714Axs/l2J9ufTt4fTQNvDBAdBmOfTi5v767dewbP75585lL8eOL9BshbVzBOKzyeO/0eGhqz1hrJ+q0M5lINN0juK7yp5pEOa6xfjIAMJ/Ev/999p9jffQAMB7C9N+kNZygtascsFRObFOC9p3hd1+gc2WO9Z7DdqWssteKr47NPz8/fPd4d3a6ey2w8ZPLufQrIqgzfnz6ffUJ+KrwPHFBshYcvbw5LR0CwAih//+/fv9/+m1ye+9Af79/AAchF5dX+atAfTGAHt7fd6QDUFeqFRusPb29vrw3vLQ1s1hHp684d240IJlN2BjaqmNPGBfYcVagO6/MMppkHmQw1Fytd7m8b13Es1+a9+wPNZwcqu83c2QLb42TPr49/b3+aNzI5qx2Om9Cem/yLt2B8+PAPG1veC/gf344f319vfP0c1ZaChLnteQsNK90ty6x/Xg2fLo1vr6+vHDAP///yH5BAEAAP8ALAAAAAA6ADEAAAj/AP8JHEiwoMGDCBMe7IWi1IgXCiNKnGiwl4lUqSKUEkaxo8eCySiY4LeGQoQFHw2aEsCSpaliKf9NSWXFiRMrH7SlNKUFAA4Oj9oMGQqjzSMOgxhUopjuAYoa/YTsGLGuowAGONoA88e1q1evQzgASBRxyiIrUNEoiFVV4rxBvjx8dePBgxs4br56BcaBAcJisWKhQdNPLduIkwbBYPZMhVx/HuQAOkJrxqdnbjLfxfu1r0F+EU5ALZzuXNt/UQLEeXIr2T8G3UQcISHmCCQ5uHOQ0PQLw6wugHI80wFIVo7HXYHhWDpwwSI9o6U+cCCwGCYuSE6JCYNDxZgSm/oI/wKlQwWtI7V+Lami4UYuEhlWnSrBpQtmvW38CtxgQgHhfsbw80EHAkmyihlqDCCIKsGBYkYVBnSiyQyWcLGJBX1kwQYxEgiCQAzmDCCDNWkYkZdewADwTzIPUDJaPzW8sMgEAgXAyQrKEMMLEjokQQcBEECQhRdEjHGGBp3c88aSBhiQxRuFFELMPXUYIYdezfgDySDTvLPLi07ggUUFAqmiDyIQvEEAHczIcUQBShTChhSvoFOAhoUsCWWUfLKhxDWRIMeVB8w00YQL5JTiiDH9FGbMBqKQmQwmIRgAASMF+IAMHH9gUAUEbFyQQgt3EqNnlFk0aQAjSnRSQCRdRf/mBjMRRIBFrbH416h0DpCpQAYEvAEBInVYIgccgHBxARsQVBFHC1cs0UgWeX6DwLWChKMOCBbgY6U/zajAjArwYPEABaVg8VSjMPIw4x3/0JOBIoVAAAUGf6AihwunLMFGIYhsgo4Y8SAApQGCxHABFNBooIgkGdSShBzNHLDIrRFQ4EiMEeDhBLthYgEGIfFm4Imc4MxSjT+oMGNylJj64Ic99BZiACJyMssGG1XQYM8BbqiwyAMnUGLCxsYYYwIZHxcmBKRUBFHyyWxowEkXYwDiY7A2h+CDjwPkKSyoS6ZJzAUYGIHKAVjs4kQNO4CMAgU1EGZMFA9gk80P/0z/Qwe9bEAhCS6bgPKFIV5QOyQRSfhQACMQyKmEBObE0AjMr+47QjpCRAXyCZco0LkTU2QCBrz/4EAEAVkMW8MKndygSReVFpIFAUQgY8QhMjDCSCNnBJBBBlegaYDX8ESAQtPs9uPEAqVEIQQaNUC6DBD/mNKGD15YyoggiBBjQB/21H577kmMccUA4QiwSgvovHKGEhAYUMAX4rBihS3NNxpmKlGogRPwhg0qgOA1HrBEHdCUhQa0DhGhMESlhEQkZCBjdQaAgifOQAMamKMBQepEKFrBg7f1z3+UiIUt+EEGCpjOGa4ZBBxEcIgVsEFYbwgVJ9ARgicpAQE+gEQO/14hg51d6h5xShMbZHCKcTjhP+yqgQCjMIJLoMtWEcAG9v7BATnkYBXmSBOU3oAAOqDDgyHARRqOMMMaKiNPfIISMcBxhVqw4kWNqoEedrGAEdyKAi8QxkzewQOBPIIrR7AAFIghpRUcgxYiEMMp6ECEVuQAFX7Axw3AAbkNEYMNBrgADYLhChc1L0YYMQEFKPECKRrDCWSIgDwE0gZ/wEEHYsAFFLIADhqQwAX+GM4BkgAJVLjhAGM4xRPOMABeSGAJ7OjDMbrgh0VswBj/QUM6rLgG0UnxPzVwRCkukY5/DAEyctAFJiTxg1tkAB1jaIURjGCJIxxBBJtSQS1aYP+IVSCBEykoAQl0kQNkRKA//xEC3ko4mP4RJhZYwN455YCMMWwCBD8AwRU6aAEM/EITmygcLZAVBj5wAgldqIUfZHEAW9IqFWtgVFR2cAke4JFdaHgUFu5QjDZ4ABLVEEMMGGGARizBAErQwAo0UIVOQAEBmHiGEepwgRWoYROWQAUcriSHA7xjESf4GBqcwIMIMK0GxpheYRy1gT1UQB2PmKE3qKGInUXjAozcGbMgQIwqYMAPkciHAZTRgBKdCFzwKAW61vA2PQQmAqxcww6EIEX/rCVS0uiiJa5xASW9gRENgOOSogSBBtRhBnNgHRtWYAMRwGFQkPhALHjwjhb/beAdlOgFBbCAhaFRAAUoCKAwStGrdAzCDUZIQwNu+AYD3MN2SiqEEu5R2jLoIhAyAJUESqCDE3lABWZ1wi5MsIhSkCEdUJkCfx7wgEtQQgGki8AE7uAELXAKA50w1RuywIhCMEIDUGoANNjQgDLUAgn+mtMrcsDVlkVgCm9TQBR2UIPOUa8G6djBDhRQt+qJYhkkM4UvRDALNeDMXhpI05P0VN0WpOAb/1IEmyKTAyOIIAKtdFrnmjcYIahVjx8o4BYEMgg/sMAJUmBWNGw4xj21+EZsOJ8K3JAEQxxCDEXgxBNPyGXqWc8ZthDIPOawCSlAI00GCG0Wouu7JzcC/5Re2xQgSnADBOSiC3HAIxT7V4MpyJcKWxTIKfKhoSXx17/RgBIillvgFnDizcfTFBxmoAkoFEICfADF24RgjBqI7oQ1WMN0qOAMaRCEC2VAk6ENoCc9ta7RUDYAkfxxAHv0wQDEgMIvWiEPyTpiCrGoCRTDGYs9gGEZUiMIJwKggTyx4RtLYKTYylbgIiBBAsxSRCBkoYtcLGtOJXDFIlLxgFLU6hLQsQlZz4GFCVDhDmEmiDtU8YM3E0MK4VBCq4VFDERYNxCKABU4nkCCAJjjYH3oAhiwYYdMZMIBdtAIChawABRkpANUqMABCxIHVdDjzWzgRT3OgIBvRAkREv+w6mkd199CWIsXBpDTCn4xA21QgQpgAAMVJjCMD9SqVpnAOLIPYoMyXCDmEKATOpAwgCBB4xYBwAA3dEDDb5hKSJG71BnskQM4JKAD27j5BCbggGG8YxgOcPf1EJKCAEDhhkmHhSzKcTJ7YaAWnwAEoeyBC0T8K0o3NAcXPkEXUnggAT3oQTt6QIVl5PzmIIbJQWykAWUwKwblcEEgPLGhTuBLq7YUASgE0Yl6vSF2GPgCMq4EmWaQghTNaEYP1L4NZyQbIXywgTXYw45QzOEAgYhBAxpwgRK9FjIeoAUmrhADRSDgCiz4QhIO+xUPMCEPWwjCFsqpEEkEIw6jGEVxCrqwjzyQYBQWuJA3AHF85ItgDBnQzhj+sHq9cGUIgxDAR56gClCowgaSIBBPEAZzcATyBAmCYhcq8AzBgQx0YX98oQUxoRCTAACPIAeCEit38YB6AQM4IIETKBHFoAWD8AhDcYIomIJDAANiwRwpERAAOw==);
  --card-s-radius-pc: calc( 8 * var(--vunit) );
  --card-s-radius-sp: calc( 8 * var(--vunit) );
  --card-m-radius-pc: calc( 14 * var(--vunit) );
  --card-m-radius-sp: calc( 14 * var(--vunit) );
  --card-l-radius-pc: calc( 20 * var(--vunit) );
  --card-l-radius-sp: calc( 20 * var(--vunit) );
  --card-shadow: 0 0 calc( 20 * var(--vunit) ) rgba(25, 25, 25, 0.1);
  --card-hover-shadow: 0 calc( 40 * var(--vunit) ) calc( 30 * var(--vunit) ) rgba(25, 25, 25, 0.12);
  --card-hover-shadow02: 0 calc( 48 * var(--vunit) ) calc( 40 * var(--vunit) ) 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.3rem;
  --btn-hover-opacity: 0.7;
}

/*
@function _vw1($base) {
  //  @return calc(math.div(100, $base)) * 1dvi;
    @return math.div(100, $base) * 1dvi;
  }
  */
html {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: auto;
}

body {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-family: var(--baseFont);
  word-break: break-word;
  font-optical-sizing: auto;
  text-align: center;
}
a {
  color: inherit;
  text-decoration: none;
}
a[href^="tel:"], a[href^="mailto:"] {
  color: inherit;
  text-decoration: none;
}

em {
  font-style: normal;
}

img {
  width: 100%;
  height: auto;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
}

@layer reset {
  ul, ol {
    list-style-type: "";
    padding: unset;
  }
  summary {
    display: block;
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
}
/*
@layer reset{

  //  iOSでダブルタップなど追加的なジェスチャーを無効にする
  :where(button, [type='button'], [type='reset'], [type='submit']) {
    touch-action: manipulation;
  }

  //  スクロールバー
  // Edge
  //  半透明重ねができないので一時対処
  // スクロールバー全体のスタイルを設定
  ::-webkit-scrollbar {
    inline-size: 8px; // 縦スクロールバーの幅
    block-size: 4px; // 横スクロールバーの高さ
    position :absolute;
  }

  // スクロールバーのトラック（背景部分）をカスタマイズ
  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1); // トラックの背景色
  }

  // スクロールバーのサム（動かす部分）をカスタマイズ
  ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5); // サムの背景色
    border-radius: 10px; // 角丸の半径
    border: 1px solid rgba(0, 0, 0, 0.1); // サムのボーダー
  }

  // サムにホバーしたときのスタイルを設定
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.7); // ホバー時のサムの背景色
  }

  // Firefox
  //  細くしたい要素(または親要素)に個別設定が必要
  html {
    scrollbar-width: thin;
  }

  //  URLに電話があった際に、PC時のみ隠す
  @include mq-up() {
    a[href^="tel:"] {
      display: inline-block;  //  IE対策
      pointer-events: none;
    }
  }
}


//------------------------------------------------
//# 全体に影響を及ぼす設定
//  主にbodyに対するもの
//------------------------------------------------
@layer defaults {
  * {
    min-inline-size: 0; //  gridやflexの子要素テキストがオーバーフローするのを防ぐ
  }

  html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    @include mq("xs-md"){
      //font-size: 10px;
      font-size: 62.5%; // 1rem = 10px
    }
    //  375px以下で全体縮小
    @include mq("-xs"){
      font-size: calc( 10 * var(--vws) );
    }
    @include mq("md-xl"){
      //  ※ルートfont-sizeにvwを入れる事で、chromeの拡大縮小機能時の再計算で相殺されるため、
      //    rem使用時に拡大縮小機能が事実上無効になる( vw系を使用する事で対応可能になる )
      font-size: calc( 10 * var(--vwpcm) );
      //font-size: var(--font-size-js, calc( 10 * var(--vwpcm) ));
      //font-size: 62.5%; // 1rem = 10px
    }
    //  1280px以上はとりあえず普通にしとく(デザインカンプが1280px以下の場合 )
    @include mq("xl-"){
      //font-size: calc( 10 * var(--vwpcm) );
      //font-size: min( calc( 10 * var(--vwpcm) ), calc( 10 * var(--vunit) ) );

      font-size: min( calc( 10 * var(--vwpcm) ), 10px );
      //font-size: var(--font-size-js, min( calc( 10 * var(--vwpcm) ), 10px ));

      //font-size: 62.5%; // 1rem = 10px
    }

  }

  body {
    display: block grid;
    grid-template-columns: 1fr;
    position: relative;

    font-family: var(--baseFont);
//    font-size: calc(1.6rem * var(--browser-width-scale-comp));
    font-size: 1.6rem;
    //  Macのアンチエイリアス
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: var(--fw-regular); // 400
    line-height: 1.5;
  //  font-feature-settings: 'palt';  //  文字の字詰め( LPやデザイン寄りで、文字間隔詰まっている場合使用 )
    //  iphone対策
    -webkit-appearance      : none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust    : 100%;
    color           : var(--color-font-b);
    background-color: var(--color-white);

    margin       : unset;
    overflow-y   : auto;
    text-align   : center;
    overflow-wrap: break-word; //  自動改行
  }

  button {
    background-color: transparent;
    border: none;
  }

  //--------------------------------
  //  IE11
  //--------------------------------
  _:lang(x)::-ms-backdrop, body {
    font-family: 'Segoe UI', Meiryo, sans-serif;
  }
}
*/
.l-header {
  container: inline-size;
  position: relative;
  display: block grid;
  grid-template-columns: 1fr;
  margin-inline: auto;
  inline-size: 100%;
}

.l-section {
  --_gutter: calc((var(--100dvi) - 100cqi) / 2);
  --_flow: row;
  --_cq-parent-width: var(--layout-inner);
  --_pxcq: calc( 100 / var(--_cq-parent-width) ) * 1cqi;
  container-type: inline-size;
  position: relative;
  display: block grid;
  grid-auto-flow: var(--_flow);
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: clip;
}

.l-section--fullw {
  inline-size: var(--100dvi);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: calc(var(--gutter) * -1);
}

.l-inner {
  --_gutter: var(--gutter);
  --_cq-parent-width: var(--layout-inner);
  --_cq-parent-calc-width: calc( var(--_cq-parent-width) - var(--_im) );
  --_pxcq: calc( 100 / var(--_cq-parent-calc-width) ) * 1cqi;
  --_flow: row;
  --_iw: calc( var(--_lwi) + var(--_im) );
  --_u-im: calc( (var(--_im) / 2) * var(--vunit) );
  --_u-iw: calc( var(--_iw) * var(--vunit) );
  container-type: inline-size;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block grid;
  grid-template-columns: 1fr;
  grid-auto-flow: var(--_flow);
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
  padding-inline: var(--_u-im);
  max-inline-size: var(--_u-iw, unset);
}
.l-inner.l-inner--option-page {
  --_img-logo-w: 325;
}
.l-inner.lwi--1240 {
  --_lwi: 1240;
}
.l-inner.lwi--900 {
  --_lwi: 900;
}

.l-inner--fullw {
  inline-size: var(--100dvi);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: calc(var(--gutter) * -1);
}

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

.l-grid-content {
  background-color: var(--_background-color, var(--color-gray-300));
  border-radius: calc(var(--_radius, 30) * var(--rrate) * var(--vunit));
  padding-block: calc(var(--_padding-block, 40) * var(--vunit));
}
.l-grid-content[data-color=white] {
  --_background-color: var(--color-white);
}

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

.l-grid--card-link {
  --_flow: row;
  --_columns: 1fr;
  --_align-self: start;
  grid-template-rows: auto;
}
.l-grid--card-link:focus:has(.thumb) .thumb img {
  scale: var(--card-hover-thumb-scale);
}
.l-grid--card-link .thumb {
  grid-area: thumb;
  overflow: clip;
}
.l-grid--card-link .thumb img {
  -webkit-transition: scale 0.3s ease;
  transition: scale 0.3s ease;
}
.l-grid--card-link.no-link:focus:has(.thumb) .thumb img {
  scale: initial;
}

.l-flex {
  position: relative;
  display: block flex;
  -webkit-box-flex: var(--_flex, 1 1 auto);
      -ms-flex: var(--_flex, 1 1 auto);
          flex: var(--_flex, 1 1 auto);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: var(--_flow, row);
          flex-flow: var(--_flow, row);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

[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, 100%);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: var(--_justify, center);
}

.l-btn--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}

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

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

.l-background {
  z-index: -1;
  position: absolute;
  display: block grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
}

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

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

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

.l-background[data-color-bg] {
  background-color: var(--_color-bg);
}
.l-background[data-color-bg=white] {
  --_color-bg: var(--color-white );
}
.l-background[data-color-bg=lightgray] {
  --_color-bg: var(--color-gray-300 );
}
.l-background[data-color-bg=gray] {
  --_color-bg: var(--color-gray-400 );
}
.l-background[data-color-bg=orange] {
  --_color-bg: var(--color-orange-key );
}
.l-background[data-color-bg=yellow] {
  --_color-bg: var(--color-yellow-key );
}
.l-background[data-color-bg=red] {
  --_color-bg: var(--color-red-key );
}

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

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

.l-background__bg-fill-diag {
  grid-area: 1/1/-1/-1;
  justify-self: end;
  background-color: var(--_background-color, var(--color-yellow-key));
}

.l-followbottombar {
  position: sticky;
  display: block grid;
  z-index: var(--obj-z-l-foolowbottombar);
  -ms-flex-line-pack: center;
      align-content: center;
  inset-block-end: calc(-100 * var(--vwmc));
  block-size: calc(100 * var(--vunit));
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0 calc(20 * var(--vunit)) 0 var(--shadow01);
          box-shadow: 0 0 calc(20 * var(--vunit)) 0 var(--shadow01);
  opacity: 0;
  -webkit-transition: opacity 0.3s, inset-block-end 0.5s ease;
  transition: opacity 0.3s, inset-block-end 0.5s ease;
}
.l-followbottombar:not([data-active]) {
  pointer-events: none;
}
.l-followbottombar[data-active] {
  inset-block-end: 0;
  opacity: 1;
}
.l-followbottombar .l-inner {
  -webkit-column-gap: calc(15 * var(--vunit));
     -moz-column-gap: calc(15 * var(--vunit));
          column-gap: calc(15 * var(--vunit));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-followbottombar .logo {
  grid-area: logo;
  inline-size: calc(300 * var(--rrate) * var(--vunit));
  aspect-ratio: 300/30;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.l-followbottombar .btn-login {
  grid-area: btn1;
}
.l-followbottombar .btn-signin {
  grid-area: btn2;
}

.c-btn-circle {
  z-index: 0;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  position: relative;
  display: block grid;
  grid-template-columns: auto;
  place-content: center;
  place-items: center;
  margin-inline: auto;
  text-decoration: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s, -webkit-filter 0.3s;
  text-align: center;
  --_ls: 16;
  --_ls-pc: 16;
  --_ls-sp: 0;
  --_fw: var( --fw-semibold );
  --_fs-pc: 16;
  --_fs-sp: 16;
  --_lh-pc: 18;
  --_lh-sp: 18;
  --_size-pc: 48;
  --_size-sp: 48;
  --_icon-x: 0;
  --_icon-y: 0;
  font-size: calc(var(--_fs) * var(--funit));
  line-height: calc(var(--_lh) * var(--funit));
  font-weight: var(--_fw);
  min-inline-size: min(var(--_size) * var(--unit), var(--_size) * var(--pxr));
  min-block-size: min(var(--_size) * var(--unit), var(--_size) * var(--pxr));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  --_col-font: var(--color-font-b);
  --_col-bg: transparent;
  --_col-border: var(--color-gray-500);
  --_border-w: 2px;
  --_n_col-icon: var(--_fcol );
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
  --_col-icon: var(--_n_col-icon );
  color: var(--_col-font);
  background-color: var(--_col-bg);
  border: var(--_border-w) solid var(--_col-border);
  border-radius: var(--infinity);
  letter-spacing: calc(var(--_ls) * 0.001rem);
}
.c-btn-circle:focus {
  opacity: 0.8;
  --_icon-x: 2;
}

.c-btn-circle [class^=c-icon] {
  --_icon-col: var(--_n_col-icon);
  --_x: var( --_icon-x, 0);
  --_y: var( --_icon-y, 0);
  translate: calc(var(--_x) * var(--unit)) calc(var(--_y) * var(--unit));
}

.c-btn-circle[data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
  --_col-border: unset;
  --_n_col-icon: var(--color-font-b);
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
}

.c-btn-circle[data-color=gray] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-gray-200);
  --_col-border: unset;
  --_n_col-icon: var(--color-font-b);
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
}

.c-btn-circle[data-color=black] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-black);
  --_col-border: var(--color-gray-500);
  --_n_col-icon: var(--color-font-w);
}

.c-btn-circle[data-color=green] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-green-500);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-font-w);
  --_h_col-font: var(--color-font-b );
  --_h_col-bg: var(--color-white );
  --_h_col-border: var(--color-gray-500 );
  --_h_col-icon: var(--color-font-b );
}

.c-btn-rounded {
  z-index: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  display: block grid;
  grid-template-columns: auto;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
  text-decoration: unset;
  overflow-x: clip;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s, -webkit-filter 0.3s;
  text-align: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  --_ls-pc: -9;
  --_ls-sp: 0;
  --_fw: var( --fw-semibold );
  --_fs-pc: 16;
  --_fs-sp: 16;
  --_lh-pc: 18;
  --_lh-sp: 18;
  --_width-pc: 220;
  --_width-sp: 190;
  --_height-pc: 50;
  --_height-sp: 50;
  --_icon-x: 0;
  font-size: calc(var(--_fs, var(--_fs-pc)) * var(--funit));
  line-height: calc(var(--_lh, --_lh-pc) * var(--funit));
  font-weight: var(--_fw);
  min-inline-size: calc(var(--_width, var(--_width-pc)) * var(--funit));
  min-block-size: calc(var(--_height, var(--_height-pc)) * var(--funit));
  --_col-font: var(--color-font-b);
  --_col-bg: transparent;
  --_col-border: var(--color-gray-500, transparent);
  --_border-w: 1px;
  --_n_col-icon: var(--color-font-b );
  --_col-icon: var(--_n_col-icon );
  color: var(--_col-font);
  background-color: var(--_col-bg);
  border: var(--_border-w) solid var(--_col-border);
  border-radius: var(--infinity);
  letter-spacing: calc(var(--_ls, var(--_ls-pc)) * 0.001rem);
}

a.c-btn-rounded:focus {
  opacity: 0.8;
}
a.c-btn-rounded:focus:not(:has([class*=c-icon-img--paper])) {
  --_icon-x: 2;
}

button:not([aria-disabled=true]).c-btn-rounded:focus {
  opacity: 0.8;
}
button:not([aria-disabled=true]).c-btn-rounded:focus:not(:has([class*=c-icon-img--paper])) {
  --_icon-x: 2;
}

.c-btn-rounded.is-hover:not(:has([class*=c-icon-img--paper])) {
  --_icon-x: 2;
}

.c-btn-rounded[data-size=min] {
  --_fs-pc: 14;
  --_fs-sp: 14;
  display: inline grid;
  min-inline-size: unset;
  min-block-size: unset;
  padding-inline: calc(8 * var(--vunit));
  margin-left: 8;
}
.c-btn-rounded[data-size=min][data-color=black] {
  --_col-font: var(--color-yellow-key);
}
.c-btn-rounded[data-size=min][data-color=yellow] {
  --_col-font: var(--color-font-b);
}

.c-btn-rounded:has([class^=c-icon]) {
  --_width-pc: 300;
  --_width-sp: 200;
  --_height-pc: 60;
  --_height-sp: 50;
  --_fs-pc: 16;
  --_fs-sp: 16;
  --_ls: -9;
  --_ls-pc: 0;
  margin-inline: 0;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn-rounded:has([class^=c-icon]).p-home-about-btn {
  --_width: 280;
}

.c-btn-rounded > .txt {
  justify-self: start;
}

.c-btn-rounded [class^=c-icon] {
  --_icon-col: var(--_col-icon);
  translate: calc(var(--_x) * var(--vunit)) calc(-1 * var(--vunit));
  position: absolute;
  justify-self: end;
  -ms-flex-item-align: center;
      align-self: center;
}
.c-btn-rounded [class^=c-icon][class*=c-icon-img--paper] {
  --_icon-x: 0 !important;
  translate: calc(-1 * var(--_icon-x-base, 21) * var(--vunit)) calc(-1 * var(--vunit));
}

.c-btn-rounded .c-icon--angle-arrow-left {
  --_icon-x-base: 12;
  grid-area: 1/1/-1/-1;
  display: block grid;
  justify-self: start;
}

.c-btn-rounded[data-color=white] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-border: transparent;
  --_n_col-icon: var(--color-red-key);
}
.c-btn-rounded[data-color=borderless-white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
  --_col-border: transparent;
  --_n_col-icon: var(--color-font-b);
}
.c-btn-rounded[data-color=black] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-black);
  --_col-border: transparent;
  --_n_col-icon: var(--color-font-w);
}
.c-btn-rounded[data-color=green] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-green-500);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-font-w);
}
.c-btn-rounded[data-color=yellow] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-yellow-key);
  --_col-border: var(--color-yellow-key);
  --_n_col-icon: var(--color-font-b);
}
.c-btn-rounded[data-color=blue] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-blue-key);
  --_col-border: var(--color-blue-key);
  --_n_col-icon: var(--color-font-w);
}
.c-btn-rounded[data-color=border-green] {
  --_col-font: var(--color-green-500);
  --_col-bg: var(--color-white);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-green-500);
}
.c-btn-rounded[data-size=header-download] {
  --_width-pc:186 !important;
}

[data-btn-toggle]:not(:has(:checked)) ~ .c-btn-rounded[data-btn-toggle] {
  --_col-bg: var(--color-gray-500);
  --_col-border: var(--color-gray-500);
  pointer-events: none;
}

[data-btn-toggle]:has(:checked) ~ .c-btn-rounded[data-btn-toggle] {
  pointer-events: auto;
  opacity: 1;
}

.c-btn-rounded[aria-disabled=true] {
  --_col-bg: var(--color-gray-500);
  --_col-border: var(--color-gray-500);
}

[class*=c-btn-box] {
  --_r: 0;
  --_w-pc: 300;
  --_h-pc: 50;
  --_w-sp: 170;
  --_h-sp: 40;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--_col-font, var(--color-font-w));
  background-color: var(--_col-bg, var(--color-blue-key));
  border-radius: calc(var(--_r) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  min-inline-size: calc(var(--_w, var(--_w-pc)) * var(--funit));
  min-block-size: calc(var(--_h, var(--_h-pc)) * var(--funit));
}
[class*=c-btn-box]:focus {
  opacity: var(--btn-hover-opacity);
  --_icon-x: 2;
}

[class*=c-btn-box]:has([class^=c-icon]) {
  grid-template-columns: auto auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
  background-color: var(--_col-icon, var(--color-white));
  translate: calc(var(--_icon-x, 0) * var(--funit));
}

[class*=c-btn-box][data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
}
[class*=c-btn-box][data-color=white-red] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-icon: var(--color-red-key);
}
[class*=c-btn-box][type=Submit] {
  --_w-pc: 400;
  --_h-pc: 60;
  --_w-sp: 200;
  --_h-sp: 50;
}

[class*=c-btn-txt] {
  --_r: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--_col-font, var(--color-font-b));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  letter-spacing: 0rem;
}
[class*=c-btn-txt]:focus {
  opacity: var(--btn-hover-opacity);
}

[class*=c-btn-txt]:has([class^=c-icon]) {
  grid-template-columns: auto auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
  translate: calc(var(--_icon-x, 0) * var(--funit));
}

[class*=c-btn-box][data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
}
[class*=c-btn-box][data-color=white-red] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-icon: var(--color-red-key);
}

.c-btn-page-top {
  position: fixed;
  display: block grid;
  aspect-ratio: 1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  z-index: var(--obj-z-pagetopbtn);
  -webkit-transition: opacity 0.3s, inset-block-end 0.5s ease;
  transition: opacity 0.3s, inset-block-end 0.5s ease;
  place-items: center;
  inset-block-end: calc(100 * var(--vwmc));
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-filter: drop-shadow(0 0 calc(4 * var(--vunit)) var(--shadow01));
          filter: drop-shadow(0 0 calc(4 * var(--vunit)) var(--shadow01));
}
.c-btn-page-top[data-active] {
  opacity: 1;
}
.c-btn-page-top:focus {
  opacity: 0.8;
}
.c-btn-page-top:not([data-active]) {
  pointer-events: none;
  opacity: 0;
}

.c-hamburger {
  --_col: var(--color-brown-500);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-hamburger:focus {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: calc(36 * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c-hamburger__inner > span {
  background-color: var(--color-yellow-key);
  block-size: calc(5 * var(--vunit));
  justify-self: end;
  -webkit-transition: rotate 0.3s, opacity 0.3s, translate 0.3s, inline-size 0.3s;
  transition: rotate 0.3s, opacity 0.3s, translate 0.3s, inline-size 0.3s;
}
.c-hamburger__inner > span:nth-child(1) {
  inline-size: calc(100% - 0 * var(--vunit));
}
.c-hamburger__inner > span:nth-child(2) {
  inline-size: calc(100% - 10 * var(--vunit));
}
.c-hamburger__inner > span:nth-child(3) {
  inline-size: calc(100% - 20 * var(--vunit));
}

.c-hamburger[data-open] .c-hamburger__inner > span {
  inline-size: 100%;
}
.c-hamburger[data-open] .c-hamburger__inner > span:nth-child(1) {
  rotate: 135deg;
  translate: 0 calc(11 * var(--vunit));
}
.c-hamburger[data-open] .c-hamburger__inner > span:nth-child(2) {
  opacity: 0;
}
.c-hamburger[data-open] .c-hamburger__inner > span:nth-child(3) {
  rotate: 45deg;
  translate: 0 calc(-10 * var(--vunit));
}

.c-details-content {
  display: block grid;
  grid-template-columns: repeat(var(--_colcount, 2), 1fr);
  grid-auto-flow: row;
  gap: calc(var(--_gap, 20) * var(--vunit));
}
.c-details-content[data-column="1"] {
  --_colcount: 1;
  --_summary-gap: 30;
}
.c-details-content[data-shadow="1"] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-filter: drop-shadow(0 0 calc(20 * var(--vunit)) var(--shadow01));
          filter: drop-shadow(0 0 calc(20 * var(--vunit)) var(--shadow01));
}

.c-details-qa {
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  inline-size: 100%;
  min-block-size: calc(var(--_min-height-pc, 70) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: calc(var(--_radius, 0) * var(--vunit));
  text-align: start;
  color: var(--_fcol, var(--color-font-b));
  background-color: var(--_bgcol, var(--color-white));
}
.c-details-qa[data-open=true] > summary {
  --_rotate1: 90deg;
  --_rotate2: 180deg;
  --_opacity2: 0;
}
.c-details-qa > summary {
  display: block grid;
  grid-template: "q . icon"/auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--_summary-gap, 15) * var(--vunit));
  padding-inline: calc(var(--_padding-inline-pc, 10) * var(--vunit));
  padding-block: calc(var(--_padding-block-pc, 10) * var(--vunit));
  cursor: pointer;
  font-size: calc(16 * var(--funit));
  line-height: 1.6875;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
  --_iw-pc: 16;
  --_ih-pc: 16;
}
.c-details-qa > summary .c-icon-img--circle-q {
  grid-area: q;
}
.c-details-qa > summary .c-icon-img--plus {
  grid-area: icon;
  -webkit-margin-end: calc(10 * var(--vunit));
          margin-inline-end: calc(10 * var(--vunit));
}
.c-details-qa > summary:before, .c-details-qa > summary:after {
  content: "";
  grid-area: icon;
  justify-self: end;
  display: block grid;
  place-content: center;
  -webkit-transition: rotate 0.3s, opacity 0.3s;
  transition: rotate 0.3s, opacity 0.3s;
  -webkit-border-after: calc(16 * var(--vunit)) solid var(--color-yellow-key);
          border-block-end: calc(16 * var(--vunit)) solid var(--color-yellow-key);
  inline-size: calc(2 * var(--vunit));
  -webkit-margin-end: calc(16 * var(--vunit));
          margin-inline-end: calc(16 * var(--vunit));
}
.c-details-qa > summary:before {
  rotate: var(--_rotate1, 0deg);
  opacity: var(--_opacity1, 1);
}
.c-details-qa > summary:after {
  rotate: var(--_rotate2, 90deg);
  opacity: var(--_opacity2, 1);
}
.c-details-qa[data-open=true] .content {
  --_opacity: 1;
}
.c-details-qa > .content {
  position: relative;
  display: block grid;
  grid-template-columns: auto 1fr;
  gap: calc(var(--_summary-gap, 15) * var(--vunit));
  padding-inline: calc(10 * var(--vunit)) calc(20 * var(--vunit));
  opacity: var(--_opacity, 0);
  -webkit-transition: opacity 0.3s, max-block-size 0.3s, block-size 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, max-block-size 0.3s, block-size 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, max-block-size 0.3s, block-size 0.3s;
  transition: opacity 0.3s, transform 0.3s, max-block-size 0.3s, block-size 0.3s, -webkit-transform 0.3s;
}
.c-details-qa > .content > p {
  display: block grid;
  margin-block: calc(20 * var(--vunit)) calc(10 * var(--vunit));
  font-size: calc(16 * var(--funit));
  line-height: 1.6875;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
}
.c-details-qa > .content > [class*=c-icon] {
  margin-block: calc(10 * var(--vunit));
}

.c-frame-circle-accent {
  position: relative;
  display: block grid;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  text-align: center;
  border-radius: var(--infinity);
  background-color: var(--_background-color, var(--color-white));
  color: var(--_border-color, var(--color-gray-800));
  aspect-ratio: 1;
}
.c-frame-circle-accent:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 50%;
  clip-path: polygon(0 0, 50% 0, 50% 50%, 0% 50%);
}

.c-frame-circle-accent[data-type=num] > .title-en {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.1rem;
}
.c-frame-circle-accent[data-type=num] > .number {
  margin-top: calc(3 * var(--vunit));
  font-weight: var(--fw-bold);
}
.c-frame-circle-accent[data-type=num] > .title-ja {
  -webkit-margin-before: calc(3 * var(--vunit));
          margin-block-start: calc(3 * var(--vunit));
  line-height: 1;
  font-weight: var(--fw-bold);
}

.c-frame-circle-accent[data-type=image] {
  --_circle-width: 216;
  aspect-ratio: 1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.c-frame-circle-accent[data-type=image] .pic {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

[class*=c-icon--] {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: inline flow-root;
  position: relative;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  --_itx: 0;
  --_ity: 0;
  --_u-itx: calc( var(--_itx) * var(--funit) );
  --_u-ity: calc( var(--_ity) * var(--funit) );
  inline-size: calc(var(--_iw) * var(--funit));
  block-size: calc(var(--_ih) * var(--funit));
  min-block-size: calc(var(--_ih) * var(--funit));
  aspect-ratio: var(--_iw)/var(--_ih);
  background-color: var(--_icon-col, var(--color-black));
  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%;
}

.c-icon--arrow-left {
  --_iw-pc: 51;
  --_ih-pc: 52;
  -webkit-mask-image: var(--icon-arrow-left);
          mask-image: var(--icon-arrow-left);
}

.c-icon--arrow-right {
  --_iw-pc: 51;
  --_ih-pc: 52;
  --_iw-sp: 51;
  --_ih-sp: 52;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
}

.c-icon--angle-arrow-right,
.c-icon--angle-arrow-left {
  --_aw: calc( var(--_tickness) * var(--frem) );
  --_as: calc( var(--_size ) * var(--frem) );
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  background-color: var(--color-black, var(--color-black));
}

.c-icon--angle-arrow-right {
  rotate: 45deg;
}

.c-icon--angle-arrow-left {
  rotate: -135deg;
}

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

.c-icon--angle-arrow-down {
  --_iw-pc: 16;
  --_ih-pc: 16;
  --_iw-sp: 16;
  --_ih-sp: 16;
  -webkit-mask-image: var(--icon-angle-arrow-bottom-y);
          mask-image: var(--icon-angle-arrow-bottom-y);
}

.c-icon--circle-angle-arrow-right {
  --_iw-pc: 26;
  --_ih-pc: 26;
  --_iw-sp: 16;
  --_ih-sp: 16;
  -webkit-mask-image: var(--icon-circle-angle-arrow-right-m);
          mask-image: var(--icon-circle-angle-arrow-right-m);
}

.c-icon--paper-back {
  --_iw-pc: 11;
  --_ih-pc: 11;
  -webkit-mask-image: var(--icon-paper-back-w);
          mask-image: var(--icon-paper-back-w);
}

.c-icon--paper-front {
  --_iw-pc: 11;
  --_ih-pc: 11;
  -webkit-mask-image: var(--icon-paper-front);
          mask-image: var(--icon-paper-front);
}

.c-icon--circle-q {
  --_iw-pc: 51;
  --_ih-pc: 51;
  -webkit-mask-image: var(--icon-circle-q);
          mask-image: var(--icon-circle-q);
}

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

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

[class*=c-icon-img--] {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: inline flow-root;
  position: relative;
  -webkit-transition: opacity 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, box-shadow 0.3s, translate 0.3s;
  transition: opacity 0.3s, box-shadow 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  --_itx: 0;
  --_ity: 0;
  --_u-itx: calc( var(--_itx) * var(--funit) );
  --_u-ity: calc( var(--_ity) * var(--funit) );
  inline-size: calc(var(--_iw) * var(--funit));
  block-size: calc(var(--_ih) * var(--funit));
  aspect-ratio: var(--_iw)/var(--_ih);
  translate: var(--_u-itx) var(--_u-ity);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.c-icon-img--map-pointer {
  --_iw-pc: 48;
  --_ih-pc: 61;
  background-image: var(--icon-map-pointer);
}

.c-icon-img--circle-check {
  --_iw-pc: 26;
  --_ih-pc: 26;
  --_iw-sp: 16;
  --_ih-sp: 16;
  background-image: var(--icon-circle-check);
}

.c-icon-img--circle-angle-arrow-right {
  --_iw-pc: 50;
  --_ih-pc: 50;
  background-image: var(--icon-circle-angle-arrow-right);
}

.c-icon-img--circle-angle-arrow-right-w {
  --_iw-pc: 80;
  --_ih-pc: 80;
  background-image: var(--icon-circle-angle-arrow-right-w);
  background-size: 100%;
  aspect-ratio: 1;
}

.c-icon-img--circle-angle-arrow-right-y {
  --_iw-pc: 27.5;
  --_ih-pc: 27.5;
  background-image: var(--icon-circle-angle-arrow-right-y);
  background-size: 100%;
  aspect-ratio: 1;
}

.c-icon-img--circle-angle-arrow-up-y {
  --_iw-pc: 80;
  --_ih-pc: 80;
  --_iw-sp: 60;
  --_ih-sp: 60;
  background-image: var(--icon-circle-angle-arrow-up-y);
  background-size: 100%;
  aspect-ratio: 1;
}

.c-icon-img--angle-arrow-bottom {
  --_iw-pc: 16;
  --_ih-pc: 16;
  --_iw-sp: 16;
  --_ih-sp: 16;
  background-image: var(--icon-angle-arrow-bottom-y);
}

.c-icon-img--paper-front {
  --_iw-pc: 11;
  --_ih-pc: 11;
  background-image: var(--icon-paper-front);
  mix-blend-mode: multiply;
}

.c-icon-img--paper-back {
  --_iw-pc: 11;
  --_ih-pc: 11;
  background-image: var(--icon-paper-back);
  mix-blend-mode: multiply;
}

.c-icon-img--paper-back-w {
  --_iw-pc: 16;
  --_ih-pc: 16;
  background-image: url("../../assets/img/common/icon/icon_paper_back_w.png");
}

.c-icon-img--mail {
  --_iw-pc: 17;
  --_ih-pc: 12;
  background-image: var(--icon-img-mail);
}

.c-icon-img--box {
  --_iw-pc: 18;
  --_ih-pc: 13;
  background-image: var(--icon-img-box);
}

.c-icon-img--search {
  --_iw-pc: 16;
  --_ih-pc: 17;
  background-image: var(--icon-img-search);
  mix-blend-mode: multiply;
}

.c-icon-img--building {
  --_iw-pc: 15;
  --_ih-pc: 17;
  background-image: var(--icon-img-building);
}

.c-icon-img--sitemap {
  --_iw-pc: 17;
  --_ih-pc: 17;
  background-image: var(--icon-img-sitemap);
}

.c-icon-img--bag {
  --_iw-pc: 19;
  --_ih-pc: 16;
  background-image: var(--icon-img-bag);
}

.c-icon-img--checkbox-y {
  --_iw-pc: 20;
  --_ih-pc: 20;
  background-image: var(--icon-img-checkbox-y);
}

.c-icon-img--circle-q {
  --_iw-pc: 50;
  --_ih-pc: 50;
  display: block grid;
  place-items: center;
  border-radius: var(--infinity);
  border: calc(1 * var(--vunit)) solid currentColor;
}
.c-icon-img--circle-q:before {
  content: "Q";
  display: block grid;
  font-size: calc(24 * var(--funit));
  line-height: 1;
}

.c-icon-img--circle-a {
  --_iw-pc: 50;
  --_ih-pc: 50;
  display: block grid;
  place-items: center;
  border-radius: var(--infinity);
  border: calc(1 * var(--vunit)) solid var(--color-font-b);
  background-color: var(--color-font-b);
  color: var(--color-font-w);
}
.c-icon-img--circle-a:before {
  content: "A";
  display: block grid;
  font-size: calc(24 * var(--funit));
  line-height: 1;
}

.c-icon-img--plus {
  --_iw-pc: 16;
  --_ih-pc: 16;
  display: block grid;
  place-items: center;
}
.c-icon-img--plus:before, .c-icon-img--plus:after {
  content: "";
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: block grid;
  background-color: var(--color-yellow-key);
  -webkit-transition: rotate 0.3s, opacity 0.3s;
  transition: rotate 0.3s, opacity 0.3s;
}
.c-icon-img--plus:before {
  inline-size: calc(2 * var(--vunit));
  block-size: calc(16 * var(--vunit));
  rotate: var(--_rotate1, 0deg);
  opacity: var(--_opacity1, 1);
}
.c-icon-img--plus:after {
  inline-size: calc(16 * var(--vunit));
  block-size: calc(2 * var(--vunit));
  rotate: var(--_rotate2, 0deg);
  opacity: var(--_opacity2, 1);
}
.c-icon-img--plus[data-open] {
  --_rotate1: 90deg;
  --_rotate2: 180deg;
  --_opacity1: 1;
  --_opacity2: 0;
}

.c-icon-img--circle-media-prev {
  --_iw-pc: 50;
  --_ih-pc: 50;
  background-image: url("../../assets/img/common/icon/icon_circle_prev.svg");
}

.c-icon-img--circle-media-next {
  --_iw-pc: 50;
  --_ih-pc: 50;
  background-image: url("../../assets/img/common/icon/icon_circle_next.svg");
}

.c-icon-img--circle-media-stop {
  --_iw-pc: 50;
  --_ih-pc: 50;
  background-image: var(--icon-circle-stop);
  background-image: url("../../assets/img/common/icon/icon_circle_stop.svg");
}

.c-icon-img--circle-media-play {
  --_iw-pc: 50;
  --_ih-pc: 50;
  background-image: url("../../assets/img/common/icon/icon_circle_play.svg");
}

.c-icon-img--webjitbox {
  --_iw-pc: 220;
  --_ih-pc: 47;
  background-image: url("../../assets/img/common/logo_webjitbox@2x.png");
}

.c-icon-img--pdf {
  --_iw-pc: 23;
  --_ih-pc: 12;
  background-image: var(--icon-pdf);
}

.c-icon-img--warning {
  --_iw-pc: 15;
  --_ih-pc: 14;
  background-image: var(--icon-warning);
}

.c-link {
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
}
.c-link:focus {
  opacity: var(--btn-hover-opacity);
}

.c-link-txt {
  --_txt-color-normal: var(--color-font-b);
  color: var(--_txt-color, --_txt-color-normal);
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
  vertical-align: middle;
  letter-spacing: calc(-5 * var(--flsunit));
}
.c-link-txt:focus {
  opacity: var(--btn-hover-opacity, 0.8);
}

.c-link-txt[data-color=blue] {
  --_txt-color: var(--color-blue-500);
}

.c-link-txt--default {
  --_link-txt-color-normal: var(--color-blue-500);
  color: var(--_link-txt-color, var(--_link-txt-color-normal));
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
  vertical-align: middle;
  text-decoration: underline;
  letter-spacing: calc(50 * var(--flsunit));
}
.c-link-txt--default:focus {
  opacity: var(--btn-hover-opacity, 0.8);
}

.c-link-txt--default:visited {
  --_link-txt-color: var(--color-purple-500);
}

.c-link-txt--arrow {
  --_col-icon: var(--color-black);
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-link-txt--arrow:focus {
  opacity: 0.8;
}
.c-link-txt--arrow:focus:after {
  --_ix: 2;
}

.c-link-txt--arrow::after {
  --_iy: 0.2rem;
  display: inline grid;
  content: "";
  inline-size: 0.7rem;
  min-inline-size: 0.7rem;
  aspect-ratio: 7/12;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  -webkit-margin-start: 0.8rem;
          margin-inline-start: 0.8rem;
  -webkit-transition: translate 0.3s, -webkit-margin-start 0.3s;
  transition: translate 0.3s, -webkit-margin-start 0.3s;
  transition: translate 0.3s, margin-inline-start 0.3s;
  transition: translate 0.3s, margin-inline-start 0.3s, -webkit-margin-start 0.3s;
  translate: calc(var(--_ix, 0) * var(--vunit)) var(--_iy, 0);
  -webkit-mask-image: var(--icon-angle-arrow-right);
          mask-image: var(--icon-angle-arrow-right);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--_col-icon);
}

.c-link-txt--arrow [class^=c-icon] {
  --_icon-col: var(--_c_col-icon);
  --_x: var( --_icon-x);
  translate: calc(var(--_x) * var(--unit)) 0;
}

.c-link-txt--arrow[data-color=white] {
  --_col-icon: var(--color-font-w);
}
.c-link-txt--arrow[data-color=black] {
  --_col-icon: var(--color-font-b);
}

:where(.c-link-icon, .c-link-icon-area a):where([href^="http://"], [href^="https://"], [href*=".pdf"]):after {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline flow-root;
  position: relative;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  inline-size: calc(var(--_link-icon-width) * var(--funit));
  min-inline-size: calc(var(--_link-icon-width) * var(--funit));
  block-size: calc(var(--_link-icon-height) * var(--funit));
  min-block-size: calc(var(--_link-icon-height) * var(--funit));
  aspect-ratio: var(--_link-icon-width)/var(--_link-icon-height);
  -webkit-margin-start: calc(var(--_link-icon-adjust-x) * var(--vunit));
          margin-inline-start: calc(var(--_link-icon-adjust-x) * var(--vunit));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

:where(.c-link-icon-before, .c-link-icon-before-area a):where([href^="http://"], [href^="https://"], [href*=".pdf"]):before {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline flow-root;
  position: relative;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  inline-size: calc(var(--_link-icon-width) * var(--funit));
  min-inline-size: calc(var(--_link-icon-width) * var(--funit));
  block-size: calc(var(--_link-icon-height) * var(--funit));
  min-block-size: calc(var(--_link-icon-height) * var(--funit));
  aspect-ratio: var(--_link-icon-width)/var(--_link-icon-height);
  -webkit-margin-end: calc(var(--_link-icon-adjust-x) * var(--vunit));
          margin-inline-end: calc(var(--_link-icon-adjust-x) * var(--vunit));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

:where(.c-link-icon, .c-link-icon-area a)[href^="http://"]:after,
:where(.c-link-icon, .c-link-icon-area a)[target=_blank]:after {
  --_link-icon-width: 11;
  --_link-icon-height: 11;
  --_link-icon-adjust-x: 8;
  background-image: var(--_icon-external-link, var(--icon-paper-back));
  mix-blend-mode: multiply;
}

:where(.c-link-icon, .c-link-icon-before-area a)[target=_blank]:before {
  --_link-icon-width: 11;
  --_link-icon-height: 11;
  --_link-icon-adjust-x: 8;
  background-image: var(--_icon-external-link, var(--icon-paper-back));
  mix-blend-mode: multiply;
}

:where(.c-link-icon, .c-link-icon-area a)[href*=".pdf"]:after {
  --_link-icon-width: 23;
  --_link-icon-height: 12;
  --_link-icon-adjust-x: 8;
  background-image: var(--icon-pdf);
}

.c-list--indent {
  display: block flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: var(--_list-gap, calc(12 * var(--vunit)));
  padding: unset;
  margin: unset;
}
.c-list--indent > li {
  padding: unset;
  margin: unset;
  list-style-type: none;
  -webkit-padding-start: var(--_padding, 2em);
          padding-inline-start: var(--_padding, 2em);
  text-indent: calc(var(--_padding, 2em) * -1);
  -webkit-margin-start: var(--_margin, 0em);
          margin-inline-start: var(--_margin, 0em);
}
.c-list--indent[data-indent="1"], .c-list--indent[data-indent="1.0"] {
  --_padding: 1em;
}
.c-list--indent[data-indent="2"] {
  --_padding: 2em;
}
.c-list--indent[data-indent="7"] {
  --_padding: 7em;
}
.c-list--indent[data-indent="9"] {
  --_padding: 9em;
}
.c-list--indent[data-type="*"] {
  --_padding: 1em;
}
.c-list--indent[data-type="-"] {
  --_padding: 1em;
}
.c-list--indent[data-type=bullet] {
  --_padding: 0.0em;
  --_margin: 1.2em;
  --_list-gap: calc( 0 * var(--vunit) );
}
.c-list--indent[data-type=bullet] li {
  --_size: 0.40em;
  position: relative;
}
.c-list--indent[data-type=bullet] li:before {
  position: absolute;
  content: "";
  inline-size: var(--_size);
  block-size: var(--_size);
  background-color: var(--color-yellow-key);
  border-radius: 50%;
  inset-inline-start: calc((var(--_margin, 1.2em) - 0em) * -1);
  inset-block-start: 0.55em;
  translate: 50% 50%;
}
.c-list--indent[data-type=circle-check] {
  --_padding: 0.0em;
}
.c-list--indent[data-type=circle-check] li {
  position: relative;
}
.c-list--indent[data-type=circle-check] li:before {
  position: absolute;
  content: "";
  inline-size: calc(var(--_size) * var(--funit));
  block-size: calc(var(--_size) * var(--funit));
  translate: 50% 50%;
  background-image: var(--icon-circle-check);
  background-size: contain;
}
.c-list--count {
  counter-reset: number 0;
}
.c-list--count[data-char=")"] {
  --_char: ")";
  --_padding: 1.5em;
}
.c-list--count > li {
  counter-increment: number 1;
  text-indent: calc(var(--_padding, 1.2em) * -1);
  -webkit-margin-start: var(--_padding, 1.2em);
          margin-inline-start: var(--_padding, 1.2em);
}
.c-list--count > li:before {
  content: counter(number) var(--_char, ".") " ";
}

[class*=c-pic] {
  display: block flow;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
[class*=c-pic] img {
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c-pic img {
  -o-object-fit: var(--_object-fit, contain);
     object-fit: var(--_object-fit, contain);
}

.c-pic--cover img {
  --_object-fit: cover;
}

.c-pic--clip img {
  --_object-fit: none;
  inline-size: 100%;
  block-size: 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 {
  -webkit-transition: scale 0.3s ease;
  transition: scale 0.3s ease;
}

.c-slider {
  overflow-x: auto;
  max-inline-size: 100vw;
}
.c-slider--content {
  --_slider-inner: 0;
  overflow-x: auto;
}

.c-table[data-type=frame] {
  overflow: clip;
  border: calc(2 * var(--vunit)) solid;
  border-radius: var(--card-s-radius);
  border-collapse: separate;
  border-spacing: 0;
}
.c-table[data-type=frame] tr {
  white-space: nowrap;
}
.c-table[data-type=frame] tr:has(.img-cell) {
  --_th-w: calc( (155 / 1200) * 100% );
  --_td-w: 57.5%;
}
.c-table[data-type=frame] tr:not(:has(.img-cell)) {
  --_th-w: calc( (90 / 1200) * 100% );
  --_td-w: 50.0%;
}
.c-table[data-type=frame] tr:not(:last-child) {
  --_border-block-end: calc( 2 * var(--vunit) ) solid var(--color-gray-300);
}
.c-table[data-type=frame] tr th, .c-table[data-type=frame] tr td {
  block-size: calc(var(--_min-block-size, 80) * var(--vunit));
  -webkit-border-after: var(--_border-block-end, inherit);
          border-block-end: var(--_border-block-end, inherit);
  vertical-align: middle;
  white-space: nowrap;
  padding-block: calc(var(--_padding-block, 20) * var(--vunit));
}
.c-table[data-type=frame] tr th:not(:first-child), .c-table[data-type=frame] tr td:not(:first-child) {
  -webkit-border-start: var(--_border-inline-separate, inherit);
          border-inline-start: var(--_border-inline-separate, inherit);
}
.c-table[data-type=frame] tr > th {
  background-color: var(--color-gray-800);
  text-align: center;
  color: var(--color-font-w);
}
.c-table[data-type=frame] tr > td {
  text-align: start;
  background-color: var(--color-white);
  padding-inline: calc(15 * var(--vunit));
}
.c-table[data-type=frame] tr .img-cell {
  text-align: center;
  padding-block: calc(15 * var(--vunit));
  -webkit-border-after: var(--color-gray-800);
          border-block-end: var(--color-gray-800);
  -webkit-border-start: calc(2 * var(--vunit)) solid var(--color-gray-300);
          border-inline-start: calc(2 * var(--vunit)) solid var(--color-gray-300);
}
.c-table[data-type=frame] tr .content-box {
  -webkit-margin-before: calc(12 * var(--vunit));
          margin-block-start: calc(12 * var(--vunit));
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(16 * var(--vunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.c-table[data-type=frame] tr .content-box[data-color=lightgray] {
  background-color: var(--color-gray-300);
}
.c-table[data-type=frame] tr p + h4 {
  -webkit-margin-before: calc(17 * var(--vunit));
          margin-block-start: calc(17 * var(--vunit));
}
.c-table[data-type=frame] tr h4 {
  font-weight: var(--fw-bold);
}
.c-table[data-type=default] {
  overflow: clip;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border-spacing: calc(3 * var(--vunit));
}
.c-table[data-type=default] a:not([class*=c-btn]) {
  text-decoration: underline;
}
.c-table[data-type=default] colgroup col {
  min-inline-size: calc(var(--_col-width, inherit) * var(--vunit));
}
.c-table[data-type=default] tr th, .c-table[data-type=default] tr td {
  block-size: calc(47 * var(--vunit));
  padding-block: calc(15 * var(--vunit));
}
.c-table[data-type=default] tr > th {
  background-color: var(--color-gray-800);
  text-align: center;
  color: var(--color-font-w);
  border-radius: calc(5 * var(--vunit));
}
.c-table[data-type=default] tr > td {
  position: relative;
  text-align: start;
  background-color: var(--color-white);
  -webkit-border-after: var(--_td-border-block-end, calc(1 * var(--vunit)) solid var(--color-gray-700));
          border-block-end: var(--_td-border-block-end, calc(1 * var(--vunit)) solid var(--color-gray-700));
  inline-size: calc(var(--_td-min-width, 100) * var(--vunit));
  min-inline-size: calc(var(--_td-min-width, 100) * var(--vunit));
}
.c-table[data-type=default] tr > td:not(:last-child):before {
  content: "";
  position: absolute;
  inset-block-end: calc(-1 * var(--vunit));
  inset-inline-end: calc(-4 * var(--vunit));
  inline-size: calc(4 * var(--vunit));
  -webkit-border-after: var(--_td-border-block-end, calc(1 * var(--vunit)) solid var(--color-gray-700));
          border-block-end: var(--_td-border-block-end, calc(1 * var(--vunit)) solid var(--color-gray-700));
}
.c-tag-req {
  --_min-height-pc: 23;
  --_padding-inline-sp: 6;
  --_padding-inline-pc: 6;
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-orange-500);
  border-radius: 0.6rem;
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-block-size: calc(var(--_min-height-pc) * var(--unit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  white-space: nowrap;
  padding-inline: calc(var(--_padding-inline-pc) * var(--unit));
  color: var(--_fcol);
  background-color: var(--_bgcol);
  font-size: 1.4rem;
  font-weight: var(--fw-light);
  line-height: 1;
  letter-spacing: 0rem;
}
.c-tag-req:before {
  content: "必須";
}
.c-tag-req[data-color=blackblue] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-blue-650);
}
.c-tag-req[data-color=black] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-black);
}

.c-tag-circle {
  z-index: 0;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  position: relative;
  display: block grid;
  grid-template-columns: auto;
  place-content: center;
  place-items: center;
  text-decoration: unset;
  overflow-x: clip;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s, -webkit-filter 0.3s;
  text-align: center;
  aspect-ratio: 1;
  --_ls-pc: 0;
  --_ls-sp: 0;
  --_fw: var( --fw-bold );
  --_fs-pc: 20;
  --_fs-sp: 12;
  --_lh-pc: 29;
  --_lh-sp: 18;
  --_size-pc: 120;
  --_size-sp: 80;
  --_icon-x: 0;
  --_icon-y: 0;
  font-size: clamp(0.1rem, var(--_fs) * var(--funit), var(--_fs) * var(--funit));
  line-height: min(var(--_lh) * var(--funit), var(--_lh) * var(--funit));
  font-weight: var(--_fw);
  min-inline-size: calc(var(--_size) * var(--vunit));
  min-block-size: calc(var(--_size) * var(--vunit));
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-red-key, transparent);
  --_c_border: transparent;
  --_border-w: calc( 2 * var(--vunit));
  color: var(--_c_font);
  background-color: var(--_c_bg);
  border: var(--_border-w) solid var(--_c_border);
  border-radius: var(--infinity);
  letter-spacing: calc(var(--_ls) * 0.001rem);
}

.c-tag-circle [class^=c-icon] {
  --_icon-col: var(--_c_icon);
  --_x: var( --_icon-x);
  --_y: var( --_icon-y);
  translate: calc(var(--_x) * var(--unit)) calc(var(--_y) * var(--unit));
}

.c-tag-circle[data-color=white] {
  --_c_font: var(--color-font-b);
  --_c_bg: var(--color-white);
  --_c_border: unset;
  --_c_icon: var(--color-font-b);
}
.c-tag-circle[data-color=black] {
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-black);
  --_c_border: var(--color-gray-500);
  --_c_icon: var(--color-font-w);
}
.c-tag-circle[data-color=green] {
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-green-500);
  --_c_border: var(--color-green-500);
  --_c_icon: var(--color-font-w);
}

.c-tag-box {
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-inline-size: calc(var(--_min-inine-pc, 61) * var(--vunit));
  min-block-size: calc(var(--_min-height-pc, 16) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  text-align: center;
  white-space: nowrap;
  padding-inline: calc(var(--_padding-inline-pc, 6) * var(--vunit));
  color: var(--_fcol, var(--color-font-w));
  background-color: var(--_bgcol, var(--color-gray-800));
  font-size: calc(var(--_tag-font-size, 11) * var(--funit));
  line-height: calc(var(--_tag-line-height, 11) / var(--_tag-font-size, 11));
  letter-spacing: calc(var(--_tag-ls, 0) * var(--flsunit));
}
.c-tag-box[data-color=blackblue] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-blue-650);
}
.c-tag-box[data-color=black] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-black);
}

[class*=c-ttl--] {
  font-size: calc(var(--_font-size, 32) * var(--funit));
  line-height: calc(var(--_line-height, 48) / var(--_font-size));
  letter-spacing: calc(var(--_letter-spacing, 0) * var(--funit));
  font-weight: var(--fw-bold);
  color: var(--_col-font, var(--color-font-b));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}

.c-ttl--s {
  --_font-size-pc: 24;
  --_font-size-sp: 14;
  --_line-height-pc: 35;
  --_line-height-sp: 20;
  --_letter-spacing-pc: 0.0;
  text-align: var(--_text-align, center);
}

.c-ttl--section-s {
  --_font-size-pc: 26;
  --_font-size-sp: 22;
  --_line-height-pc: 36;
  --_line-height-sp: 30;
  --_letter-spacing-pc: 0.55;
  text-align: var(--_text-align, center);
}

.c-ttl--section-m {
  --_font-size-pc: 40;
  --_font-size-sp: 28;
  --_line-height-pc: 48;
  --_line-height-sp: 40;
  --_letter-spacing-pc: -3.0;
  text-align: var(--_text-align, center);
}

.c-ttl--section-40 {
  --_font-size-pc: 40;
  --_font-size-sp: 22;
  --_line-height-pc: 58;
  --_line-height-sp: 32;
  --_letter-spacing-pc: 3.9;
  text-align: var(--_text-align, center);
}

.c-ttl--section-l {
  --_font-size-pc: 50;
  --_font-size-sp: 26;
  --_line-height-pc: 73;
  --_line-height-sp: 37;
  --_letter-spacing-pc: 5.0;
  --_letter-spacing-sp: 2.5;
  text-align: var(--_text-align, center);
}

[class*=c-txt--] {
  font-size: calc(var(--_font-size, 32) * var(--funit));
  line-height: calc(var(--_line-height, 48) / var(--_font-size));
  letter-spacing: calc(var(--_letter-spacing, 0) * var(--funit));
  font-weight: var(--_font-weight, var(--fw-regular));
  color: var(--_col-font, var(--color-font-b));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}

.c-txt--xs {
  --_font-size-pc: 11;
  --_font-size-sp: 11;
  --_line-height-pc: 16;
  --_line-height-sp: 16;
  --_letter-spacing: 0.0;
}

.c-txt--s {
  --_font-size-pc: 14;
  --_font-size-sp: 14;
  --_line-height-pc: 20;
  --_line-height-sp: 17;
  --_letter-spacing: 0.0;
}

.c-txt--m {
  --_font-size-pc: 18;
  --_font-size-sp: 18;
  --_line-height-pc: 36;
  --_line-height-sp: 26;
  --_letter-spacing: 0.0;
}

.c-txt--l {
  --_font-size-pc: 50;
  --_font-size-sp: 26;
  --_line-height-pc: 70;
  --_line-height-sp: 37;
  --_letter-spacing: 1.0;
}

.c-txt--list {
  --_font-size-pc: 24;
  --_font-size-sp: 14;
  --_line-height-pc: 35;
  --_line-height-sp: 20;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-bold);
}

.c-txt--list-s {
  --_font-size-pc: 14;
  --_font-size-sp: 10;
  --_line-height-pc: 20;
  --_line-height-sp: 15;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-medium);
}

.c-txt--btn-m {
  --_font-size-pc: 20;
  --_font-size-sp: 14;
  --_line-height-pc: 29;
  --_line-height-sp: 20;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-bold);
}

.c-txt--btn-l {
  --_font-size-pc: 40;
  --_font-size-sp: 22;
  --_line-height-pc: 58;
  --_line-height-sp: 32;
  --_letter-spacing: 3.6;
  --_font-weight: var(--fw-bold);
}

.c-txt--24 {
  --_font-size-pc: 24;
  --_font-size-sp: 16;
  --_line-height-pc: 43;
  --_line-height-sp: calc( 43 * var(--rrate) );
  --_letter-spacing: 0.5;
  --_font-weight: var(--fw-bold);
}

.c-txtdec--box {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding-inline: frem(10);
  padding-block: frem(8);
  color: var(--_fcol, var(--color-font-w));
  background-color: var(--_bgcol, var(--color-blue-800));
}

.c-txtdec--box[data-color=blue] {
  --_bgcol: var(--color-blue-800);
}
.c-txtdec--box[data-color=gold] {
  --_bgcol: var(--color-yellow-500);
}

#app .c-txtdec--serif {
  inline-size: var(--_inline-size, -webkit-fit-content);
  inline-size: var(--_inline-size, -moz-fit-content);
  inline-size: var(--_inline-size, fit-content);
  margin-inline: auto;
  padding-inline: calc(var(--_padding-x, 10) * var(--vunit));
  padding-block: var(--_c-padding-y, 8px);
  color: var(--_col-font, var(--color-font-w));
  background-color: var(--_col-bg, var(--color-red-key));
  clip-path: var(--_clip, unset);
}
#app .c-txtdec--serif[data-color=red] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-red-key);
}
#app .c-txtdec--serif[data-dir=bottom] {
  --_bgcol: var(--color-red-key);
  --_c-tail-size: calc( var(--_tail-size) / 2 * var(--vunit) );
  --_c-tail-length: calc( var(--_tail-length) * var(--vunit) );
  --_c-padding-y: calc( var(--_padding-y-base) * var(--vunit) ) calc( (var(--_padding-y-base) + var(--_padding-yb-base) + var(--_tail-length)) * var(--vunit) );
  --_clip: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--_c-tail-length) ),
    calc(50% + var(--_c-tail-size) ) calc(100% - var(--_c-tail-length) ),
    50% 100%,
    calc(50% - var(--_c-tail-size) ) calc(100% - var(--_c-tail-length) ),
    0% calc(100% - var(--_c-tail-length) ));
}

.c-txtdec--underline {
  --_marker-height: calc(100% - 34%);
  position: relative;
  display: inline;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding-inline: frem(3);
  color: var(--_font-color, var(--color-font-b));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--_bgcol, var(--color-green-key))));
  background: linear-gradient(transparent var(--_marker-height), var(--_bgcol, var(--color-green-key)) var(--_marker-height));
}

.c-txtdec--underline[data-color=blue] {
  --_font-color: var(--color-font-b);
  --_marker-color: var(--color-blue-key);
}
.c-txtdec--underline[data-color=green] {
  --_font-color: var(--color-font-b);
  --_marker-color: var(--color-green-key);
}

.c-ui-nav-list {
  display: block flex;
}
.c-ui-nav-list > li {
  position: relative;
}
.c-ui-nav-list li > [role=menuitem] {
  cursor: pointer;
}
.c-ui-nav-list li > [role=menuitem]:hover, .c-ui-nav-list li > [role=menuitem]:focus, .c-ui-nav-list li > [role=menuitem].focused {
  background: var(--color-white);
}
.c-ui-nav-list [role=menu] {
  background-color: var(--color-white);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.3s, block-size 0.3s, max-block-size 0.3s;
  transition: opacity 0.3s, block-size 0.3s, max-block-size 0.3s;
}
.c-ui-nav-list [role=menu]:not([data-ispopup]) {
  visibility: hidden;
  pointer-events: none;
  block-size: 0%;
  max-block-size: 0%;
}
.c-ui-nav-list [role=menu][data-ispopup] {
  display: block grid;
  inset-block-start: calc((var(--_rect-height) + 0) * var(--vunit));
  z-index: 100;
}
@starting-style {
  .c-ui-nav-list [role=menu] {
    max-block-size: 0%;
  }
}
.c-ui-nav-list [role=menubar] > li > [role=menuitem] {
  -webkit-transition: opacity 0.3s, block-size 0.3s, max-block-size 0.3s, padding-block 0.3s;
  transition: opacity 0.3s, block-size 0.3s, max-block-size 0.3s, padding-block 0.3s;
}
@starting-style {
  .c-ui-nav-list [role=menubar] > li > [role=menuitem] {
    opacity: 0;
    block-size: 0%;
    max-block-size: 0%;
  }
}
.c-ui-nav-list [role=menu]:not([data-ispopup]) {
  opacity: 0;
}
.c-ui-nav-list [role=menu]:not([data-ispopup]) > li > [role=menuitem] {
  padding-block: unset;
}
.c-ui-nav-list [role=menu][data-ispopup] {
  opacity: 1;
}
.u-mt--10 {
  margin-top: 1rem;
}

.u-mb--10 {
  margin-bottom: 1rem;
}

.u-mr--10 {
  margin-right: 1rem;
}

.u-ml--10 {
  margin-left: 1rem;
}

.u-mt--20 {
  margin-top: 2rem;
}

.u-mb--20 {
  margin-bottom: 2rem;
}

.u-mr--20 {
  margin-right: 2rem;
}

.u-ml--20 {
  margin-left: 2rem;
}

.u-mt--30 {
  margin-top: 3rem;
}

.u-mb--30 {
  margin-bottom: 3rem;
}

.u-mr--30 {
  margin-right: 3rem;
}

.u-ml--30 {
  margin-left: 3rem;
}

.u-mt--40 {
  margin-top: 4rem;
}

.u-mb--40 {
  margin-bottom: 4rem;
}

.u-mr--40 {
  margin-right: 4rem;
}

.u-ml--40 {
  margin-left: 4rem;
}

.u-mt--50 {
  margin-top: 5rem;
}

.u-mb--50 {
  margin-bottom: 5rem;
}

.u-mr--50 {
  margin-right: 5rem;
}

.u-ml--50 {
  margin-left: 5rem;
}

.u-mt--60 {
  margin-top: 6rem;
}

.u-mb--60 {
  margin-bottom: 6rem;
}

.u-mr--60 {
  margin-right: 6rem;
}

.u-ml--60 {
  margin-left: 6rem;
}

.u-mt--70 {
  margin-top: 7rem;
}

.u-mb--70 {
  margin-bottom: 7rem;
}

.u-mr--70 {
  margin-right: 7rem;
}

.u-ml--70 {
  margin-left: 7rem;
}

.u-mt--80 {
  margin-top: 8rem;
}

.u-mb--80 {
  margin-bottom: 8rem;
}

.u-mr--80 {
  margin-right: 8rem;
}

.u-ml--80 {
  margin-left: 8rem;
}

.u-mt--90 {
  margin-top: 9rem;
}

.u-mb--90 {
  margin-bottom: 9rem;
}

.u-mr--90 {
  margin-right: 9rem;
}

.u-ml--90 {
  margin-left: 9rem;
}

.u-mt--100 {
  margin-top: 10rem;
}

.u-mb--100 {
  margin-bottom: 10rem;
}

.u-mr--100 {
  margin-right: 10rem;
}

.u-ml--100 {
  margin-left: 10rem;
}

.u-mt--110 {
  margin-top: 11rem;
}

.u-mb--110 {
  margin-bottom: 11rem;
}

.u-mr--110 {
  margin-right: 11rem;
}

.u-ml--110 {
  margin-left: 11rem;
}

.u-mt--120 {
  margin-top: 12rem;
}

.u-mb--120 {
  margin-bottom: 12rem;
}

.u-mr--120 {
  margin-right: 12rem;
}

.u-ml--120 {
  margin-left: 12rem;
}

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

[class*=u-mte], [class*=u-mt-pc], [class*=u-mt-sp] {
  -webkit-margin-before: calc(var(--_mt) * var(--vunit));
          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;
}

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

.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;
}
[class*=u-pta],
[class*=u-pte],
[class*=u-pt-pc],
[class*=u-pt-sp] {
  -webkit-padding-before: calc(var(--_pt) * var(--vunit));
          padding-block-start: calc(var(--_pt) * var(--vunit));
}

.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;
}

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

.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;
}

.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;
}

.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-col-red {
  color: var(--color-red-key);
}

.u-indent--4-5 {
  padding-left: 4.5em !important;
  text-indent: -4.5em !important;
}

body.chrome.u-scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: clip clip;
}

body.edge.u-scrollbar-hidden {
  -ms-overflow-style: none;
  overflow: clip clip;
}

body.firefox.u-scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: clip clip;
}

body.safari.u-scrollbar-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);
}
.p-page-service-sec02 .grids {
  row-gap: calc(40 * var(--vunit));
}
.p-page-service-sec02 .grids .card {
  justify-items: center;
}
.p-page-service-sec02 .card {
  display: block grid;
  grid-template: "thumb" minmax(calc(216 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto)/1fr;
  justify-items: center;
}
.p-page-service-sec02 .card > .circleimage {
  grid-area: thumb;
}
.p-page-service-sec02 .card > .circleimage .pic img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.p-page-service-sec02 .card.card01 {
  --_circle-iw-pc: 126;
  --_circle-ih-pc: 113;
  --_circle-iw-sp: 130;
}
.p-page-service-sec02 .card.card02 {
  --_circle-iw-pc: 129;
  --_circle-ih-pc: 102;
  --_circle-iw-sp: 130;
}
.p-page-service-sec02 .card.card03 {
  --_circle-iw-pc: 151;
  --_circle-ih-pc: 84;
  --_circle-iw-sp: 130;
}
.p-page-service-sec02 .card.card04 {
  --_circle-iw-pc: 136;
  --_circle-ih-pc: 114;
  --_circle-iw-sp: 130;
}
.p-page-service-sec02 .card > .ttl {
  --_sw: calc( 2 * var(--vunit));
  --_sw-: calc( -2 * var(--vunit));
  --_sb: calc( 2 * var(--vunit));
  --_swc: var(--color-font-w);
  grid-area: ttl;
  z-index: 1;
  margin-top: calc(-35 * var(--vunit));
  font-family: var(--font-YuuMincho);
  color: var(--color-gray-700);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  text-shadow: var(--_sw) var(--_sw) var(--_sb) var(--_swc), var(--_sw-) var(--_sw-) var(--_sb) var(--_swc), var(--_sw-) var(--_sw) var(--_sb) var(--_swc), var(--_sw) var(--_sw-) var(--_sb) var(--_swc), 0px var(--_sw) var(--_sb) var(--_swc), 0 var(--_sw-) var(--_sb) var(--_swc), var(--_sw-) 0 var(--_sb) var(--_swc), var(--_sw) 0 var(--_sb) var(--_swc);
  font-size: 6.5rem;
  font-weight: var(--fw-thin);
  line-height: 1;
  letter-spacing: -0.3rem;
}
.p-page-service-sec02 .card > .ttl .q {
  color: var(--color-yellow-key);
}
.p-page-service-sec02 .card > .desc {
  grid-area: txt;
  margin-top: calc(11 * var(--vunit));
  font-size: 2rem;
  font-weight: var(--fw-bold);
}

.p-page-service-reason-sec01 {
  display: block grid;
}
.p-page-service-reason-sec01 > .l-background > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.p-page-service-reason-sec01 > .l-background .bg-fill {
  justify-self: end;
  background-color: var(--color-yellow-key);
}
.p-page-service-reason-sec01 > .l-inner {
  --_lwi: 1200;
}
.p-page-service-reason-sec01 a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-service-reason-sec01 a:focus {
  opacity: var(--btn-hover-opacity);
}
.p-page-service-reason-sec01 .sec-ttl {
  text-align: start;
  letter-spacing: -0.052rem;
}
.p-page-service-reason-sec01 .grids {
  display: block grid;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-page-service-reason-sec01 .grids .grid-content {
  grid-area: con;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-page-service-reason-sec01 .grids .grid-content > .l-btn [class*=c-icon] {
  margin-left: calc(8 * var(--vunit));
}
.p-page-service-reason-sec01 .grids .grid-image {
  grid-area: img;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-page-service-reason-sec01 .grids .grid-image > .pic01 {
  place-self: end;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: var(--card-s-radius);
  overflow: clip;
}
.p-page-service-reason-sec02 .l-inner {
  --_lwi:1200;
}
.p-page-service-reason-sec02 .grids {
  display: block grid;
  grid-auto-flow: row;
  row-gap: calc(113 * var(--rrate) * var(--vunit));
}
.p-page-service-reason-sec02 .card {
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-page-service-reason-sec02 .card > .image {
  grid-area: img;
  aspect-ratio: 520/340;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  overflow: clip;
  border-radius: calc(8 * var(--vunit));
}
.p-page-service-reason-sec02 .card > .content {
  grid-area: con;
  display: block grid;
  -webkit-column-gap: calc(18 * var(--vunit));
     -moz-column-gap: calc(18 * var(--vunit));
          column-gap: calc(18 * var(--vunit));
  margin-left: var(--_content-margin-left);
  justify-items: start;
}
.p-page-service-reason-sec02 .card > .content:has(.l-btn) {
  grid-template: "cir ttl" minmax(calc(20 * var(--vunit)), auto) "txt txt" minmax(calc(20 * var(--vunit)), auto) "btn btn" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  margin-top: calc(9 * var(--vunit));
}
.p-page-service-reason-sec02 .card > .content:not(:has(.l-btn)) {
  grid-template: "cir ttl" minmax(calc(20 * var(--vunit)), auto) "txt txt" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  margin-top: calc(6 * var(--vunit));
  margin-top: calc(9 * var(--vunit));
}
.p-page-service-reason-sec02 .card > .content > .circle {
  grid-area: cir;
}
.p-page-service-reason-sec02 .card > .content > .ttl {
  grid-area: ttl;
  display: inline block;
  -ms-flex-line-pack: center;
      align-content: center;
  align-self: center;
  text-align: start;
  letter-spacing: -0.18rem;
}
.p-page-service-reason-sec02 .card > .content > .ttl strong {
  letter-spacing: 0rem;
}
.p-page-service-reason-sec02 .card > .content > .desc {
  grid-area: txt;
  margin-top: calc(17 * var(--vunit));
  margin-left: calc(8 * var(--vunit));
  text-align: start;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: -0.1rem;
}
.p-page-service-reason-sec02 .card > .content > .l-btn {
  grid-area: btn;
  margin-top: calc(16 * var(--vunit));
}
.p-page-service-reason-sec02 .card > .content > .l-btn .c-icon-img--paper-back {
  --_iw-pc: 16;
  --_ih-pc: 16;
}
.p-page-service-reason-sec02 .card.card01 .content .ttl strong {
  letter-spacing: -0.4rem;
}
.p-page-service-reason-sec02 .card.card03 .content .ttl {
  letter-spacing: -0.09rem;
}
.p-page-service-reason-sec02 .card.card03 .content .ttl strong {
  letter-spacing: -0.35rem;
}

.p-page-service-products-sec01 {
  display: block grid;
  -webkit-padding-after: calc(70 * var(--rrate) * var(--vunit));
          padding-block-end: calc(70 * var(--rrate) * var(--vunit));
}
.p-page-service-products-sec01 > .l-inner {
  --_lwi: 1200;
}
.p-page-service-products-sec01 .grids01 {
  display: block grid;
  grid-auto-flow: row;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: calc(67 * var(--rrate) * var(--vunit));
          margin-block-start: calc(67 * var(--rrate) * var(--vunit));
  gap: var(--_gap);
}
.p-page-service-products-sec01 .grids01 .card {
  --_grid-image-w-per: calc( (200 / 580) * 100% );
  display: block grid;
  height: 100%;
  border-radius: var(--card-m-radius);
  overflow: clip;
  -webkit-box-shadow: var(--card-shadow);
          box-shadow: var(--card-shadow);
}
.p-page-service-products-sec01 .grids01 .card .card-link {
  display: block grid;
  height: 100%;
}
.p-page-service-products-sec01 .grids01 .card .grid-image {
  grid-area: img;
  --_grid-image-h: 180;
  --_grid-image-hc: calc( var(--_grid-image-h) * var(--vws) );
}
.p-page-service-products-sec01 .grids01 .card .grid-image > picture {
  place-self: center;
}
.p-page-service-products-sec01 .grids01 .card .grid-image.w47 {
  --_img-pos-sp: 47% 0%;
}
.p-page-service-products-sec01 .grids01 .card .grid-image.w29-100 {
  --_img-pos-sp: 29% 100%;
}
.p-page-service-products-sec01 .grids01 .card .grid-image.w50 {
  --_img-pos-sp: 50% 0%;
}
.p-page-service-products-sec01 .grids01 .card .grid-image.w50-20 {
  --_img-pos-sp: 50% 20%;
}
.p-page-service-products-sec01 .grids01 .card .grid-content {
  grid-area: con;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: block grid;
  block-size: 100%;
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(26 * var(--vunit));
}
.p-page-service-products-sec01 .grids01 .card .grid-content:has(.l-btn) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto) "btn" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-service-products-sec01 .grids01 .card .grid-content:not(:has(.l-btn)) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-service-products-sec01 .grids01 .card .grid-content > .ttl {
  grid-area: ttl;
  font-size: calc(var(--_fs, 28) * var(--funit));
  line-height: calc(34 / var(--_fs, 28));
  letter-spacing: calc(50 * var(--flsunit));
  font-weight: var(--fw-bold);
}
.p-page-service-products-sec01 .grids01 .card .grid-content > .desc {
  grid-area: txt;
  -webkit-margin-before: calc(22 * var(--rrate) * var(--vunit));
          margin-block-start: calc(22 * var(--rrate) * var(--vunit));
  font-size: calc(17 * var(--funit));
  line-height: 1.6470588235;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec01 .grids01 .card .grid-content > .desc .min {
  font-size: calc(15 * var(--funit));
}
.p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn {
  grid-area: btn;
  align-self: end;
}
.p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn .btn {
  --_height-pc: 43;
  --_padding: 0;
}
.p-page-service-products-sec01 .content-nothandled {
  -webkit-margin-before: calc(70 * var(--rrate) * var(--vunit));
          margin-block-start: calc(70 * var(--rrate) * var(--vunit));
  padding-block: calc(45 * var(--rrate) * var(--vunit)) calc(50 * var(--rrate) * var(--vunit));
  padding-inline: calc(20 * var(--vunit));
  background-color: var(--color-gray-300);
  inline-size: 100%;
}
.p-page-service-products-sec01 .content-nothandled .content-desc .link {
  text-decoration: underline;
}
.p-page-service-products-sec01 .content-nothandled .grids {
  margin-inline: auto;
  margin-block: calc(27 * var(--rrate) * var(--vunit));
  gap: var(--_gap);
  grid-auto-flow: row;
}
.p-page-service-products-sec01 .content-nothandled .grids .card {
  display: block grid;
  block-size: 100%;
  padding-inline: calc(15 * var(--vunit));
  padding-block: calc(12 * var(--vunit));
  text-align: start;
  border-radius: var(--card-s-radius);
  background-color: var(--color-white);
}
.p-page-service-products-sec01 .content-nothandled .grids .card:has(.desc) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto)/1fr;
}
.p-page-service-products-sec01 .content-nothandled .grids .card:not(:has(.desc)) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-page-service-products-sec01 .content-nothandled .grids .card > .ttl {
  grid-area: ttl;
  font-size: calc(var(--_fs, 16) * var(--funit));
  line-height: calc(22 / var(--_fs, 16));
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec01 .content-nothandled .grids .card > .desc {
  grid-area: txt;
  font-size: calc(12 * var(--funit));
  line-height: 1.5;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec01 .content-nothandled .grids .card > .desc a {
  text-decoration: underline;
}
.p-page-service-products-sec01 .content-nothandled .grids .card > .desc .min {
  font-size: calc(12 * var(--funit));
}
.p-page-service-products-sec01 .content-nothandled .grids .card.span2w {
  --_grid-span-w: span 2;
}
.p-page-service-products-sec02 .grids01 {
  --_grid-image-w-per: calc( (350 / 1240) * 100% );
  grid-auto-flow: row;
  -webkit-margin-before: calc(50 * var(--rrate) * var(--vunit));
          margin-block-start: calc(50 * var(--rrate) * var(--vunit));
  gap: calc(67 * var(--rrate) * var(--vunit));
}
.p-page-service-products-sec02 .grids01 .grid-image {
  border-radius: var(--card-m-radius);
  overflow: clip;
}
.p-page-service-products-sec02 .grids01 .grid-content {
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(38 * var(--rrate) * var(--vunit));
  text-align: start;
}
.p-page-service-products-sec02 .grids01 .grid-content > .ttl {
  font-size: calc(28 * var(--rrate) * var(--funit));
  line-height: 1.3571428571;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec02 .grids01 .grid-content > .desc {
  font-size: calc(18 * var(--funit));
  line-height: 1.7222222222;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec02 .grids02 {
  --_grid-image-w-per: calc( (270 / 1240) * 100% );
  gap: calc(40 * var(--vunit));
}
.p-page-service-products-sec02 .grids02 .card {
  block-size: 100%;
  display: block grid;
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-service-products-sec02 .grids02 .card .image {
  grid-area: img;
  -webkit-margin-before: calc(10 * var(--funit));
          margin-block-start: calc(10 * var(--funit));
  border-radius: var(--card-s-radius);
  overflow: clip;
}
.p-page-service-products-sec02 .grids02 .card > .ttl {
  grid-area: ttl;
  font-size: calc(22 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-products-sec02 .grids02 .card > .desc {
  grid-area: txt;
  -webkit-margin-before: calc(16 * var(--funit));
          margin-block-start: calc(16 * var(--funit));
  align-self: start;
  text-align: start;
  font-size: calc(16 * var(--funit));
  line-height: 1.375;
  letter-spacing: calc(50 * var(--flsunit));
}

.p-page-service-option .sec-img-logo {
  -webkit-margin-before: calc(38 * var(--vunit));
          margin-block-start: calc(38 * var(--vunit));
  inline-size: calc(var(--_img-logo-w, 423) * var(--rrate) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-self: center;
}
.p-page-service-option .table-img-logo {
  inline-size: calc(var(--_img-logo-w, 423) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-self: var(--_justify, start);
}
.p-page-service-option .sec-copyttl {
  -webkit-margin-before: calc(18 * var(--vunit));
          margin-block-start: calc(18 * var(--vunit));
  font-size: calc(28 * var(--rrate) * var(--funit));
  line-height: calc(2.1428571429 * var(--rrate));
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-option .sec-desc {
  -webkit-margin-before: calc(19 * var(--vunit));
          margin-block-start: calc(19 * var(--vunit));
  --_font-size: var(--_font-size-pc);
}
.p-page-service-option .p-page-nav-cards__cardlist > .card {
  position: relative;
}
.p-page-service-option .p-page-nav-cards__cardlist > .card > .card__inner > .ttl {
  font-size: calc(24 * var(--funit));
}
.p-page-service-option .p-page-nav-cards__cardlist > .card > .card__inner > .icon {
  grid-area: cur;
  align-self: end;
  -webkit-margin-before: calc(8 * var(--vunit));
          margin-block-start: calc(8 * var(--vunit));
  position: absolute;
  bottom: calc(10 * var(--funit));
}

.p-page-service-option-sec {
  display: block grid;
  padding-block: calc(100 * var(--rrate) * var(--vunit)) calc(115 * var(--rrate) * var(--vunit));
}
.p-page-service-option-sec .l-grid-content {
  background-color: var(--_background-color, none);
  border-radius: calc(var(--_radius, 30) * var(--rrate) * var(--vunit));
  padding-block: calc(var(--_padding-block, 40) * var(--vunit));
}
.p-page-service-option-sec .l-grid-content[data-color=white] {
  --_background-color: var(--color-white);
}
.p-page-service-option-sec .grids01 {
  display: block grid;
  grid-auto-flow: row;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: calc(67 * var(--rrate) * var(--vunit));
          margin-block-start: calc(67 * var(--rrate) * var(--vunit));
  gap: var(--_gap);
}
.p-page-service-option-sec .grids01 .card {
  --_grid-image-w-per: calc( (200 / 580) * 100% );
  display: block grid;
  block-size: 100%;
  border-radius: var(--card-m-radius);
  overflow: clip;
  -webkit-box-shadow: var(--card-shadow);
          box-shadow: var(--card-shadow);
}
.p-page-service-option-sec .grids01 .card .grid-image {
  grid-area: img;
  --_grid-image-h: 180;
  --_grid-image-hc: calc( var(--_grid-image-h) * var(--vws) );
}
.p-page-service-option-sec .grids01 .card .grid-image > picture {
  place-self: center;
}
.p-page-service-option-sec .grids01 .card .grid-content {
  grid-area: con;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: block grid;
  block-size: 100%;
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(26 * var(--vunit));
}
.p-page-service-option-sec .grids01 .card .grid-content:has(.l-btn) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto) "btn" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-service-option-sec .grids01 .card .grid-content:not(:has(.l-btn)) {
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-service-option-sec .grids01 .card .grid-content > .ttl {
  grid-area: ttl;
  font-size: calc(var(--_fs, 28) * var(--funit));
  line-height: calc(34 / var(--_fs, 28));
  letter-spacing: calc(50 * var(--flsunit));
  font-weight: var(--fw-bold);
}
.p-page-service-option-sec .grids01 .card .grid-content > .desc {
  grid-area: txt;
  -webkit-margin-before: calc(22 * var(--rrate) * var(--vunit));
          margin-block-start: calc(22 * var(--rrate) * var(--vunit));
  font-size: calc(17 * var(--funit));
  line-height: 1.6470588235;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-option-sec .grids01 .card .grid-content > .desc .min {
  font-size: calc(15 * var(--funit));
}
.p-page-service-option-sec .grids01 .card .grid-content > .l-btn {
  grid-area: btn;
  align-self: end;
}
.p-page-service-option-sec .grids01 .card .grid-content > .l-btn .btn {
  --_height-pc: 43;
  --_padding: 0;
}
.p-page-service-option-sec .grids02 {
  justify-items: center;
}
.p-page-service-option-sec .grids02 .image {
  width: calc(187 * var(--vunit));
  aspect-ratio: 187/187;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
}
.p-page-service-option-sec .grids02 .ttl {
  margin-top: calc(23 * var(--vunit));
  font-size: 2.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.125;
  letter-spacing: 0.05rem;
}
.p-page-service-option-sec .grids02 .desc {
  margin-top: calc(14 * var(--vunit));
  text-align: start;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0rem;
}
.p-page-service-option-sec .grids02 .desc > * {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.p-page-service-option-sec .grids03 {
  --_grid-image-w-per: calc( (270 / 1240) * 100% );
  gap: calc(30 * var(--vunit));
}
.p-page-service-option-sec .grids03 .card {
  block-size: 100%;
  display: block grid;
  grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0rem;
}
.p-page-service-option-sec .grids03 .card .image {
  grid-area: img;
  -webkit-margin-before: calc(10 * var(--funit));
          margin-block-start: calc(10 * var(--funit));
  border-radius: var(--card-s-radius);
  overflow: clip;
}
.p-page-service-option-sec .grids03 .card > .ttl {
  grid-area: ttl;
  font-size: calc(20 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  margin-bottom: calc(10 * var(--vunit));
}
.p-page-service-option-sec .grids03 .card > .desc {
  grid-area: txt;
  -webkit-margin-before: calc(16 * var(--funit));
          margin-block-start: calc(16 * var(--funit));
  align-self: start;
  text-align: start;
  font-size: calc(16 * var(--funit));
  line-height: 1.375;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-option-sec .grids03 .card .c-pic {
  aspect-ratio: 1/1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-page-service-option-sec .grids03 .card .c-pic img {
  height: 100%;
}
.p-page-service-option-sec .grids03.grids03--option-page {
  --_list-gap: 0 ;
}
.p-page-service-option-sec .grids03.grids03--merit-page {
  --_list-gap: 0 ;
}

.p-page-service-flow .sec-img-ttl {
  inline-size: calc(var(--_img-logo-w, 161) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-self: var(--_justify, center);
}

.p-page-service-flow-sec01 {
  padding-block: 0 calc(70 * var(--rrate) * var(--vunit));
}
.p-page-service-flow-sec01 .l-btn .p-form {
  gap: calc(10 * var(--vunit));
}

.p-page-service-flow-sec02 {
  padding-block: calc(32 * var(--rrate) * var(--vunit)) calc(120 * var(--rrate) * var(--vunit));
}

.p-page-service-merit-sec01 {
  display: block grid;
}
.p-page-service-merit-sec01 .sec-ttl {
  display: inline flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-page-service-merit-sec01 .sec-ttl .min {
  letter-spacing: -0.1rem;
}
.p-page-service-merit-sec01 .sec-ttl .big {
  position: relative;
  letter-spacing: -0.3rem;
}
.p-page-service-merit-sec01 .contents01 .grids {
  justify-items: center;
}
.p-page-service-merit-sec01 .contents01 .grids .image {
  width: calc(187 * var(--vunit));
  aspect-ratio: 187/187;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
}
.p-page-service-merit-sec01 .contents01 .grids .ttl {
  margin-top: calc(23 * var(--vunit));
  font-size: 2.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.125;
  letter-spacing: 0.05rem;
}
.p-page-service-merit-sec01 .contents01 .grids .desc {
  margin-top: calc(14 * var(--vunit));
  text-align: start;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0rem;
}
.p-page-service-merit-sec01 .contents01 .grids .desc > * {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.p-page-service-merit-sec01 .grids02 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-page-service-merit-sec01 .grids02 .list-ttl {
  --_font-size-sp: 24;
  grid-area: ttl;
  margin-inline: unset;
  align-self: end;
  margin-left: calc(5 * var(--vunit));
}
.p-page-service-merit-sec01 .grids02 .list {
  --_list-gap: 0.0em;
  grid-area: txt;
  display: block grid;
  justify-items: start;
  -webkit-column-gap: 2.2em;
     -moz-column-gap: 2.2em;
          column-gap: 2.2em;
  letter-spacing: 0rem;
}
.p-page-service-merit-sec01 .grids02 .grid-image {
  grid-area: img;
  aspect-ratio: 346/211;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  inline-size: 100%;
  max-inline-size: calc(346 * var(--vunit));
}
.p-page-service-merit-sec01 .content03 .sec-img-ttl {
  inline-size: calc(220 * var(--vunit));
  aspect-ratio: 220/47;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-self: center;
}
.p-page-service-merit-sec01 .content03 .grids {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.p-page-service-merit-sec01 .content03 .grids > * {
  block-size: 100%;
  -ms-flex-line-pack: end;
      align-content: end;
}
.p-page-service-merit-sec01 .content03 .grids > * [class*=c-btn] {
  --_width-sp: 300;
}
.p-page-service-merit-sec01 .content03 .grids > .grid-signin .p-form {
  gap: calc(10 * var(--vunit));
}
.p-page-service-merit-sec01 .content03 .grids > .grid-signin .p-form input[type=checkbox] {
  --_boxsize-pc:20;
  --_boxsize-sp:18;
}

.p-page-faq .c-details-qa > .content > p {
  display: block;
}
.p-page-faq__detail-link {
  display: inline;
  text-decoration: underline;
}
.p-page-faq__detail-link:hover {
  text-decoration: none;
}

.p-page-faq-sec {
  padding-block: calc(96 * var(--rrate) * var(--vunit)) calc(120 * var(--rrate) * var(--vunit));
}

.p-page-case {
  -webkit-padding-after: calc(160 * var(--rrate) * var(--vunit));
          padding-block-end: calc(160 * var(--rrate) * var(--vunit));
}

.p-page-case-login {
  -webkit-padding-before: calc(115 * var(--rrate) * var(--vunit));
          padding-block-start: calc(115 * var(--rrate) * var(--vunit));
}
.p-page-case-login .content-login .desc {
  -webkit-margin-before: calc(28 * var(--vunit));
          margin-block-start: calc(28 * var(--vunit));
}
.p-page-case-login .content-login [class*=c-btn] {
  --_fs-sp:15;
}
.p-page-case-login .content-login .grids {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: calc(26 * var(--vunit));
          margin-block-start: calc(26 * var(--vunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  gap: calc(26 * var(--vunit));
}

.p-page-company .sec-ttl {
  letter-spacing: calc(100 * var(--flsunit));
}
.p-page-company .p-article {
  --_p-margin: 2em 1em;
  --_p-indent: 1em;
  --_p-padding: -1em;
  --_p-ls: 100;
}
.p-page-company .president-name {
  display: block grid;
  justify-self: end;
  justify-items: end;
  grid-template: "company company" minmax(calc(20 * var(--vunit)), auto) "role name" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  font-family: var(--font-YuuMincho);
  row-gap: calc(10 * var(--vunit));
  -webkit-column-gap: calc(20 * var(--vunit));
     -moz-column-gap: calc(20 * var(--vunit));
          column-gap: calc(20 * var(--vunit));
}
.p-page-company .president-name > * {
  display: block grid;
  text-align: start;
  align-self: end;
}
.p-page-company .president-name .company {
  grid-area: company;
  font-size: calc(18 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-150 * var(--flsunit));
}
.p-page-company .president-name .role {
  grid-area: role;
  font-size: calc(24 * var(--funit));
  line-height: 1.3333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-60 * var(--flsunit));
}
.p-page-company .president-name .name {
  grid-area: name;
  font-size: calc(38 * var(--rrate) * var(--funit));
  line-height: 1.1052631579;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
}

.p-page-company-sec01 .p-article-ttl {
  line-height: 2;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-20 * var(--flsunit));
  text-decoration: underline;
  padding-bottom: calc(20 * var(--vunit));
}
.p-page-company-sec02 .l-grid-content {
  background-color: var(--_background-color, none);
  border-radius: calc(var(--_radius, 30) * var(--rrate) * var(--vunit));
  padding-block: calc(var(--_padding-block, 30) * var(--vunit));
}
.p-page-company-sec02 .l-grid-content[data-color=white] {
  --_background-color: var(--color-white);
}
.p-page-company-sec02 .grid-ttl {
  line-height: 2;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-20 * var(--flsunit));
  text-decoration: underline;
}
.p-page-company-sec02 .grid-txt {
  font-size: calc(16 * var(--funit));
  line-height: 2.125;
  text-align: center;
}
.p-page-company-sec03 .c-table col.w130 {
  --_col-width: 130;
}

.p-page-office .sec-ttl {
  inline-size: 100%;
  text-align: start;
}
.p-page-office .sec-comment {
  -webkit-margin-before: calc(13 * var(--vunit));
          margin-block-start: calc(13 * var(--vunit));
  text-align: start;
  font-size: calc(15 * var(--funit));
  line-height: 1.5333333333;
}
.p-page-office .p-page-nav-buttons__list {
  --_cw: 143;
  --_ch: 39;
  --_cxgap: 8;
  --_icon-base-x: 8;
}
.p-page-office .c-table {
  --_border-inline-separate: calc(2 * var(--vunit)) solid var(--color-gray-300);
  --_min-block-size: 47;
  --_padding-block: 11;
  min-inline-size: calc(600 * var(--vunit));
}
.p-page-office .c-table th,
.p-page-office .c-table td {
  min-inline-size: unset;
  block-size: auto !important;
}
.p-page-office .c-table th:nth-child(1),
.p-page-office .c-table td:nth-child(1) {
  inline-size: 10%;
}
.p-page-office .c-table th:nth-child(2),
.p-page-office .c-table td:nth-child(2) {
  inline-size: 15%;
}
.p-page-office .c-table th:nth-child(3),
.p-page-office .c-table td:nth-child(3) {
  inline-size: 30%;
}
.p-page-office .c-table th {
  font-size: calc(15 * var(--funit));
  line-height: 1.5333333333;
}
.p-page-office .c-table td:nth-child(1) {
  vertical-align: top;
  font-size: calc(18 * var(--funit));
  line-height: 1.2777777778;
  font-weight: var(--fw-bold);
}
.p-page-office .c-table td:nth-child(2) {
  vertical-align: top;
  text-align: end;
}
.p-page-office .c-table td:nth-child(2) p {
  text-align: start;
  font-size: calc(15 * var(--funit));
  line-height: 1.5333333333;
}
.p-page-office .c-table td:nth-child(3) {
  vertical-align: top;
  text-align: start;
  font-size: calc(15 * var(--funit));
  line-height: 1.5333333333;
}
.p-page-office .c-table .c-btn-rounded {
  justify-self: end;
}
.p-page-office .address {
  inline-size: 100%;
  block-size: 100%;
}
.p-page-office .address a {
  -webkit-margin-before: calc(8 * var(--vunit));
          margin-block-start: calc(8 * var(--vunit));
}
.p-page-office .area {
  display: block grid;
  grid-auto-flow: row;
}
.p-page-office .area dt {
  font-weight: var(--fw-regular);
}
.p-page-office .area dd {
  white-space: wrap;
  word-break: keep-all;
}

.p-page-office-sec01 {
  -webkit-padding-after: calc(80 * var(--rrate) * var(--vunit));
          padding-block-end: calc(80 * var(--rrate) * var(--vunit));
}
.p-page-office-sec01 .sec-ttl {
  -webkit-padding-after: calc(15 * var(--vunit));
          padding-block-end: calc(15 * var(--vunit));
  -webkit-border-after: calc(2 * var(--vunit)) solid var(--color-black);
          border-block-end: calc(2 * var(--vunit)) solid var(--color-black);
}
.p-page-office-sec01 .grids01 {
  gap: calc(10 * var(--vunit));
}
.p-page-office-sec01 .grids01 .grid-addr {
  text-align: start;
}
.p-page-office-sec01 .grids01 .grid-btn [class*=c-btn] {
  margin: 0;
}
.p-page-service-transportation .page-sec01 {
  -webkit-padding-after: calc(80 * var(--rrate) * var(--vunit));
          padding-block-end: calc(80 * var(--rrate) * var(--vunit));
}
.p-page-service-transportation .page-sec01 .grids01 {
  gap: calc(60 * var(--vunit));
}
.p-page-service-transportation .page-sec01 .grids01 .grid-content {
  text-align: start;
  font-size: calc(18 * var(--funit));
  line-height: 2;
  letter-spacing: calc(0 * var(--flsunit));
}
.p-page-service-transportation .page-sec02 .grid01,
.p-page-service-transportation .page-sec03 .grid01 {
  display: block grid;
  -webkit-column-gap: calc(80 * var(--vunit));
     -moz-column-gap: calc(80 * var(--vunit));
          column-gap: calc(80 * var(--vunit));
  text-align: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-page-service-transportation .page-sec02 .grid01 .sec-ttl,
.p-page-service-transportation .page-sec03 .grid01 .sec-ttl {
  grid-area: ttl;
  font-size: calc(36 * var(--funit));
  line-height: 1.1666666667;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-service-transportation .page-sec02 .grid01 .desc,
.p-page-service-transportation .page-sec03 .grid01 .desc {
  grid-area: desc;
  -webkit-margin-before: calc(28 * var(--vunit));
          margin-block-start: calc(28 * var(--vunit));
  font-size: calc(18 * var(--funit));
  line-height: 2;
  letter-spacing: calc(0 * var(--flsunit));
}
.p-page-service-transportation .page-sec02 .grid01 .grid-image,
.p-page-service-transportation .page-sec03 .grid01 .grid-image {
  grid-area: img;
  aspect-ratio: 520/340;
  max-inline-size: calc(520 * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-self: center;
}
.p-page-payment .p-payment {
  margin-top: 8rem;
}
.p-page-payment .payment-detail__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-page-payment .payment-detail__item {
  width: calc(50% - 2rem);
  background-color: var(--color-gray-300);
  padding: 0 4rem 4rem 4rem;
}
.p-page-payment .payment-detail__item .c-frame-circle-accent {
  margin-top: -4rem;
}
.p-page-payment .payment-detail__item > h3 {
  font-size: 3.2rem;
  font-weight: var(--fw-bold);
  line-height: 1.25;
  margin-bottom: 2rem;
  text-align: center;
  margin-top: 0.25em;
}
.p-page-payment .payment-detail__item > figure {
  background-color: white;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
.p-page-payment .payment-detail__item > figure > img {
  width: 75%;
}
.p-page-payment .payment-detail__item > figure > p {
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1.125;
}
.p-page-payment .payment-detail__item > p {
  text-align: left;
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  line-height: 1.125;
  line-height: 1.75;
}
.p-page-payment .payment-detail__item > p a {
  font-weight: var(--fw-medium);
  text-decoration: underline;
}

.p-page-privacy_request .sec-desc01 {
  text-align: end;
  margin-bottom: 2rem;
}
.p-page-privacy_request .sec-desc02 {
  text-align: start;
}
.p-page-privacy_request .page-sec01 a:not([class*=c-btn]) {
  text-decoration: underline;
}
.p-page-privacy_request .page-sec01 .p-article {
  --_h3-size: 20;
  --_h3-height: 24;
  --_h3-border: none;
  --_h3-margin: calc( 30 * var(--vunit) ) calc( 30 * var(--vunit) );
  --_p-margin: calc( 12 * var(--vunit) ) 0;
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  padding-block: calc(37 * var(--rrate) * var(--vunit));
  padding-inline: calc(30 * var(--rrate) * var(--vunit));
  -webkit-margin-before: calc(40 * var(--vunit));
          margin-block-start: calc(40 * var(--vunit));
}
.p-page-privacy_request .page-sec01 .p-article :first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.p-page-privacy_request .page-sec01 .article-footer {
  text-align: end;
  -webkit-margin-before: calc(14 * var(--rrate) * var(--vunit));
          margin-block-start: calc(14 * var(--rrate) * var(--vunit));
}
.p-page-privacy_request .page-sec01 .article-footer p {
  -webkit-margin-before: calc(23 * var(--rrate) * var(--vunit));
          margin-block-start: calc(23 * var(--rrate) * var(--vunit));
}
.p-page-privacy_request .page-sec01 .article-footer .article-footer-text {
  text-align: start;
}

.p-page-privacy .sec-desc {
  text-align: start;
}
.p-page-privacy .sec-date {
  text-align: end;
}
.p-page-privacy .page-sec01 a:not([class*=c-btn]) {
  text-decoration: underline;
}
.p-page-privacy .page-sec01 .p-article {
  --_h3-size: 20;
  --_h3-height: 24;
  --_h3-border: none;
  --_h3-margin: calc( 36 * var(--vunit) ) 0;
  --_p-margin: calc( 12 * var(--vunit) ) 0;
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  padding-block: calc(37 * var(--rrate) * var(--vunit));
  padding-inline: calc(30 * var(--rrate) * var(--vunit));
  -webkit-margin-before: calc(40 * var(--vunit));
          margin-block-start: calc(40 * var(--vunit));
}
.p-page-privacy .page-sec01 .p-article :first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.p-page-privacy .page-sec01 .article-footer {
  text-align: end;
  -webkit-margin-before: calc(14 * var(--rrate) * var(--vunit));
          margin-block-start: calc(14 * var(--rrate) * var(--vunit));
}
.p-page-privacy .page-sec01 .article-footer p {
  -webkit-margin-before: calc(23 * var(--rrate) * var(--vunit));
          margin-block-start: calc(23 * var(--rrate) * var(--vunit));
}
.p-page-privacy a {
  font-size: 2rem !important;
}

.p-page-sitemap .page-sec01 .grids01 {
  text-align: start;
  -webkit-column-gap: calc(100 * var(--vunit));
     -moz-column-gap: calc(100 * var(--vunit));
          column-gap: calc(100 * var(--vunit));
}
.p-page-sitemap .page-sec01 .grids01 a:has(h3) {
  display: block grid;
  grid-template-columns: 1fr auto;
  grid-auto-flow: column;
  font-size: calc(22 * var(--funit));
  line-height: 1.8181818182;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  -webkit-border-after: calc(2 * var(--vunit)) solid var(--color-gray-400);
          border-block-end: calc(2 * var(--vunit)) solid var(--color-gray-400);
  -webkit-margin-before: calc(13 * var(--vunit));
          margin-block-start: calc(13 * var(--vunit));
}
.p-page-sitemap .page-sec01 .grids01 a:has(h3):after {
  align-self: center;
  display: block grid;
  content: "";
  --_tickness: 3;
  --_size: 12;
  --_aw: calc( var(--_tickness) * var(--vunit) );
  --_as: calc( var(--_size ) * var(--vunit) );
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  rotate: 45deg;
  background-color: var(--color-yellow-key);
}
.p-page-sitemap .page-sec01 .grids01 a:has(h3) + a:has(h3) {
  -webkit-margin-before: calc(30 * var(--vunit));
          margin-block-start: calc(30 * var(--vunit));
}
.p-page-sitemap .page-sec01 .grids01 ul {
  -webkit-margin-before: calc(4 * var(--vunit));
          margin-block-start: calc(4 * var(--vunit));
  -webkit-margin-after: calc(18 * var(--vunit));
          margin-block-end: calc(18 * var(--vunit));
}
.p-page-sitemap .page-sec01 .grids01 ul li {
  font-size: calc(15 * var(--funit));
  line-height: 1.0666666667;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-50 * var(--flsunit));
  -webkit-margin-before: calc(13.5 * var(--vunit));
          margin-block-start: calc(13.5 * var(--vunit));
}
.p-page-sitemap .page-sec01 .grids01 ul li a {
  display: block grid;
  grid-template-columns: auto auto;
  grid-auto-flow: column;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-page-sitemap .page-sec01 .grids01 ul li a:after {
  align-self: center;
  display: block grid;
  content: "";
  --_tickness: 3;
  --_size: 10;
  --_aw: calc( var(--_tickness) * var(--vunit) );
  --_as: calc( var(--_size ) * var(--vunit) );
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  rotate: 45deg;
  background-color: var(--color-gray-400);
  -webkit-margin-start: calc(4 * var(--vunit));
          margin-inline-start: calc(4 * var(--vunit));
}

.p-page-use_detail .page-sec01 .l-grid-content {
  text-align: start;
}
.p-page-use_detail .page-sec01 .l-grid-content .circle {
  justify-self: end;
}
.p-page-use_detail .page-sec01 .l-grid-content .ttl {
  line-height: 1.6;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-use_detail .page-sec01 .l-grid-content .desc {
  -webkit-margin-before: calc(20 * var(--vunit));
          margin-block-start: calc(20 * var(--vunit));
}
.p-page-use_detail .page-sec01 .l-grid-content:after {
  position: absolute;
  content: "";
  -ms-flex-item-align: end;
      align-self: end;
  justify-self: center;
  inset-block-end: calc(-22 * var(--vunit));
  inline-size: calc(60 * var(--vunit));
  aspect-ratio: 60/23;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background-color: var(--color-gray-400);
}
.p-page-use_detail .page-sec02 .l-grid-content {
  text-align: start;
  display: block grid;
}
.p-page-use_detail .page-sec02 .l-grid-content .circle {
  grid-area: img;
  align-self: start;
  justify-self: end;
  -webkit-margin-end: calc(-23 * var(--rrate) * var(--vunit));
          margin-inline-end: calc(-23 * var(--rrate) * var(--vunit));
  -webkit-margin-before: calc(-23 * var(--rrate) * var(--vunit));
          margin-block-start: calc(-23 * var(--rrate) * var(--vunit));
}
.p-page-use_detail .page-sec02 .l-grid-content .ttl {
  grid-area: ttl;
  font-size: calc(36 * var(--rrate) * var(--funit));
  line-height: 1.3333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-use_detail .page-sec02 .l-grid-content .desc {
  grid-area: desc;
  -webkit-margin-before: calc(10 * var(--vunit));
          margin-block-start: calc(10 * var(--vunit));
  -webkit-margin-after: auto;
          margin-block-end: auto;
  font-size: calc(16 * var(--funit));
  line-height: 1.875;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-page-use_detail .page-sec02 .l-grid-content .image {
  grid-area: img;
  aspect-ratio: 540/370;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-page-use_detail .page-sec03 .l-inner {
  --_lwi-pc: calc(590 + 590 + 20);
}
.p-page-use_detail .page-sec03 .sec-ttl {
  margin-inline: unset;
}

.p-page-use_detail-linklist {
  display: block grid;
  justify-items: start;
  -webkit-column-gap: calc(20 * var(--vunit));
     -moz-column-gap: calc(20 * var(--vunit));
          column-gap: calc(20 * var(--vunit));
  row-gap: calc(20 * var(--vunit));
}
.p-page-use_detail-linklist li {
  inline-size: 100%;
}
.p-page-use_detail-linklist .btn-link {
  display: block grid;
  grid-template-columns: auto 1fr;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  block-size: 100%;
  -webkit-box-shadow: 0 0 calc(20 * var(--vunit)) 0 var(--shadow01);
          box-shadow: 0 0 calc(20 * var(--vunit)) 0 var(--shadow01);
  text-align: start;
  border-radius: calc(8 * var(--vunit));
  -webkit-column-gap: calc(9 * var(--vunit));
     -moz-column-gap: calc(9 * var(--vunit));
          column-gap: calc(9 * var(--vunit));
  background-color: var(--_link-background-color, var(--color-white));
}
.p-page-use_detail-linklist .btn-link:before {
  content: "";
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline flow-root;
  justify-self: start;
  position: relative;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s, -webkit-box-shadow 0.3s;
  inline-size: calc(28 * var(--funit));
  min-inline-size: calc(28 * var(--funit));
  block-size: calc(28 * var(--funit));
  min-block-size: calc(28 * var(--funit));
  aspect-ratio: 1;
  -webkit-margin-start: calc(8 * var(--vunit));
          margin-inline-start: calc(8 * var(--vunit));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: var(--icon-circle-angle-arrow-right-y);
}
.p-page-use_detail-linklist .btn-link.current {
  --_link-background-color: var(--color-gray-300);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.p-page-use_detail-linklist .btn-link.current:before {
  background-image: var(--icon-circle-angle-arrow-right-g);
}

.p-page-yakkan .p-article section:has(a) {
  text-align: left;
}

.p-form-content {
  display: block grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

.p-form {
  display: block grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  justify-items: center;
  inline-size: 100%;
  margin-inline: auto;
  gap: calc(43 * var(--vunit));
}

.p-form > .row {
  display: block grid;
  grid-auto-flow: column;
  inline-size: 100%;
}
.p-form > .row > fieldset,
.p-form > .row > fieldset legend {
  display: contents;
}
.p-form > .row .ttl {
  grid-area: ttl;
  display: inline grid;
  text-align: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  font-size: calc(18 * var(--funit));
  line-height: 1.3333333333;
  font-weight: var(--fw-bold);
  -webkit-margin-start: calc(4 * var(--vunit));
          margin-inline-start: calc(4 * var(--vunit));
  -webkit-margin-before: calc(var(--_ttl-margin-y, 10) * var(--vunit));
          margin-block-start: calc(var(--_ttl-margin-y, 10) * var(--vunit));
}
.p-form > .row .ttl span:not([class]) {
  display: inline flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: calc(15 * var(--vunit));
     -moz-column-gap: calc(15 * var(--vunit));
          column-gap: calc(15 * var(--vunit));
}
.p-form > .row .ttl span.req {
  display: inline grid;
  align-self: center;
  margin-block: auto;
  background-color: var(--color-red-key);
  color: var(--color-font-w);
  font-size: calc(11 * var(--funit));
  line-height: 1.0909090909;
  letter-spacing: calc(0 * var(--flsunit));
  font-weight: var(--fw-regular);
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  padding-block: calc(5 * var(--vunit));
  padding-inline: calc(8 * var(--vunit));
  border-radius: var(--infinity);
}
.p-form > .row .ttl span.c-tag-box {
  --_tag-font-size: 14;
  --_tag-line-height: 24;
  --_padding-inline-pc: 10;
  border-radius: calc(3 * var(--vunit));
  font-weight: var(--fw-regular);
}
.p-form > .row .grid-desc {
  grid-area: desc;
  text-align: start;
  font-size: calc(13 * var(--funit));
  line-height: 1.8461538462;
  font-weight: var(--fw-bold);
  color: var(--color-gray-750);
  -webkit-margin-before: calc(6 * var(--vunit));
          margin-block-start: calc(6 * var(--vunit));
  -webkit-margin-start: calc(4 * var(--vunit));
          margin-inline-start: calc(4 * var(--vunit));
  letter-spacing: calc(-100 * var(--flsunit));
}
.p-form > .row .grid-input {
  grid-area: inp;
  display: block grid;
  grid-auto-flow: row;
  justify-items: start;
}
.p-form > .row .grid-input > fieldset {
  inline-size: 100%;
  text-align: left;
}
.p-form > .row .grid-input label {
  display: block grid;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(6 * var(--vunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-form > .row .grid-input .item-text {
  --_min-block-size: 38;
  -webkit-margin-before: calc(6 * var(--vunit));
          margin-block-start: calc(6 * var(--vunit));
  -webkit-padding-start: var(--_item-text-padding-x, 0em);
          padding-inline-start: var(--_item-text-padding-x, 0em);
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  inline-size: 100%;
}
.p-form > .row .grid-input .item-text p {
  font-size: calc(14 * var(--funit));
  line-height: 1.7142857143;
  letter-spacing: calc(-120 * var(--flsunit));
  -webkit-margin-start: calc(2 * var(--vunit));
          margin-inline-start: calc(2 * var(--vunit));
  text-align: start;
}
.p-form > .row .grid-input .item-text input {
  inline-size: 100%;
}
.p-form .row-zip .grid-input {
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-form .row-zip .grid-input input[type=text] {
  --_width: calc( 158 * var(--vunit) );
  inline-size: 100%;
  max-inline-size: var(--_width);
}
.p-form .row-zip .grid-input span {
  margin-inline: calc(9 * var(--vunit));
}
.p-form .row-zip .grid-input button[type=button] {
  -webkit-margin-start: calc(19 * var(--vunit));
          margin-inline-start: calc(19 * var(--vunit));
  min-inline-size: calc(45 * var(--vunit));
  min-block-size: calc(30 * var(--vunit));
  background-color: var(--color-gray-400);
  border-radius: var(--form-radius);
}
.p-form .row-tel .grid-input,
.p-form .row-fax .grid-input {
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-form .row-tel .grid-input input[type=text],
.p-form .row-fax .grid-input input[type=text] {
  --_width: calc( 158 * var(--vunit) );
  inline-size: 100%;
  max-inline-size: var(--_width);
}
.p-form .row-tel .grid-input span,
.p-form .row-fax .grid-input span {
  margin-inline: calc(10 * var(--vunit));
}
.p-form .row-question .grid-input {
  row-gap: calc(17 * var(--vunit));
}
.p-form .row-question .grid-input fieldset .item-text {
  --_item-text-padding-x: 2em;
}
.p-form .row-question .grid-input fieldset:has([type=radio]) {
  display: block grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: calc(27 * var(--vunit));
}
.p-form .row-question .grid-input fieldset:has([type=radio]) label {
  gap: calc(9 * var(--vunit));
}

.row-content .grid-input {
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  text-align: left;
}
.row-content .grid-input input[type=text] {
  --_width: calc( 158 * var(--vunit) );
  inline-size: 100%;
  max-inline-size: var(--_width);
}

.p-form :where(input[type=text], input[type=email], input[type=tel], input[type=date], textarea, select) {
  display: block grid;
  inline-size: var(--_width, 100%);
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  padding-inline: calc(10 * var(--vunit));
  padding-block: calc(6 * var(--vunit));
  margin-block: auto;
  text-align: start;
  border-radius: var(--form-radius);
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
}
.p-form :where(input[type=text], input[type=email], input[type=tel], input[type=date], textarea) {
  background: var(--color-white);
  font-size: calc(16 * var(--funit));
  line-height: 1.125;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-form input::-webkit-input-placeholder {
  letter-spacing: calc(0 * var(--flsunit));
  color: var(--color-gray-600);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--funit));
  line-height: 1;
}
.p-form input::-moz-placeholder {
  letter-spacing: calc(0 * var(--flsunit));
  color: var(--color-gray-600);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--funit));
  line-height: 1;
}
.p-form input:-ms-input-placeholder {
  letter-spacing: calc(0 * var(--flsunit));
  color: var(--color-gray-600);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--funit));
  line-height: 1;
}
.p-form input::-ms-input-placeholder {
  letter-spacing: calc(0 * var(--flsunit));
  color: var(--color-gray-600);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--funit));
  line-height: 1;
}
.p-form input::placeholder {
  letter-spacing: calc(0 * var(--flsunit));
  color: var(--color-gray-600);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--funit));
  line-height: 1;
}
.p-form textarea {
  resize: vertical;
  padding-inline: calc(20 * var(--vunit));
  padding-block: calc(20 * var(--vunit));
  font-size: calc(14 * var(--funit));
  line-height: 1.2857142857;
  letter-spacing: calc(5 * var(--flsunit));
  block-size: calc(280 * var(--vunit));
  field-sizing: content;
}
@supports (field-sizing: content) {
  .p-form textarea {
    resize: none;
  }
}
.p-form textarea::-webkit-input-placeholder {
  letter-spacing: calc(5 * var(--flsunit));
}
.p-form textarea::-moz-placeholder {
  letter-spacing: calc(5 * var(--flsunit));
}
.p-form textarea:-ms-input-placeholder {
  letter-spacing: calc(5 * var(--flsunit));
}
.p-form textarea::-ms-input-placeholder {
  letter-spacing: calc(5 * var(--flsunit));
}
.p-form textarea::placeholder {
  letter-spacing: calc(5 * var(--flsunit));
}
.p-form select {
  border: calc(1 * var(--vunit)) solid var(--color-gray-300);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --_width: calc( 110 * var(--vunit) );
}
.p-form select::-ms-expand {
  display: none;
}
.p-form .item-select {
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.p-form .item-select:after {
  content: "";
  position: absolute;
  translate: 0 -50%;
  -webkit-margin-before: calc(var(--_padding-t, calc(0 * var(--vunit))) + 1lh);
          margin-block-start: calc(var(--_padding-t, calc(0 * var(--vunit))) + 1lh);
  inset-block-start: 0;
  inset-inline-end: var(--_right, calc(10 * var(--vunit)));
  --_aw: calc( var(--_tickness, 2) * var(--vunit) );
  --_as: calc( var(--_size,8 ) * var(--vunit) );
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  rotate: 135deg;
  background-color: var(--color-black);
  pointer-events: none;
}
.p-form input[type=checkbox],
.p-form input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-form input[type=checkbox]:focus,
.p-form input[type=radio]:focus {
  cursor: pointer;
}
.p-form input[type=checkbox]:focus:before,
.p-form input[type=radio]:focus:before {
  outline: calc(1 * var(--funit)) solid var(--color-black);
}
.p-form input[type=checkbox] {
  --_boxsize-sp: 22;
  --_boxsize-pc: 26;
  --_checksize-sp: 14;
  --_checksize-pc: 14;
  --_radius: 2;
  position: relative;
  cursor: pointer;
  border: unset;
  inline-size: calc(var(--_boxsize) * var(--funit));
  block-size: calc(var(--_boxsize) * var(--funit));
}
.p-form input[type=checkbox]:hover {
  opacity: 0.8;
}
.p-form input[type=checkbox]:checked:after {
  opacity: 1;
}
.p-form input[type=checkbox]:before, .p-form input[type=checkbox]:after {
  position: absolute;
  content: "";
  translate: -50% -50%;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  inline-size: calc(var(--_boxsize) * var(--funit));
  block-size: calc(var(--_boxsize) * var(--funit));
}
.p-form input[type=checkbox]:before {
  cursor: pointer;
  border: calc(1 * var(--vunit)) solid var(--color-gray-800);
  background-color: var(--color-truewhite);
  border-radius: calc(3 * var(--vunit));
}
.p-form input[type=checkbox]:after {
  --_adjust-x: 14%;
  --_adjust-y: -20%;
  opacity: 0;
  cursor: pointer;
  --_aw: calc( var(--_tickness, 4) * var(--vunit) );
  --_asw: calc( var(--_sizew,15) * var(--vunit) );
  --_ash: calc( var(--_sizeh,26) * var(--vunit) );
  inline-size: var(--_asw);
  block-size: var(--_ash);
  clip-path: polygon(calc(100% - var(--_aw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--_aw)), calc(100% - var(--_aw)) calc(100% - var(--_aw)));
  rotate: 40deg;
  background-color: var(--color-yellow-key);
}
.p-form input[type=radio] {
  --_radio-size: 12;
  position: relative;
  cursor: pointer;
  border-radius: calc(var(--infinity));
}
.p-form input[type=radio]:checked:after {
  opacity: 1;
}
.p-form input[type=radio]:focus {
  opacity: 0.8;
}
.p-form input[type=radio]:before, .p-form input[type=radio]:after {
  position: absolute;
  content: "";
  inset-block-start: calc(50% + 0 * var(--vunit));
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-form input[type=radio]:before {
  border: calc(1 * var(--vunit)) solid var(--color-gray-800);
  background-color: var(--color-white);
  cursor: pointer;
  inline-size: calc(var(--_radio-size) * var(--vunit));
  block-size: calc(var(--_radio-size) * var(--vunit));
}
.p-form input[type=radio]:after {
  opacity: 0;
  background-color: var(--color-yellow-key);
  cursor: pointer;
  inline-size: calc((var(--_radio-size) - 6) * var(--vunit));
  block-size: calc((var(--_radio-size) - 6) * var(--vunit));
}
.p-form :where(.item-date,
input[type=date]::before):hover {
  cursor: pointer;
}
.p-form input[type=file]::-webkit-file-upload-button:hover {
  cursor: pointer;
}
.p-form input[type=file]::file-selector-button:hover,
.p-form input[type=file]::-webkit-file-upload-button:hover {
  cursor: pointer;
}
.p-form input[type=file]:focus {
  outline: calc(1 * var(--vunit)) solid var(--color-gray-500);
}

.p-form .checkbox-item {
  display: block grid;
  justify-items: var(--_justify, center);
  font-size: calc(15 * var(--funit));
  line-height: 1.3333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  margin-inline: auto;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-form .checkbox-item [type=checkbox] {
  -webkit-margin-end: calc(8 * var(--vunit));
          margin-inline-end: calc(8 * var(--vunit));
}
.p-form .checkbox-item > label {
  display: block grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  cursor: pointer;
}
.p-form .checkbox-item:has(:focus-visible:not(a)) {
  outline: auto currentColor;
  outline-offset: calc(4 * var(--vunit));
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.p-img--logo-webjitbox {
  display: block grid;
  place-content: center;
  margin-inline: auto;
  aspect-ratio: 307/62;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  background-color: var(--color-white);
  border-radius: calc(7 * var(--vunit));
}

.p-stepcard-list {
  --_gap: 40;
  --_card-w: 270;
  --_card-wc: calc((270 / 1200) * 100% );
  display: block grid;
}

.p-stepcard {
  position: relative;
  display: block grid;
  grid-template: "step" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), 1fr) "txt" minmax(calc(60 * var(--vunit)), auto)/1fr;
  border: calc(2 * var(--vunit)) solid;
  border-radius: var(--card-l-radius);
  max-block-size: calc(305 * var(--vunit));
  background-color: var(--_stepcard-bgcolor, var(--color-white));
}
.p-stepcard:not(:last-child):after {
  --_t: calc( 4 * var(--vunit) );
  position: absolute;
  content: "";
  translate: -50% -50%;
  inline-size: calc(24 * var(--vunit));
  block-size: calc(24 * var(--vunit));
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_t)) 100%, calc(100% - var(--_t)) var(--_t), 0 var(--_t));
  background-color: var(--color-black);
}
.p-stepcard > * {
  justify-self: center;
}
.p-stepcard .circle {
  grid-area: step;
  display: block grid;
  -webkit-margin-before: calc(-32 * var(--vunit));
          margin-block-start: calc(-32 * var(--vunit));
  border-radius: var(--infinity);
  background-color: var(--color-yellow-key);
  inline-size: calc(69 * var(--vunit));
  aspect-ratio: 1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  place-content: center;
  place-items: center;
}
.p-stepcard .circle .step {
  -webkit-margin-before: calc(6 * var(--vunit));
          margin-block-start: calc(6 * var(--vunit));
  font-size: calc(12 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
}
.p-stepcard .circle .num {
  -webkit-margin-before: calc(4 * var(--vunit));
          margin-block-start: calc(4 * var(--vunit));
  font-size: calc(30 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-stepcard .ttl {
  margin-block: calc(10 * var(--vunit));
  grid-area: ttl;
  font-size: calc(20 * var(--funit));
  line-height: 2.15;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}
.p-stepcard .image {
  grid-area: img;
  display: block grid;
  max-inline-size: calc(var(--_img-w, 140) * var(--vunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  align-self: center;
}
.p-stepcard .desc {
  grid-area: txt;
  font-size: calc(15 * var(--funit));
  line-height: 1.4666666667;
  letter-spacing: calc(50 * var(--flsunit));
  align-self: center;
  padding-block: calc(30 * var(--vunit)) calc(24 * var(--vunit));
}
.p-stepcard.p-stepcard--small {
  --_img-w: 90;
}
.p-stepcard.p-stepcard--wide {
  --_img-w: 120 ;
}

.p-article {
  inline-size: 100%;
  padding-block: var(--_article-padding-block, inherit);
  -webkit-border-after: var(--_article-border-end, inherit);
          border-block-end: var(--_article-border-end, inherit);
}
.p-article header {
  display: block grid;
  grid-template: "time" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto)/1fr;
  justify-items: start;
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-400);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-400);
  -webkit-margin-after: calc(66 * var(--vunit));
          margin-block-end: calc(66 * var(--vunit));
}
.p-article header time {
  grid-area: time;
  font-size: calc(16 * var(--funit));
  line-height: 1.5;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-article header .article-ttl {
  -webkit-margin-before: calc(5 * var(--vunit));
          margin-block-start: calc(5 * var(--vunit));
  grid-area: ttl;
  font-size: calc(var(--_h1-size, 40) * var(--funit));
  line-height: calc(var(--_h1-height, 60) / var(--_h1-height, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h1-ls, 50) * var(--flsunit));
  text-align: start;
  -webkit-padding-after: calc(13 * var(--vunit));
          padding-block-end: calc(13 * var(--vunit));
}
.p-article header + * {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.p-article h2 {
  font-size: calc(var(--_h2-size, 40) * var(--funit));
  line-height: calc(var(--_h2-height, 60) / var(--_h2-size, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h2-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h2-border, inherit);
          border-block-end: var(--_h2-border, inherit);
  text-align: var(--_h2-justify, start);
  margin-block: var(--_h2-margin, inherit);
}
.p-article h3 {
  font-size: calc(var(--_h3-size, 32) * var(--funit));
  line-height: calc(var(--_h3-height, 60) / var(--_h3-size, 32));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h3-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h3-border, inherit);
          border-block-end: var(--_h3-border, inherit);
  text-align: var(--_h3-justify, start);
  margin-block: var(--_h3-margin);
}
.p-article h4 {
  font-size: calc(var(--_h4-size, 24) * var(--funit));
  line-height: calc(var(--_h4-height, 40) / var(--_h4-size, 24));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h4-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h4-border, inherit);
          border-block-end: var(--_h4-border, inherit);
  text-align: var(--_h4-justify, start);
  margin-block: var(--_h4-margin);
  text-indent: calc(var(--_h4-text-indent, 0em) * -1);
  -webkit-padding-start: var(--_h4-text-indent, 0em);
          padding-inline-start: var(--_h4-text-indent, 0em);
}
.p-article p {
  font-size: calc(var(--_p-size, 16) * var(--funit));
  line-height: calc(var(--_p-height, 24) / var(--_p-size, 16));
  letter-spacing: calc(var(--_p-ls, 0) * var(--flsunit));
  text-align: var(--_p-justify, start);
  margin-block: var(--_p-margin);
  text-indent: calc(var(--_p-indent, inherit));
  -webkit-padding-start: calc(var(--_p-padding, inherit));
          padding-inline-start: calc(var(--_p-padding, inherit));
  text-indent: calc(var(--_p-text-indent, 0em) * -1);
  margin-left: calc(var(--_p-margin-left, 0em) * 1.5);
  margin-top: calc(var(--_p-margin-top, 0em) * 1);
}
.p-article p.p-article-indent--none {
  text-indent: calc(var(--_p-span-indent, 0em) * 0);
  margin-left: calc(var(--_p-margin-left, 0em) * 1);
}
.p-article p span {
  font-size: calc(var(--_p-span-size, 16) * var(--funit));
  line-height: calc(var(--_p-span-height, 24) / var(--_p-span-size, 16));
  letter-spacing: calc(var(--_p-span-ls, 0) * var(--flsunit));
  text-align: var(--_p-span-justify, start);
  margin-block: var(--_p-span-margin);
  text-indent: calc(var(--_p-span-indent, inherit));
  -webkit-padding-start: calc(var(--_p-span-padding, inherit));
          padding-inline-start: calc(var(--_p-span-padding, inherit));
  position: relative;
  left: calc(var(--_p-span-left, 0em) * -1);
  margin-right: calc(var(--_p-span-margin-right, 0em) * 1);
}
.p-article p span.p-article-indent--short {
  margin-right: calc(var(--_p-span-margin-right-short, 0em) * -0.5);
}
.p-article p span.p-article-indent--short-more {
  margin-right: calc(var(--_p-span-margin-right-short, 0em) * -1);
}
.p-article p span.p-article-indent--short-ttl {
  left: calc(var(--_p-span-left, 0em) * -1.05);
}
.p-article p span.p-article-indent {
  left: calc(var(--_p-span-left, 0em) * -0.8);
}
.p-article p span a {
  text-decoration: underline;
}
.p-article p span a.p-article-link--blank {
  position: relative;
  text-decoration: underline;
  margin-left: calc(var(--_p-span-left, 0em) * 0.2);
}
.p-article p span a.p-article-link--blank::before {
  content: "";
  margin-right: calc(var(--_p-span-margin-right, 0em) * 0.1);
  width: calc(160 * var(--vunit));
  height: calc(160 * var(--vunit));
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../../assets/img/common/icon/icon_link_blank.png") no-repeat center;
  background-size: contain;
}
.p-article p a {
  text-decoration: underline;
}
.p-article p a.p-article-link--blank {
  position: relative;
  text-decoration: underline;
  margin-left: calc(var(--_p-span-left, 0em) * 0.2);
}
.p-article p a.p-article-link--blank::before {
  content: "";
  margin-right: calc(var(--_p-span-margin-right, 0em) * 0.2);
  width: calc(160 * var(--vunit));
  height: calc(160 * var(--vunit));
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../../assets/img/common/icon/icon_link_blank.png") no-repeat center;
  background-size: contain;
}
.p-article ol {
  text-align: start;
  margin-block: var(--_ol-margin-block, 0);
}
.p-article ol li {
  text-indent: calc(var(--_ol-li-text-indent, 2em));
  -webkit-padding-start: calc(var(--_ol-li-text-padding, 2em));
          padding-inline-start: calc(var(--_ol-li-text-padding, 2em));
  margin-block: var(--_ol-li-margin-block, 0);
}
.p-article ol.second li {
  text-indent: calc(var(--_ol-li-text-indent2, 4em));
  -webkit-padding-start: calc(var(--_ol-li-text-padding2, 4em));
          padding-inline-start: calc(var(--_ol-li-text-padding2, 4em));
}
.p-article ul {
  text-align: start;
  margin-block: var(--_ul-margin-block, 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 2.6);
}
.p-article ul.p-article-list--dot {
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 2.3);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 1);
}
.p-article ul.p-article-list--dot li {
  position: relative;
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0.1);
}
.p-article ul.p-article-list--dot li::before {
  content: "";
  background: var(--color-gray-800);
  width: calc(5 * var(--vunit));
  height: calc(5 * var(--vunit));
  border-radius: 50%;
  position: absolute;
  top: calc(12 * var(--vunit));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(var(--_ul-li-span-left, 0em) * -0.6);
  margin-right: calc(var(--_ul-li-span-margin-right, 0em) * 0);
}
.p-article ul.p-article-list--notice {
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 1.4);
}
.p-article ul.p-article-list--notice li {
  position: relative;
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0.4);
}
.p-article ul.p-article-list--notice li::before {
  position: absolute;
  content: "※";
  width: inherit;
  height: inherit;
  left: calc(var(--_ul-li-span-left, 0em) * -1);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
}
.p-article ul.p-article-list--icon {
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 1);
}
.p-article ul.p-article-list--icon li {
  position: relative;
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 1);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article ul.p-article-list--icon li.anchor-link::before {
  position: absolute;
  content: "";
  width: calc(16 * var(--vunit));
  height: calc(12 * var(--vunit));
  top: calc(8 * var(--vunit));
  left: calc(var(--_ul-li-span-left, 0em) * -1);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  background-color: var(--color-gray-800);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-size: contain;
}
.p-article ul.p-article-list--icon li.blank-link::before {
  position: absolute;
  content: "";
  width: calc(16 * var(--vunit));
  height: calc(16 * var(--vunit));
  top: calc(6 * var(--vunit));
  left: calc(var(--_ul-li-span-left, 0em) * -1);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  background: url("../../assets/img/common/icon/icon_link_blank.png") no-repeat center;
  background-size: contain;
}
.p-article ul.p-article-list--grid {
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 3);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-900);
  padding-bottom: calc(26 * var(--vunit));
}
.p-article ul.p-article-list--grid li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--color-gray-900);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 2);
  padding-top: calc(var(--_ul-li-margin-top, 0em) * 2);
  padding-left: calc(var(--_ul-li-margin-left, 0em) * 1);
}
.p-article ul.p-article-list--grid li span {
  margin-left: calc(var(--_ul-li-span-left, 0em) * 0);
}
.p-article ul.p-article-list--grid li span:nth-child(2) {
  margin-left: calc(var(--_ul-li-span-left, 0em) * -8);
}
.p-article ul li {
  -webkit-padding-start: calc(var(--_ul-li-text-padding, 2em));
          padding-inline-start: calc(var(--_ul-li-text-padding, 2em));
  margin-block: var(--_ul-li-margin-block, 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 1);
}
.p-article ul li span {
  position: relative;
  left: calc(var(--_ul-li-span-left, 0em) * -1.4);
  margin-right: calc(var(--_ul-li-span-margin-right, 0em) * -1);
}
.p-article ul li ul li {
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 1.7);
}
.p-article ul li a {
  text-decoration: underline;
}
.p-article ul li a.p-article-link--blank {
  position: relative;
  text-decoration: underline;
  margin-left: calc(var(--_p-span-left, 0em) * 0);
}
.p-article ul li a.p-article-link--blank::before {
  content: "";
  margin-right: calc(var(--_p-span-margin-right, 0em) * 0.2);
  width: calc(160 * var(--vunit));
  height: calc(160 * var(--vunit));
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../../assets/img/common/icon/icon_link_blank.png") no-repeat center;
  background-size: contain;
}
.p-article ul li button.p-article-button--popup {
  text-decoration: underline;
  position: relative;
  margin-left: calc(var(--_p-span-left, 0em) * 0.2);
}
.p-article ul li button.p-article-button--popup::before {
  content: "";
  margin-right: calc(var(--_p-span-margin-right, 0em) * 0.2);
  width: calc(160 * var(--vunit));
  height: calc(160 * var(--vunit));
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../../assets/img/common/icon/icon_link_question.png") no-repeat center;
  background-size: contain;
}
.p-article ul.p-article-indent-list {
  text-align: start;
  margin-block: var(--_ul-margin-block, 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article ul.p-article-indent-list li {
  -webkit-padding-start: calc(var(--_ul-li-text-padding, 2em));
          padding-inline-start: calc(var(--_ul-li-text-padding, 2em));
  margin-block: var(--_ul-li-margin-block, 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article ul.p-article-indent-list li span {
  position: relative;
  left: calc(var(--_ul-li-span-left, 0em) * -1.2);
  margin-right: calc(var(--_ul-li-span-margin-right, 0em) * -1);
}
.p-article ul.p-article-indent-list li ul li {
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article .table-slider {
  overflow-x: auto;
  --_mw: calc((40 * var(--vunit)) - var(--_ol-li-text-indent));
}
.p-article .table-slider .inner {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-article .table-slider table {
  inline-size: calc(var(--_table-width, 600) * var(--vunit));
  max-inline-size: unset;
}
.p-article table {
  border-collapse: collapse;
  inline-size: 100%;
  max-inline-size: calc(var(--_table-width, 700) * var(--vunit));
  table-layout: fixed;
}
.p-article table th,
.p-article table td {
  border: calc(1 * var(--vunit)) solid var(--color-gray-800);
  padding: calc(8 * var(--vunit)) calc(16 * var(--vunit));
  text-align: center;
  inline-size: var(--_cell-width, auto);
}
.p-article table th {
  background-color: var(--color-gray-350);
  font-weight: normal;
  text-align: var(--_th-text-align, center);
}
.p-article table td {
  text-align: var(--_td-text-align, center);
}
.p-article table col {
  inline-size: var(--_cell-width, auto);
}
.p-article table .cell-arrow {
  --_cell-width: calc(70 * var(--vunit));
  font-weight: normal;
  text-align: center !important;
}
.p-article table .cell70 {
  --_cell-width: calc(70 * var(--vunit));
}
.p-article table .cell100 {
  --_cell-width: calc(100 * var(--vunit));
}

.p-article[data-page=payment] {
  --_h3-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h3-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
}

.p-article[data-page=terms] {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 20;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_ol-li-text-indent: -2em;
  --_ol-li-text-padding: 2em;
}
.p-article[data-page=terms] p {
  text-align: start;
  margin-top: calc(var(--_p-margin-top, 2em) * 1);
}

.p-article[data-page=yakkan] {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 26;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_h4-size: 20;
  --_h4-height: 40;
  --_h4-ls: 50;
  --_h4-text-indent: 4em;
  --_h4-margin: calc(20 * var(--vunit)) calc(0 * var(--vunit));
  --_ol-li-text-indent: -1.3em;
  --_ol-li-text-indent2: -1.3em;
}
.p-article[data-page=yakkan] h2 {
  margin-top: 6rem;
}
.p-article[data-page=yakkan] a {
  color: #00b3ee;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  font-size: 3rem;
  text-align: left;
  margin-top: calc(var(--_ol-li-margin-top, 1em) * 0);
  margin-bottom: calc(var(--_ol-li-margin-top, 4em) * 0);
  position: relative;
}
.p-article[data-page=yakkan] a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3rem;
  margin-top: calc(var(--_ol-li-margin-top, 0em) * 0);
  width: calc(20 * var(--vunit));
  height: calc(20 * var(--vunit));
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-size: contain;
}

.p-article[data-page=privacy_request] {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 26;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_h4-size: 20;
  --_h4-height: 40;
  --_h4-ls: 50;
  --_h4-text-indent: 4em;
  --_h4-margin: calc(20 * var(--vunit)) calc(0 * var(--vunit));
  --_ol-li-text-indent: -1.3em;
  --_ol-li-text-indent2: -1.3em;
}
.p-article[data-page=privacy_request] h2 {
  margin-top: 6rem;
}
.p-article[data-page=privacy_request] a {
  color: #00b3ee;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  font-size: 1.6rem;
  text-align: left;
  margin-top: calc(var(--_ol-li-margin-top, 1em) * 0);
  margin-bottom: calc(var(--_ol-li-margin-top, 4em) * 0);
  position: relative;
}
.p-article[data-page=privacy_request] a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3rem;
  margin-top: calc(var(--_ol-li-margin-top, 0em) * 0);
  width: calc(20 * var(--vunit));
  height: calc(20 * var(--vunit));
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-size: contain;
}

.p-article[data-page=use_site] {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 26;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_h4-size: 20;
  --_h4-height: 40;
  --_h4-ls: 50;
  --_h4-text-indent: 4em;
  --_h4-margin: calc(20 * var(--vunit)) calc(0 * var(--vunit));
  --_p-margin-top: 2em;
  --_p-margin-left: 1.5em;
  --_p-span-left: 1em;
  --_p-text-indent: 1em;
  --_p-span-margin-right: 1em;
  --_p-span-margin-right-short: 1em;
  --_ul-li-margin-top: 1em;
  --_ul-li-margin-left: 2em;
  --_ul-li-span-margin-right: 1em;
  --_ul-li-gap: 1em;
  --_ul-li-text-indent: 2em;
  --_ul-li-text-indent2: 0;
  --_ul-li-span-left: 1.4em;
  --_ul-li-span-right: 1.4em;
}
.p-article[data-page=use_site] .p-article-intro__txt {
  text-indent: calc(var(--_p-text-indent, 0em) * 0);
  margin-left: calc(var(--_p-margin-left, 0em) * 0);
  margin-top: calc(var(--_p-margin-top, 0em) * 1);
}
.p-article[data-page=use_site] .p-article-intro__txt.text-aline--right {
  text-align: var(--_p-justify, end);
}
.p-article[data-page=use_site] .p-article-toc ul {
  margin-block: var(--_ul-margin-block, 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 2);
  padding: calc(20 * var(--vunit));
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
}
.p-article[data-page=use_site] .p-article-toc ul li {
  margin-block: var(--_ul-li-margin-block, 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article[data-page=use_site] .p-article-toc ul li a {
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0.15);
}

.p-page-gdpr_policy {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_a-position-left: 2em;
  position: relative;
}
.p-page-gdpr_policy .p-article-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal.is-open {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__inner {
  background-color: #fff;
  width: calc(960 * var(--vunit));
  max-width: 95%;
  padding: calc(10 * var(--vunit)) calc(80 * var(--vunit)) calc(80 * var(--vunit));
}
.p-page-gdpr_policy .p-article-modal h2 {
  font-size: calc(var(--_h2-size, 40) * var(--funit));
  line-height: calc(var(--_h2-height, 60) / var(--_h2-size, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h2-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h2-border, inherit);
          border-block-end: var(--_h2-border, inherit);
  text-align: var(--_h2-justify, start);
  margin-block: var(--_h2-margin, inherit);
}
.p-page-gdpr_policy .p-article-modal a {
  position: relative;
  left: calc(var(--_a-position-left, 0em) * 0.5);
  margin-left: calc(var(--p, 0em) * 1);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-page-gdpr_policy .p-article-modal a::before {
  position: absolute;
  top: calc(8 * var(--vunit));
  left: calc(var(--_a-position-left, 0em) * -0.5);
  content: "";
  width: 1rem;
  height: 1.4rem;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  display: inline-block;
  background-color: var(--color-gray-800);
}
.p-page-gdpr_policy .p-article-modal__close {
  position: absolute;
  top: calc(-40 * var(--vunit));
  right: calc(47 * var(--vunit));
  width: calc(40 * var(--vunit));
  height: calc(40 * var(--vunit));
  background-color: var(--color-gray-800);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #fff;
  font-size: calc(40 * var(--funit));
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__bg.is-open {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-article[data-page=gdpr_policy] {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 26;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_h4-size: 20;
  --_h4-height: 40;
  --_h4-ls: 50;
  --_h4-text-indent: 4em;
  --_h4-margin: calc(20 * var(--vunit)) calc(0 * var(--vunit));
  --_p-margin-top: 2em;
  --_p-margin-left: 2em;
  --_p-span-left: 2em;
  --_p-text-indent: 1em;
  --_p-span-margin-right: 1em;
  --_p-span-margin-right-short: 1em;
  --_ul-li-margin-top: 1em;
  --_ul-li-margin-left: 2em;
  --_ul-li-span-margin-right: 1em;
  --_ul-li-text-indent: 2em;
  --_ul-li-text-indent2: 0;
  --_ul-li-span-left: 1.4em;
  --_ul-li-span-right: 1.4em;
}
.p-article[data-page=gdpr_policy] .p-article-intro__txt {
  text-indent: calc(var(--_p-text-indent, 0em) * 0);
  margin-left: calc(var(--_p-margin-left, 0em) * 0);
  margin-top: calc(var(--_p-margin-top, 0em) * 1);
}
.p-article[data-page=gdpr_policy] .p-article-intro__txt.text-aline--right {
  text-align: var(--_p-justify, end);
}
.p-article[data-page=gdpr_policy] .p-article-toc ul {
  margin-block: var(--_ul-margin-block, 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 2);
  padding: calc(20 * var(--vunit));
  border: calc(1 * var(--vunit)) solid var(--color-gray-400);
}
.p-article[data-page=gdpr_policy] .p-article-toc ul li {
  margin-block: var(--_ul-li-margin-block, 0);
  margin-top: calc(var(--_ul-li-margin-top, 0em) * 0);
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
}
.p-article[data-page=gdpr_policy] .p-article-toc ul li a {
  margin-left: calc(var(--_ul-li-margin-left, 0em) * 0.15);
}

.p-page-gdpr_policy {
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_a-position-left: 2em;
  position: relative;
}
.p-page-gdpr_policy .p-article-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal.is-open {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__inner {
  background-color: #fff;
  width: calc(960 * var(--vunit));
  max-width: 95%;
  padding: calc(10 * var(--vunit)) calc(80 * var(--vunit)) calc(80 * var(--vunit));
}
.p-page-gdpr_policy .p-article-modal h2 {
  font-size: calc(var(--_h2-size, 40) * var(--funit));
  line-height: calc(var(--_h2-height, 60) / var(--_h2-size, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h2-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h2-border, inherit);
          border-block-end: var(--_h2-border, inherit);
  text-align: var(--_h2-justify, start);
  margin-block: var(--_h2-margin, inherit);
}
.p-page-gdpr_policy .p-article-modal a {
  position: relative;
  left: calc(var(--_a-position-left, 0em) * 0.5);
  margin-left: calc(var(--p, 0em) * 1);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-page-gdpr_policy .p-article-modal a::before {
  position: absolute;
  top: calc(8 * var(--vunit));
  left: calc(var(--_a-position-left, 0em) * -0.5);
  content: "";
  width: 1rem;
  height: 1.4rem;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  display: inline-block;
  background-color: var(--color-gray-800);
}
.p-page-gdpr_policy .p-article-modal__close {
  position: absolute;
  top: calc(-40 * var(--vunit));
  right: calc(47 * var(--vunit));
  width: calc(40 * var(--vunit));
  height: calc(40 * var(--vunit));
  background-color: var(--color-gray-800);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #fff;
  font-size: calc(40 * var(--funit));
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page-gdpr_policy .p-article-modal__bg.is-open {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-article[data-auto-increment=true] {
  counter-reset: number_h2;
}
.p-article[data-auto-increment=true] h2 {
  counter-increment: number_h2;
  counter-reset: number_h3;
}
.p-article[data-auto-increment=true] h3 {
  counter-increment: number_h3;
}
.p-article[data-auto-increment=true] ol {
  counter-reset: number_ol_li;
}
.p-article[data-auto-increment=true] ol li {
  counter-increment: number_ol_li;
}
.p-article[data-auto-increment=true][data-page=terms] h2:before {
  content: "第" counter(number_h2, fullwidth-numeric) "章 ";
}
.p-article[data-auto-increment=true][data-page=terms] h3:before {
  content: "第" counter(number_h2, fullwidth-numeric) "条";
}
.p-article[data-auto-increment=true][data-page=terms] ol li:before {
  content: counter(number_ol_li, fullwidth-numeric) "．";
}

.p-articlenav {
  display: block grid;
  grid-auto-flow: column;
  inline-size: 100%;
  gap: calc(10 * var(--vunit));
}
.p-articlenav > * {
  display: block grid;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-articlenav a {
  text-decoration: underline;
}

.p-articlenav-prev .eng,
.p-articlenav-next .eng {
  text-transform: uppercase;
  font-size: calc(14 * var(--funit));
  line-height: 1.7142857143;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-articlenav-prev a,
.p-articlenav-next a {
  font-size: calc(16 * var(--funit));
  line-height: 1.5;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  text-align: start;
}

.p-articlenav-prev {
  justify-self: start;
  justify-items: start;
}

.p-articlenav-next {
  justify-self: end;
  justify-items: end;
}

.p-articlecard-list[data-type=case] {
  display: block grid;
  gap: calc(68 * var(--vunit));
}
.p-articlecard-list[data-type=case] .cardlink {
  display: block grid;
}

.p-articlecard[data-type=case] {
  display: block grid;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-items: start;
  display: block grid;
  text-align: start;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-articlecard[data-type=case] > * {
  display: block grid;
}
.p-articlecard[data-type=case] a {
  text-decoration: underline;
}
.p-articlecard[data-type=case]:focus:has(.cardlink:hover) {
  opacity: 0.8;
}
.p-articlecard[data-type=case]:focus:has(.cardlink:hover) .thumb img {
  scale: var(--card-hover-thumb-scale);
}
.p-articlecard[data-type=case] .cardlink {
  grid-row: 1/-1;
  grid-column: 1/-1;
  inline-size: 100%;
  block-size: 100%;
  z-index: 1;
}
.p-articlecard[data-type=case] .thumb {
  grid-area: thumb;
  border-radius: calc(7 * var(--vunit));
  overflow: clip;
}
.p-articlecard[data-type=case] .thumb img {
  -webkit-transition: scale 0.3s ease;
  transition: scale 0.3s ease;
}
.p-articlecard[data-type=case] .tag {
  grid-area: tag;
  --_tag-font-size: 14;
  --_min-height-pc: 26;
  font-weight: var(--fw-bold);
}
.p-articlecard[data-type=case] .company {
  grid-area: company;
  align-self: center;
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1.625;
}
.p-articlecard[data-type=case] .ttl {
  grid-area: ttl;
  -webkit-margin-before: calc(10 * var(--vunit));
          margin-block-start: calc(10 * var(--vunit));
  font-size: calc(26 * var(--funit));
  line-height: 1.2307692308;
  font-weight: var(--fw-bold);
}
.p-articlecard[data-type=case] .desc {
  grid-area: txt;
  -webkit-margin-before: calc(21 * var(--rrate) * var(--vunit));
          margin-block-start: calc(21 * var(--rrate) * var(--vunit));
}
.p-articlecard[data-type=case] .info {
  grid-area: inf;
  --_list-gap: 0;
  -webkit-margin-before: calc(25 * var(--vunit));
          margin-block-start: calc(25 * var(--vunit));
  background-color: var(--color-gray-300);
  padding-block: calc(10 * var(--vunit));
  padding-inline: calc(10 * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  font-size: calc(14 * var(--funit));
  line-height: 1.5714285714;
  z-index: 1;
}

.p-article-news {
  inline-size: 100%;
  padding-block: var(--_article-padding-block, inherit);
  -webkit-border-after: var(--_article-border-end, inherit);
          border-block-end: var(--_article-border-end, inherit);
}
.p-article-news header {
  display: block grid;
  grid-template: "time" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto)/1fr;
  justify-items: start;
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-400);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-400);
  -webkit-margin-after: calc(66 * var(--vunit));
          margin-block-end: calc(66 * var(--vunit));
}
.p-article-news header time {
  grid-area: time;
  font-size: calc(16 * var(--funit));
  line-height: 1.5;
  letter-spacing: calc(50 * var(--flsunit));
}
.p-article-news header .article-ttl {
  -webkit-margin-before: calc(5 * var(--vunit));
          margin-block-start: calc(5 * var(--vunit));
  grid-area: ttl;
  font-size: calc(var(--_h1-size, 40) * var(--funit));
  line-height: calc(var(--_h1-height, 60) / var(--_h1-height, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h1-ls, 50) * var(--flsunit));
  text-align: start;
  -webkit-padding-after: calc(13 * var(--vunit));
          padding-block-end: calc(13 * var(--vunit));
}
.p-article-news header + * {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.p-article-news h2 {
  font-size: calc(var(--_h2-size, 40) * var(--funit));
  line-height: calc(var(--_h2-height, 60) / var(--_h2-size, 40));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h2-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h2-border, inherit);
          border-block-end: var(--_h2-border, inherit);
  margin-block: var(--_h2-margin, inherit);
}
.p-article-news h3 {
  font-size: calc(var(--_h3-size, 32) * var(--funit));
  line-height: calc(var(--_h3-height, 60) / var(--_h3-size, 32));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h3-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h3-border, inherit);
          border-block-end: var(--_h3-border, inherit);
  margin-block: var(--_h3-margin);
}
.p-article-news h4 {
  font-size: calc(var(--_h4-size, 24) * var(--funit));
  line-height: calc(var(--_h4-height, 40) / var(--_h4-size, 24));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_h4-ls, 50) * var(--flsunit));
  inline-size: 100%;
  -webkit-border-after: var(--_h4-border, inherit);
          border-block-end: var(--_h4-border, inherit);
  margin-block: var(--_h4-margin);
  -webkit-padding-start: var(--_h4-text-indent, 0em);
          padding-inline-start: var(--_h4-text-indent, 0em);
}
.p-article-news p {
  font-size: calc(var(--_p-size, 16) * var(--funit));
}
.p-article-news .table-slider {
  overflow-x: auto;
  --_mw: calc((40 * var(--vunit)) - var(--_ol-li-text-indent));
}
.p-article-news .table-slider .inner {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-article-news .table-slider table {
  inline-size: calc(var(--_table-width, 600) * var(--vunit));
  max-inline-size: unset;
}
.p-article-news table {
  border-collapse: collapse;
  inline-size: 100%;
  max-inline-size: calc(var(--_table-width, 700) * var(--vunit));
  table-layout: fixed;
}
.p-article-news table th,
.p-article-news table td {
  border: calc(1 * var(--vunit)) solid var(--color-gray-800);
  padding: calc(8 * var(--vunit)) calc(16 * var(--vunit));
  text-align: center;
  inline-size: var(--_cell-width, auto);
}
.p-article-news table th {
  background-color: var(--color-gray-350);
  font-weight: normal;
  text-align: var(--_th-text-align, center);
}
.p-article-news table td {
  text-align: var(--_td-text-align, center);
}
.p-article-news table col {
  inline-size: var(--_cell-width, auto);
}
.p-article-news table .cell-arrow {
  --_cell-width: calc(70 * var(--vunit));
  font-weight: normal;
  text-align: center !important;
}
.p-article-news table .cell70 {
  --_cell-width: calc(70 * var(--vunit));
}
.p-article-news table .cell100 {
  --_cell-width: calc(100 * var(--vunit));
}

.p-article-news[data-page=news] {
  --_article-padding-block: 0 calc(58 * var(--vunit));
  --_article-border-end: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-size: 32;
  --_h2-height: 60;
  --_h2-ls: 50;
  --_h2-border: calc(1 * var(--vunit)) solid var(--color-gray-400);
  --_h2-margin: calc(48 * var(--vunit)) calc(26 * var(--vunit));
  --_h3-size: 26;
  --_h3-height: 60;
  --_h3-ls: 50;
  --_h3-border: 0;
  --_h4-size: 20;
  --_h4-height: 40;
  --_h4-ls: 50;
  --_h4-text-indent: 4em;
  --_h4-margin: calc(20 * var(--vunit)) calc(0 * var(--vunit));
  --_h4-border: 0;
  --_p-height: 40;
  --_p-ls: 50;
}
.p-article-news[data-page=news] table {
  max-inline-size: initial;
  table-layout: initial;
}
.p-article-news[data-page=news] .wp-block-image {
  display: block;
}
.p-article-news[data-page=news] .wp-block-image.aligncenter {
  text-align: center;
}
.p-article-news[data-page=news] .wp-block-image.alignleft {
  text-align: left;
}
.p-article-news[data-page=news] .wp-block-image.alignright {
  text-align: right;
}
.p-article-news[data-page=news] ul.wp-block-list {
  list-style: disc;
  text-align: left;
}
.p-article-news[data-page=news] ol.wp-block-list {
  list-style: decimal;
  text-align: left;
}
.p-article-news[data-page=news] .wp-block-spacer {
  margin-top: 10rem;
}
.p-article-news[data-page=news] a {
  text-decoration: underline;
}
.p-article-news[data-page=news] a:hover {
  text-decoration: none;
}

.p-articlelist[data-type=news] {
  display: block grid;
}
.p-articlelist[data-type=news] > a.hidden {
  display: none;
}

.p-articlelist[data-type=news] .p-articlelist-item {
  display: block grid;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  justify-items: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-block-size: calc(72 * var(--vunit));
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-400);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-400);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-articlelist[data-type=news] .p-articlelist-item:first-child {
  -webkit-border-before: calc(1 * var(--vunit)) solid var(--color-gray-400);
          border-block-start: calc(1 * var(--vunit)) solid var(--color-gray-400);
}
.p-articlelist[data-type=news] .p-articlelist-item:after {
  content: "";
  --_tickness: 3;
  --_size: 11;
  --_aw: calc( var(--_tickness) * var(--vunit) );
  --_as: calc( var(--_size ) * var(--vunit) );
  grid-row: 1/-1;
  grid-column: 1/-1;
  justify-self: end;
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  rotate: 45deg;
  background-color: var(--color-yellow-key);
}
.p-articlelist[data-type=news] .p-articlelist-item > * {
  display: block grid;
}
.p-articlelist[data-type=news] .p-articlelist-item:focus:has(.itemlink:hover) {
  opacity: 0.8;
}
.p-articlelist[data-type=news] .p-articlelist-item:focus:has(.itemlink:hover) .ttl {
  text-decoration: underline;
}
.p-articlelist[data-type=news] .p-articlelist-item .itemlink {
  grid-row: 1/-1;
  grid-column: 1/-1;
  inline-size: 100%;
  block-size: 100%;
}
.p-articlelist[data-type=news] .p-articlelist-item time {
  grid-area: time;
  --_tag-font-size: 16;
  --_min-height-pc: 16;
}
.p-articlelist[data-type=news] .p-articlelist-item .tag {
  display: block;
  padding: calc(4 * var(--vunit));
  grid-area: tag;
  font-size: calc(var(--_tag-font-size) * var(--funit));
  line-height: calc(var(--_tag-line-height) / var(--_tag-font-size));
  font-weight: var(--fw-bold);
  letter-spacing: calc(var(--_tag-ls) * var(--flsunit));
  font-weight: var(--fw-bold);
  background-color: var(--color-yellow-key);
  border-radius: var(--infinity);
}
.p-articlelist[data-type=news] .p-articlelist-item .ttl {
  grid-area: ttl;
  display: inline;
  font-size: calc(16 * var(--funit));
  line-height: 1.1875;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  -webkit-padding-end: calc(24 * var(--vunit));
          padding-inline-end: calc(24 * var(--vunit));
}
.p-articlelist[data-type=news] .p-articlelist-item .ttl [class*=c-icon] {
  -webkit-margin-start: calc(8 * var(--vunit));
          margin-inline-start: calc(8 * var(--vunit));
}

.p-newsdate-filter {
  text-align: left;
}
.p-newsdate-filter-item {
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
  width: 10em;
  padding: 0.5em 0.75em;
  border-radius: 0.2em;
  margin-bottom: 1.5em;
  border: 1px solid var(--color-black);
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("../../assets/img/common/icon/icon-arrow_bottom.png");
  background-repeat: no-repeat;
  background-size: 14px auto; /* 画像のサイズ（幅 高さ）*/
  background-position: right 12px center; /* 画像の位置 */
}
.p-newsdate-filter-item option {
  font-size: 2rem;
}

.p-articlelist-pagination {
  display: block grid;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 * var(--vunit));
}
.p-articlelist-pagination .bullets {
  display: block flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: calc(var(--_bullets-gap, 10) * var(--vunit));
}
.p-articlelist-pagination .btn-prev,
.p-articlelist-pagination .btn-next {
  display: block grid;
  place-content: center;
  aspect-ratio: 1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: var(--infinity);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  inline-size: calc(var(--_sidebtn-size, 38) * var(--vunit));
}
.p-articlelist-pagination .btn-prev:before,
.p-articlelist-pagination .btn-next:before {
  content: "";
  grid-row: 1/-1;
  grid-column: 1/-1;
  display: block grid;
  --_tickness: 3;
  --_size: 10;
  --_aw: calc( var(--_tickness) * var(--vunit) );
  --_as: calc( var(--_size ) * var(--vunit) );
  inline-size: var(--_as);
  block-size: var(--_as);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  background-color: var(--color-black);
}
.p-articlelist-pagination .btn-prev:before {
  rotate: -135deg;
}
.p-articlelist-pagination .btn-next:before {
  rotate: 45deg;
}
.p-articlelist-pagination .bullet {
  display: block grid;
  place-content: center;
  aspect-ratio: 1;
  inline-size: calc(var(--_bullet-size, 40) * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: var(--infinity);
  background-color: var(--_bullet-bg-color, --color-white);
  color: var(--_bullet-color, --color-font-b);
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  border: calc(2 * var(--vunit)) solid var(--color-font-b);
  font-size: calc(var(--_bullet-font-size, 15) * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
}
.p-articlelist-pagination .bullet.active {
  --_bullet-bg-color: var(--color-black);
  --_bullet-color: var(--color-font-w);
}
.p-articlelist-pagination .bullet:not(.active) {
  cursor: pointer;
}
.p-articlelist-pagination .bullet:not(.active):focus {
  opacity: 0.8;
}
.p-articlelist-pagination .omission {
  --_bullet-size: 5;
  --_bullet-size-hc: calc( var(--_bullet-size) / 2 * var(--vunit) );
  --_bullet-gap: 11;
  --_height: 11;
  display: block grid;
  block-size: calc(var(--_height) * var(--vunit));
  background: radial-gradient(circle at center, var(--color-black) var(--_bullet-size-hc), transparent var(--_bullet-size-hc));
  background-size: calc(var(--_bullet-gap) * var(--vunit)) calc(var(--_height) * var(--vunit));
}

.p-headerbar-wrap {
  position: fixed;
  display: block grid;
  grid-template-columns: 1fr;
  min-height: calc(var(--_height) * var(--vunit));
  width: 100%;
  -webkit-transition: min-block-size 0.3s, block-size 0.3s, inset-block-start 0.3s;
  transition: min-block-size 0.3s, block-size 0.3s, inset-block-start 0.3s;
}
.p-headerbar-wrap a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-headerbar-wrap a:focus {
  opacity: var(--btn-hover-opacity);
}

.p-headerbar {
  display: block grid;
  grid-area: row01;
  justify-self: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  inline-size: 100%;
  background-color: var(--color-white);
  -webkit-transition: row-gap 0.3s, block-size 0.3s, min-block-size 0.3s;
  transition: row-gap 0.3s, block-size 0.3s, min-block-size 0.3s;
}
.p-headerbar[data-full] {
  --_height: var(--header-height-full);
}

.p-headerbar__logowrap {
  grid-area: logo;
  display: block grid;
  padding-inline: calc(10 * var(--vunit));
}
.p-headerbar__logowrap > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-headerbar__logowrap .p-header-logo {
  display: block flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(5 * var(--vunit));
}
.p-headerbar__logowrap .sitetxt .logo_txt {
  margin-top: calc(-10 * var(--vunit));
  width: calc(157 * var(--vunit));
  height: calc(19 * var(--vunit));
}

.p-headerbar__navwrap {
  grid-area: nav;
  display: block grid;
  grid-auto-flow: column;
  -webkit-transition: max-block-size 0.3s;
  transition: max-block-size 0.3s;
}
@starting-style {
  .p-headerbar__navwrap {
    max-block-size: 0%;
  }
}

.p-headerbar__menu {
  display: block grid;
  grid-auto-flow: column;
  gap: calc(1 * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-headerbar__menu > li {
  display: block grid;
  grid-template: "btn" minmax(calc(40 * var(--vunit)), 1fr)/1fr;
  inline-size: 100%;
  block-size: 100%;
}
.p-headerbar__menu > li .btn {
  display: block grid;
  grid-template: "icon" minmax(calc(40 * var(--vunit)), 1fr) "txt" minmax(calc(40 * var(--vunit)), auto)/1fr;
  background-color: var(--_box-bg-color, var(--color-gray-300));
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.p-headerbar__menu > li .btn:focus {
  --_box-bg-color: var(--color-yellow-key);
  opacity: 1;
}
.p-headerbar__menu > li .btn > .icon {
  grid-area: icon;
  display: block grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: end;
  padding-bottom: calc(4 * var(--vunit));
}
.p-headerbar__menu > li .btn > .txt {
  grid-area: txt;
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
}

.p-headerbar__menu-loginwrap {
  display: block grid;
  grid-auto-flow: row;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  background-color: var(--color-gray-300);
  padding-inline: calc(13 * var(--vunit));
  padding-block: calc(15 * var(--vunit)) calc(13 * var(--vunit));
  justify-items: center;
}
.p-headerbar__menu-loginwrap > .login-ttl {
  display: block grid;
  inline-size: calc(86 * var(--vunit));
  block-size: calc(10 * var(--vunit));
}
.p-headerbar__menu-loginwrap ul {
  display: block grid;
  grid-auto-flow: column;
  -webkit-margin-before: calc(8 * var(--vunit));
          margin-block-start: calc(8 * var(--vunit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-headerbar__menu-loginwrap ul > li {
  display: block grid;
  place-content: center;
}
.p-headerbar__menu-loginwrap ul > li a {
  display: block grid;
  place-content: center;
  color: var(--color-font-w);
  background-color: var(--color-blue-500);
  aspect-ratio: 76/34;
  letter-spacing: calc(0 * var(--flsunit));
}

.p-headerbar__row02 {
  grid-area: row02;
  -webkit-transition: max-block-size 0.3s, opacity 0.3s;
  transition: max-block-size 0.3s, opacity 0.3s;
}
.p-headerbar__row02 > ul > li {
  position: relative;
  display: block grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-headerbar__row02 > ul > li:first-child:before {
  inset-inline-start: 0;
}
.p-headerbar__row02 > ul > li:not(:first-child):before {
  content: unset;
}
.p-headerbar__row02 > ul > li:before, .p-headerbar__row02 > ul > li:after {
  content: "";
  position: absolute;
  background-color: var(--color-gray-400);
}
.p-headerbar__row02 > ul > li a {
  display: block flex;
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
  letter-spacing: 0rem;
  padding-block: calc(8 * var(--vunit));
}
.p-headerbar__row02 > ul > li a:focus {
  opacity: var(--btn-hover-opacity);
}
.p-headerbar__row02 > ul > li a[aria-expanded=true] [class*=c-icon] {
  rotate: -180deg;
}
.p-headerbar__row02 > ul > li a:has([class*=c-icon]) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(8 * var(--vunit));
}
.p-headerbar__row02 > ul > li a [class*=c-icon] {
  -webkit-transition: rotate 0.3s ease;
  transition: rotate 0.3s ease;
}
.p-headerbar__row02 [role=menu] > li > [role=menuitem] {
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-300);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-300);
}

.p-headerbar__hamburger-wrap {
  grid-area: ham;
}

.p-footer-content {
  --_bg-block-size: 655;
  position: relative;
  display: block grid;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  -ms-flex-line-pack: center;
      align-content: center;
}
.p-footer-content > .bg {
  inline-size: 100%;
}
.p-footer-content > .bg > [class*=c-pic] > img {
  inline-size: 100%;
  block-size: calc(var(--_bg-block-size) * var(--vunit));
  -o-object-fit: cover;
     object-fit: cover;
}
.p-footer-content > .l-inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.p-footer-content .content {
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  color: var(--color-font-w);
}
.p-footer-content .content > .ttl {
  font-weight: var(--fw-bold);
}
.p-footer-content .content > .desc {
  font-size: calc(18 * var(--funit));
  line-height: 2.4;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-50 * var(--flsunit));
}
.p-footer-content .content > .l-btn {
  --_justify: start;
  -webkit-margin-before: calc(30 * var(--vunit));
          margin-block-start: calc(30 * var(--vunit));
}
.p-footer-content .content > .l-btn > .btn {
  --_width: 300;
}

.p-footer__copyright {
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-gray-800);
  color: var(--color-font-w);
  min-block-size: calc(30 * var(--vunit));
}
.p-footer__copyright > .l-inner {
  display: block grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: calc(11 * var(--funit));
  line-height: 2.4545454545;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}

.p-footer-cta {
  display: block grid;
  background-color: var(--color-yellow-key);
}

.p-footer-cta__btn {
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-footer-cta__btn:focus {
  opacity: var(--btn-hover-opacity);
}
.p-footer-cta__btn > .l-inner {
  --_lwi: 1200;
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: grid;
}
.p-footer-cta__btn > .l-inner .ttl {
  grid-area: ttl;
  -webkit-margin-before: calc(12 * var(--vunit));
          margin-block-start: calc(12 * var(--vunit));
}
.p-footer-cta__btn > .l-inner .desc {
  grid-area: desc;
  letter-spacing: 0rem;
}
.p-footer-cta__btn > .l-inner .icon {
  grid-area: icon;
}

.p-footer__nav {
  display: block grid;
  max-inline-size: calc(1200 * var(--vunit));
  margin-inline: auto;
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-200);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-200);
  padding-block: calc(74 * var(--vunit)) calc(37 * var(--vunit));
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.p-footer__nav a:focus {
  opacity: var(--btn-hover-opacity);
}
.p-footer__nav > .lp-logo {
  display: block grid;
  -webkit-padding-after: calc(8 * var(--vunit));
          padding-block-end: calc(8 * var(--vunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
  -webkit-margin-before: calc(6 * var(--vunit));
          margin-block-start: calc(6 * var(--vunit));
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-footer__nav > .lp-logo > picture {
  aspect-ratio: 140/95;
}
.p-footer__nav > .lp-logo:focus {
  opacity: 0.8;
}
.p-footer__nav .p-footer__nav-service {
  display: block grid;
}
.p-footer__nav .p-footer__nav-service .breadcrumb {
  text-align: start;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.9285714286;
  letter-spacing: -0.18rem;
}
.p-footer__nav .p-footer__nav-service dl {
  display: block grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.p-footer__nav .p-footer__nav-service dl dt {
  text-align: start;
  -webkit-margin-before: calc(4 * var(--vunit));
          margin-block-start: calc(4 * var(--vunit));
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.9285714286;
  letter-spacing: -0.09rem;
}
.p-footer__nav .p-footer__nav-service dl dd {
  margin-top: calc(3 * var(--vunit));
  margin-left: calc(10 * var(--vunit));
}
.p-footer__nav .p-footer__nav-service dl dd .list {
  --_list-gap: 0;
  text-align: start;
}
.p-footer__nav .p-footer__nav-service dl dd .list li {
  font-size: 1.4rem;
  line-height: 2.4285714286;
  letter-spacing: -0.1rem;
}
.p-footer__nav .p-footer__nav-service + .p-footer__nav-menu {
  -webkit-margin-before: calc(5 * var(--vunit));
          margin-block-start: calc(5 * var(--vunit));
  gap: calc(20 * var(--vunit));
}
.p-footer__nav > .p-footer__nav-menu {
  display: block flex;
  text-align: start;
  -webkit-margin-before: calc(5 * var(--vunit));
          margin-block-start: calc(5 * var(--vunit));
}
.p-footer__nav > .p-footer__nav-menu li {
  font-size: calc(14 * var(--funit));
  line-height: 1;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-15 * var(--flsunit));
}
.p-footer__nav > .p-footer__nav-menu li [class*=c-icon] {
  -webkit-margin-start: calc(6 * var(--vunit));
          margin-inline-start: calc(6 * var(--vunit));
}
.p-footer__nav .p-footer__nav-menu + .p-footer__nav-menu {
  gap: calc(20 * var(--vunit));
}

.p-footer__nav-bottom {
  --_icon-external-link: var(--icon-paper-front);
  display: block flex;
  text-align: start;
  -webkit-border-before: calc(1 * var(--vunit)) solid var(--color-gray-300);
          border-block-start: calc(1 * var(--vunit)) solid var(--color-gray-300);
}
.p-footer__nav-bottom a:focus {
  opacity: var(--btn-hover-opacity);
}
.p-footer__nav-bottom dl {
  display: block grid;
  gap: calc(60 * var(--rrate) * var(--vunit));
}
.p-footer__nav-bottom dl dt {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  font-size: calc(14 * var(--funit));
  line-height: 1.9285714286;
  font-weight: var(--fw-bold);
}
.p-footer__nav-bottom dl dd {
  position: relative;
}
.p-footer__nav-bottom dl dd:before {
  position: absolute;
  content: "";
  background-color: currentColor;
}
.p-footer__nav-bottom dl dd ul {
  display: block grid;
  grid-template-columns: auto;
  gap: calc(30 * var(--rrate) * var(--vunit));
  font-size: calc(14 * var(--funit));
  line-height: 1.9285714286;
  letter-spacing: calc(-160 * var(--flsunit));
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-footer__nav-bottom dl dd ul li {
  display: block grid;
  grid-template-columns: auto;
}
.p-footer__nav-bottom dl dd ul li [class*=c-icon] {
  -webkit-margin-end: calc(6 * var(--vunit));
          margin-inline-end: calc(6 * var(--vunit));
}

.p-page-nav-cards {
  -webkit-padding-after: calc(121 * var(--rrate) * var(--vunit));
          padding-block-end: calc(121 * var(--rrate) * var(--vunit));
}
.p-page-nav-cards > .l-inner > .sec-ttl {
  justify-self: center;
  text-align: center;
  font-size: calc(30 * var(--rrate) * var(--funit));
  line-height: 1.4333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}

.p-page-nav-cards__cardlist {
  display: block grid;
  place-content: center;
  grid-template-columns: repeat(auto-fit, minmax(var(--_cw), auto));
  grid-template-rows: repeat(auto-fit, minmax(var(--_ch), auto));
  -webkit-column-gap: var(--_cxgap);
     -moz-column-gap: var(--_cxgap);
          column-gap: var(--_cxgap);
  row-gap: var(--_cygap);
}
.p-page-nav-cards__cardlist > .card {
  display: block grid;
  border-radius: calc(16 * var(--vunit));
  border: calc(3 * var(--vunit)) solid var(--color-yellow-key);
  padding-block: calc(23 * var(--vunit)) calc(16 * var(--vunit));
}
.p-page-nav-cards__cardlist > .card > .card__inner {
  grid-area: 1/1;
  place-self: center;
  display: grid;
  place-content: center;
  justify-items: center;
}
.p-page-nav-cards__cardlist > .card > .card__inner:not(:has(p)) {
  grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "cur" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-page-nav-cards__cardlist > .card > .card__inner:has(p) {
  grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto)/1fr;
}
.p-page-nav-cards__cardlist > .card > .card__inner > .img {
  grid-area: img;
  inline-size: calc(53 * var(--vunit));
  aspect-ratio: 1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-page-nav-cards__cardlist > .card > .card__inner > .ttl {
  grid-area: ttl;
  -webkit-margin-before: calc(17 * var(--vunit));
          margin-block-start: calc(17 * var(--vunit));
  font-size: calc(24 * var(--funit));
  line-height: 1.3333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
  text-align: center;
}
.p-page-nav-cards__cardlist > .card > .card__inner > .icon {
  grid-area: cur;
  align-self: end;
  -webkit-margin-before: calc(8 * var(--vunit));
          margin-block-start: calc(8 * var(--vunit));
}

.p-page-nav-buttons {
  -webkit-padding-after: calc(81 * var(--rrate) * var(--vunit));
          padding-block-end: calc(81 * var(--rrate) * var(--vunit));
}
.p-page-nav-buttons > .l-inner > .sec-ttl {
  justify-self: center;
  text-align: center;
  font-size: calc(30 * var(--rrate) * var(--funit));
  line-height: 1.4333333333;
  font-weight: var(--fw-bold);
  letter-spacing: calc(50 * var(--flsunit));
}

.p-page-nav-buttons__list {
  --_cw-c: calc( var(--_cw,280) * var(--vunit) );
  --_ch-c: calc( var(--_ch,60) * var(--vunit) );
  display: block grid;
  place-content: center;
  grid-template-columns: repeat(auto-fit, minmax(var(--_cw-c), auto));
  grid-template-rows: repeat(auto-fit, minmax(var(--_ch-c), auto));
  grid-auto-columns: minmax(var(--_cw-c), auto);
  grid-auto-rows: minmax(var(--_ch-c), auto);
  -webkit-column-gap: calc(var(--_cxgap, 20) * var(--vunit));
     -moz-column-gap: calc(var(--_cxgap, 20) * var(--vunit));
          column-gap: calc(var(--_cxgap, 20) * var(--vunit));
  row-gap: calc(var(--_cygap, 20) * var(--vunit));
}
.p-page-nav-buttons__list > .btn {
  display: block grid;
  place-content: center;
  justify-items: center;
  inline-size: 100%;
  grid-template: "ttl cur" minmax(calc(20 * var(--vunit)), auto)/1fr auto;
  border-radius: calc(30 * var(--vunit));
  border: calc(3 * var(--vunit)) solid var(--color-yellow-key);
}
.p-page-nav-buttons__list > .btn > .ttl {
  grid-area: ttl;
  font-size: calc(16 * var(--funit));
  line-height: 1.6875;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
  text-align: center;
}
.p-page-nav-buttons__list > .btn > .icon {
  grid-row: 1/-1;
  grid-column: 1/-1;
  align-self: center;
  justify-self: end;
  -webkit-margin-end: calc(var(--_icon-base-x, 18) * var(--vunit));
          margin-inline-end: calc(var(--_icon-base-x, 18) * var(--vunit));
}

.p-page {
  --_adjust-y: 0;
  display: block grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  -webkit-padding-before: calc((var(--header-height) + var(--_adjust-y)) * var(--vunit));
          padding-block-start: calc((var(--header-height) + var(--_adjust-y)) * var(--vunit));
}
.p-page a:not([data-animated]:not([data-animated=end])) {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-page a:focus {
  opacity: var(--btn-hover-opacity);
}

.p-page-mv {
  position: relative;
  display: block grid;
  overflow-x: clip;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-bottom: calc(1 * var(--vunit)) solid var(--color-gray-400);
}
.p-page-mv > .l-inner {
  --_lwi: 1204;
  place-content: center;
  place-items: start;
}
.p-page-mv > .l-inner > .category {
  letter-spacing: 0.1rem;
}
.p-page-mv > .l-inner > .ttl {
  text-align: start;
  margin-top: calc(-3 * var(--vunit));
  letter-spacing: 0rem;
}
.p-page-mv > .l-inner > .sub {
  text-transform: uppercase;
  color: var(--color-yellow-key);
  margin-left: calc(3 * var(--vunit));
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.15rem;
}
.p-page-mv > .l-inner > .text {
  margin-top: 2rem;
}

.p-page-mv-use_detail {
  position: relative;
  display: block grid;
  -webkit-border-after: calc(1 * var(--vunit)) solid var(--color-gray-400);
          border-block-end: calc(1 * var(--vunit)) solid var(--color-gray-400);
  place-content: center;
  justify-items: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: start;
}
.p-page-mv-use_detail > .tag {
  align-self: end;
  grid-area: tag;
  line-height: 2.375;
  font-weight: var(--fw-bold);
  color: var(--color-yellow-key);
  background-color: var(--color-black);
  border-radius: var(--infinity);
}
.p-page-mv-use_detail > .ttl {
  grid-area: ttl;
  line-height: 1.2692307692;
  letter-spacing: calc(1 * var(--vwc));
  font-weight: var(--fw-bold);
  text-align: start;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-page-mv-use_detail > .desc {
  align-self: start;
  grid-area: desc;
  text-transform: uppercase;
  line-height: 1.6666666667;
  font-weight: var(--fw-bold);
}
.p-page-mv-use_detail > .image {
  grid-area: img;
  aspect-ratio: 960/500;
}
.p-page-breadcrumbs {
  --_gap: 3;
  position: relative;
  display: block grid;
  grid-template-columns: 1fr;
  text-align: end;
  margin-top: calc(12 * var(--vunit));
  max-width: calc(1283 * var(--vunit));
  margin-inline: auto;
  width: 100%;
  letter-spacing: calc(0.25 * var(--funit));
}

.p-page-breadcrumbs__list {
  display: inline;
}
.p-page-breadcrumbs__list > li {
  display: inline flex;
  font-size: calc(12 * var(--funit));
}
.p-page-breadcrumbs__list > li > .link {
  letter-spacing: calc(-0.65 * var(--funit));
  text-decoration: underline;
}
.p-page-breadcrumbs__list > li > .separate {
  margin-left: calc(7 * var(--vunit));
}
.p-page-breadcrumbs__list > li > [class^=c-icon] {
  -webkit-margin-start: calc(var(--_gap) * var(--vunit));
          margin-inline-start: calc(var(--_gap) * var(--vunit));
  background-color: var(--color-gray-500);
}
.p-page-breadcrumbs__list > li + li {
  -webkit-margin-start: calc(var(--_gap) * var(--vunit));
          margin-inline-start: calc(var(--_gap) * var(--vunit));
}

.p-section-home-mv {
  --_grid-content-w: 790;
  --_grid-img-w: calc( 1920 - var(--_grid-content-w));
  --_grid-content-wc: calc( var(--_grid-content-w) * var(--vwc) );
  --_grid-img-wc: calc( var(--_grid-img-w) * var(--vwc) );
  display: block grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-section-home-mv .grids {
  --_columns: var(--_grid-content-wc) var(--_grid-img-wc);
}
.p-section-home-mv .grid-content {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-section-home-mv .content-wrap {
  justify-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-section-home-mv .content-wrap:has(.logo) {
  grid-template: "ttl" minmax(calc(10 * var(--vunit)), 1fr) "logo" minmax(calc(10 * var(--vunit)), auto) "btn" minmax(calc(10 * var(--vunit)), auto)/1fr;
}
.p-section-home-mv .content-wrap:not(:has(.logo)) {
  grid-template: "ttl" minmax(calc(10 * var(--vunit)), 1fr) "btn" minmax(calc(10 * var(--vunit)), auto)/1fr;
}
.p-section-home-mv .content-wrap > .ttl {
  grid-area: ttl;
}
.p-section-home-mv .content-wrap > .logo {
  grid-area: logo;
}
.p-section-home-mv .content-wrap > .l-btn {
  grid-area: btn;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-section-home-mv .content-wrap > .l-btn [class*=c-btn] {
  --_width-pc: 280;
}
.p-section-home-mv .grid-image {
  aspect-ratio: 1070/620;
  overflow: clip;
}
.p-section-home-mv .grid-image > [class*=c-pic] > img {
  -webkit-transition: 8s ease-out;
  transition: 8s ease-out;
}
.p-section-home-mv .splide__slide.is-active .grid-image img {
  scale: 1.1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.p-section-home-mv {
  --_splide-control-x: calc( var(--_grid-content-w) - 155 - 275 );
  --_splide-control-xc: calc( var(--_splide-control-x) * var(--vwc) );
}
.p-section-home-mv .splide__arrows--ltr {
  --_grid-x: calc(var(--_splide-control-x ) + 84);
  --_grid-xc: calc( var(--_grid-x) * var(--vwc) );
  position: absolute;
  display: block grid;
  inset-block-end: var(--_splide-control-yc);
}
.p-section-home-mv .splide__arrows--ltr .splide__arrow--prev,
.p-section-home-mv .splide__arrows--ltr .splide__arrow--next {
  background-color: unset;
}
.p-section-home-mv .splide__toggle {
  --_grid-xc: calc( var(--_grid-x) * var(--vwc) );
  position: relative;
  display: block grid;
  border-radius: var(--infinity);
}
.p-section-home-mv .splide__toggle.is-active .splide__toggle__pause {
  pointer-events: visible;
}
.p-section-home-mv .splide__toggle:not(.is-active) .splide__toggle__play {
  pointer-events: visible;
}
.p-section-home-mv .splide__pagination {
  --_grid-x: calc( var(--_splide-control-x) + ( 150 + 31 ) + 15 );
  --_grid-xc: calc( var(--_grid-x) * var(--vwc) );
  --_grid-y: calc( var(--_splide-control-y) + 27 );
  --_grid-yc: calc( var(--_grid-y) * var(--vwc) );
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  translate: 0 50%;
}
.p-section-home-mv .splide__pagination .splide__pagination__page {
  margin: unset;
  background-color: var(--color-gray-400);
}
.p-section-home-mv .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--color-yellow-key);
  -webkit-transform: unset;
          transform: unset;
}
.p-section-home-mv .splide__progress {
  display: none;
  position: relative;
}
.p-section-home-mv .splide__progress__bar {
  background: var(--color-yellow-key);
}

.p-section-home-news {
  display: block grid;
  background-color: var(--color-gray-key);
}
.p-section-home-news > .l-inner {
  --_lwi: 1204;
}
.p-section-home-news .grids {
  display: block grid;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-section-home-news .grids .grid-ttl {
  grid-area: ttl;
}
.p-section-home-news .grids .grid-ttl > .ttl {
  font-size: calc(23 * var(--funit));
  line-height: 1.1739130435;
  font-weight: var(--fw-bold);
  letter-spacing: calc(0 * var(--flsunit));
}
.p-section-home-news .grids .grid-btn {
  grid-area: btn;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-section-home-news .grids .grid-btn [class*=c-icon] {
  -webkit-margin-start: calc(5 * var(--vunit));
          margin-inline-start: calc(5 * var(--vunit));
  --_tickness: 2;
  --_size: 8;
}
.p-section-home-news .grids .grid-list {
  grid-area: list;
  display: block grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-template-columns: auto;
}
.p-section-home-news .grids .grid-list .item {
  display: block grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-section-home-news .grids .grid-list .item > time {
  display: block grid;
  font-size: calc(14 * var(--funit));
  line-height: 1.9285714286;
}
.p-section-home-news .grids .grid-list .item > [class^=c-tag] {
  display: block grid;
  margin-top: calc(4 * var(--vunit));
}
.p-section-home-news .grids .grid-list .item > .ttl {
  display: inline;
  font-size: calc(14 * var(--funit));
  line-height: 1.9285714286;
  letter-spacing: calc(-85 * var(--flsunit));
}
.p-section-home-news .grids .grid-list .item > .ttl [class*=c-icon] {
  -webkit-margin-end: calc(8 * var(--vunit));
          margin-inline-end: calc(8 * var(--vunit));
}

.p-section-about {
  display: block grid;
}
.p-section-about > .l-background > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.p-section-about > .l-background .bg-text {
  justify-self: start;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: var(--color-gray-300);
  font-family: var(--font-Roboto);
  white-space: nowrap;
}
.p-section-about > .l-background .bg-fill {
  justify-self: end;
  background-color: var(--color-yellow-key);
}
.p-section-about > .l-inner {
  --_lwi: 1200;
}
.p-section-about .grids {
  display: block grid;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(15 * var(--vunit));
}
.p-section-about .grids .grid-content {
  grid-area: con;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-section-about .grids .grid-content > .txt {
  margin-top: calc(33 * var(--vunit));
}
.p-section-about .grids .grid-content > .list-ttl {
  font-size: 2.4rem;
  font-weight: var(--fw-bold);
  line-height: 1.125;
  letter-spacing: -0.01rem;
}
.p-section-about .grids .grid-content > .list {
  --_gap: calc(0 * var(--vunit) );
  --_list-gap: 0;
  margin-top: calc(14 * var(--vunit));
  display: grid;
  grid-auto-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.p-section-about .grids .grid-content > .list > li {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: -0.006rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-section-about .grids .grid-content > .list > li > [class*=c-icon] {
  -webkit-margin-end: calc(8 * var(--vunit));
          margin-inline-end: calc(8 * var(--vunit));
  vertical-align: middle;
}
.p-section-about .grids .grid-content > .l-btn [class*=c-icon] {
  margin-left: calc(8 * var(--vunit));
}
.p-section-about .grids .grid-image.home {
  grid-area: img;
  block-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-about .grids .grid-image.home > * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.p-section-about .grids .grid-image.home > [class*=circle] {
  background-color: var(--color-gray-800);
  color: var(--color-yellow-key);
  border-radius: var(--infinity);
  aspect-ratio: 1;
  place-content: center;
  place-items: center;
  text-align: center;
}
.p-section-about .grids .grid-image.home > [class*=circle] > .ttl {
  font-family: var(--font-YuuMincho);
}
.p-section-about .grids .grid-image.home > [class*=circle] > .sub {
  letter-spacing: 0.015rem;
}
.p-section-about .grids .grid-image.home > [class*=circle] > .desc {
  margin-block: calc(6 * var(--vunit)) calc(3 * var(--vunit));
  letter-spacing: -0.01rem;
}
.p-section-about .grids .grid-image.home > .circle-q {
  justify-self: center;
  -ms-flex-item-align: start;
      align-self: start;
}
.p-section-about .grids .grid-image.home > .circle-q > .ttl {
  -webkit-margin-before: calc(-20 * var(--vunit));
          margin-block-start: calc(-20 * var(--vunit));
}
.p-section-about .grids .grid-image.home > .circle-q > .desc {
  -webkit-margin-before: calc(12 * var(--vunit));
          margin-block-start: calc(12 * var(--vunit));
}
.p-section-about .grids .grid-image.home > .circle-c {
  justify-self: start;
  -ms-flex-item-align: end;
      align-self: end;
}
.p-section-about .grids .grid-image.home > .circle-d {
  place-self: end;
}
.p-section-about .grids .grid-image.home > .pic01 {
  place-self: center;
  inline-size: calc(86 * var(--vunit));
  aspect-ratio: 86/147;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-about .grids .grid-image.service {
  grid-area: img;
  block-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-about .grids .grid-image.service .pic01-full {
  aspect-ratio: 328/565;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.p-section-reason {
  display: block grid;
}
.p-section-reason > .l-background > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.p-section-reason > .l-background .bg-text {
  justify-self: start;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: var(--color-gray-300);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: var(--font-Roboto);
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.p-section-reason > .l-inner {
  justify-items: center;
}
.p-section-reason > .l-inner > .pic01 {
  aspect-ratio: 546/111;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-reason > .l-inner > .l-btn {
  justify-items: center;
}
.p-section-reason > .l-inner > .l-btn > [class*=c-btn] {
  --_width: 300;
}
.p-section-reason .grids {
  display: block grid;
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-section-reason .grids .card {
  align-self: start;
  grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "cir" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(40 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
}
.p-section-reason .grids .card > .c-pic {
  grid-area: img;
}
.p-section-reason .grids .card > .circle {
  grid-area: cir;
  justify-self: center;
  align-self: end;
}
.p-section-reason .grids .card > .ttl {
  grid-area: ttl;
  padding-inline: calc(20 * var(--vunit));
  text-align: center;
  letter-spacing: -0.02rem;
}
.p-section-reason .grids .card > .desc {
  grid-area: txt;
  padding-inline: calc(20 * var(--vunit));
  letter-spacing: -0.115rem;
}

.p-section-serviceinfo {
  display: block grid;
}
.p-section-serviceinfo > .l-inner {
  justify-items: center;
}
.p-section-serviceinfo .grids {
  display: block grid;
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(30 * var(--vunit));
}
.p-section-serviceinfo .grids .l-grid--card-link {
  align-self: start;
  grid-template: "thumb" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
  block-size: 100%;
  border-radius: calc(8 * var(--vunit));
  overflow: clip;
}
.p-section-serviceinfo .grids .l-grid--card-link > .thumb {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-serviceinfo .grids .l-grid--card-link > .ttl {
  grid-area: ttl;
  display: block grid;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: calc(13 * var(--vunit));
  block-size: 100%;
  padding-inline: calc(20 * var(--vunit));
  background-color: var(--color-gray-300);
  text-align: start;
  letter-spacing: -0.08rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-section-serviceinfo .grids02 .l-grid--card-link > .thumb {
  aspect-ratio: 280/180;
}
.p-section-serviceinfo .grids02 .l-grid--card-link > .ttl {
  background-color: var(--color-gray-300);
  text-align: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-section-util {
  display: block grid;
}
.p-section-util > .l-inner {
  justify-items: center;
}
.p-section-util .grids {
  display: block grid;
  grid-template-rows: auto;
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: calc(40 * var(--vunit));
     -moz-column-gap: calc(40 * var(--vunit));
          column-gap: calc(40 * var(--vunit));
  row-gap: calc(32 * var(--vunit));
}
.p-section-util .grids .l-grid--card-link {
  -ms-flex-item-align: start;
      align-self: start;
  -webkit-padding-after: calc(8 * var(--vunit));
          padding-block-end: calc(8 * var(--vunit));
}
.p-section-util .grids .l-grid--card-link:not(:has(.desc)) {
  --_ttl-indent-pc: 63;
  grid-template: "thumb" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto)/1fr;
}
.p-section-util .grids .l-grid--card-link:has(.desc) {
  grid-template: "thumb" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto)/1fr;
}
.p-section-util .grids .l-grid--card-link > .thumb {
  aspect-ratio: 580/200;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-section-util .grids .l-grid--card-link > .ttl {
  grid-area: ttl;
  -webkit-margin-before: calc(20 * var(--vunit));
          margin-block-start: calc(20 * var(--vunit));
  text-align: start;
  display: block grid;
  grid-template-columns: auto auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: calc(13 * var(--vunit));
}
.p-section-util .grids .l-grid--card-link > .desc {
  grid-area: txt;
  -webkit-margin-before: calc(16 * var(--vunit));
          margin-block-start: calc(16 * var(--vunit));
  font-size: calc(16 * var(--funit));
  line-height: 1.875;
  letter-spacing: calc(50 * var(--flsunit));
}

.p-section-case {
  display: block grid;
}
.p-section-case > .l-inner {
  justify-items: center;
}
.p-section-case > .l-inner > .l-btn .btn {
  --_width-pc: 300;
}
.p-section-case .grids {
  display: block grid;
  grid-template-rows: auto;
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(30 * var(--vunit));
}
.p-section-case .grids .l-grid--card-link {
  align-self: start;
  grid-template: "thumb" minmax(calc(20 * var(--vunit)), auto) "tag" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto) "com" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
  -webkit-box-shadow: 0 0 calc(40 * var(--vunit)) 0 var(--shadow01);
          box-shadow: 0 0 calc(40 * var(--vunit)) 0 var(--shadow01);
  block-size: 100%;
  background-color: var(--color-white);
}
.p-section-case .grids .l-grid--card-link > .thumb {
  aspect-ratio: 380/200;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: unset;
}
.p-section-case .grids .l-grid--card-link > * {
  margin-inline: calc(30 * var(--vunit));
}
.p-section-case .grids .l-grid--card-link > .tag {
  --_padding-inline-pc: 11;
  grid-area: tag;
  -webkit-margin-before: calc(30 * var(--vunit));
          margin-block-start: calc(30 * var(--vunit));
}
.p-section-case .grids .l-grid--card-link > .ttl {
  grid-area: ttl;
  font-size: calc(20 * var(--funit));
  line-height: 1.35;
  font-weight: var(--fw-bold);
  letter-spacing: calc(-120 * var(--flsunit));
  -webkit-margin-before: calc(6 * var(--vunit));
          margin-block-start: calc(6 * var(--vunit));
  text-align: start;
}
.p-section-case .grids .l-grid--card-link > .desc {
  grid-area: txt;
  font-size: calc(16 * var(--funit));
  line-height: 1.6875;
  letter-spacing: calc(-50 * var(--flsunit));
  -webkit-margin-before: calc(10 * var(--vunit));
          margin-block-start: calc(10 * var(--vunit));
}
.p-section-case .grids .l-grid--card-link > .company {
  grid-area: com;
  font-size: calc(14 * var(--funit));
  line-height: 1.9285714286;
  margin-block: calc(46 * var(--vunit)) calc(22 * var(--vunit));
  text-align: end;
  align-self: end;
}

.p-section-qa {
  container-type: unset;
  display: block grid;
}
.p-section-qa > .l-inner {
  justify-items: center;
}
.p-section-qa > .l-inner > .sec-ttl {
  --_letter-spacing-pc: -4.2;
}
.p-section-qa > .l-inner > .l-btn .btn {
  --_width: 300;
}
.p-section-qa .grids {
  display: block grid;
  grid-template-rows: auto;
  -ms-flex-line-pack: start;
      align-content: start;
  text-align: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(20 * var(--vunit));
}
.js-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.js-no-transition:after {
  -webkit-transition: none !important;
  transition: none !important;
}

[class*=js-anim-].js-noanime {
  -webkit-transition: none !important;
  transition: none !important;
}
[class*=js-anim-].js-noanime:after {
  -webkit-transition: none !important;
  transition: none !important;
}
[data-anim][data-noanime] {
  -webkit-transition: none !important;
  transition: none !important;
}
[data-anim][data-noanime]:after {
  -webkit-transition: none !important;
  transition: none !important;
}
.splide .splide__track {
  width: 100%;
}

.splide__arrows--ltr {
  position: absolute;
  display: block grid;
  pointer-events: none;
  block-size: calc(var(--_btn-arrow-size) * var(--vunit));
}
.splide__arrows--ltr .splide__arrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: auto;
}
.splide__arrows--ltr .splide__arrow--prev,
.splide__arrows--ltr .splide__arrow--next {
  background-color: unset;
  width: calc(var(--_btn-arrow-size) * var(--vw));
  height: calc(var(--_btn-arrow-size) * var(--vw));
}
.splide__arrows--ltr .splide__arrow--prev > span,
.splide__arrows--ltr .splide__arrow--next > span {
  width: calc(var(--_btn-arrow-size) * var(--vw));
  height: calc(var(--_btn-arrow-size) * var(--vw));
}

.splide__toggle {
  position: relative;
  display: block grid;
  border-radius: var(--infinity);
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.splide__toggle > * {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.splide__pagination-wrap {
  align-self: end;
  justify-self: center;
  position: absolute;
  display: block grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto auto;
  margin-inline: auto;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: 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);
}
.splide__pagination .splide__pagination__page.is-active {
  background-color: var(--color-orange-key);
  -webkit-transform: unset;
          transform: unset;
}

.splide.js-splide-scroll-loop .splide__track {
  overflow: visible;
  margin-inline: auto;
}
.splide[data-name=section-reason] {
  position: relative;
  margin-top: calc(40 * var(--vunit));
  padding-bottom: calc(10 * var(--vunit));
}

.splide[data-name=section-reason].is-initialized,
.splide.is-rendered {
  visibility: visible;
  width: 100%;
}

.splide[data-name=section-reason] .splide__slide {
  width: calc(400 * var(--vunit)) !important;
}

.splide__pagination .splide__pagination__page.is-active {
  background-color: #fccf00;
  -webkit-transform: unset;
  transform: unset;
}

.splide[data-name=section-reason] .splide__track {
  position: relative;
}

.splide[data-name=section-reason] .c-frame-circle-accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.splide[data-name=section-reason] .ttl {
  font-size: 3rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}
.splide[data-name=section-reason] .desc {
  margin-top: calc(18 * var(--vunit));
  font-size: 1.6rem;
  line-height: 2;
  text-align: left;
}
.splide[data-name=section-reason] .splide__arrows {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.splide[data-name=section-reason] .splide__arrows:hover {
  opacity: 0.8;
}
.splide[data-name=section-reason] .splide__arrow--prev {
  width: calc(70 * var(--vunit));
  top: -500%;
  left: calc(-40 * var(--vunit));
  right: unset;
}
.splide[data-name=section-reason] .splide__arrow--next {
  width: calc(70 * var(--vunit));
  top: -500%;
  right: calc(-40 * var(--vunit));
  left: unset;
}
.splide[data-name=section-reason] .c-icon-img--circle-media-prev {
  --_iw-pc: 70;
  --_ih-pc: 70;
  background-image: var(--icon-circle-angle-arrow-up-y);
  background-size: 100%;
  aspect-ratio: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: 1;
}
.splide[data-name=section-reason] .c-icon-img--circle-media-next {
  --_iw-pc: 70;
  --_ih-pc: 70;
  background-image: var(--icon-circle-angle-arrow-up-y);
  background-size: 100%;
  aspect-ratio: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 1;
}
@media screen and (max-width: 375px) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--vws);
    --vunit: var(--vws);
    --vunitw: var(--vws);
    --funit: var(--frem);
  }
  .p-form > .row .ttl span:not([class]):has(.c-tag-box) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--vws);
    --vunit: var(--vws);
    --vunitw: var(--vw);
    --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);
  }
  html {
    font-size: 2.6666666667vw;
  }
  body {
    font-size: 1.4rem;
  }
  .l-inner {
    --_lwi-sp: var(--layout-inner-sp);
    --_im-sp: var(--layout-inner-margin-sp);
    --_lwi: var(--_lwi-sp);
    --_im: var(--_im-sp);
  }
  .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 30) * var(--vunit));
  }
  .l-grid--col2 {
    --_flow: row;
    --_columns: 1fr;
  }
  .l-grid--col3 {
    --_flow: row;
    --_columns: 1fr;
  }
  .l-grid--col4 {
    --_flow: row;
    --_columns: 1fr;
  }
  :where(.l-btn--left-sp, .l-btn--start-sp) {
    --_grid-width: fit-content;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  :where(.l-btn--right-sp, .l-btn--end-sp) {
    --_grid-width: fit-content;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  .l-background__bg-fill-diag {
    width: 100%;
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 60% 100%);
    height: 100%;
  }
  .l-followbottombar .l-inner {
    grid-template: "logo logo" minmax(calc(20 * var(--vunit)), auto) "btn1 btn2" minmax(calc(20 * var(--vunit)), auto)/1fr 1fr;
    row-gap: calc(5 * var(--vunit));
  }
  .l-followbottombar [class*=c-btn] {
    min-inline-size: unset;
  }
  .c-btn-circle {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_size: var(--_size-sp);
  }
  .c-btn-rounded {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_width: var(--_width-sp);
    --_height: var(--_height-sp);
  }
  .c-btn-rounded:has([class^=c-icon]) {
    padding-inline: calc(var(--_padding, 48) * var(--funit));
  }
  .c-btn-rounded [class^=c-icon] {
    --_x: calc(var( --_icon-x,0) - var( --_icon-x-base, 21) );
  }
  [class*=c-btn-box] {
    --_w: var(--_w-sp);
    --_h: var(--_h-sp);
    padding-inline: calc(18 * var(--vunit));
    padding-block: calc(4 * var(--vunit));
    font-size: calc(14 * var(--funit));
    line-height: 2.1428571429;
    font-weight: var(--fw-bold);
  }
  [class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: calc(5 * var(--vunit));
            margin-inline-start: calc(5 * var(--vunit));
  }
  .c-btn-box--rounded {
    --_r: 4;
  }
  [class*=c-btn-txt] {
    min-block-size: frem(40);
  }
  [class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: frem(10);
            margin-inline-start: frem(10);
  }
  .c-btn-page-top {
    inset-inline-end: calc(40 * var(--vunit));
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .c-btn-page-top[data-active] {
    inset-block-end: calc(40 * var(--vunit));
  }
  .c-hamburger {
    justify-self: end;
    display: block grid;
    inline-size: calc(40 * var(--vunit));
    aspect-ratio: 1/1;
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
  }
  .c-hamburger__inner {
    gap: calc(6 * var(--vunit));
  }
  .c-frame-circle-accent {
    width: calc(var(--_circle-width, 80) * var(--vunit));
    border: calc(var(--_tickness, 2) * var(--vunit)) solid;
  }
  .c-frame-circle-accent:before {
    border: calc(5 * var(--vunit)) solid var(--_accent-color, var(--color-yellow-key));
    inline-size: calc(100% - (var(--_tickness, 2) - 1) * var(--vunit));
    block-size: calc(100% - (var(--_tickness, 2) - 1) * var(--vunit));
  }
  .c-frame-circle-accent[data-type=num] > .title-en {
    margin-top: calc(8 * var(--vunit));
  }
  .c-frame-circle-accent[data-type=num] > .number {
    font-size: 3.2rem;
    line-height: 1;
  }
  .c-frame-circle-accent[data-type=num] > .title-ja {
    font-size: calc(20 * var(--funit));
  }
  [class*=c-icon--] {
    --_iw: var(--_iw-sp,var(--_iw-pc,0));
    --_ih: var(--_ih-sp,var(--_ih-pc,0));
  }
  .c-icon--angle-arrow-right,
  .c-icon--angle-arrow-left {
    --_tickness: 3;
    --_size: 10;
  }
  [class*=c-icon-img--] {
    --_iw: var(--_iw-sp,var(--_iw-pc,0));
    --_ih: var(--_ih-sp,var(--_ih-pc,0));
  }
  .c-link-txt {
    font-size: calc(14 * var(--funit));
    line-height: 1.4285714286;
    font-weight: var(--fw-bold);
  }
  .c-link-txt--default {
    font-size: calc(14 * var(--funit));
    line-height: 1.4285714286;
    font-weight: var(--fw-bold);
  }
  .c-list--indent {
    --_list-gap: calc( 9 * var(--vunit) );
  }
  .c-list--indent[data-type=circle-check] {
    --_margin: 1.1em;
  }
  .c-list--indent[data-type=circle-check] li {
    --_size: 16;
  }
  .c-list--indent[data-type=circle-check] li:before {
    inset-block-start: -0.25em;
    inset-inline-start: calc(var(--_size) * -1.6 * var(--funit));
  }
  .c-slider {
    margin-inline: calc(var(--_gutter) * -1);
    inline-size: 100vw;
  }
  .c-slider__inner {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    padding-inline: calc(var(--_slider-inner, 20) * var(--vunit));
  }
  .c-table[data-type=frame] tbody {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: calc(20 * var(--vunit));
  }
  .c-table[data-type=frame] tr > th {
    inline-size: 40%;
    min-inline-size: calc(var(--_th-min-inline-size, 100) * var(--vunit));
  }
  .c-table[data-type=frame] tr > td {
    inline-size: 100%;
  }
  .c-table[data-type=frame] tr .img-cell {
    min-inline-size: var(--_img-size-sp, calc(200 * var(--vunit)));
  }
  .c-table[data-type=default] colgroup col {
    --_col-width: var(--_col-width-sp, inherit);
  }
  .c-table[data-type=default] tbody {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: calc(20 * var(--vunit));
  }
  .c-table[data-type=default] tr > th {
    min-inline-size: calc(var(--_th-min-width, 240) * var(--vunit));
  }
  .c-table[data-type=default] tr > td {
    inline-size: 100%;
    white-space: nowrap;
  }
  .c-tag-circle {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_size: var(--_size-sp);
    --_icon-x: 1;
  }
  [class*=c-ttl--] {
    --_font-size: var(--_font-size-sp);
    --_line-height: var(--_line-height-sp);
    --_letter-spacing: var(--_letter-spacing-sp, --_letter-spacing-pc);
    text-align: var(--_text-align-sp, start);
  }
  [class*=c-txt--] {
    --_font-size: var(--_font-size-sp);
    --_line-height: var(--_line-height-sp);
    text-align: var(--_text-align-sp, start);
  }
  #app .c-txtdec--serif[data-dir=bottom] {
    --_tail-size: 13;
    --_tail-length: 12;
    --_padding-y-base: 4;
    --_padding-yb-base: 5;
    --_line-height-sp: 30;
    --_letter-spacing-sp: 2.5;
  }
  .c-ui-nav-list [role=menu] {
    --_rect-left: 0;
    --_rect-height: 0;
    position: relative;
    display: block grid;
  }
  .c-ui-nav-list [role=menu]:not([data-ispopup]) {
    display: none;
  }
  .u-mta5 {
    --_mt: calc( 5 * var(--spr));
  }
  .u-mta10 {
    --_mt: calc( 10 * var(--spr));
  }
  .u-mta15 {
    --_mt: calc( 15 * var(--spr));
  }
  .u-mta20 {
    --_mt: calc( 20 * var(--spr));
  }
  .u-mta25 {
    --_mt: calc( 25 * var(--spr));
  }
  .u-mta30 {
    --_mt: calc( 30 * var(--spr));
  }
  .u-mta35 {
    --_mt: calc( 35 * var(--spr));
  }
  .u-mta40 {
    --_mt: calc( 40 * var(--spr));
  }
  .u-mta45 {
    --_mt: calc( 45 * var(--spr));
  }
  .u-mta50 {
    --_mt: calc( 50 * var(--spr));
  }
  .u-mta55 {
    --_mt: calc( 55 * var(--spr));
  }
  .u-mta60 {
    --_mt: calc( 60 * var(--spr));
  }
  .u-mta65 {
    --_mt: calc( 65 * var(--spr));
  }
  .u-mta70 {
    --_mt: calc( 70 * var(--spr));
  }
  .u-mta75 {
    --_mt: calc( 75 * var(--spr));
  }
  .u-mta80 {
    --_mt: calc( 80 * var(--spr));
  }
  .u-mta85 {
    --_mt: calc( 85 * var(--spr));
  }
  .u-mta90 {
    --_mt: calc( 90 * var(--spr));
  }
  .u-mta95 {
    --_mt: calc( 95 * var(--spr));
  }
  .u-mta100 {
    --_mt: calc( 100 * var(--spr));
  }
  .u-mt-sp5 {
    --_mt: 5;
  }
  .u-mt-sp10 {
    --_mt: 10;
  }
  .u-mt-sp15 {
    --_mt: 15;
  }
  .u-mt-sp20 {
    --_mt: 20;
  }
  .u-mt-sp25 {
    --_mt: 25;
  }
  .u-mt-sp30 {
    --_mt: 30;
  }
  .u-mt-sp35 {
    --_mt: 35;
  }
  .u-mt-sp40 {
    --_mt: 40;
  }
  .u-mt-sp45 {
    --_mt: 45;
  }
  .u-mt-sp50 {
    --_mt: 50;
  }
  .u-mt-sp55 {
    --_mt: 55;
  }
  .u-mt-sp60 {
    --_mt: 60;
  }
  .u-mt-sp65 {
    --_mt: 65;
  }
  .u-mt-sp70 {
    --_mt: 70;
  }
  .u-mt-sp75 {
    --_mt: 75;
  }
  .u-mt-sp80 {
    --_mt: 80;
  }
  .u-mt-sp85 {
    --_mt: 85;
  }
  .u-mt-sp90 {
    --_mt: 90;
  }
  .u-mt-sp95 {
    --_mt: 95;
  }
  .u-mt-sp100 {
    --_mt: 100;
  }
  .u-mba5 {
    --_mb: calc( 5 * var(--spr));
  }
  .u-mba10 {
    --_mb: calc( 10 * var(--spr));
  }
  .u-mba15 {
    --_mb: calc( 15 * var(--spr));
  }
  .u-mba20 {
    --_mb: calc( 20 * var(--spr));
  }
  .u-mba25 {
    --_mb: calc( 25 * var(--spr));
  }
  .u-mba30 {
    --_mb: calc( 30 * var(--spr));
  }
  .u-mba35 {
    --_mb: calc( 35 * var(--spr));
  }
  .u-mba40 {
    --_mb: calc( 40 * var(--spr));
  }
  .u-mba45 {
    --_mb: calc( 45 * var(--spr));
  }
  .u-mba50 {
    --_mb: calc( 50 * var(--spr));
  }
  .u-mba55 {
    --_mb: calc( 55 * var(--spr));
  }
  .u-mba60 {
    --_mb: calc( 60 * var(--spr));
  }
  .u-mba65 {
    --_mb: calc( 65 * var(--spr));
  }
  .u-mba70 {
    --_mb: calc( 70 * var(--spr));
  }
  .u-mba75 {
    --_mb: calc( 75 * var(--spr));
  }
  .u-mba80 {
    --_mb: calc( 80 * var(--spr));
  }
  .u-mba85 {
    --_mb: calc( 85 * var(--spr));
  }
  .u-mba90 {
    --_mb: calc( 90 * var(--spr));
  }
  .u-mba95 {
    --_mb: calc( 95 * var(--spr));
  }
  .u-mba100 {
    --_mb: calc( 100 * var(--spr));
  }
  .u-mba105 {
    --_mb: calc( 105 * var(--spr));
  }
  .u-mba110 {
    --_mb: calc( 110 * var(--spr));
  }
  .u-mba115 {
    --_mb: calc( 115 * var(--spr));
  }
  .u-mba120 {
    --_mb: calc( 120 * var(--spr));
  }
  .u-mb-sp5 {
    --_mb: 5;
  }
  .u-mb-sp10 {
    --_mb: 10;
  }
  .u-mb-sp15 {
    --_mb: 15;
  }
  .u-mb-sp20 {
    --_mb: 20;
  }
  .u-mb-sp25 {
    --_mb: 25;
  }
  .u-mb-sp30 {
    --_mb: 30;
  }
  .u-mb-sp35 {
    --_mb: 35;
  }
  .u-mb-sp40 {
    --_mb: 40;
  }
  .u-mb-sp45 {
    --_mb: 45;
  }
  .u-mb-sp50 {
    --_mb: 50;
  }
  .u-mb-sp55 {
    --_mb: 55;
  }
  .u-mb-sp60 {
    --_mb: 60;
  }
  .u-mb-sp65 {
    --_mb: 65;
  }
  .u-mb-sp70 {
    --_mb: 70;
  }
  .u-mb-sp75 {
    --_mb: 75;
  }
  .u-mb-sp80 {
    --_mb: 80;
  }
  .u-mb-sp85 {
    --_mb: 85;
  }
  .u-mb-sp90 {
    --_mb: 90;
  }
  .u-mb-sp95 {
    --_mb: 95;
  }
  .u-mb-sp100 {
    --_mb: 100;
  }
  .u-mta2 {
    --_mt: calc( 2 * var(--spr));
  }
  .u-mta13 {
    --_mt: calc( 13 * var(--spr));
  }
  .u-mta16 {
    --_mt: calc( 16 * var(--spr));
  }
  .u-mta24 {
    --_mt: calc( 24 * var(--spr));
  }
  .u-mta27 {
    --_mt: calc( 27 * var(--spr));
  }
  .u-mta28 {
    --_mt: calc( 28 * var(--spr));
  }
  .u-mta38 {
    --_mt: calc( 38 * var(--spr));
  }
  .u-mta43 {
    --_mt: calc( 43 * var(--spr));
  }
  .u-mta57 {
    --_mt: calc( 57 * var(--spr));
  }
  .u-mta58 {
    --_mt: calc( 58 * var(--spr));
  }
  .u-mta64 {
    --_mt: calc( 64 * var(--spr));
  }
  .u-mta68 {
    --_mt: calc( 68 * var(--spr));
  }
  .u-mta93 {
    --_mt: calc( 93 * var(--spr));
  }
  .u-mta94 {
    --_mt: calc( 94 * var(--spr));
  }
  .u-mta125 {
    --_mt: calc( 125 * var(--spr));
  }
  .u-mt-pc41 {
    --_mt: calc( 41 * var(--spr));
  }
  .u-pta5 {
    --_pt: calc(5 * var(--spr));
  }
  .u-pta10 {
    --_pt: calc(10 * var(--spr));
  }
  .u-pta15 {
    --_pt: calc(15 * var(--spr));
  }
  .u-pta20 {
    --_pt: calc(20 * var(--spr));
  }
  .u-pta25 {
    --_pt: calc(25 * var(--spr));
  }
  .u-pta30 {
    --_pt: calc(30 * var(--spr));
  }
  .u-pta35 {
    --_pt: calc(35 * var(--spr));
  }
  .u-pta40 {
    --_pt: calc(40 * var(--spr));
  }
  .u-pta45 {
    --_pt: calc(45 * var(--spr));
  }
  .u-pta50 {
    --_pt: calc(50 * var(--spr));
  }
  .u-pta55 {
    --_pt: calc(55 * var(--spr));
  }
  .u-pta60 {
    --_pt: calc(60 * var(--spr));
  }
  .u-pta65 {
    --_pt: calc(65 * var(--spr));
  }
  .u-pta70 {
    --_pt: calc(70 * var(--spr));
  }
  .u-pta75 {
    --_pt: calc(75 * var(--spr));
  }
  .u-pta80 {
    --_pt: calc(80 * var(--spr));
  }
  .u-pta85 {
    --_pt: calc(85 * var(--spr));
  }
  .u-pta90 {
    --_pt: calc(90 * var(--spr));
  }
  .u-pta95 {
    --_pt: calc(95 * var(--spr));
  }
  .u-pta100 {
    --_pt: calc(100 * var(--spr));
  }
  .u-pta105 {
    --_pt: calc(105 * var(--spr));
  }
  .u-pta110 {
    --_pt: calc(110 * var(--spr));
  }
  .u-pta115 {
    --_pt: calc(115 * var(--spr));
  }
  .u-pta120 {
    --_pt: calc(120 * var(--spr));
  }
  .u-pta125 {
    --_pt: calc(125 * var(--spr));
  }
  .u-pt-sp5 {
    --_pt: 5;
  }
  .u-pt-sp10 {
    --_pt: 10;
  }
  .u-pt-sp15 {
    --_pt: 15;
  }
  .u-pt-sp20 {
    --_pt: 20;
  }
  .u-pt-sp25 {
    --_pt: 25;
  }
  .u-pt-sp30 {
    --_pt: 30;
  }
  .u-pt-sp35 {
    --_pt: 35;
  }
  .u-pt-sp40 {
    --_pt: 40;
  }
  .u-pt-sp45 {
    --_pt: 45;
  }
  .u-pt-sp50 {
    --_pt: 50;
  }
  .u-pt-sp55 {
    --_pt: 55;
  }
  .u-pt-sp60 {
    --_pt: 60;
  }
  .u-pt-sp65 {
    --_pt: 65;
  }
  .u-pt-sp70 {
    --_pt: 70;
  }
  .u-pt-sp75 {
    --_pt: 75;
  }
  .u-pt-sp80 {
    --_pt: 80;
  }
  .u-pt-sp85 {
    --_pt: 85;
  }
  .u-pt-sp90 {
    --_pt: 90;
  }
  .u-pt-sp95 {
    --_pt: 95;
  }
  .u-pt-sp100 {
    --_pt: 100;
  }
  .u-pba5 {
    --_pb: calc(5 * var(--spr));
  }
  .u-pba10 {
    --_pb: calc(10 * var(--spr));
  }
  .u-pba15 {
    --_pb: calc(15 * var(--spr));
  }
  .u-pba20 {
    --_pb: calc(20 * var(--spr));
  }
  .u-pba25 {
    --_pb: calc(25 * var(--spr));
  }
  .u-pba30 {
    --_pb: calc(30 * var(--spr));
  }
  .u-pba35 {
    --_pb: calc(35 * var(--spr));
  }
  .u-pba40 {
    --_pb: calc(40 * var(--spr));
  }
  .u-pba45 {
    --_pb: calc(45 * var(--spr));
  }
  .u-pba50 {
    --_pb: calc(50 * var(--spr));
  }
  .u-pba55 {
    --_pb: calc(55 * var(--spr));
  }
  .u-pba60 {
    --_pb: calc(60 * var(--spr));
  }
  .u-pba65 {
    --_pb: calc(65 * var(--spr));
  }
  .u-pba70 {
    --_pb: calc(70 * var(--spr));
  }
  .u-pba75 {
    --_pb: calc(75 * var(--spr));
  }
  .u-pba80 {
    --_pb: calc(80 * var(--spr));
  }
  .u-pba85 {
    --_pb: calc(85 * var(--spr));
  }
  .u-pba90 {
    --_pb: calc(90 * var(--spr));
  }
  .u-pba95 {
    --_pb: calc(95 * var(--spr));
  }
  .u-pba100 {
    --_pb: calc(100 * var(--spr));
  }
  .u-pba105 {
    --_pb: calc(105 * var(--spr));
  }
  .u-pba110 {
    --_pb: calc(110 * var(--spr));
  }
  .u-pba115 {
    --_pb: calc(115 * var(--spr));
  }
  .u-pba120 {
    --_pb: calc(120 * var(--spr));
  }
  .u-pba125 {
    --_pb: calc(125 * var(--spr));
  }
  .u-pb-sp5 {
    --_pb: 5;
  }
  .u-pb-sp10 {
    --_pb: 10;
  }
  .u-pb-sp15 {
    --_pb: 15;
  }
  .u-pb-sp20 {
    --_pb: 20;
  }
  .u-pb-sp25 {
    --_pb: 25;
  }
  .u-pb-sp30 {
    --_pb: 30;
  }
  .u-pb-sp35 {
    --_pb: 35;
  }
  .u-pb-sp40 {
    --_pb: 40;
  }
  .u-pb-sp45 {
    --_pb: 45;
  }
  .u-pb-sp50 {
    --_pb: 50;
  }
  .u-pb-sp55 {
    --_pb: 55;
  }
  .u-pb-sp60 {
    --_pb: 60;
  }
  .u-pb-sp65 {
    --_pb: 65;
  }
  .u-pb-sp70 {
    --_pb: 70;
  }
  .u-pb-sp75 {
    --_pb: 75;
  }
  .u-pb-sp80 {
    --_pb: 80;
  }
  .u-pb-sp85 {
    --_pb: 85;
  }
  .u-pb-sp90 {
    --_pb: 90;
  }
  .u-pb-sp95 {
    --_pb: 95;
  }
  .u-pb-sp100 {
    --_pb: 100;
  }
  .u-pta99 {
    --_pt: calc(99 * var(--spr));
  }
  .u-pta102 {
    --_pt: calc(102 * var(--spr));
  }
  .u-pba98 {
    --_pb: calc(98 * var(--spr));
  }
  .u-pba101 {
    --_pb: calc(101 * var(--spr));
  }
  .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;
  }
  .u-pc {
    display: none !important;
  }
  .isPC {
    display: none !important;
  }
  .p-page-service {
    margin-top: calc(80 * var(--vunit));
  }
  .p-page-service-sec02 {
    padding-block: calc(60 * var(--vunit)) calc(100 * var(--vunit));
  }
  .p-page-service-sec02 .grids {
    margin-top: calc(30 * var(--vunit));
  }
  .p-page-service-sec02 .card > .circleimage .pic img {
    width: calc(var(--_circle-iw-sp, var(--_circle-iw-pc)) * var(--vunit));
    aspect-ratio: var(--_circle-iw-pc)/var(--_circle-ih-pc);
  }
  .p-page-service-reason-sec01 > .l-background .bg-fill {
    inline-size: 100%;
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 60% 100%);
    block-size: calc(420 * var(--vunit));
  }
  .p-page-service-reason-sec01 .sec-ttl {
    margin-top: calc(40 * var(--vunit));
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 1.6;
  }
  .p-page-service-reason-sec01 .grids {
    grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "con" minmax(calc(20 * var(--vunit)), auto)/1fr;
    gap: calc(20 * var(--vunit));
    margin-top: calc(20 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-content {
    text-align: center;
  }
  .p-page-service-reason-sec01 .grids .grid-content > .txt {
    text-align: start;
    margin-top: calc(40 * var(--vunit));
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0rem;
  }
  .p-page-service-reason-sec01 .grids .grid-content .txt + .txt {
    margin-top: calc(20 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-content > .l-btn {
    margin-top: calc(20 * var(--vunit));
    text-align: end;
  }
  .p-page-service-reason-sec01 .grids .grid-image {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-inline: auto;
  }
  .p-page-service-reason-sec01 .grids .grid-image > .pic01 {
    inline-size: 100%;
  }
  .p-page-service-reason-sec02 {
    padding-block: calc(60 * var(--vunit)) calc(60 * var(--vunit));
  }
  .p-page-service-reason-sec02 .card {
    grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "con" minmax(calc(20 * var(--vunit)), auto)/1fr;
    gap: calc(40 * var(--rrate) * var(--vunit));
  }
  .p-page-service-reason-sec02 .card > .image {
    width: 100%;
  }
  .p-page-service-reason-sec02 .card > .content > .ttl {
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 1.4;
  }
  .p-page-service-reason-sec02 .card > .content > .ttl strong {
    font-size: 2.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.5;
  }
  .p-page-service-reason-sec02 .card > .content > .l-btn {
    --_justify: center;
  }
  .p-page-service-products-sec01 .sec-desc {
    text-align: start;
  }
  .p-page-service-products-sec01 .grids01 {
    --_gap: calc( 20 * var(--vunit) );
    grid-template-columns: 1fr;
  }
  .p-page-service-products-sec01 .grids01 .card:not(:has(.card-link)) {
    grid-template: "img" minmax(0, auto) "con" minmax(0, auto)/1fr;
  }
  .p-page-service-products-sec01 .grids01 .card .card-link {
    grid-template: "img" minmax(0, auto) "con" minmax(0, auto)/1fr;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image {
    block-size: var(--_grid-image-hc);
    overflow: clip;
    place-content: center;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image > picture {
    overflow: clip;
    block-size: var(--_grid-image-hc);
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image > picture img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: var(--_img-pos-sp, 50% 50%);
       object-position: var(--_img-pos-sp, 50% 50%);
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .ttl {
    --_fs: 20;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .desc .min {
    display: block flex;
    text-indent: -1em;
    -webkit-padding-start: 1em;
            padding-inline-start: 1em;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn {
    margin-block: calc(20 * var(--vunit));
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn .btn {
    --_fs: 14;
    --_width: 300;
  }
  .p-page-service-products-sec01 .content-nothandled .content-ttl {
    text-align: start;
  }
  .p-page-service-products-sec01 .content-nothandled .content-desc {
    text-align: start;
  }
  .p-page-service-products-sec01 .content-nothandled .grids {
    --_gap: calc( 20 * var(--vunit) );
    grid-template-columns: 1fr;
  }
  .p-page-service-products-sec01 .content-nothandled .grids .card {
    grid-template-columns: 1fr;
  }
  .p-page-service-products-sec01 .content-nothandled .grids .card > .ttl {
    --_fs: 16;
  }
  .p-page-service-products-sec01 .content-nothandled .grids .card > .desc .min {
    display: block flex;
    text-indent: -1em;
    -webkit-padding-start: 1em;
            padding-inline-start: 1em;
  }
  .p-page-service-products-sec02 {
    padding-block: calc(60 * var(--vunit)) calc(60 * var(--vunit));
  }
  .p-page-service-option .sec-desc {
    text-align: start;
  }
  .p-page-service-option .p-page-nav-cards__cardlist > .card > .card__inner > .ttl {
    font-size: calc(18 * var(--funit)) !important;
  }
  .p-page-service-option-sec .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 30) * var(--vunit));
  }
  .p-page-service-option-sec .grids01 {
    --_gap: calc( 20 * var(--vunit) );
    grid-template-columns: 1fr;
  }
  .p-page-service-option-sec .grids01 .card {
    grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "con" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-page-service-option-sec .grids01 .card .grid-image {
    block-size: var(--_grid-image-hc);
    overflow: clip;
    place-content: center;
  }
  .p-page-service-option-sec .grids01 .card .grid-image > picture {
    overflow: clip;
    block-size: var(--_grid-image-hc);
  }
  .p-page-service-option-sec .grids01 .card .grid-image > picture img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: var(--_img-pos-sp, 50% 50%);
       object-position: var(--_img-pos-sp, 50% 50%);
  }
  .p-page-service-option-sec .grids01 .card .grid-content > .ttl {
    --_fs: 20;
  }
  .p-page-service-option-sec .grids01 .card .grid-content > .desc .min {
    display: block flex;
    text-indent: -1em;
    -webkit-padding-start: 1em;
            padding-inline-start: 1em;
  }
  .p-page-service-option-sec .grids01 .card .grid-content > .l-btn {
    margin-block: calc(20 * var(--vunit));
  }
  .p-page-service-option-sec .grids01 .card .grid-content > .l-btn .btn {
    --_fs: 14;
    --_width: 300;
  }
  .p-page-service-option-sec .grids02 {
    gap: calc(var(--_column-gap, 60) * var(--vunit));
  }
  .p-page-service-option-sec .grids03 .card .c-pic {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: var(--_img-pos-sp, 50% 50%);
       object-position: var(--_img-pos-sp, 50% 50%);
  }
  .p-page-service-merit-sec01 {
    padding-block: calc(20 * var(--vunit)) calc(80 * var(--vunit));
  }
  .p-page-service-merit-sec01 .sec-ttl {
    text-align: start;
    margin-top: calc(40 * var(--vunit));
  }
  .p-page-service-merit-sec01 .sec-ttl .big {
    text-align: center;
  }
  .p-page-service-merit-sec01 .contents01 .grids {
    gap: calc(var(--_column-gap, 60) * var(--vunit));
  }
  .p-page-service-merit-sec01 .grids02 {
    justify-items: center;
    margin-top: calc(60 * var(--vunit));
    grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "txt" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-page-service-merit-sec01 .grids02 .list {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: row;
    margin-top: calc(20 * var(--vunit));
  }
  .p-page-service-merit-sec01 .grids02 .grid-image {
    -webkit-margin-before: calc(30 * var(--vunit));
            margin-block-start: calc(30 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 {
    margin-top: calc(40 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 .grids {
    margin-top: calc(20 * var(--vunit));
    gap: calc(20 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 .grid-terms-link {
    margin-top: calc(20 * var(--vunit));
  }
  .p-page-case-login .content-login .desc {
    text-align: start;
  }
  .p-page-case-login .content-login [class*=c-btn] {
    --_icon-x-base: 15;
    inline-size: 100%;
    max-inline-size: calc(300 * var(--vunit));
  }
  .p-page-company-sec01 .p-article-ttl {
    font-size: calc(22 * var(--funit));
    text-align: center;
  }
  .p-page-company-sec02 .grids {
    --_mt: 40;
    gap: calc(40 * var(--vunit));
  }
  .p-page-company-sec02 .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 30) * var(--vunit));
  }
  .p-page-company-sec02 .grid-ttl {
    font-size: calc(22 * var(--funit));
  }
  .p-page-company-sec03 .c-table [class*=c-btn] {
    inset-block-start: calc(-1 * var(--vunit));
  }
  .p-page-company .c-slider:has(.c-table) {
    inline-size: 100%;
    margin-inline: auto;
  }
  .p-page-company .c-slider__inner {
    inline-size: 100%;
    padding-inline: 0;
  }
  .p-page-company .c-table {
    inline-size: 100%;
    min-inline-size: auto;
    display: block;
    border: none;
    border-radius: 0;
  }
  .p-page-company .c-table thead,
  .p-page-company .c-table tbody {
    display: block;
    inline-size: 100%;
    margin-inline: 0;
  }
  .p-page-company .c-table tr {
    inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: calc(2 * var(--vunit)) solid var(--color-black);
  }
  .p-page-company .c-table tr:first-of-type {
    border-top: calc(2 * var(--vunit)) solid var(--color-black);
  }
  .p-page-company .c-table th,
  .p-page-company .c-table td {
    block-size: auto !important;
    inline-size: 100%;
    white-space: normal !important;
  }
  .p-page-company .c-table th:first-of-type,
  .p-page-company .c-table td:first-of-type {
    text-align: center;
  }
  .p-page-company .c-table th:last-of-type,
  .p-page-company .c-table td:last-of-type {
    border-bottom: none;
  }
  .p-page-office .c-table th:nth-child(1),
  .p-page-office .c-table td:nth-child(1) {
    --_th-min-inline-size: 60;
  }
  .p-page-office .area {
    grid-template-columns: 1fr;
    min-inline-size: calc(200 * var(--vunit));
  }
  .p-page-office .c-slider:has(.c-table) {
    display: none;
  }
  .p-page-office .c-table.c-table--sp {
    inline-size: 100%;
    min-inline-size: auto;
    display: block;
    border: none;
    border-radius: 0;
  }
  .p-page-office .c-table.c-table--sp thead,
  .p-page-office .c-table.c-table--sp tbody {
    display: block;
    inline-size: 100%;
    margin-inline: 0;
  }
  .p-page-office .c-table.c-table--sp tr {
    inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: calc(24 * var(--vunit));
    border: calc(2 * var(--vunit)) solid var(--color-black);
    border-radius: calc(5 * var(--vunit));
  }
  .p-page-office .c-table.c-table--sp th,
  .p-page-office .c-table.c-table--sp td {
    block-size: auto;
    inline-size: 100%;
  }
  .p-page-office .c-table.c-table--sp th:nth-child(1),
  .p-page-office .c-table.c-table--sp td:nth-child(1) {
    inline-size: 100%;
    --_th-min-inline-size: 100;
  }
  .p-page-office .c-table.c-table--sp th:nth-child(2),
  .p-page-office .c-table.c-table--sp td:nth-child(2) {
    inline-size: 100%;
  }
  .p-page-office .c-table.c-table--sp th:nth-child(3),
  .p-page-office .c-table.c-table--sp td:nth-child(3) {
    inline-size: 100%;
  }
  .p-page-office .c-table.c-table--sp th:not(:first-child),
  .p-page-office .c-table.c-table--sp td:not(:first-child) {
    -webkit-border-start: none;
            border-inline-start: none;
  }
  .p-page-office .c-table.c-table--sp td:nth-of-type(1) {
    text-align: center;
  }
  .p-page-office .c-table.c-table--sp td:nth-of-type(3) {
    text-align: center;
  }
  .p-page-office-sec01 .grids01 .grid-btn {
    justify-items: start;
  }
  .p-page-service-transportation .page-sec01 .grids01 .grid-image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    justify-items: center;
  }
  .p-page-service-transportation .page-sec01 .grids01 .grid-image .pic01 {
    max-inline-size: calc(400 * var(--vunit));
  }
  .p-page-service-transportation .page-sec02 .grid01,
  .p-page-service-transportation .page-sec03 .grid01 {
    grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "desc" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
  }
  .p-page-service-transportation .page-sec02 .grid01 .grid-image,
  .p-page-service-transportation .page-sec03 .grid01 .grid-image {
    -webkit-margin-before: calc(20 * var(--vunit));
            margin-block-start: calc(20 * var(--vunit));
  }
  .p-page-payment .sec-ttl {
    font-size: 1.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.4333333333;
    letter-spacing: 0rem;
  }
  .p-page-payment .p-payment {
    margin-top: 6rem;
  }
  .p-page-payment .payment-detail__list {
    gap: 6rem 0;
  }
  .p-page-payment .payment-detail__item {
    width: 100%;
    padding: 0 2rem 2rem 2rem;
  }
  .p-page-payment .payment-detail__item .c-frame-circle-accent {
    margin-top: -4rem;
    margin-inline: auto;
  }
  .p-page-payment .payment-detail__item > h3 {
    font-size: 1.56rem;
    font-weight: var(--fw-bold);
    line-height: 1.2307692308;
  }
  .p-page-payment .payment-detail__item > figure {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .p-page-payment .payment-detail__item > figure > p {
    font-size: 0.96rem;
    font-weight: var(--fw-bold);
    line-height: 1.125;
  }
  .p-page-payment .payment-detail__item > p {
    margin-top: 1em;
    font-size: 1.2rem;
    font-weight: var(--fw-regular);
    line-height: 1;
    line-height: 1.75;
  }
  .p-page-sitemap .page-sec01 .grids01 {
    row-gap: calc(20 * var(--vunit));
  }
  .p-page-use_detail .page-sec01 .l-grid-content .circle {
    -webkit-margin-before: calc(-80 * var(--vunit));
            margin-block-start: calc(-80 * var(--vunit));
  }
  .p-page-use_detail .page-sec01 .l-grid-content .ttl {
    font-size: calc(20 * var(--funit));
  }
  .p-page-use_detail .page-sec02 .l-grid-content {
    --_padding-inline: 20;
    grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "desc" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-page-use_detail .page-sec02 .l-grid-content .ttl {
    -webkit-margin-after: calc(20 * var(--vunit));
            margin-block-end: calc(20 * var(--vunit));
  }
  .p-page-use_detail .page-sec02 .l-grid-content .image {
    inline-size: 100%;
  }
  .p-page-use_detail-linklist {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: row;
  }
  .p-page-use_detail-linklist .btn-link {
    min-block-size: calc(68 * var(--vunit));
    padding-inline: calc(15 * var(--vunit));
    padding-block: calc(10 * var(--vunit));
  }
  .p-form > .row {
    grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "desc" minmax(calc(0 * var(--vunit)), auto) "inp" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-form > .row .grid-input {
    -webkit-margin-before: calc(8 * var(--vunit));
            margin-block-start: calc(8 * var(--vunit));
  }
  .p-form :where(input[type=text], input[type=email], input[type=tel], input[type=date], textarea, select) {
    min-block-size: calc(var(--_min-block-size, 54) * var(--vunit));
  }
  .p-form textarea {
    min-block-size: calc(165 * var(--vunit));
  }
  .p-form textarea::-webkit-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::-moz-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea:-ms-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::-ms-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form .item-select:after {
    --_tickness: 2;
    --_size: 7;
  }
  .p-form input[type=checkbox] {
    --_checksize: var(--_checksize-sp);
    --_boxsize: var(--_boxsize-sp);
  }
  .p-form input[type=checkbox]:after {
    translate: calc(-50% + var(--_adjust-x)) calc(-50% + var(--_adjust-y));
  }
  .p-form input[type=radio] {
    inline-size: calc(var(--_radio-size) * var(--vunit));
    block-size: calc(var(--_radio-size) * var(--vunit));
  }
  .p-form input[type=file]::-webkit-file-upload-button {
    display: block flex;
    -webkit-margin-after: calc(8 * var(--vunit));
            margin-block-end: calc(8 * var(--vunit));
    padding-block: calc(8 * var(--vunit)) calc(12 * var(--vunit));
    padding-inline: calc(16 * var(--vunit));
  }
  .p-form input[type=file]::file-selector-button,
  .p-form input[type=file]::-webkit-file-upload-button {
    display: block flex;
    -webkit-margin-after: calc(8 * var(--vunit));
            margin-block-end: calc(8 * var(--vunit));
    padding-block: calc(8 * var(--vunit)) calc(12 * var(--vunit));
    padding-inline: calc(16 * var(--vunit));
  }
  .p-img--logo-webjitbox {
    inline-size: 100%;
    max-inline-size: calc(307 * var(--vunit));
  }
  .p-stepcard-list {
    grid-auto-columns: minmax(var(--_card-wc), auto);
    grid-auto-flow: rows;
    gap: calc(var(--_gap) * 2.2 * var(--vunit));
  }
  .p-stepcard:not(:last-child):after {
    rotate: 135deg;
    inset-inline-start: 50%;
    inset-block-end: calc(-50 * var(--vunit));
  }
  .p-article header .article-ttl {
    --_h1-size: 28;
  }
  .p-article ol {
    margin-block: var(--_ol-margin-block, 1em 0);
  }
  .p-article ul {
    margin-block: var(--_ul-margin-block, 1em 0);
  }
  .p-article ul.p-article-list--grid {
    margin-top: calc(var(--_ul-li-margin-top, 0em) * 1);
    margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
    padding-bottom: calc(10 * var(--vunit));
  }
  .p-article ul.p-article-list--grid li {
    grid-template-columns: repeat(1, 1fr);
    margin-left: calc(var(--_ul-li-margin-left, 0em) * 0);
    margin-top: calc(var(--_ul-li-margin-top, 0em) * 1);
    padding-top: calc(var(--_ul-li-margin-top, 0em) * 1);
  }
  .p-article ul.p-article-list--grid li span:nth-child(2) {
    margin-left: calc(var(--_ul-li-span-left, 0em) * 0);
  }
  .p-article ul.p-article-indent-list {
    margin-block: var(--_ul-margin-block, 1em 0);
  }
  .p-article .table-slider {
    max-inline-size: 100dvi;
    margin-inline: calc((var(--gutter) - var(--_ol-li-text-indent)) * -1) calc(var(--gutter) * -1);
  }
  .p-article .table-slider .inner {
    padding-inline: calc(20 * var(--vunit));
  }
  .p-article[data-page=payment] {
    --_h3-size: 30;
    --_h3-height: 60;
    --_h3-ls: 50;
  }
  .p-article[data-page=terms] p {
    font-size: calc(var(--_p-size, 14) * var(--funit));
  }
  .p-article[data-page=yakkan] {
    --_ol-li-text-padding: 2em;
    --_ol-li-text-padding2: 1.5em;
  }
  .p-article[data-page=yakkan] a {
    font-size: 1.6rem;
  }
  .p-article[data-page=privacy_request] {
    --_ol-li-text-padding: 0.5em;
    --_ol-li-text-padding2: 0.5em;
  }
  .p-article[data-page=use_site] {
    --_h2-size: 20;
    --_h2-height: 40;
    --_h2-ls: 50;
    margin-block: calc(0 * var(--vunit)) calc(10 * var(--vunit));
    padding-top: calc(10 * var(--vunit));
  }
  .p-article[data-page=use_site] {
    --_ul-li-text-padding: 0;
    --_ul-li-text-padding2: 0;
  }
  .p-article[data-page=use_site] .p-article-toc ul {
    margin-block: var(--_ul-margin-block, 1em 0);
  }
  .p-page-gdpr_policy .p-article-modal__inner {
    width: 100%;
    min-width: calc(320 * var(--vunit));
    max-width: 100%;
    padding: 0 calc(20 * var(--vunit)) calc(20 * var(--vunit));
  }
  .p-page-gdpr_policy .p-article-modal h2 {
    --_h2-size: 20;
    --_h2-height: 40;
    --_h2-ls: 50;
    margin-block: calc(0 * var(--vunit)) calc(10 * var(--vunit));
    padding-top: calc(10 * var(--vunit));
  }
  .p-page-gdpr_policy .p-article-modal a {
    font-size: calc(12 * var(--funit));
    text-align: left;
    left: calc(var(--_a-position-left, 0em) * 1);
  }
  .p-page-gdpr_policy .p-article-modal a::before {
    top: calc(5 * var(--vunit));
    left: calc(var(--_a-position-left, 0em) * -1);
    width: 0.8rem;
    height: 1rem;
  }
  .p-page-gdpr_policy .p-article-modal__close {
    top: calc(-26 * var(--vunit));
    right: calc(0 * var(--vunit));
    width: calc(26 * var(--vunit));
    height: calc(26 * var(--vunit));
    font-size: calc(26 * var(--funit));
  }
  .p-article[data-page=gdpr_policy] {
    --_ul-li-text-padding: 0;
    --_ul-li-text-padding2: 0;
  }
  .p-article[data-page=gdpr_policy] .p-article-toc ul {
    margin-block: var(--_ul-margin-block, 1em 0);
  }
  .p-page-gdpr_policy .p-article-modal__inner {
    width: 100%;
    min-width: calc(320 * var(--vunit));
    max-width: 100%;
    padding: 0 calc(20 * var(--vunit)) calc(20 * var(--vunit));
  }
  .p-page-gdpr_policy .p-article-modal h2 {
    --_h2-size: 20;
    --_h2-height: 40;
    --_h2-ls: 50;
    margin-block: calc(0 * var(--vunit)) calc(10 * var(--vunit));
    padding-top: calc(10 * var(--vunit));
  }
  .p-page-gdpr_policy .p-article-modal a {
    font-size: calc(12 * var(--funit));
    text-align: left;
    left: calc(var(--_a-position-left, 0em) * 1);
  }
  .p-page-gdpr_policy .p-article-modal a::before {
    top: calc(5 * var(--vunit));
    left: calc(var(--_a-position-left, 0em) * -1);
    width: 0.8rem;
    height: 1rem;
  }
  .p-page-gdpr_policy .p-article-modal__close {
    top: calc(-26 * var(--vunit));
    right: calc(0 * var(--vunit));
    width: calc(26 * var(--vunit));
    height: calc(26 * var(--vunit));
    font-size: calc(26 * var(--funit));
  }
  .p-articlecard[data-type=case] {
    grid-template: "thumb thumb" minmax(calc(20 * var(--vunit)), auto) "tag tag" minmax(calc(20 * var(--vunit)), auto) "company company" minmax(calc(20 * var(--vunit)), auto) "ttl ttl" minmax(calc(20 * var(--vunit)), auto) "txt txt" minmax(calc(20 * var(--vunit)), auto) "inf inf" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  }
  .p-articlecard[data-type=case] .thumb {
    -webkit-margin-after: calc(20 * var(--vunit));
            margin-block-end: calc(20 * var(--vunit));
  }
  .p-articlecard[data-type=case] .company {
    margin-top: calc(5 * var(--vunit));
  }
  .p-article-news header .article-ttl {
    --_h1-size: 28;
  }
  .p-article-news .table-slider {
    max-inline-size: 100dvi;
    margin-inline: calc((var(--gutter) - var(--_ol-li-text-indent)) * -1) calc(var(--gutter) * -1);
  }
  .p-article-news .table-slider .inner {
    padding-inline: calc(20 * var(--vunit));
  }
  .p-article-news[data-page=news] .wp-block-table {
    overflow-x: auto;
  }
  .p-article-news[data-page=news] table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .p-article-news[data-page=news] .wp-block-spacer {
    margin-top: 5rem;
    height: 0;
  }
  .p-articlelist[data-type=news] .p-articlelist-item {
    grid-template: "time tag" minmax(calc(20 * var(--vunit)), auto) "ttl ttl" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
    row-gap: calc(10 * var(--vunit));
    -webkit-column-gap: calc(15 * var(--vunit));
       -moz-column-gap: calc(15 * var(--vunit));
            column-gap: calc(15 * var(--vunit));
    padding-block: calc(15 * var(--vunit));
    text-align: start;
  }
  .p-articlelist[data-type=news] .p-articlelist-item .tag {
    width: auto;
    --_tag-font-size: 12;
    --_min-height-pc: 15;
    padding-inline: calc(12 * var(--vunit));
    padding-block: calc(3 * var(--vunit));
  }
  .p-newsdate-filter-item {
    font-size: 1.6rem;
    width: 8em;
  }
  .p-newsdate-filter-item option {
    font-size: 1.6rem;
  }
  .p-articlelist-pagination .bullet {
    --_bullet-size: 35;
    --_bullet-font-size: 14;
  }
  .p-articlelist-pagination .omission {
    --_bullet-size: 4;
    --_bullet-size-hc: calc( var(--_bullet-size) / 2 * var(--vunit) );
    --_bullet-gap: 10;
    --_height: 10;
    inline-size: calc(30 * var(--vunit));
  }
  .p-articlelist-pagination.support-sp .bullets {
    --_bullets-gap: 8;
  }
  .p-articlelist-pagination.support-sp .btn-prev,
  .p-articlelist-pagination.support-sp .btn-next {
    inline-size: calc(32 * var(--vunit));
  }
  .p-headerbar-wrap {
    --_height: var(--header-height);
    --_headerbar-open-bg: var(--color-white);
    top: 0;
    grid-template: "row01" minmax(calc(20 * var(--vunit)), auto) "row02" minmax(calc(20 * var(--vunit)), 1fr)/1fr;
    z-index: var(--obj-z-l-header);
    background-color: var(--color-white);
    display: initial;
  }
  .p-headerbar-wrap:not(:has([data-open])) {
    block-size: 5%;
    min-height: calc(64 * var(--vunit));
    overflow: clip;
  }
  .p-headerbar-wrap:has([data-open]) {
    height: 100%;
    overflow-y: clip;
  }
  .p-headerbar {
    --_mi: 16;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: calc(var(--_height) * var(--vunit));
    -webkit-box-shadow: var(--_headerbar-shadow);
            box-shadow: var(--_headerbar-shadow);
    grid-template: "logo ham" minmax(calc(64 * var(--vunit)), auto) "nav nav" minmax(0, auto) "row02 row02" minmax(0, 1fr)/auto 1fr;
    block-size: var(--_headerbar-height);
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar {
    row-gap: 0;
  }
  .p-headerbar__logowrap .sitettl .logo {
    width: calc(80 * var(--vunit));
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
  }
  .p-headerbar__navwrap {
    grid-auto-flow: row;
    align-self: start;
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar__navwrap {
    max-block-size: 0%;
    pointer-events: none;
    visibility: hidden;
    overflow: unset;
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar__navwrap a {
    pointer-events: none;
  }
  .p-headerbar-wrap[data-open] .p-headerbar__navwrap {
    max-block-size: 100%;
  }
  .p-headerbar__menu {
    -webkit-margin-before: calc(20 * var(--vunit));
            margin-block-start: calc(20 * var(--vunit));
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerbar__menu > li .btn {
    inline-size: 100%;
    font-size: 1.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.0833333333;
    letter-spacing: 0rem;
  }
  .p-headerbar__menu-loginwrap {
    -webkit-margin-before: calc(1 * var(--vunit));
            margin-block-start: calc(1 * var(--vunit));
  }
  .p-headerbar__menu-loginwrap ul {
    gap: calc(8 * var(--vunit));
  }
  .p-headerbar__menu-loginwrap ul > li a {
    inline-size: calc(152 * var(--vunit));
    font-size: calc(16 * var(--funit));
    line-height: 1.5;
    font-weight: var(--fw-bold);
  }
  .p-headerbar__row02 {
    display: block grid;
  }
  .p-headerbar__row02 > ul {
    display: block grid;
    grid-auto-flow: row;
  }
  .p-headerbar__row02 > ul > li {
    grid-template-columns: 1fr;
  }
  .p-headerbar__row02 > ul > li:before, .p-headerbar__row02 > ul > li:after {
    width: 100%;
    left: 100%;
    height: calc(1 * var(--vunit));
  }
  .p-headerbar__row02 > ul > li:after {
    inset-block-end: 0;
    inset-inline-start: 0;
  }
  .p-headerbar__row02 > ul > li a {
    inline-size: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerbar__row02 [role=menu] > li > [role=menuitem]:first-child {
    -webkit-border-before: calc(1 * var(--vunit)) solid var(--color-gray-300);
            border-block-start: calc(1 * var(--vunit)) solid var(--color-gray-300);
  }
  .p-headerbar__row02 [role=menu] > li > [role=menuitem] {
    background-color: color-mix(in srgb, var(--color-gray-300) 50%, white);
  }
  .p-headerbar-wrap:not(:has([data-open])) .p-headerbar__row02 {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
  .p-headerbar-wrap:not(:has([data-open])) .p-headerbar__row02 > * {
    max-block-size: 0%;
  }
  .p-headerbar-wrap:not(:has([data-open])) .p-headerbar__row02 a {
    pointer-events: none;
  }
  .p-headerbar-wrap:has([data-open]) .p-headerbar__row02 {
    max-block-size: 100%;
    min-block-size: calc(305 * var(--vunit));
    opacity: 1;
  }
  .p-headerbar-wrap:has([data-open]) .p-headerbar__row02 > * {
    opacity: 1;
    max-block-size: 100%;
    -ms-flex-line-pack: start;
        align-content: start;
  }
  .p-headerbar-wrap:has([data-open]) .p-headerbar__row02 .navlist {
    opacity: 1;
  }
  .p-headerbar__hamburger-wrap {
    justify-self: end;
    -webkit-margin-end: calc(20 * var(--vunit));
            margin-inline-end: calc(20 * var(--vunit));
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar__row02 {
    block-size: 0dvb;
    pointer-events: none;
    opacity: 0;
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar__row02 > * {
    opacity: 0;
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar__row02 .navlist {
    opacity: 0;
  }
  .p-headerbar-wrap:not([data-open]) .p-headerbar-focustrap {
    display: none;
  }
  .p-footer-content {
    padding-block: calc(60 * var(--vunit));
  }
  .p-footer-content > .bg > [class*=c-pic] {
    block-size: 100%;
  }
  .p-footer-content .content > .ttl {
    font-size: calc(32 * var(--funit));
    line-height: 1.2;
    letter-spacing: calc(0 * var(--flsunit));
  }
  .p-footer-content .content > .desc {
    font-size: calc(15 * var(--funit));
    -webkit-margin-before: calc(40 * var(--vunit));
            margin-block-start: calc(40 * var(--vunit));
    inline-size: 100%;
    -webkit-filter: drop-shadow(0 0 calc(8 * var(--vunit)) var(--color-black));
            filter: drop-shadow(0 0 calc(8 * var(--vunit)) var(--color-black));
  }
  .p-footer__copyright > .l-inner {
    grid-template-rows: auto auto;
    padding-block: calc(10 * var(--vunit));
    gap: calc(10 * var(--vunit));
  }
  .p-footer-cta {
    block-size: calc(200 * var(--vunit));
  }
  .p-footer-cta__btn > .l-inner {
    grid-template: "ttl ttl" minmax(calc(20 * var(--vunit)), auto) "desc icon" minmax(calc(20 * var(--vunit)), auto)/1fr auto;
    row-gap: calc(20 * var(--vunit));
  }
  .p-footer-cta__btn > .l-inner .ttl {
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 1.6;
    letter-spacing: 0rem;
  }
  .p-footer-cta__btn > .l-inner .desc {
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    line-height: 1.25;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .p-footer-cta__btn > .l-inner .icon {
    inline-size: calc(60 * var(--vunit));
    -ms-flex-item-align: center;
        align-self: center;
    justify-self: end;
  }
  .p-footer__nav {
    grid-template-columns: 1fr;
    row-gap: calc(40 * var(--vunit));
    max-inline-size: calc(325 * var(--vunit));
    margin-inline: auto;
  }
  .p-footer__nav > .lp-logo > picture {
    max-inline-size: calc(140 * var(--vunit));
    justify-self: center;
  }
  .p-footer__nav .p-footer__nav-service {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .p-footer__nav .p-footer__nav-service + .p-footer__nav-menu {
    place-items: start;
    inline-size: 100%;
  }
  .p-footer__nav > .p-footer__nav-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(15 * var(--vunit));
  }
  .p-footer__nav-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(16 * var(--vunit));
    max-inline-size: calc(375 * var(--vunit));
    margin-inline: auto;
    padding-block: calc(60 * var(--vunit));
  }
  .p-footer__nav-bottom > .l-inner {
    --_im: 50;
  }
  .p-footer__nav-bottom dl {
    grid-template-rows: auto 1fr;
    grid-auto-flow: row;
  }
  .p-footer__nav-bottom dl dd {
    inline-size: 100%;
  }
  .p-footer__nav-bottom dl dd:before {
    block-size: calc(1 * var(--vunit));
    inset-block-start: calc(-20 * var(--vunit));
    inline-size: 100%;
  }
  .p-footer__nav-bottom dl dd ul {
    grid-auto-flow: row;
  }
  .p-page-nav-cards__cardlist {
    --_cw: calc( var(--_card-w-sp, 150) * var(--vunit) );
    --_ch: calc( var(--_card-h-sp, 198) * var(--vunit) );
    --_cxgap: calc( var(--_card-x-gap-sp,24) * var(--vunit) );
    --_cygap: calc( var(--_card-y-gap-sp,24) * var(--vunit) );
  }
  .p-page-nav-cards__cardlist > .card {
    inline-size: var(--_cw);
    aspect-ratio: var(--_card-w-sp)/var(--_card-h-sp);
  }
  .p-page-nav-cards__cardlist > .card > .card__inner {
    height: 100%;
  }
  .p-page-nav-cards__cardlist > .card > .card__inner > .ttl {
    font-size: calc(16 * var(--funit));
  }
  .p-page-nav-buttons__list {
    --_cxgap: 24;
    --_cygap: 24;
  }
  .p-page-nav-buttons__list > .btn {
    inline-size: var(--_cw);
    aspect-ratio: var(--_card-w-sp)/var(--_card-h-sp);
  }
  .p-page-mv {
    min-block-size: calc(145 * var(--vunit));
    margin-top: calc(60 * var(--vunit));
  }
  .p-page-mv > .l-inner > .category {
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    line-height: 2;
  }
  .p-page-mv > .l-inner > .ttl {
    font-size: 3.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.5;
  }
  .p-page-mv > .l-inner > .sub {
    margin-top: calc(10 * var(--vunit));
    margin-bottom: calc(40 * var(--vunit));
  }
  .p-page-mv > .l-inner > .text {
    margin-top: 0;
  }
  .p-page-mv-use_detail {
    grid-template: "tag" minmax(calc(20 * var(--vunit)), auto) "ttl" minmax(calc(20 * var(--vunit)), auto) "img" minmax(calc(20 * var(--vunit)), auto) "desc" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-page-mv-use_detail > .tag {
    font-size: calc(16 * var(--rrate) * var(--funit));
    letter-spacing: calc(50 * var(--flsunit));
    padding-inline: calc(20 * var(--vunit));
    -webkit-margin-before: calc(20 * var(--vunit));
            margin-block-start: calc(20 * var(--vunit));
    margin-inline: calc(15 * var(--vunit));
  }
  .p-page-mv-use_detail > .ttl {
    font-size: calc(30 * var(--funit));
    margin-block: calc(15 * var(--vunit));
    margin-inline: calc(15 * var(--vunit));
  }
  .p-page-mv-use_detail > .desc {
    font-size: calc(16 * var(--funit));
    letter-spacing: calc(0 * var(--flsunit));
    margin-block: calc(10 * var(--vunit));
    margin-inline: calc(15 * var(--vunit));
  }
  .p-page-breadcrumbs {
    padding-inline: calc(20 * var(--vunit));
  }
  .p-section-home-mv {
    padding-block: calc(0 * var(--vunit)) calc(80 * var(--vunit));
  }
  .p-section-home-mv .grids {
    grid-template: "img" minmax(calc(40 * var(--vunit)), auto) "con" minmax(calc(40 * var(--vunit)), auto)/1fr;
    gap: calc(20 * var(--vunit));
    -webkit-padding-after: calc(20 * var(--vunit));
            padding-block-end: calc(20 * var(--vunit));
    block-size: 55dvh;
  }
  .p-section-home-mv .grid-content {
    grid-row: 1/-1;
    grid-column: 1/-1;
    justify-self: center;
    align-self: end;
    -webkit-margin-after: calc(70 * var(--vunit));
            margin-block-end: calc(70 * var(--vunit));
    z-index: 1;
    color: var(--color-font-w);
  }
  .p-section-home-mv .content-wrap {
    justify-self: center;
    min-block-size: 300px;
    min-block-size: calc(300 * var(--vunit));
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: drop-shadow(calc(2 * var(--vunit)) calc(4 * var(--vunit)) calc(10 * var(--vunit)) var(--color-black)) drop-shadow(calc(2 * var(--vunit)) calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--color-black));
            filter: drop-shadow(calc(2 * var(--vunit)) calc(4 * var(--vunit)) calc(10 * var(--vunit)) var(--color-black)) drop-shadow(calc(2 * var(--vunit)) calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--color-black));
  }
  @supports not (min-block-size: calc(300 * var(--vunit))) {
    .p-section-home-mv .content-wrap {
      min-block-size: 300px;
    }
  }
  .p-section-home-mv .content-wrap > .ttl {
    font-size: 4rem;
    font-weight: var(--fw-bold);
    line-height: 1.05;
    letter-spacing: 0.02rem;
    text-align: start;
  }
  .p-section-home-mv .content-wrap > .ttl.--tight {
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 1.32;
    letter-spacing: 0rem;
  }
  .p-section-home-mv .content-wrap > .ttl.--fs-s {
    font-size: 2.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.1428571429;
    letter-spacing: 0.01rem;
  }
  .p-section-home-mv .content-wrap > .logo {
    -webkit-margin-before: calc(16 * var(--vunit));
            margin-block-start: calc(16 * var(--vunit));
    inline-size: calc(327 * var(--vunit));
    aspect-ratio: 327/60;
    block-size: calc(60 * var(--vunit));
  }
  .p-section-home-mv .content-wrap > .l-btn {
    -webkit-margin-before: calc(23 * var(--vunit));
            margin-block-start: calc(23 * var(--vunit));
  }
  .p-section-home-mv .grid-image {
    grid-row: 1/-1;
    grid-column: 1/-1;
    inline-size: 100%;
    block-size: 100%;
  }
  .p-section-home-mv .grid-image > [class*=c-pic] {
    block-size: 100%;
  }
  .p-section-home-mv .grid-image > [class*=c-pic] > img {
    aspect-ratio: 1070/620;
    -o-object-fit: cover;
       object-fit: cover;
    block-size: 100%;
  }
  .p-section-home-mv .splide {
    display: block grid;
    justify-items: center;
  }
  .p-section-home-mv {
    --_splide-control-y: calc( -50 );
    --_splide-control-yc: calc( var(--_splide-control-y) * var(--vunit) );
    --_splide-progress-x: 0;
    --_splide-progress-xc: calc( var(--_splide-progress-x) * var(--vwc) );
  }
  .p-section-home-mv .splide__arrows--ltr {
    -webkit-margin-start: calc(-140 * var(--vunit));
            margin-inline-start: calc(-140 * var(--vunit));
    inline-size: calc(214 * var(--vunit));
    block-size: calc(50 * var(--vunit));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--prev,
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--next {
    inline-size: calc(50 * var(--vunit));
    block-size: calc(50 * var(--vunit));
  }
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--prev > span,
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--next > span {
    inline-size: calc(50 * var(--vunit));
    block-size: calc(50 * var(--vunit));
  }
  .p-section-home-mv .splide__toggle {
    inline-size: calc(50 * var(--vunit));
    block-size: calc(50 * var(--vunit));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    --_grid-x: calc( 350 + 32 );
  }
  .p-section-home-mv .splide__toggle [class*=c-icon] {
    max-inline-size: calc(50 * var(--vunit));
    max-block-size: calc(50 * var(--vunit));
  }
  .p-section-home-mv .splide__pagination {
    justify-self: center;
    inset-inline-start: calc(200 * var(--vunit));
    inset-block-end: calc(var(--_splide-control-yc) + 25 * var(--vpx));
    gap: calc(19 * var(--vunit));
    margin-inline: auto;
  }
  .p-section-home-mv .splide__pagination .splide__pagination__page {
    inline-size: calc(16 * var(--vunit));
    block-size: calc(16 * var(--vunit));
  }
  .p-section-home-mv .splide__progress {
    --_grid-x: 0;
    --_grid-xc: 0;
    inset-block-end: calc(24 * var(--vunit));
    inline-size: 100%;
    inset-inline-start: var(--_grid-xc);
  }
  .p-section-home-mv .splide__progress__bar {
    block-size: 1.3333333333dvi;
  }
  .p-section-home-news {
    padding-block: calc(60 * var(--vunit));
  }
  .p-section-home-news .grids {
    grid-template: "ttl" minmax(calc(20 * var(--vunit)), auto) "list" minmax(calc(20 * var(--vunit)), auto) "btn" minmax(calc(20 * var(--vunit)), auto)/1fr;
    row-gap: calc(20 * var(--vunit));
  }
  .p-section-home-news .grids .grid-ttl {
    text-align: center;
  }
  .p-section-home-news .grids .grid-btn {
    text-align: end;
    justify-self: end;
  }
  .p-section-home-news .grids .grid-list {
    row-gap: calc(15 * var(--vunit));
  }
  .p-section-home-news .grids .grid-list .item {
    grid-template: "time tag" minmax(calc(20 * var(--vunit)), auto) "ttl ttl" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
    -webkit-column-gap: calc(15 * var(--vunit));
       -moz-column-gap: calc(15 * var(--vunit));
            column-gap: calc(15 * var(--vunit));
  }
  .p-section-home-news .grids .grid-list .item > time {
    grid-area: time;
  }
  .p-section-home-news .grids .grid-list .item > [class^=c-tag] {
    grid-area: tag;
  }
  .p-section-home-news .grids .grid-list .item > .ttl {
    grid-area: ttl;
  }
  .p-section-about {
    padding-block: calc(60 * var(--vunit));
  }
  .p-section-about > .l-background .bg-text {
    font-size: 17.4rem;
    font-weight: var(--fw-thin);
    line-height: 0.6551724138;
    letter-spacing: 0.005rem;
  }
  .p-section-about > .l-background .bg-fill {
    inline-size: 100%;
    height: calc(550 * var(--vunit));
  }
  .p-section-about > .l-background.home .bg-fill {
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 60% 100%);
  }
  .p-section-about > .l-background.service .bg-fill {
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 2% 100%);
  }
  .p-section-about .grids {
    grid-template: "img" minmax(calc(20 * var(--vunit)), auto) "con" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-section-about .grids .grid-content {
    text-align: center;
  }
  .p-section-about .grids .grid-content.home {
    margin-top: calc(90 * var(--vunit));
  }
  .p-section-about .grids .grid-content.service {
    margin-top: calc(80 * var(--vunit));
  }
  .p-section-about .grids .grid-content > .ttl {
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 1;
    letter-spacing: 0.021rem;
  }
  .p-section-about .grids .grid-content > .txt {
    text-align: start;
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: -0.005rem;
  }
  .p-section-about .grids .grid-content > .list-ttl {
    margin-top: calc(30 * var(--vunit));
  }
  .p-section-about .grids .grid-content > .list {
    inline-size: 84%;
    grid-template-columns: repeat(1, auto);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: start;
  }
  .p-section-about .grids .grid-content > .l-btn {
    margin-top: calc(30 * var(--vunit));
    text-align: end;
  }
  .p-section-about .grids .grid-image.home {
    max-inline-size: calc(345 * var(--vunit));
    aspect-ratio: 586/737;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-inline: auto;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] {
    inline-size: calc(165 * var(--vunit));
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .ttl {
    font-size: 2.16rem;
    font-weight: var(--fw-light);
    line-height: 0.75;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .sub {
    -webkit-margin-before: calc(10 * var(--vunit));
            margin-block-start: calc(10 * var(--vunit));
    font-size: 1.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.35;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .desc {
    font-size: 0.78rem;
    font-weight: var(--fw-light);
    line-height: 1.6923076923;
  }
  .p-section-about .grids .grid-image.home > .pic01 {
    translate: calc(0 * var(--vunit)) calc(0 * var(--vunit));
  }
  .p-section-about .grids .grid-image.service {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-inline: auto;
  }
  .p-section-about .grids .grid-image.service .pic01-full {
    max-width: calc(250 * var(--vunit));
    justify-self: center;
  }
  .p-section-reason {
    padding-block: calc(60 * var(--vunit)) calc(60 * var(--vunit));
  }
  .p-section-reason > .l-background .bg-text {
    font-size: 17.4rem;
    font-weight: var(--fw-thin);
    line-height: 0.6551724138;
    letter-spacing: -0.01rem;
    -webkit-margin-start: calc(0 * var(--vunit));
            margin-inline-start: calc(0 * var(--vunit));
  }
  .p-section-reason > .l-inner > .pic01 {
    inline-size: calc(300 * var(--vunit));
  }
  .p-section-reason > .l-inner > .sec-ttl {
    font-size: 1.92rem;
    font-weight: var(--fw-bold);
    line-height: 1.875;
    letter-spacing: -0.04rem;
  }
  .p-section-reason .grids {
    row-gap: calc(40 * var(--vunit));
    margin-top: calc(40 * var(--vunit));
  }
  .p-section-reason .grids .card > .circle {
    margin-top: calc(-40 * var(--vunit));
  }
  .p-section-reason .grids .card > .ttl {
    margin-top: calc(15 * var(--vunit));
    font-size: 2.4rem;
    font-weight: var(--fw-bold);
    line-height: 1.25;
  }
  .p-section-reason .grids .card > .desc {
    margin-top: calc(15 * var(--vunit));
    font-size: 1.6rem;
    line-height: 2;
  }
  .p-section-serviceinfo {
    padding-block: calc(60 * var(--vunit));
  }
  .p-section-serviceinfo .grids {
    margin-top: calc(30 * var(--vunit));
  }
  .p-section-serviceinfo .grids .l-grid--card-link > .thumb {
    inline-size: 100%;
  }
  .p-section-serviceinfo .grids .l-grid--card-link > .ttl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.5555555556;
    padding-block: calc(15 * var(--vunit));
    min-height: calc(80 * var(--vunit));
  }
  .p-section-util {
    padding-block: calc(60 * var(--vunit));
  }
  .p-section-util .grids {
    grid-template-columns: repeat(1, auto);
  }
  .p-section-util .grids .l-grid--card-link > .thumb {
    inline-size: 100%;
  }
  .p-section-util .grids .l-grid--card-link > .ttl {
    font-size: calc(20 * var(--funit));
    line-height: 1.3333333333;
    font-weight: var(--fw-bold);
  }
  .p-section-util .grids .l-grid--card-link > .ttl [class*=c-icon] {
    -webkit-margin-before: -0.05lh;
            margin-block-start: -0.05lh;
  }
  .p-section-case {
    padding-block: calc(60 * var(--vunit)) calc(60 * var(--vunit));
  }
  .p-section-case .grids {
    grid-template-columns: repeat(1, auto);
  }
  .p-section-case .grids .l-grid--card-link {
    inline-size: min(100%, 400 * var(--vunit));
    justify-self: center;
  }
  .p-section-case .grids .l-grid--card-link > .thumb {
    inline-size: 100%;
  }
  .p-section-qa {
    padding-block: calc(60 * var(--vunit)) calc(60 * var(--vunit));
  }
  .p-section-qa .grids {
    grid-template-columns: repeat(1, auto);
  }
  .p-section-qa .grids .c-details-qa {
    inline-size: calc(100dvi - 30 * var(--vunit));
    justify-self: center;
  }
  .splide__arrows--ltr {
    --_btn-arrow-size: 60;
  }
  .splide__toggle {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .splide__toggle [class*=c-icon] {
    max-inline-size: calc(11 * var(--vunit));
    max-block-size: calc(14 * var(--vunit));
  }
  .splide__pagination .splide__pagination__page {
    inline-size: calc(12 * var(--vunit));
    block-size: calc(12 * var(--vunit));
  }
  .splide[data-name=section-reason] {
    margin-top: calc(20 * var(--vunit));
    padding-bottom: calc(5 * var(--vunit));
  }
  .splide[data-name=section-reason] .splide__slide {
    width: calc(260 * var(--vunit)) !important;
  }
  .splide[data-name=section-reason] .ttl {
    font-size: 2.4rem;
  }
  .splide[data-name=section-reason] .desc {
    font-size: 1.4rem;
    margin-top: calc(10 * var(--vunit));
  }
  .splide[data-name=section-reason] .splide__arrow--prev {
    top: -560%;
    left: calc(-16 * var(--vunit));
    width: calc(40 * var(--vunit));
  }
  .splide[data-name=section-reason] .splide__arrow--next {
    top: -560%;
    right: calc(-16 * var(--vunit));
    width: calc(40 * var(--vunit));
  }
}
@media print, screen and (min-width: 768px) {
  :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;
  }
  .l-inner {
    --_lwi-pc: var(--layout-inner-pc);
    --_im-pc: var(--layout-inner-margin-pc);
    --_lwi: var(--_lwi-pc);
    --_im: var(--_im-pc);
  }
  .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 100) * var(--vunit));
  }
  .l-grid--col2 {
    --_flow: column;
    --_columns: 1fr 1fr;
  }
  .l-grid--col3 {
    --_flow: column;
    --_columns: 1fr 1fr 1fr;
  }
  .l-grid--col4 {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row;
    --_flow: column;
    --_columns: 1fr 1fr 1fr 1fr;
  }
  :where(.l-btn--left-pc, .l-btn--start-pc) {
    --_grid-width: fit-content;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  :where(.l-btn--right-pc, .l-btn--end-pc) {
    --_grid-width: fit-content;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  .l-background__bg-fill-diag {
    width: 43.75dvi;
    clip-path: polygon(calc(160 * var(--vunit)) 0, 100% 0, 100% 100%, 0 100%);
    height: 100%;
  }
  .l-followbottombar .l-inner {
    grid-template: "logo btn1 btn2" minmax(calc(20 * var(--vunit)), auto)/1fr auto auto;
  }
  .c-btn-circle {
    --_fs: var(--_fs-pc);
    --_lh: var(--_lh-pc);
    --_size: var(--_size-pc);
  }
  .c-btn-rounded:has([class^=c-icon]) {
    padding-inline: calc(var(--_padding, 32) * var(--funit));
  }
  .c-btn-rounded [class^=c-icon] {
    --_x: calc(var( --_icon-x,0) - var( --_icon-x-base, 21) );
  }
  [class*=c-btn-box] {
    padding-inline: calc(3 * var(--vunit));
    padding-block: calc(3 * var(--vunit)) calc(4 * var(--vunit));
    font-size: calc(18 * var(--funit));
    line-height: 2.1111111111;
    font-weight: var(--fw-bold);
    letter-spacing: calc(0 * var(--flsunit));
  }
  [class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: calc(5 * var(--vunit));
            margin-inline-start: calc(5 * var(--vunit));
  }
  .c-btn-box--rounded {
    --_r: 8;
  }
  [class*=c-btn-txt] {
    min-block-size: frem(50);
  }
  [class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: frem(20);
            margin-inline-start: frem(20);
  }
  .c-btn-page-top {
    inset-inline-end: 13.5416666667dvi;
    inline-size: calc(80 * var(--vunit));
  }
  .c-btn-page-top[data-active] {
    inset-block-end: calc(40 * var(--vunit));
  }
  .c-hamburger {
    display: none;
  }
  .c-frame-circle-accent {
    width: calc(var(--_circle-width, 112) * var(--vunit));
    border: calc(var(--_tickness, 3) * var(--vunit)) solid;
  }
  .c-frame-circle-accent:before {
    border: calc(6 * var(--vunit)) solid var(--_accent-color, var(--color-yellow-key));
    inline-size: calc(100% - (var(--_tickness, 3) - 1) * var(--vunit));
    block-size: calc(100% - (var(--_tickness, 3) - 1) * var(--vunit));
  }
  .c-frame-circle-accent[data-type=num] > .number {
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0rem;
  }
  .c-frame-circle-accent[data-type=num] > .title-ja {
    font-size: calc(24 * var(--funit));
  }
  [class*=c-icon--] {
    --_iw: var(--_iw-pc,0);
    --_ih: var(--_ih-pc,0);
  }
  .c-icon--angle-arrow-right,
  .c-icon--angle-arrow-left {
    --_tickness: 3;
    --_size: 10;
  }
  [class*=c-icon-img--] {
    --_iw: var(--_iw-pc,0);
    --_ih: var(--_ih-pc,0);
  }
  .c-link-txt {
    font-size: calc(13 * var(--funit));
    line-height: 2.2307692308;
    font-weight: var(--fw-bold);
  }
  .c-link-txt--default {
    font-size: calc(15 * var(--funit));
    line-height: 1.3333333333;
    font-weight: var(--fw-bold);
  }
  .c-list--indent[data-type=circle-check] {
    --_margin: 1.8em;
  }
  .c-list--indent[data-type=circle-check] li {
    --_size: 26;
  }
  .c-list--indent[data-type=circle-check] li:before {
    inset-block-start: -0.5em;
    inset-inline-start: calc(var(--_size) * -1.8 * var(--funit));
  }
  .c-table[data-type=frame] tbody {
    inline-size: 100%;
  }
  .c-table[data-type=frame] tr > th {
    inline-size: var(--_th-w);
  }
  .c-table[data-type=frame] tr > td {
    inline-size: var(--_td-w);
  }
  .c-table[data-type=frame] tr .img-cell {
    inline-size: var(--_img-size-pc, 29.5833333333%);
  }
  .c-table[data-type=default] {
    inline-size: 100%;
  }
  .c-table[data-type=default] tbody {
    inline-size: 100%;
  }
  .c-table[data-type=default] tr > th {
    inline-size: var(--_th-w);
  }
  .c-table[data-type=default] tr > td {
    inline-size: var(--_td-w, inherit);
  }
  .c-tag-circle {
    --_ls: var(--_ls-pc);
    --_fs: var(--_fs-pc);
    --_lh: var(--_lh-pc);
    --_size: var(--_size-pc);
  }
  [class*=c-ttl--] {
    --_font-size: var(--_font-size-pc);
    --_line-height: var(--_line-height-pc);
    --_letter-spacing: var(--_letter-spacing-pc);
  }
  [class*=c-txt--] {
    --_font-size: var(--_font-size-pc);
    --_line-height: var(--_line-height-pc);
  }
  #app .c-txtdec--serif[data-dir=bottom] {
    --_tail-size: 26;
    --_tail-length: 24;
    --_padding-y-base: 16;
    --_padding-yb-base: 7;
  }
  .c-ui-nav-list [role=menu] {
    --_rect-left: 12;
    --_rect-height: var(--rect-height);
    position: absolute;
    -webkit-filter: drop-shadow(0 calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--shadow02));
            filter: drop-shadow(0 calc(4 * var(--vunit)) calc(4 * var(--vunit)) var(--shadow02));
    backdrop-filter: blur(calc(50 * var(--vunit)));
    padding: calc(12 * var(--vunit));
  }
  .u-mta5 {
    --_mt: 5;
  }
  .u-mta10 {
    --_mt: 10;
  }
  .u-mta15 {
    --_mt: 15;
  }
  .u-mta20 {
    --_mt: 20;
  }
  .u-mta25 {
    --_mt: 25;
  }
  .u-mta30 {
    --_mt: 30;
  }
  .u-mta35 {
    --_mt: 35;
  }
  .u-mta40 {
    --_mt: 40;
  }
  .u-mta45 {
    --_mt: 45;
  }
  .u-mta50 {
    --_mt: 50;
  }
  .u-mta55 {
    --_mt: 55;
  }
  .u-mta60 {
    --_mt: 60;
  }
  .u-mta65 {
    --_mt: 65;
  }
  .u-mta70 {
    --_mt: 70;
  }
  .u-mta75 {
    --_mt: 75;
  }
  .u-mta80 {
    --_mt: 80;
  }
  .u-mta85 {
    --_mt: 85;
  }
  .u-mta90 {
    --_mt: 90;
  }
  .u-mta95 {
    --_mt: 95;
  }
  .u-mta100 {
    --_mt: 100;
  }
  .u-mt-pc5 {
    --_mt: 5;
  }
  .u-mt-pc10 {
    --_mt: 10;
  }
  .u-mt-pc15 {
    --_mt: 15;
  }
  .u-mt-pc20 {
    --_mt: 20;
  }
  .u-mt-pc25 {
    --_mt: 25;
  }
  .u-mt-pc30 {
    --_mt: 30;
  }
  .u-mt-pc35 {
    --_mt: 35;
  }
  .u-mt-pc40 {
    --_mt: 40;
  }
  .u-mt-pc45 {
    --_mt: 45;
  }
  .u-mt-pc50 {
    --_mt: 50;
  }
  .u-mt-pc55 {
    --_mt: 55;
  }
  .u-mt-pc60 {
    --_mt: 60;
  }
  .u-mt-pc65 {
    --_mt: 65;
  }
  .u-mt-pc70 {
    --_mt: 70;
  }
  .u-mt-pc75 {
    --_mt: 75;
  }
  .u-mt-pc80 {
    --_mt: 80;
  }
  .u-mt-pc85 {
    --_mt: 85;
  }
  .u-mt-pc90 {
    --_mt: 90;
  }
  .u-mt-pc95 {
    --_mt: 95;
  }
  .u-mt-pc100 {
    --_mt: 100;
  }
  .u-mba5 {
    --_mb: 5;
  }
  .u-mba10 {
    --_mb: 10;
  }
  .u-mba15 {
    --_mb: 15;
  }
  .u-mba20 {
    --_mb: 20;
  }
  .u-mba25 {
    --_mb: 25;
  }
  .u-mba30 {
    --_mb: 30;
  }
  .u-mba35 {
    --_mb: 35;
  }
  .u-mba40 {
    --_mb: 40;
  }
  .u-mba45 {
    --_mb: 45;
  }
  .u-mba50 {
    --_mb: 50;
  }
  .u-mba55 {
    --_mb: 55;
  }
  .u-mba60 {
    --_mb: 60;
  }
  .u-mba65 {
    --_mb: 65;
  }
  .u-mba70 {
    --_mb: 70;
  }
  .u-mba75 {
    --_mb: 75;
  }
  .u-mba80 {
    --_mb: 80;
  }
  .u-mba85 {
    --_mb: 85;
  }
  .u-mba90 {
    --_mb: 90;
  }
  .u-mba95 {
    --_mb: 95;
  }
  .u-mba100 {
    --_mb: 100;
  }
  .u-mba105 {
    --_mb: 105;
  }
  .u-mba110 {
    --_mb: 110;
  }
  .u-mba115 {
    --_mb: 115;
  }
  .u-mba120 {
    --_mb: 120;
  }
  .u-mb-pc5 {
    --_mb: 5;
  }
  .u-mb-pc10 {
    --_mb: 10;
  }
  .u-mb-pc15 {
    --_mb: 15;
  }
  .u-mb-pc20 {
    --_mb: 20;
  }
  .u-mb-pc25 {
    --_mb: 25;
  }
  .u-mb-pc30 {
    --_mb: 30;
  }
  .u-mb-pc35 {
    --_mb: 35;
  }
  .u-mb-pc40 {
    --_mb: 40;
  }
  .u-mb-pc45 {
    --_mb: 45;
  }
  .u-mb-pc50 {
    --_mb: 50;
  }
  .u-mb-pc55 {
    --_mb: 55;
  }
  .u-mb-pc60 {
    --_mb: 60;
  }
  .u-mb-pc65 {
    --_mb: 65;
  }
  .u-mb-pc70 {
    --_mb: 70;
  }
  .u-mb-pc75 {
    --_mb: 75;
  }
  .u-mb-pc80 {
    --_mb: 80;
  }
  .u-mb-pc85 {
    --_mb: 85;
  }
  .u-mb-pc90 {
    --_mb: 90;
  }
  .u-mb-pc95 {
    --_mb: 95;
  }
  .u-mb-pc100 {
    --_mb: 100;
  }
  .u-mta2 {
    --_mt: 2;
  }
  .u-mta13 {
    --_mt: 13;
  }
  .u-mta16 {
    --_mt: 16;
  }
  .u-mta24 {
    --_mt: 24;
  }
  .u-mta27 {
    --_mt: 27;
  }
  .u-mta28 {
    --_mt: 28;
  }
  .u-mta38 {
    --_mt: 38;
  }
  .u-mta43 {
    --_mt: 43;
  }
  .u-mta57 {
    --_mt: 57;
  }
  .u-mta58 {
    --_mt: 58;
  }
  .u-mta64 {
    --_mt: 64;
  }
  .u-mta68 {
    --_mt: 68;
  }
  .u-mta93 {
    --_mt: 93;
  }
  .u-mta94 {
    --_mt: 94;
  }
  .u-mta125 {
    --_mt: 125;
  }
  .u-mt-pc94 {
    --_mt: 94;
  }
  .u-mt-pc98 {
    --_mt: 98;
  }
  .u-pta5 {
    --_pt: 5;
  }
  .u-pta10 {
    --_pt: 10;
  }
  .u-pta15 {
    --_pt: 15;
  }
  .u-pta20 {
    --_pt: 20;
  }
  .u-pta25 {
    --_pt: 25;
  }
  .u-pta30 {
    --_pt: 30;
  }
  .u-pta35 {
    --_pt: 35;
  }
  .u-pta40 {
    --_pt: 40;
  }
  .u-pta45 {
    --_pt: 45;
  }
  .u-pta50 {
    --_pt: 50;
  }
  .u-pta55 {
    --_pt: 55;
  }
  .u-pta60 {
    --_pt: 60;
  }
  .u-pta65 {
    --_pt: 65;
  }
  .u-pta70 {
    --_pt: 70;
  }
  .u-pta75 {
    --_pt: 75;
  }
  .u-pta80 {
    --_pt: 80;
  }
  .u-pta85 {
    --_pt: 85;
  }
  .u-pta90 {
    --_pt: 90;
  }
  .u-pta95 {
    --_pt: 95;
  }
  .u-pta100 {
    --_pt: 100;
  }
  .u-pta105 {
    --_pt: 105;
  }
  .u-pta110 {
    --_pt: 110;
  }
  .u-pta115 {
    --_pt: 115;
  }
  .u-pta120 {
    --_pt: 120;
  }
  .u-pta125 {
    --_pt: 125;
  }
  .u-pt-pc5 {
    --_pt: 5;
  }
  .u-pt-pc10 {
    --_pt: 10;
  }
  .u-pt-pc15 {
    --_pt: 15;
  }
  .u-pt-pc20 {
    --_pt: 20;
  }
  .u-pt-pc25 {
    --_pt: 25;
  }
  .u-pt-pc30 {
    --_pt: 30;
  }
  .u-pt-pc35 {
    --_pt: 35;
  }
  .u-pt-pc40 {
    --_pt: 40;
  }
  .u-pt-pc45 {
    --_pt: 45;
  }
  .u-pt-pc50 {
    --_pt: 50;
  }
  .u-pt-pc55 {
    --_pt: 55;
  }
  .u-pt-pc60 {
    --_pt: 60;
  }
  .u-pt-pc65 {
    --_pt: 65;
  }
  .u-pt-pc70 {
    --_pt: 70;
  }
  .u-pt-pc75 {
    --_pt: 75;
  }
  .u-pt-pc80 {
    --_pt: 80;
  }
  .u-pt-pc85 {
    --_pt: 85;
  }
  .u-pt-pc90 {
    --_pt: 90;
  }
  .u-pt-pc95 {
    --_pt: 95;
  }
  .u-pt-pc100 {
    --_pt: 100;
  }
  .u-pba5 {
    --_pb: 5;
  }
  .u-pba10 {
    --_pb: 10;
  }
  .u-pba15 {
    --_pb: 15;
  }
  .u-pba20 {
    --_pb: 20;
  }
  .u-pba25 {
    --_pb: 25;
  }
  .u-pba30 {
    --_pb: 30;
  }
  .u-pba35 {
    --_pb: 35;
  }
  .u-pba40 {
    --_pb: 40;
  }
  .u-pba45 {
    --_pb: 45;
  }
  .u-pba50 {
    --_pb: 50;
  }
  .u-pba55 {
    --_pb: 55;
  }
  .u-pba60 {
    --_pb: 60;
  }
  .u-pba65 {
    --_pb: 65;
  }
  .u-pba70 {
    --_pb: 70;
  }
  .u-pba75 {
    --_pb: 75;
  }
  .u-pba80 {
    --_pb: 80;
  }
  .u-pba85 {
    --_pb: 85;
  }
  .u-pba90 {
    --_pb: 90;
  }
  .u-pba95 {
    --_pb: 95;
  }
  .u-pba100 {
    --_pb: 100;
  }
  .u-pba105 {
    --_pb: 105;
  }
  .u-pba110 {
    --_pb: 110;
  }
  .u-pba115 {
    --_pb: 115;
  }
  .u-pba120 {
    --_pb: 120;
  }
  .u-pba125 {
    --_pb: 125;
  }
  .u-pb-pc5 {
    --_pb: 5;
  }
  .u-pb-pc10 {
    --_pb: 10;
  }
  .u-pb-pc15 {
    --_pb: 15;
  }
  .u-pb-pc20 {
    --_pb: 20;
  }
  .u-pb-pc25 {
    --_pb: 25;
  }
  .u-pb-pc30 {
    --_pb: 30;
  }
  .u-pb-pc35 {
    --_pb: 35;
  }
  .u-pb-pc40 {
    --_pb: 40;
  }
  .u-pb-pc45 {
    --_pb: 45;
  }
  .u-pb-pc50 {
    --_pb: 50;
  }
  .u-pb-pc55 {
    --_pb: 55;
  }
  .u-pb-pc60 {
    --_pb: 60;
  }
  .u-pb-pc65 {
    --_pb: 65;
  }
  .u-pb-pc70 {
    --_pb: 70;
  }
  .u-pb-pc75 {
    --_pb: 75;
  }
  .u-pb-pc80 {
    --_pb: 80;
  }
  .u-pb-pc85 {
    --_pb: 85;
  }
  .u-pb-pc90 {
    --_pb: 90;
  }
  .u-pb-pc95 {
    --_pb: 95;
  }
  .u-pb-pc100 {
    --_pb: 100;
  }
  .u-pta99 {
    --_pt: 99;
  }
  .u-pta102 {
    --_pt: 102;
  }
  .u-pba98 {
    --_pb: 98;
  }
  .u-pba101 {
    --_pb: 101;
  }
  .u-pt-pc109 {
    --_pt: 109;
  }
  .u-pt-pc102 {
    --_pt: 102;
  }
  .u-pb-pc69 {
    --_pb: 69;
  }
  .u-sp {
    display: none !important;
  }
  .isSP {
    display: none !important;
  }
  .p-page-service {
    margin-top: calc(126 * var(--vunit));
  }
  .p-page-service-sec02 {
    padding-block: calc(121 * var(--vunit)) calc(112 * var(--vunit));
  }
  .p-page-service-sec02 .grids {
    margin-top: calc(50 * var(--vunit));
  }
  .p-page-service-sec02 .card > .circleimage .pic img {
    width: calc(var(--_circle-iw-pc) * var(--vunit));
    aspect-ratio: var(--_circle-iw-pc)/var(--_circle-ih-pc);
  }
  .p-page-service-reason-sec01 > .l-background .bg-fill {
    inline-size: calc(840 * var(--vwc));
    clip-path: polygon(calc(160 * var(--vunit)) 0, 100% 0, 100% 100%, 0 100%);
    block-size: 100%;
  }
  .p-page-service-reason-sec01 .sec-ttl {
    margin-top: calc(105 * var(--vunit));
    font-size: 5rem;
    font-weight: var(--fw-bold);
    line-height: 1.6;
  }
  .p-page-service-reason-sec01 .grids {
    grid-template: "con img" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
    gap: calc(49 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-content {
    max-width: calc(548 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-content > .txt {
    margin-top: calc(41 * var(--vunit));
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: -0.15rem;
  }
  .p-page-service-reason-sec01 .grids .grid-content .txt + .txt {
    margin-top: calc(36 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-content > .l-btn {
    --_justify: start;
    margin-top: calc(32 * var(--vunit));
  }
  .p-page-service-reason-sec01 .grids .grid-image {
    -ms-flex-item-align: end;
        align-self: end;
    aspect-ratio: 586/551;
  }
  .p-page-service-reason-sec01 .grids .grid-image > .pic01 {
    aspect-ratio: 600/400;
    width: calc(600 * var(--vunit));
    margin-bottom: calc(67 * var(--vunit));
  }
  .p-page-service-reason-sec02 {
    padding-block: calc(68 * var(--vunit)) calc(115 * var(--vunit));
  }
  .p-page-service-reason-sec02 .card {
    gap: calc(73 * var(--vunit));
  }
  .p-page-service-reason-sec02 .card:nth-child(2n+1 of .card) {
    grid-template: "img con" minmax(calc(340 * var(--vunit)), auto)/auto 1fr;
  }
  .p-page-service-reason-sec02 .card:nth-child(2n+2 of .card) {
    --_content-margin-left: calc( -6 * var(--vunit) );
    grid-template: "con img" minmax(calc(340 * var(--vunit)), auto)/1fr auto;
  }
  .p-page-service-reason-sec02 .card > .image {
    width: calc(520 * var(--vunit));
  }
  .p-page-service-reason-sec02 .card > .content > .ttl {
    margin-top: calc(6 * var(--vunit));
    font-size: 2.8rem;
    font-weight: var(--fw-bold);
    line-height: 1.5;
  }
  .p-page-service-reason-sec02 .card > .content > .ttl strong {
    font-size: 3.6rem;
    font-weight: var(--fw-bold);
    line-height: 1.1666666667;
  }
  .p-page-service-reason-sec02 .card > .content > .l-btn {
    --_justify: start;
  }
  .p-page-service-reason-sec02 .card.card05 .content .l-btn {
    margin-left: calc(8 * var(--vunit));
  }
  .p-page-service-products-sec01 .grids01 {
    --_gap: calc( 40 * var(--vunit) );
    --_card-w: calc(50cqi - var(--_gap) / 2 );
    grid-template-columns: repeat(2, var(--_card-w));
    grid-template-rows: auto;
  }
  .p-page-service-products-sec01 .grids01 .card:not(:has(.card-link)) {
    grid-template: "img con" minmax(calc(314 * var(--vunit)), auto)/var(--_grid-image-w-per) 1fr;
  }
  .p-page-service-products-sec01 .grids01 .card .card-link {
    grid-template: "img con" minmax(calc(314 * var(--vunit)), auto)/var(--_grid-image-w-per) 1fr;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image {
    block-size: 100%;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image > picture {
    aspect-ratio: 200/314;
    block-size: 100%;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-image > picture img {
    block-size: 100%;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn .btn {
    --_fs: 15;
    --_icon-x-base: 16;
    inline-size: 100%;
  }
  .p-page-service-products-sec01 .grids01 .card .grid-content > .l-btn .btn.btn04 {
    --_fs: 14;
  }
  .p-page-service-products-sec01 .content-nothandled .grids {
    --_gap: calc( 15 * var(--vunit) );
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(calc(80 * var(--vunit)), auto);
    max-inline-size: calc(100% - 120 * var(--vunit));
  }
  .p-page-service-products-sec01 .content-nothandled .grids .card {
    grid-column: var(--_grid-span-w, span 1);
    grid-row: var(--_grid-span-h, span 1);
  }
  .p-page-service-products-sec01 .content-nothandled .grids .card {
    grid-template-columns: repeat(3, 1fr);
  }
  .p-page-service-products-sec02 {
    padding-block: calc(43 * var(--vunit)) calc(51 * var(--vunit));
  }
  .p-page-service-products-sec02 .grids01 {
    --_columns: var( --_grid-image-w-per ) 1fr;
  }
  .p-page-service-option-sec .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 100) * var(--vunit));
  }
  .p-page-service-option-sec .grids01 {
    --_gap: calc( 40 * var(--vunit) );
    --_card-w: calc(50cqi - var(--_gap) / 2 );
    grid-template-columns: repeat(2, var(--_card-w));
    grid-template-rows: auto;
  }
  .p-page-service-option-sec .grids01 .card {
    grid-template: "img con" minmax(calc(314 * var(--vunit)), auto)/var(--_grid-image-w-per) 1fr;
  }
  .p-page-service-option-sec .grids01 .card .grid-image {
    block-size: 100%;
  }
  .p-page-service-option-sec .grids01 .card .grid-image > picture {
    aspect-ratio: 200/314;
    block-size: 100%;
  }
  .p-page-service-option-sec .grids01 .card .grid-image > picture img {
    block-size: 100%;
  }
  .p-page-service-option-sec .grids01 .card .grid-content > .l-btn .btn {
    --_fs: 15;
    --_icon-x-base: 16;
    inline-size: 100%;
  }
  .p-page-service-option-sec .grids02 {
    gap: calc(var(--_column-gap, 85) * var(--vunit));
  }
  .p-page-service-option-sec .grids02 > * {
    max-inline-size: calc(var(--_column-gap, 290) * var(--rrate) * var(--vunit));
  }
  .p-page-service-merit-sec01 {
    padding-block: calc(20 * var(--vunit)) calc(115 * var(--vunit));
  }
  .p-page-service-merit-sec01 .sec-ttl {
    margin-top: calc(56 * var(--vunit));
  }
  .p-page-service-merit-sec01 .sec-ttl .big {
    padding-top: calc(9 * var(--vunit));
  }
  .p-page-service-merit-sec01 .contents01 .grids {
    gap: calc(var(--_column-gap, 85) * var(--vunit));
  }
  .p-page-service-merit-sec01 .contents01 .grids > * {
    max-inline-size: calc(var(--_column-gap, 290) * var(--rrate) * var(--vunit));
  }
  .p-page-service-merit-sec01 .grids02 {
    margin-top: calc(43 * var(--vunit));
    margin-left: calc(-27 * var(--vunit));
    -webkit-column-gap: 2.3em;
       -moz-column-gap: 2.3em;
            column-gap: 2.3em;
    grid-template: "ttl img" minmax(calc(20 * var(--vunit)), 1fr) "txt img" minmax(calc(20 * var(--vunit)), auto)/auto auto;
  }
  .p-page-service-merit-sec01 .grids02 .list {
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    margin-top: calc(17 * var(--vunit));
    margin-bottom: calc(32 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 {
    margin-top: calc(48 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 .grids {
    margin-top: calc(32 * var(--vunit));
    gap: calc(26 * var(--vunit));
  }
  .p-page-service-merit-sec01 .content03 .grid-terms-link {
    margin-top: calc(15 * var(--vunit));
  }
  .p-page-company-sec01 .p-article-ttl {
    font-size: calc(30 * var(--funit));
    text-align: start;
  }
  .p-page-company-sec02 .grids {
    --_columns: auto 1fr;
    gap: calc(91 * var(--vunit));
  }
  .p-page-company-sec02 .l-grid-content {
    padding-inline: calc(var(--_padding-inline, 100) * var(--vunit));
  }
  .p-page-company-sec02 .grid-ttl {
    font-size: calc(30 * var(--funit));
    text-align: start;
  }
  .p-page-company-sec03 .c-table [class*=c-btn] {
    inset-block-start: calc(-2 * var(--vunit));
  }
  .p-page-office .area {
    grid-template-columns: minmax(20%, auto) 1fr;
  }
  .p-page-office .c-table.c-table--sp {
    display: none;
  }
  .p-page-office-sec01 .grids01 .grid-btn {
    justify-items: end;
  }
  .p-page-service-transportation .page-sec01 .grids01 {
    --_columns: auto 1fr;
  }
  .p-page-service-transportation .page-sec01 .grids01 .grid-content {
    max-inline-size: calc(640 * var(--vunit));
  }
  .p-page-service-transportation .page-sec02 .grid01,
  .p-page-service-transportation .page-sec03 .grid01 {
    grid-template: "ttl img" minmax(calc(20 * var(--vunit)), auto) "desc img" minmax(calc(20 * var(--vunit)), 1fr)/1fr auto;
  }
  .p-page-use_detail .page-sec01 .l-grid-content .circle {
    -webkit-margin-before: calc(-95 * var(--vunit));
            margin-block-start: calc(-95 * var(--vunit));
  }
  .p-page-use_detail .page-sec01 .l-grid-content .ttl {
    font-size: calc(30 * var(--funit));
  }
  .p-page-use_detail .page-sec02 .l-grid-content {
    --_padding-inline: 40;
    grid-template: "ttl img" minmax(calc(20 * var(--vunit)), auto) "desc img" minmax(calc(20 * var(--vunit)), auto)/1fr auto;
  }
  .p-page-use_detail .page-sec02 .l-grid-content .ttl {
    -webkit-margin-before: auto;
            margin-block-start: auto;
  }
  .p-page-use_detail .page-sec02 .l-grid-content .desc {
    max-inline-size: calc(500 * var(--vunit));
  }
  .p-page-use_detail .page-sec02 .l-grid-content .image {
    inline-size: calc(540 * var(--vunit));
  }
  .p-page-use_detail-linklist {
    -webkit-margin-start: calc(10 * var(--vunit));
            margin-inline-start: calc(10 * var(--vunit));
  }
  .p-page-use_detail-linklist[data-dir=row] {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(auto-fit, calc(590 * var(--vunit)));
    grid-auto-flow: column;
  }
  .p-page-use_detail-linklist[data-dir=column] {
    grid-template-columns: repeat(2, calc(590 * var(--vunit)));
    grid-auto-flow: row;
  }
  .p-page-use_detail-linklist .btn-link {
    min-block-size: calc(88 * var(--vunit));
    padding-inline: calc(30 * var(--vunit));
    padding-block: calc(15 * var(--vunit));
  }
  .p-form {
    max-inline-size: calc(900 * var(--vunit));
  }
  .p-form > .row {
    grid-template: "ttl inp" minmax(calc(20 * var(--vunit)), auto) "desc inp" minmax(calc(0 * var(--vunit)), 1fr)/calc(376 * var(--vunit)) 1fr;
  }
  .p-form :where(input[type=text], input[type=email], input[type=tel], input[type=date], textarea, select) {
    min-block-size: calc(var(--_min-block-size, 54) * var(--vunit));
  }
  .p-form textarea {
    min-block-size: calc(170 * var(--vunit));
  }
  .p-form textarea::-webkit-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::-moz-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea:-ms-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::-ms-input-placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form textarea::placeholder {
    font-size: calc(14 * var(--funit));
    line-height: 1;
  }
  .p-form .item-select {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .p-form input[type=checkbox] {
    --_checksize: var(--_checksize-pc);
    --_boxsize: var(--_boxsize-pc);
  }
  .p-form input[type=checkbox]:after {
    translate: calc(-50% + var(--_adjust-x)) calc(-50% + var(--_adjust-y));
  }
  .p-form input[type=radio] {
    inline-size: calc(var(--_radio-size) * var(--vunit));
    block-size: calc(var(--_radio-size) * var(--vunit));
  }
  .p-form input[type=file]::-webkit-file-upload-button {
    -webkit-margin-end: calc(20 * var(--vunit));
            margin-inline-end: calc(20 * var(--vunit));
    padding-block: calc(8 * var(--vunit));
    padding-inline: calc(19 * var(--vunit));
  }
  .p-form input[type=file]::file-selector-button,
  .p-form input[type=file]::-webkit-file-upload-button {
    -webkit-margin-end: calc(20 * var(--vunit));
            margin-inline-end: calc(20 * var(--vunit));
    padding-block: calc(8 * var(--vunit));
    padding-inline: calc(19 * var(--vunit));
  }
  .p-img--logo-webjitbox {
    inline-size: calc(307 * var(--vunit));
  }
  .p-stepcard-list {
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--_card-wc), auto);
    gap: calc(var(--_gap) * var(--vunit));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-stepcard:not(:last-child):after {
    rotate: 45deg;
    inset-block-start: 50%;
    inset-inline-end: calc(-38 * var(--vunit));
  }
  .p-article header .article-ttl {
    -webkit-margin-end: calc(-50 * var(--vunit));
            margin-inline-end: calc(-50 * var(--vunit));
  }
  .p-article[data-page=payment] {
    --_h3-size: 40;
    --_h3-height: 60;
    --_h3-ls: 50;
  }
  .p-article[data-page=terms] p {
    font-size: calc(var(--_p-size, 16) * var(--funit));
  }
  .p-article[data-page=yakkan] {
    --_ol-li-text-padding: 6.3em;
    --_ol-li-text-padding2: 5.8em;
  }
  .p-article[data-page=privacy_request] {
    --_ol-li-text-padding: 2em;
    --_ol-li-text-padding2: 2em;
  }
  .p-article[data-page=use_site] {
    --_ul-li-text-padding: 0;
    --_ul-li-text-padding2: 0;
  }
  .p-article[data-page=gdpr_policy] {
    --_ul-li-text-padding: 0;
    --_ul-li-text-padding2: 0;
  }
  .p-articlecard[data-type=case] {
    grid-template: "thumb tag company" minmax(calc(20 * var(--vunit)), auto) "thumb ttl ttl" minmax(calc(20 * var(--vunit)), auto) "thumb txt txt" minmax(calc(20 * var(--vunit)), auto) "thumb inf inf" minmax(calc(20 * var(--vunit)), 1fr)/minmax(calc(300 * var(--vunit)), auto) auto 1fr;
  }
  .p-articlecard[data-type=case] .thumb {
    max-inline-size: calc(300 * var(--vunit));
    -webkit-margin-end: calc(40 * var(--vunit));
            margin-inline-end: calc(40 * var(--vunit));
  }
  .p-articlecard[data-type=case] .tag {
    -webkit-margin-before: calc(5 * var(--vunit));
            margin-block-start: calc(5 * var(--vunit));
  }
  .p-articlecard[data-type=case] .company {
    margin-left: calc(10 * var(--vunit));
    margin-top: calc(5 * var(--vunit));
  }
  .p-article-news header .article-ttl {
    -webkit-margin-end: calc(-50 * var(--vunit));
            margin-inline-end: calc(-50 * var(--vunit));
  }
  .p-articlelist[data-type=news] .p-articlelist-item {
    grid-template: "time tag ttl" minmax(calc(20 * var(--vunit)), auto)/auto calc(148 * var(--vunit)) 1fr;
    -webkit-column-gap: calc(47 * var(--vunit));
       -moz-column-gap: calc(47 * var(--vunit));
            column-gap: calc(47 * var(--vunit));
  }
  .p-articlelist[data-type=news] .p-articlelist-item .tag {
    width: 100%;
    --_tag-font-size: 14;
    --_min-height-pc: 16;
    padding-inline: calc(17 * var(--vunit));
    padding-block: calc(4 * var(--vunit));
  }
  .p-articlelist-pagination .omission {
    inline-size: calc(36 * var(--vunit));
  }
  .p-headerbar-wrap {
    --_height: var(--header-height);
    --_headerbar-shadow: 0 calc( 4 * var(--vunit) ) calc( 8 * var(--vunit) ) 0 var(--shadow02);
    place-content: center;
    -ms-flex-line-pack: start;
        align-content: start;
    z-index: var(--obj-z-l-header);
    background-color: var(--color-white);
    grid-template: "row01" minmax(calc(20 * var(--vunit)), auto) "row02" minmax(calc(20 * var(--vunit)), auto)/1fr;
  }
  .p-headerbar {
    --_mi: 20;
    row-gap: calc(20 * var(--vunit));
    max-width: calc(var(--_lwi) * var(--vunit));
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
    display: grid;
    grid-template: "logo nav ham" minmax(calc(40 * var(--vunit)), auto)/1fr auto auto;
  }
  .p-headerbar__logowrap .sitettl .logo {
    width: calc(111 * var(--vunit));
    height: calc(80 * var(--vunit));
    margin-top: calc(10 * var(--vunit));
  }
  .p-headerbar__menu > li .btn {
    min-width: calc(90 * var(--vunit));
    aspect-ratio: 90/80;
    font-size: 1.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.0833333333;
    letter-spacing: 0rem;
  }
  .p-headerbar__menu-loginwrap ul {
    gap: calc(3 * var(--vunit));
  }
  .p-headerbar__menu-loginwrap ul > li a {
    inline-size: calc(76 * var(--vunit));
    font-size: calc(11 * var(--funit));
    line-height: 1.1818181818;
    font-weight: var(--fw-bold);
  }
  .p-headerbar__row02 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerbar__row02 > ul {
    grid-template-columns: repeat(6, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    translate: calc(-3 * var(--vunit));
  }
  .p-headerbar__row02 > ul > li:before, .p-headerbar__row02 > ul > li:after {
    height: 47%;
    top: 26%;
    width: calc(1 * var(--vunit));
  }
  .p-headerbar__row02 > ul > li:after {
    right: calc(-3 * var(--vunit));
  }
  .p-headerbar__row02 [role=menubar] > li > [role=menuitem] {
    padding-inline: 3.5em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerbar__row02 [role=menu] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    grid-auto-flow: row;
  }
  .p-headerbar__row02 [role=menu] > li > [role=menuitem] {
    text-align: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-padding-start: calc(8 * var(--vunit));
            padding-inline-start: calc(8 * var(--vunit));
  }
  .p-headerbar__hamburger-wrap {
    display: none;
  }
  .p-headerbar-focustrap {
    display: none;
  }
  .p-footer-content {
    block-size: calc(var(--_bg-block-size) * var(--vunit));
  }
  .p-footer-content > .bg > [class*=c-pic] {
    display: block grid;
    -ms-flex-line-pack: center;
        align-content: center;
    block-size: calc(var(--_bg-block-size) * var(--vunit));
  }
  .p-footer-content .content > .ttl {
    font-size: calc(50 * var(--funit));
    line-height: 1;
    letter-spacing: calc(-450 * var(--flsunit));
  }
  .p-footer-content .content > .desc {
    -webkit-margin-before: calc(65 * var(--vunit));
            margin-block-start: calc(65 * var(--vunit));
    inline-size: calc(680 * var(--vunit));
  }
  .p-footer__copyright > .l-inner {
    grid-template-columns: auto auto;
  }
  .p-footer__copyright > .l-inner .copy {
    -webkit-margin-end: calc(10 * var(--vunit));
            margin-inline-end: calc(10 * var(--vunit));
  }
  .p-footer-cta {
    block-size: calc(200 * var(--vunit));
  }
  .p-footer-cta__btn > .l-inner {
    grid-template: "ttl icon" minmax(calc(20 * var(--vunit)), auto) "desc icon" minmax(calc(20 * var(--vunit)), auto)/1fr auto;
  }
  .p-footer-cta__btn > .l-inner .ttl {
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 0.9;
    letter-spacing: -0.24rem;
  }
  .p-footer-cta__btn > .l-inner .desc {
    -webkit-margin-before: calc(9 * var(--vunit));
            margin-block-start: calc(9 * var(--vunit));
    font-size: 1.3rem;
    font-weight: var(--fw-bold);
    line-height: 1;
  }
  .p-footer-cta__btn > .l-inner .icon {
    inline-size: calc(80 * var(--vunit));
  }
  .p-footer__nav {
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto;
  }
  .p-footer__nav > .lp-logo {
    -webkit-margin-end: calc(132 * var(--vunit));
            margin-inline-end: calc(132 * var(--vunit));
  }
  .p-footer__nav > .lp-logo > picture {
    inline-size: calc(140 * var(--vunit));
  }
  .p-footer__nav .p-footer__nav-service {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .p-footer__nav .p-footer__nav-service + .p-footer__nav-menu {
    -webkit-margin-start: calc(100 * var(--vunit));
            margin-inline-start: calc(100 * var(--vunit));
  }
  .p-footer__nav > .p-footer__nav-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-footer__nav .p-footer__nav-menu + .p-footer__nav-menu {
    -webkit-margin-start: calc(92 * var(--vunit));
            margin-inline-start: calc(92 * var(--vunit));
    -webkit-margin-before: calc(5 * var(--vunit));
            margin-block-start: calc(5 * var(--vunit));
  }
  .p-footer__nav-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-padding-before: calc(15 * var(--vunit));
            padding-block-start: calc(15 * var(--vunit));
    -webkit-padding-after: calc(47 * var(--vunit));
            padding-block-end: calc(47 * var(--vunit));
  }
  .p-footer__nav-bottom dl {
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
  }
  .p-footer__nav-bottom dl dd {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .p-footer__nav-bottom dl dd:before {
    inline-size: calc(1 * var(--vunit));
    inset-inline-start: calc(-30 * var(--vunit));
    inset-block-start: 20%;
    block-size: 50%;
  }
  .p-footer__nav-bottom dl dd ul {
    grid-auto-flow: column;
  }
  .p-page-nav-cards__cardlist {
    --_cw: calc( var(--_card-w-pc,282) * var(--vunit) );
    --_ch: calc( var(--_card-h-pc,198) * var(--vunit) );
    --_cxgap: calc( var(--_card-x-gap-pc,24) * var(--vunit) );
    --_cygap: calc( var(--_card-y-gap-pc,24) * var(--vunit) );
  }
  .p-page-nav-cards__cardlist > .card {
    inline-size: var(--_cw);
    aspect-ratio: var(--_card-w-pc)/var(--_card-h-pc);
  }
  .p-page-nav-buttons__list > .btn {
    inline-size: var(--_cw);
    aspect-ratio: var(--_card-w-pc)/var(--_card-h-pc);
  }
  .p-page-mv {
    min-height: calc(242 * var(--vunit));
    margin-top: calc(60 * var(--vunit));
  }
  .p-page-mv > .l-inner:not(:has(.category)) .ttl {
    margin-top: calc(37 * var(--vunit));
  }
  .p-page-mv > .l-inner > .category {
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 2;
  }
  .p-page-mv > .l-inner > .ttl {
    font-size: 6rem;
    font-weight: var(--fw-bold);
    line-height: 1.3333333333;
  }
  .p-page-mv > .l-inner > .sub {
    margin-top: calc(4 * var(--vunit));
  }
  .p-page-mv-use_detail {
    grid-template: ". tag img" minmax(calc(20 * var(--vunit)), 1fr) ". ttl img" minmax(calc(20 * var(--vunit)), auto) ". desc img" minmax(calc(20 * var(--vunit)), 1fr)/1fr auto 50vw;
  }
  .p-page-mv-use_detail > .tag {
    font-size: calc(16 * var(--vwc));
    letter-spacing: calc(0.5 * var(--vwc));
    padding-inline: calc(20 * var(--vwc));
  }
  .p-page-mv-use_detail > .ttl {
    font-size: calc(52 * var(--vwc));
    -webkit-margin-end: calc(80 * var(--vwc));
            margin-inline-end: calc(80 * var(--vwc));
    margin-block: calc(10 * var(--vwc)) calc(35 * var(--vwc));
  }
  .p-page-mv-use_detail > .desc {
    font-size: calc(18 * var(--vwc));
    letter-spacing: calc(1 * var(--vwc));
  }
  .p-page-breadcrumbs {
    padding-inline: calc(40 * var(--vunit));
  }
  .p-section-home-mv {
    padding-block: 0dvi 2.8645833333dvi;
  }
  .p-section-home-mv .grids {
    grid-template: "con img" minmax(calc(40 * var(--vunit)), auto)/var(--_grid-content-wc) var(--_grid-img-wc);
  }
  .p-section-home-mv .grid-content {
    grid-area: con;
    margin-inline: 0 1.7708333333dvi;
    -webkit-margin-after: 7.03125dvi;
            margin-block-end: 7.03125dvi;
    align-self: end;
    justify-self: end;
  }
  .p-section-home-mv .content-wrap {
    min-inline-size: 21.1458333333dvi;
    block-size: 18.75dvi;
    -ms-flex-item-align: end;
        align-self: end;
    justify-items: start;
  }
  .p-section-home-mv .content-wrap > .ttl {
    font-size: calc(52 * var(--vw));
    font-weight: var(--fw-bold);
    line-height: 1.2692307692;
    letter-spacing: 0.02rem;
    text-align: start;
    translate: 0.4166666667dvi;
  }
  .p-section-home-mv .content-wrap > .ttl.--tight {
    letter-spacing: -0.15625dvi;
    font-size: 2.6041666667dvi;
    -webkit-margin-after: -0.5208333333dvi;
            margin-block-end: -0.5208333333dvi;
    line-height: 1.33;
  }
  .p-section-home-mv .content-wrap > .logo {
    -webkit-margin-before: 0.8333333333dvi;
            margin-block-start: 0.8333333333dvi;
    inline-size: 17.03125dvi;
    aspect-ratio: 327/60;
    block-size: 3.125dvi;
    translate: 0.3125dvi;
  }
  .p-section-home-mv .content-wrap > .l-btn {
    -webkit-margin-before: 1.1979166667dvi;
            margin-block-start: 1.1979166667dvi;
    justify-self: start;
  }
  .p-section-home-mv .content-wrap > .l-btn [class*=c-btn] {
    -webkit-margin-start: 0.5208333333dvi;
            margin-inline-start: 0.5208333333dvi;
    min-inline-size: calc(var(--_width, var(--_width-pc)) * var(--vwc));
    min-block-size: calc(var(--_height, var(--_height-pc)) * var(--vwc));
    font-size: calc(var(--_fs, --_fs-pc) * var(--vwc));
    line-height: calc(var(--_lh, --_lh) * var(--vwc));
  }
  .p-section-home-mv .grid-image {
    grid-area: img;
    inline-size: 55.7291666667dvi;
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
  }
  .p-section-home-mv {
    --_splide-control-y: calc( 7 );
    --_splide-control-yc: calc( var(--_splide-control-y) * var(--vwc) );
    --_splide-progress-x: calc( var(--_grid-img-w) );
    --_splide-progress-xc: calc( var(--_splide-progress-x) * var(--vwc) );
  }
  .p-section-home-mv .splide__arrows--ltr {
    inset-inline-start: calc(var(--_grid-content-wc) - var(--_grid-xc));
    inline-size: 11.1458333333dvi;
    block-size: 2.6041666667dvi;
  }
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--prev,
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--next {
    inline-size: 2.6041666667dvi;
    block-size: 2.6041666667dvi;
  }
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--prev > span,
  .p-section-home-mv .splide__arrows--ltr .splide__arrow--next > span {
    inline-size: 2.6041666667dvi;
    block-size: 2.6041666667dvi;
  }
  .p-section-home-mv .splide__toggle {
    inset-inline-start: var(--_grid-xc);
    inline-size: 2.6041666667dvi;
    block-size: 2.6041666667dvi;
    --_grid-x: calc( 50 + 32 );
  }
  .p-section-home-mv .splide__toggle [class*=c-icon] {
    inline-size: 2.6041666667dvi;
    block-size: 2.6041666667dvi;
  }
  .p-section-home-mv .splide__pagination {
    inset-inline-start: var(--_grid-xc);
    inset-block-end: var(--_grid-yc);
    gap: 0.9895833333dvi;
  }
  .p-section-home-mv .splide__pagination .splide__pagination__page {
    inline-size: 0.4166666667dvi;
    block-size: 0.4166666667dvi;
  }
  .p-section-home-mv .splide__progress {
    --_grid-x: calc( var(--_grid-content-w) );
    --_grid-xc: calc( var(--_grid-x) * var(--vwc) );
    inset-block-end: 0.2604166667dvi;
    inline-size: calc((var(--_grid-img-w) - 60) * var(--vwc));
    inset-inline-start: var(--_grid-xc);
  }
  .p-section-home-mv .splide__progress__bar {
    block-size: 0.2604166667dvi;
  }
  body.safari .p-section-home-mv .splide__progress {
    inset-block-end: 0.2083333333dvi;
  }
  .p-section-home-news {
    padding-block: calc(25 * var(--vunit));
  }
  .p-section-home-news .grids {
    grid-template: "ttl btn list" minmax(calc(20 * var(--vunit)), auto)/minmax(calc(130 * var(--vunit)), auto) minmax(calc(261 * var(--vunit)), auto) 1fr;
    gap: calc(20 * var(--vunit));
  }
  .p-section-home-news .grids .grid-list {
    gap: calc(9 * var(--vunit));
  }
  .p-section-home-news .grids .grid-list .item {
    gap: calc(15 * var(--vunit));
    grid-template-columns: subgrid;
    grid-column: span 3;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    justify-items: start;
  }
  .p-section-home-news .grids .grid-list .item > [class^=c-tag] {
    width: 100%;
  }
  .p-section-about.home {
    padding-block: calc(119 * var(--vunit)) calc(119 * var(--vunit));
  }
  .p-section-about.service {
    padding-block: calc(76 * var(--vunit)) calc(52 * var(--vunit));
  }
  .p-section-about > .l-background .bg-text {
    font-size: 29rem;
    font-weight: var(--fw-thin);
    line-height: 0.6551724138;
    letter-spacing: 0.005rem;
  }
  .p-section-about > .l-background .bg-fill {
    /*
      inline-size: vwc(560);
      clip-path: polygon( vunit(160) 0, 100% 0, 100% 100% , 0 100% );
      block-size: 100%;
    */
    width: 45.2083333333dvi;
    clip-path: polygon(calc(148 * var(--vunit)) 0, 100% 0, 100% 100%, 0 100%);
    height: 100%;
  }
  .p-section-about .grids.home {
    grid-template: "con img" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  }
  .p-section-about .grids.service {
    grid-template: "con img" minmax(calc(20 * var(--vunit)), auto)/1fr auto;
  }
  .p-section-about .grids .grid-content.home {
    margin-top: calc(20 * var(--vunit));
    max-width: calc(600 * var(--vunit));
  }
  .p-section-about .grids .grid-content.service {
    max-width: calc(745 * var(--vunit));
    margin-top: calc(25 * var(--vunit));
  }
  .p-section-about .grids .grid-content > .ttl {
    font-size: 4.9rem;
    font-weight: var(--fw-bold);
    line-height: 1;
    letter-spacing: 0rem;
  }
  .p-section-about .grids .grid-content > .txt {
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: -0.115rem;
  }
  .p-section-about .grids .grid-content > .list-ttl {
    margin-top: calc(33 * var(--vunit));
  }
  .p-section-about .grids .grid-content > .list {
    inline-size: 68%;
    grid-template-columns: repeat(2, auto);
  }
  .p-section-about .grids .grid-content > .l-btn {
    --_justify: start;
    margin-top: calc(40 * var(--vunit));
  }
  .p-section-about .grids .grid-content.home > .list {
    inline-size: 90%;
  }
  .p-section-about .grids .grid-image.home {
    aspect-ratio: 586/539;
    max-block-size: calc(586 * var(--vunit));
    -ms-flex-item-align: center;
        align-self: center;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] {
    inline-size: calc(280 * var(--vunit));
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .ttl {
    font-size: 4rem;
    font-weight: var(--fw-light);
    line-height: 0.675;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .sub {
    -webkit-margin-before: calc(17 * var(--vunit));
            margin-block-start: calc(17 * var(--vunit));
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 1.35;
  }
  .p-section-about .grids .grid-image.home > [class*=circle] > .desc {
    font-size: 1.3rem;
    font-weight: var(--fw-light);
    line-height: 1.6923076923;
  }
  .p-section-about .grids .grid-image.home > .pic01 {
    translate: calc(-1 * var(--vunit)) calc(34 * var(--vunit));
  }
  .p-section-about .grids .grid-image.service {
    max-height: calc(586 * var(--vunit));
    -ms-flex-item-align: center;
        align-self: center;
  }
  .p-section-about .grids .grid-image.service .pic01-full {
    width: calc(328 * var(--vunit));
  }
  .p-section-reason {
    padding-block: calc(119 * var(--vunit)) calc(120 * var(--vunit));
  }
  .p-section-reason > .l-background .bg-text {
    font-size: 29rem;
    font-weight: var(--fw-thin);
    line-height: 0.6551724138;
    letter-spacing: -0.1rem;
    -webkit-margin-start: calc(192 * var(--vunit));
            margin-inline-start: calc(192 * var(--vunit));
  }
  .p-section-reason > .l-inner > .pic01 {
    inline-size: calc(546 * var(--vunit));
    -webkit-margin-start: calc(81 * var(--vunit));
            margin-inline-start: calc(81 * var(--vunit));
  }
  .p-section-reason > .l-inner > .sec-ttl {
    font-size: 4rem;
    font-weight: var(--fw-bold);
    line-height: 1.5;
    letter-spacing: -0.04rem;
  }
  .p-section-reason .grids .card > .circle {
    margin-top: calc(-57 * var(--vunit));
  }
  .p-section-reason .grids .card > .ttl {
    margin-top: calc(25 * var(--vunit));
    font-size: 3rem;
    font-weight: var(--fw-bold);
    line-height: 1;
  }
  .p-section-reason .grids .card > .desc {
    margin-top: calc(18 * var(--vunit));
    font-size: 1.6rem;
    line-height: 2;
  }
  .p-section-serviceinfo {
    padding-block: calc(92 * var(--vunit)) calc(121 * var(--vunit));
  }
  .p-section-serviceinfo .grids {
    margin-top: calc(33 * var(--vunit));
  }
  .p-section-serviceinfo .grids .l-grid--card-link > .thumb {
    inline-size: 100%;
  }
  .p-section-serviceinfo .grids .l-grid--card-link > .ttl {
    font-size: 2.2rem;
    font-weight: var(--fw-bold);
    line-height: 1.5454545455;
    padding-block: calc(28 * var(--vunit)) calc(24 * var(--vunit));
  }
  .p-section-serviceinfo .grids .l-grid--card-link > .ttl > .icon {
    margin-top: calc(4 * var(--vunit));
  }
  .p-section-serviceinfo .grids02 {
    margin-top: calc(30 * var(--vunit));
  }
  .p-section-serviceinfo .grids02 .l-grid--card-link {
    grid-template: "thumb ttl" minmax(calc(20 * var(--vunit)), auto)/auto 1fr;
  }
  .p-section-serviceinfo .grids02 .l-grid--card-link > .thumb {
    width: calc(280 * var(--vunit));
  }
  .p-section-serviceinfo .grids02 .l-grid--card-link > .ttl {
    padding-left: calc(28 * var(--vunit));
    letter-spacing: 0.05rem;
  }
  .p-section-util {
    padding-block: calc(106 * var(--vunit)) calc(130 * var(--vunit));
  }
  .p-section-util .grids {
    grid-template-columns: repeat(2, auto);
  }
  .p-section-util .grids .l-grid--card-link > .thumb {
    inline-size: 100%;
  }
  .p-section-util .grids .l-grid--card-link > .ttl {
    -webkit-margin-start: calc(var(--_ttl-indent-pc, 0) * var(--vunit));
            margin-inline-start: calc(var(--_ttl-indent-pc, 0) * var(--vunit));
    font-size: calc(24 * var(--funit));
    line-height: 1.5833333333;
    font-weight: var(--fw-bold);
    letter-spacing: calc(50 * var(--flsunit));
  }
  .p-section-util .grids .l-grid--card-link > .ttl [class*=c-icon] {
    -webkit-margin-before: 0.15lh;
            margin-block-start: 0.15lh;
  }
  .p-section-case {
    padding-block: calc(80 * var(--vunit)) calc(119 * var(--vunit));
  }
  .p-section-case .grids {
    grid-template-columns: repeat(3, auto);
  }
  .p-section-case .grids .l-grid--card-link {
    inline-size: calc(380 * var(--vunit));
  }
  .p-section-case .grids .l-grid--card-link > .thumb {
    inline-size: calc(380 * var(--vunit));
  }
  .p-section-qa {
    padding-block: calc(106 * var(--vunit)) calc(120 * var(--vunit));
  }
  .p-section-qa .grids {
    grid-template-columns: repeat(2, auto);
  }
  .p-section-qa .grids .c-details-qa {
    inline-size: calc(590 * var(--vunit));
  }
  .splide__arrows--ltr {
    --_btn-arrow-size: 80;
  }
  .splide__toggle [class*=c-icon] {
    inline-size: calc(11 * var(--vunit));
    block-size: calc(14 * var(--vunit));
  }
  .splide__pagination .splide__pagination__page {
    inline-size: calc(12 * var(--vunit));
    block-size: calc(12 * var(--vunit));
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  :root {
    --vw: var(--vwl);
    --vunit: var(--vwl);
  }
  html {
    font-size: 0.6510416667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
  :root {
    --vunitw: var(--vw);
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --header-height: var(--header-height-sp);
    --header-height-full: var(--header-height-full-sp);
  }
}
@media print, screen and (min-width: 1281px) {
  :root {
    --vw: var(--vwc);
    --vunit: var(--vpx);
    --header-height: var(--header-height-pc);
    --header-height-full: var(--header-height-full-pc);
  }
  .u-pc-150 {
    display: none !important;
  }
}
@media screen and (min-width: 1921px) {
  :root {
    --vunitw: var(--vpx);
  }
}
@media print {
  :root {
    --vw: var(--vwl);
    --vunit: var(--frem);
    --vunitw: var(--frem);
    --header-height: var(--header-height-pc);
    --header-height-full: var(--header-height-full-pc);
  }
  html {
    font-size: 0.6510416667vw;
  }
  @page {}
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .l-followbottombar {
    position: relative;
  }
  .c-btn-page-top {
    position: sticky;
    justify-self: end;
    margin-right: calc(40 * var(--vunit));
  }
  .c-details-qa > .content {
    --_opacity: 1;
  }
  .p-headerbar-wrap {
    position: relative;
  }
  .p-page {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
  [class*=js-anim-] {
    opacity: 1 !important;
    translate: 0 !important;
  }
  [data-anim] {
    opacity: 1 !important;
    translate: 0 !important;
  }
}
@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
  .p-page-gdpr_policy .p-article-modal__close:hover {
    opacity: 0.7;
  }
  .p-page-gdpr_policy .p-article-modal__close:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  a:active {
    text-decoration: none;
  }
  .p-page-gdpr_policy .p-article-modal__close:active {
    opacity: 0.7;
  }
  .p-page-gdpr_policy .p-article-modal__close:active {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-grid--card-link:hover:has(.thumb) .thumb img {
    scale: var(--card-hover-thumb-scale);
  }
  .l-grid--card-link.no-link:hover:has(.thumb) .thumb img {
    scale: initial;
  }
  .c-btn-circle:hover {
    opacity: 0.8;
    --_icon-x: 2;
  }
  a.c-btn-rounded:hover {
    opacity: 0.8;
  }
  a.c-btn-rounded:hover:not(:has([class*=c-icon-img--paper])) {
    --_icon-x: 2;
  }
  button:not([aria-disabled=true]).c-btn-rounded:hover {
    opacity: 0.8;
  }
  button:not([aria-disabled=true]).c-btn-rounded:hover:not(:has([class*=c-icon-img--paper])) {
    --_icon-x: 2;
  }
  [class*=c-btn-box]:hover {
    opacity: var(--btn-hover-opacity);
    --_icon-x: 2;
  }
  [class*=c-btn-txt]:hover {
    opacity: var(--btn-hover-opacity);
  }
  .c-btn-page-top:hover {
    opacity: 0.8;
  }
  .c-hamburger:hover {
    opacity: 0.8;
  }
  .c-link:hover {
    opacity: var(--btn-hover-opacity);
  }
  .c-link-txt:hover {
    opacity: var(--btn-hover-opacity, 0.8);
  }
  .c-link-txt--default:hover {
    opacity: var(--btn-hover-opacity, 0.8);
  }
  .c-link-txt--arrow:hover {
    opacity: 0.8;
  }
  .c-link-txt--arrow:hover:after {
    --_ix: 2;
  }
  .p-page-service-reason-sec01 a:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-form input[type=checkbox]:hover,
  .p-form input[type=radio]:hover {
    cursor: pointer;
  }
  .p-form input[type=radio]:hover {
    opacity: 0.8;
  }
  .p-articlecard[data-type=case]:hover:has(.cardlink:hover) {
    opacity: 0.8;
  }
  .p-articlecard[data-type=case]:hover:has(.cardlink:hover) .thumb img {
    scale: var(--card-hover-thumb-scale);
  }
  .p-articlelist[data-type=news] .p-articlelist-item:hover:has(.itemlink:hover) {
    opacity: 0.8;
  }
  .p-articlelist[data-type=news] .p-articlelist-item:hover:has(.itemlink:hover) .ttl {
    text-decoration: underline;
  }
  .p-articlelist-pagination .bullet:not(.active):hover {
    opacity: 0.8;
  }
  .p-headerbar-wrap a:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-headerbar__menu > li .btn:hover {
    --_box-bg-color: var(--color-yellow-key);
    opacity: 1;
  }
  .p-headerbar__row02 > ul > li a:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-footer-cta__btn:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-footer__nav a:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-footer__nav > .lp-logo:hover {
    opacity: 0.8;
  }
  .p-footer__nav-bottom a:hover {
    opacity: var(--btn-hover-opacity);
  }
  .p-page a:hover {
    opacity: var(--btn-hover-opacity);
  }
}
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
  [class*=js-anim-]:not([data-animated=end]) {
    -webkit-transition-property: var(--_property);
    transition-property: var(--_property);
    -webkit-transition-timing-function: var(--_easing);
            transition-timing-function: var(--_easing);
  }
  [class*=js-anim-][data-animated=true]:not(:focus-within) {
    -webkit-transition-duration: var(--_duration);
            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;
    --_stating-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;
    -webkit-transition: none;
    transition: none;
  }
  [class*=js-anim-clip--][data-animated=start] {
    clip-path: var(--_stating-path);
  }
  [class*=js-anim-clip--][data-animated=true] {
    clip-path: var(--_end-path);
  }
  .js-anim-clip--x {
    --_stating-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(--_stating-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-clip--up {
    --_stating-path: inset(100% 0 0% 0);
  }
  .js-clip--down {
    --_stating-path: inset(0 0 100% 0);
  }
  .js-clip--right {
    --_stating-path: inset(0 100% 0 0);
  }
  .js-clip--left {
    --_stating-path: inset(0 0 0% 100%);
  }
  [class*=js-clip-slide--] {
    --_property: clip-path, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_stating-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;
    -webkit-transition-delay: var(--_delay);
            transition-delay: var(--_delay);
  }
  [class*=js-clip-slide--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    clip-path: unset;
    -webkit-transition: none;
    transition: none;
  }
  [class*=js-clip-slide--][data-animated=start] {
    clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
  }
  [class*=js-clip-slide--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
  }
  .js-clip-slide--up {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  .js-clip-slide--down {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  .js-clip-slide--right {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  .js-clip-slide--left {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [class^=js-clip-slide-fade--] {
    --_property: clip-path, opacity, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_stating-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;
    -webkit-transition-delay: var(--_delay);
            transition-delay: var(--_delay);
  }
  [class^=js-clip-slide-fade--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
    clip-path: unset;
    -webkit-transition: none;
    transition: none;
  }
  [class^=js-clip-slide-fade--][data-animated=start] {
    clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
  }
  [class^=js-clip-slide-fade--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
    opacity: 1;
  }
  .js-clip-slide-fade--up {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  .js-clip-slide-fade--down {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  .js-clip-slide-fade--right {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  .js-clip-slide-fade--left {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [class*=js-clip-overlay--] {
    --_overlay-color: var(--color-black);
    --_overlay-duration: var(--_duration);
    --_overlay-delay: calc(var(--_overlay-duration) / 2);
    position: relative;
  }
  [class*=js-clip-overlay--]::after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: var(--_overlay-color);
    -webkit-transition-timing-function: var(--_easing);
            transition-timing-function: var(--_easing);
    -webkit-transition-property: var(--_property);
    transition-property: var(--_property);
    rotate: 180deg;
    clip-path: var(--_stating-path);
  }
  [class*=js-clip-overlay--]:not(:focus-within)::after {
    -webkit-transition-duration: var(--_duration);
            transition-duration: var(--_duration);
    -webkit-transition-delay: calc(var(--_duration) / 2);
            transition-delay: calc(var(--_duration) / 2);
  }
  [class*=js-clip-overlay--]:not([data-animated])::after {
    clip-path: var(--_end-path);
  }
  [class*=js-clip-overlay--][data-animated=start]::after {
    clip-path: var(--_end-path);
  }
  [class*=js-clip-overlay--][data-animated=true]::after {
    clip-path: var(--_stating-path);
  }
  .js-clip-overlay--up {
    --_stating-path: inset(100% 0 0% 0);
  }
  .js-clip-overlay--down {
    --_stating-path: inset(0 0 100% 0);
  }
  .js-clip-overlay--right {
    --_stating-path: inset(0 100% 0 0);
  }
  .js-clip-overlay--left {
    --_stating-path: inset(0 0 0% 100%);
  }
  [class*=js-anim-fade--] {
    --_property: opacity, translate;
    --_easing: ease-in-out;
    --_duration: 1.5s;
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    -webkit-transition-delay: var(--_delay);
            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-scale-in] {
    --_property: scale, opacity;
    --_easing: ease;
    --_duration: 2s;
    --_starting-scale: 1.1;
    --_end-scale: 1.0;
    opacity: var(--_opacity, 1);
    -webkit-transition-delay: var(--_delay, 0);
            transition-delay: var(--_delay, 0);
  }
  [class*=js-anim-scale-in]:not([data-animated=true]):not([data-animated=end]) {
    --_opacity: 0;
    scale: var(--_starting-scale);
  }
  [class*=js-anim-scale-in][data-animated=start] {
    scale: var(--_starting-scale);
  }
  [class*=js-anim-scale-in][data-animated=true] {
    scale: var(--_end-scale);
  }
  .js-anim-scale-in--s {
    --_starting-scale: 0.9;
  }
  [data-anim]:not([data-animated=end]) {
    -webkit-transition-property: var(--_property);
    transition-property: var(--_property);
    -webkit-transition-timing-function: var(--_easing);
            transition-timing-function: var(--_easing);
  }
  [data-anim][data-animated=true]:not(:focus-within) {
    -webkit-transition-duration: var(--_duration);
            transition-duration: var(--_duration);
  }
  [data-anim][data-animated]:not([data-animated=end]) {
    pointer-events: none;
  }
  [data-anim^=clip--] {
    --_property: clip-path;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_stating-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
  }
  [data-anim^=clip--]:not([data-animated]) {
    opacity: var(--_start-opacity);
    clip-path: unset;
    -webkit-transition: none;
    transition: none;
  }
  [data-anim^=clip--][data-animated=start] {
    clip-path: var(--_stating-path);
  }
  [data-anim^=clip--][data-animated=true] {
    clip-path: var(--_end-path);
  }
  [data-anim=clip--x] {
    --_stating-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%);
  }
  [data-anim=clip--x]:not([data-animated]) {
    --_start-opacity: 1;
    clip-path: var(--_stating-path);
  }
  [data-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);
  }
  [data-anim=clip--up] {
    --_stating-path: inset(100% 0 0% 0);
  }
  [data-anim=clip--down] {
    --_stating-path: inset(0 0 100% 0);
  }
  [data-anim=clip--right] {
    --_stating-path: inset(0 100% 0 0);
  }
  [data-anim=clip--left] {
    --_stating-path: inset(0 0 0% 100%);
  }
  [data-anim^=clip-slide--] {
    --_property: clip-path, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_stating-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;
    -webkit-transition-delay: var(--_delay);
            transition-delay: var(--_delay);
  }
  [data-anim^=clip-slide--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    clip-path: unset;
    -webkit-transition: none;
    transition: none;
  }
  [data-anim^=clip-slide--][data-animated=start] {
    clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
  }
  [data-anim^=clip-slide--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
  }
  [data-anim=clip-slide--up] {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  [data-anim=clip-slide--down] {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  [data-anim=clip-slide--right] {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  [data-anim=clip-slide--left] {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [data-anim^=clip-slide-fade--] {
    --_property: clip-path, opacity, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_stating-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;
    -webkit-transition-delay: var(--_delay);
            transition-delay: var(--_delay);
  }
  [data-anim^=clip-slide-fade--]:not([data-animated]) {
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
    clip-path: unset;
    -webkit-transition: none;
    transition: none;
  }
  [data-anim^=clip-slide-fade--][data-animated=start] {
    clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
    opacity: var(--_start-opacity);
  }
  [data-anim^=clip-slide-fade--][data-animated=true] {
    clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
    opacity: 1;
  }
  [data-anim=clip-slide-fade--up] {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }
  [data-anim=clip-slide-fade--down] {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }
  [data-anim=clip-slide-fade--right] {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }
  [data-anim=clip-slide-fade--left] {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }
  [data-anim^=clip-overlay--] {
    --_overlay-color: var(--color-black);
    --_overlay-duration: var(--_duration);
    --_overlay-delay: calc(var(--_overlay-duration) / 2);
    position: relative;
  }
  [data-anim^=clip-overlay--]::after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: var(--_overlay-color);
    -webkit-transition-timing-function: var(--_easing);
            transition-timing-function: var(--_easing);
    -webkit-transition-property: var(--_property);
    transition-property: var(--_property);
    rotate: 180deg;
    clip-path: var(--_stating-path);
  }
  [data-anim^=clip-overlay--]:not(:focus-within)::after {
    -webkit-transition-duration: var(--_duration);
            transition-duration: var(--_duration);
    -webkit-transition-delay: calc(var(--_duration) / 2);
            transition-delay: calc(var(--_duration) / 2);
  }
  [data-anim^=clip-overlay--]:not([data-animated])::after {
    clip-path: var(--_end-path);
  }
  [data-anim^=clip-overlay--][data-animated=start]::after {
    clip-path: var(--_end-path);
  }
  [data-anim^=clip-overlay--][data-animated=true]::after {
    clip-path: var(--_stating-path);
  }
  [data-anim=clip-overlay--up] {
    --_stating-path: inset(100% 0 0% 0);
  }
  [data-anim=clip-overlay--down] {
    --_stating-path: inset(0 0 100% 0);
  }
  [data-anim=clip-overlay--right] {
    --_stating-path: inset(0 100% 0 0);
  }
  [data-anim=clip-overlay--left] {
    --_stating-path: inset(0 0 0% 100%);
  }
  [data-anim^=fade--] {
    --_property: opacity, translate;
    --_easing: ease-in-out;
    --_duration: 1.5s;
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    -webkit-transition-delay: var(--_delay);
            transition-delay: var(--_delay);
  }
  [data-anim^=fade--]:not([data-animated=true]):not([data-animated=end]) {
    opacity: 0;
    translate: var(--_start-x) var(--_start-y);
  }
  [data-anim^=fade--][data-animated=start] {
    translate: var(--_start-x) var(--_start-y);
  }
  [data-anim^=fade--][data-animated=true] {
    translate: var(--_end-x) var(--_end-y);
  }
  [data-anim=fade--up] {
    --_start-y: calc( 40 * var(--vunit) );
  }
  [data-anim=fade--down] {
    --_start-y: calc( -40 * var(--vunit) );
  }
  [data-anim=fade--left] {
    --_start-x: calc( 40 * var(--vunit) );
  }
  [data-anim=fade--right] {
    --_start-x: calc( -40 * var(--vunit) );
  }
  [data-anim=scale--in] {
    --_property: opacity, scale;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_starting-scale: 0.9;
    --_end-scale: 1.0;
    -webkit-transition-delay: var(--_delay, 0);
            transition-delay: var(--_delay, 0);
  }
  [data-anim=scale--in]:not([data-animated=true]):not([data-animated=end]) {
    opacity: 0;
    scale: var(--_starting-scale);
  }
  [data-anim=scale--in][data-animated=start] {
    scale: var(--_starting-scale);
  }
  [data-anim=scale--in][data-animated=true] {
    scale: var(--_end-scale);
  }
}