#fontplus-trial-banner {
  display: none;
}

html {
  font-size: 62.5%;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

option,
select,
textarea,
input[type=button],
input[type=submit],
input[type=text],
input[type=select],
input[type=option],
input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  outline: 0;
  background: transparent;
}

button {
  border: none;
  background: none;
}

table {
  font-size: inherit;
  font: 100%;
}

code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

button {
  cursor: pointer;
}

main {
  display: block;
}

body {
  font-family: SSTPaneuropeanRoman;
  background: #f5f2ee;
  line-height: 1;
  color: #212121;
}

a, button {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**********************************************************/
:root {
  --base-width-01: 414;
  --accent: 136, 58, 234;
  --accent-light: 224, 204, 250;
  --accent-dark: 49, 10, 101;
  --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
  --color-green-01: #177380;
  --color-green-02: #1b7886;
  --color-orange-01: #ca7100;
  --color-black-01: #000;
  --color-black-02: #3c3c41;
  --color-white-01: #f3f0ed;
  --color-gray-01: #878792;
  --color-gray-02: #969696;
  --btn-black-01: #3c3c41;
  --text-color-black-01: #212121;
  --text-color-black-02: #444141;
  --text-color-black-03: #696969;
  --text-color-black-01-disabled: #d9d6d4;
  --black-gradient: linear-gradient(90deg, rgba(30, 30, 30, 1), rgba(33, 33, 33, 1));
  --black-gradient-products: linear-gradient(135deg, rgba(48, 48, 48, 1), rgba(33, 33, 33, 1));
  --green-gradient: linear-gradient(90deg, rgba(27, 120, 134, 1), rgba(7, 93, 106, 1));
  --header-h: calc(1vw * 68 / var(--base-width-01) * 100);
  --inner-w-01: calc(1vw * 394 / var(--base-width-01) * 100);
  --inner-w-02: calc(1vw * 354 / var(--base-width-01) * 100);
  --inner-w-03: calc(1vw * 294 / var(--base-width-01) * 100);
  --inner-w-04: calc(1vw * 364 / var(--base-width-01) * 100);
  --inner-w-01-pc: calc(1vw * 1400 / var(--base-width-01) * 100);
  --inner-w-02-pc: calc(1vw * 1280 / var(--base-width-01) * 100);
  --inner-w-03-pc: calc(1vw * 1164 / var(--base-width-01) * 100);
  --inner-w-03-slider-pc: calc(1vw * 1184 / var(--base-width-01) * 100);
  --inner-w-04-pc: calc(1vw * 1066 / var(--base-width-01) * 100);
  --inner-w-05-pc: calc(1vw * 1074 / var(--base-width-01) * 100);
  --inner-w-06-pc: calc(1vw * 1116 / var(--base-width-01) * 100);
  --inner-w-07-pc: calc(1vw * 966 / var(--base-width-01) * 100);
  --radius-01: calc(1vw * 16 / var(--base-width-01) * 100);
  --radius-02: calc(1vw * 20 / var(--base-width-01) * 100);
  --radius-03: calc(1vw * 10 / var(--base-width-01) * 100);
  --fs-10: calc(1vw * 10 / var(--base-width-01) * 100);
  --fs-11: calc(1vw * 11 / var(--base-width-01) * 100);
  --fs-12: calc(1vw * 12 / var(--base-width-01) * 100);
  --fs-13: calc(1vw * 13 / var(--base-width-01) * 100);
  --fs-14: calc(1vw * 14 / var(--base-width-01) * 100);
  --fs-15: calc(1vw * 15 / var(--base-width-01) * 100);
  --fs-16: calc(1vw * 16 / var(--base-width-01) * 100);
  --fs-17: calc(1vw * 17 / var(--base-width-01) * 100);
  --fs-18: calc(1vw * 18 / var(--base-width-01) * 100);
  --fs-19: calc(1vw * 19 / var(--base-width-01) * 100);
  --fs-20: calc(1vw * 20 / var(--base-width-01) * 100);
  --fs-22: calc(1vw * 22 / var(--base-width-01) * 100);
  --fs-25: calc(1vw * 25 / var(--base-width-01) * 100);
  --fs-28: calc(1vw * 28 / var(--base-width-01) * 100);
  --fs-30: calc(1vw * 30 / var(--base-width-01) * 100);
  --fs-33: calc(1vw * 33 / var(--base-width-01) * 100);
  --fs-40: calc(1vw * 40 / var(--base-width-01) * 100);
  --fs-50: calc(1vw * 50 / var(--base-width-01) * 100);
  --fs-70: calc(1vw * 70 / var(--base-width-01) * 100);
  --fs-33-hack: calc(1vw * 33 / var(--base-width-01) * 100);
  --fs-36-hack: calc(1vw * 36 / var(--base-width-01) * 100);
  --fs-40-hack: calc(1vw * 40 / var(--base-width-01) * 100);
  --fs-50-hack: calc(1vw * 50 / var(--base-width-01) * 100);
  --fs-30-hack: calc(1vw * 30 / var(--base-width-01) * 100);
  --fs-16-hack: calc(1vw * 16 / var(--base-width-01) * 100);
  --fs-14-hack: calc(1vw * 14 / var(--base-width-01) * 100);
  --fs-12-hack: calc(1vw * 12 / var(--base-width-01) * 100);
  --num-01: calc(1vw * 1 / var(--base-width-01) * 100);
  --num-02: calc(1vw * 2 / var(--base-width-01) * 100);
  --num-03: calc(1vw * 3 / var(--base-width-01) * 100);
  --num-04: calc(1vw * 4 / var(--base-width-01) * 100);
  --num-05: calc(1vw * 5 / var(--base-width-01) * 100);
  --num-06: calc(1vw * 6 / var(--base-width-01) * 100);
  --num-07: calc(1vw * 7 / var(--base-width-01) * 100);
  --num-08: calc(1vw * 8 / var(--base-width-01) * 100);
  --num-09: calc(1vw * 9 / var(--base-width-01) * 100);
  --num-10: calc(1vw * 10 / var(--base-width-01) * 100);
  --num-11: calc(1vw * 11 / var(--base-width-01) * 100);
  --num-12: calc(1vw * 12 / var(--base-width-01) * 100);
  --num-13: calc(1vw * 13 / var(--base-width-01) * 100);
  --num-14: calc(1vw * 14 / var(--base-width-01) * 100);
  --num-15: calc(1vw * 15 / var(--base-width-01) * 100);
  --num-16: calc(1vw * 16 / var(--base-width-01) * 100);
  --num-18: calc(1vw * 18 / var(--base-width-01) * 100);
  --num-19: calc(1vw * 19 / var(--base-width-01) * 100);
  --num-20: calc(1vw * 20 / var(--base-width-01) * 100);
  --num-21: calc(1vw * 21 / var(--base-width-01) * 100);
  --num-22: calc(1vw * 22 / var(--base-width-01) * 100);
  --num-23: calc(1vw * 23 / var(--base-width-01) * 100);
  --num-24: calc(1vw * 24 / var(--base-width-01) * 100);
  --num-25: calc(1vw * 25 / var(--base-width-01) * 100);
  --num-26: calc(1vw * 26 / var(--base-width-01) * 100);
  --num-27: calc(1vw * 27 / var(--base-width-01) * 100);
  --num-28: calc(1vw * 28 / var(--base-width-01) * 100);
  --num-30: calc(1vw * 30 / var(--base-width-01) * 100);
  --num-31: calc(1vw * 31 / var(--base-width-01) * 100);
  --num-32: calc(1vw * 32 / var(--base-width-01) * 100);
  --num-33: calc(1vw * 33 / var(--base-width-01) * 100);
  --num-34: calc(1vw * 34 / var(--base-width-01) * 100);
  --num-35: calc(1vw * 35 / var(--base-width-01) * 100);
  --num-36: calc(1vw * 36 / var(--base-width-01) * 100);
  --num-37: calc(1vw * 37 / var(--base-width-01) * 100);
  --num-38: calc(1vw * 38 / var(--base-width-01) * 100);
  --num-40: calc(1vw * 40 / var(--base-width-01) * 100);
  --num-42: calc(1vw * 42 / var(--base-width-01) * 100);
  --num-44: calc(1vw * 44 / var(--base-width-01) * 100);
  --num-45: calc(1vw * 45 / var(--base-width-01) * 100);
  --num-46: calc(1vw * 46 / var(--base-width-01) * 100);
  --num-48: calc(1vw * 48 / var(--base-width-01) * 100);
  --num-50: calc(1vw * 50 / var(--base-width-01) * 100);
  --num-52: calc(1vw * 52 / var(--base-width-01) * 100);
  --num-54: calc(1vw * 54 / var(--base-width-01) * 100);
  --num-55: calc(1vw * 55 / var(--base-width-01) * 100);
  --num-56: calc(1vw * 56 / var(--base-width-01) * 100);
  --num-57: calc(1vw * 57 / var(--base-width-01) * 100);
  --num-58: calc(1vw * 58 / var(--base-width-01) * 100);
  --num-60: calc(1vw * 60 / var(--base-width-01) * 100);
  --num-62: calc(1vw * 62 / var(--base-width-01) * 100);
  --num-64: calc(1vw * 64 / var(--base-width-01) * 100);
  --num-65: calc(1vw * 65 / var(--base-width-01) * 100);
  --num-66: calc(1vw * 66 / var(--base-width-01) * 100);
  --num-68: calc(1vw * 68 / var(--base-width-01) * 100);
  --num-70: calc(1vw * 70 / var(--base-width-01) * 100);
  --num-72: calc(1vw * 72 / var(--base-width-01) * 100);
  --num-74: calc(1vw * 74 / var(--base-width-01) * 100);
  --num-75: calc(1vw * 75 / var(--base-width-01) * 100);
  --num-76: calc(1vw * 76 / var(--base-width-01) * 100);
  --num-78: calc(1vw * 78 / var(--base-width-01) * 100);
  --num-80: calc(1vw * 80 / var(--base-width-01) * 100);
  --num-82: calc(1vw * 82 / var(--base-width-01) * 100);
  --num-84: calc(1vw * 84 / var(--base-width-01) * 100);
  --num-86: calc(1vw * 86 / var(--base-width-01) * 100);
  --num-88: calc(1vw * 88 / var(--base-width-01) * 100);
  --num-90: calc(1vw * 90 / var(--base-width-01) * 100);
  --num-91: calc(1vw * 91 / var(--base-width-01) * 100);
  --num-92: calc(1vw * 92 / var(--base-width-01) * 100);
  --num-94: calc(1vw * 94 / var(--base-width-01) * 100);
  --num-96: calc(1vw * 96 / var(--base-width-01) * 100);
  --num-98: calc(1vw * 98 / var(--base-width-01) * 100);
  --num-100: calc(1vw * 100 / var(--base-width-01) * 100);
  --num-101: calc(1vw * 101 / var(--base-width-01) * 100);
  --num-102: calc(1vw * 102 / var(--base-width-01) * 100);
  --num-104: calc(1vw * 104 / var(--base-width-01) * 100);
  --num-106: calc(1vw * 106 / var(--base-width-01) * 100);
  --num-110: calc(1vw * 110 / var(--base-width-01) * 100);
  --num-113: calc(1vw * 113 / var(--base-width-01) * 100);
  --num-115: calc(1vw * 115 / var(--base-width-01) * 100);
  --num-116: calc(1vw * 116 / var(--base-width-01) * 100);
  --num-118: calc(1vw * 118 / var(--base-width-01) * 100);
  --num-120: calc(1vw * 120 / var(--base-width-01) * 100);
  --num-122: calc(1vw * 122 / var(--base-width-01) * 100);
  --num-124: calc(1vw * 124 / var(--base-width-01) * 100);
  --num-125: calc(1vw * 125 / var(--base-width-01) * 100);
  --num-130: calc(1vw * 130 / var(--base-width-01) * 100);
  --num-131: calc(1vw * 131 / var(--base-width-01) * 100);
  --num-132: calc(1vw * 132 / var(--base-width-01) * 100);
  --num-136: calc(1vw * 136 / var(--base-width-01) * 100);
  --num-138: calc(1vw * 138 / var(--base-width-01) * 100);
  --num-140: calc(1vw * 140 / var(--base-width-01) * 100);
  --num-142: calc(1vw * 142 / var(--base-width-01) * 100);
  --num-144: calc(1vw * 144 / var(--base-width-01) * 100);
  --num-145: calc(1vw * 145 / var(--base-width-01) * 100);
  --num-148: calc(1vw * 148 / var(--base-width-01) * 100);
  --num-150: calc(1vw * 150 / var(--base-width-01) * 100);
  --num-154: calc(1vw * 154 / var(--base-width-01) * 100);
  --num-157: calc(1vw * 157 / var(--base-width-01) * 100);
  --num-158: calc(1vw * 158 / var(--base-width-01) * 100);
  --num-160: calc(1vw * 160 / var(--base-width-01) * 100);
  --num-165: calc(1vw * 165 / var(--base-width-01) * 100);
  --num-168: calc(1vw * 168 / var(--base-width-01) * 100);
  --num-170: calc(1vw * 170 / var(--base-width-01) * 100);
  --num-172: calc(1vw * 172 / var(--base-width-01) * 100);
  --num-174: calc(1vw * 174 / var(--base-width-01) * 100);
  --num-176: calc(1vw * 176 / var(--base-width-01) * 100);
  --num-178: calc(1vw * 178 / var(--base-width-01) * 100);
  --num-180: calc(1vw * 182 / var(--base-width-01) * 100);
  --num-182: calc(1vw * 182 / var(--base-width-01) * 100);
  --num-185: calc(1vw * 185 / var(--base-width-01) * 100);
  --num-190: calc(1vw * 190 / var(--base-width-01) * 100);
  --num-198: calc(1vw * 198 / var(--base-width-01) * 100);
  --num-200: calc(1vw * 200 / var(--base-width-01) * 100);
  --num-206: calc(1vw * 206 / var(--base-width-01) * 100);
  --num-210: calc(1vw * 210 / var(--base-width-01) * 100);
  --num-212: calc(1vw * 212 / var(--base-width-01) * 100);
  --num-213: calc(1vw * 213 / var(--base-width-01) * 100);
  --num-220: calc(1vw * 220 / var(--base-width-01) * 100);
  --num-226: calc(1vw * 226 / var(--base-width-01) * 100);
  --num-228: calc(1vw * 228 / var(--base-width-01) * 100);
  --num-230: calc(1vw * 230 / var(--base-width-01) * 100);
  --num-232: calc(1vw * 232 / var(--base-width-01) * 100);
  --num-234: calc(1vw * 234 / var(--base-width-01) * 100);
  --num-236: calc(1vw * 236 / var(--base-width-01) * 100);
  --num-240: calc(1vw * 240 / var(--base-width-01) * 100);
  --num-242: calc(1vw * 242 / var(--base-width-01) * 100);
  --num-244: calc(1vw * 244 / var(--base-width-01) * 100);
  --num-245: calc(1vw * 245 / var(--base-width-01) * 100);
  --num-250: calc(1vw * 250 / var(--base-width-01) * 100);
  --num-252: calc(1vw * 252 / var(--base-width-01) * 100);
  --num-255: calc(1vw * 255 / var(--base-width-01) * 100);
  --num-258: calc(1vw * 258 / var(--base-width-01) * 100);
  --num-260: calc(1vw * 260 / var(--base-width-01) * 100);
  --num-268: calc(1vw * 268 / var(--base-width-01) * 100);
  --num-273: calc(1vw * 273 / var(--base-width-01) * 100);
  --num-274: calc(1vw * 274 / var(--base-width-01) * 100);
  --num-276: calc(1vw * 276 / var(--base-width-01) * 100);
  --num-280: calc(1vw * 280 / var(--base-width-01) * 100);
  --num-282: calc(1vw * 282 / var(--base-width-01) * 100);
  --num-284: calc(1vw * 284 / var(--base-width-01) * 100);
  --num-288: calc(1vw * 288 / var(--base-width-01) * 100);
  --num-294: calc(1vw * 294 / var(--base-width-01) * 100);
  --num-296: calc(1vw * 296 / var(--base-width-01) * 100);
  --num-300: calc(1vw * 300 / var(--base-width-01) * 100);
  --num-305: calc(1vw * 305 / var(--base-width-01) * 100);
  --num-310: calc(1vw * 310 / var(--base-width-01) * 100);
  --num-312: calc(1vw * 312 / var(--base-width-01) * 100);
  --num-314: calc(1vw * 314 / var(--base-width-01) * 100);
  --num-316: calc(1vw * 316 / var(--base-width-01) * 100);
  --num-320: calc(1vw * 320 / var(--base-width-01) * 100);
  --num-324: calc(1vw * 324 / var(--base-width-01) * 100);
  --num-326: calc(1vw * 326 / var(--base-width-01) * 100);
  --num-334: calc(1vw * 334 / var(--base-width-01) * 100);
  --num-340: calc(1vw * 340 / var(--base-width-01) * 100);
  --num-344: calc(1vw * 344 / var(--base-width-01) * 100);
  --num-345: calc(1vw * 345 / var(--base-width-01) * 100);
  --num-350: calc(1vw * 350 / var(--base-width-01) * 100);
  --num-354: calc(1vw * 354 / var(--base-width-01) * 100);
  --num-355: calc(1vw * 355 / var(--base-width-01) * 100);
  --num-356: calc(1vw * 356 / var(--base-width-01) * 100);
  --num-360: calc(1vw * 360 / var(--base-width-01) * 100);
  --num-364: calc(1vw * 364 / var(--base-width-01) * 100);
  --num-368: calc(1vw * 368 / var(--base-width-01) * 100);
  --num-374: calc(1vw * 374 / var(--base-width-01) * 100);
  --num-375: calc(1vw * 375 / var(--base-width-01) * 100);
  --num-380: calc(1vw * 380 / var(--base-width-01) * 100);
  --num-388: calc(1vw * 388 / var(--base-width-01) * 100);
  --num-390: calc(1vw * 390 / var(--base-width-01) * 100);
  --num-394: calc(1vw * 394 / var(--base-width-01) * 100);
  --num-395: calc(1vw * 395 / var(--base-width-01) * 100);
  --num-400: calc(1vw * 400 / var(--base-width-01) * 100);
  --num-404: calc(1vw * 404 / var(--base-width-01) * 100);
  --num-406: calc(1vw * 406 / var(--base-width-01) * 100);
  --num-412: calc(1vw * 412 / var(--base-width-01) * 100);
  --num-414: calc(1vw * 414 / var(--base-width-01) * 100);
  --num-420: calc(1vw * 420 / var(--base-width-01) * 100);
  --num-422: calc(1vw * 420 / var(--base-width-01) * 100);
  --num-424: calc(1vw * 424 / var(--base-width-01) * 100);
  --num-425: calc(1vw * 425 / var(--base-width-01) * 100);
  --num-428: calc(1vw * 428 / var(--base-width-01) * 100);
  --num-430: calc(1vw * 430 / var(--base-width-01) * 100);
  --num-434: calc(1vw * 434 / var(--base-width-01) * 100);
  --num-440: calc(1vw * 440 / var(--base-width-01) * 100);
  --num-444: calc(1vw * 444 / var(--base-width-01) * 100);
  --num-450: calc(1vw * 450 / var(--base-width-01) * 100);
  --num-460: calc(1vw * 460 / var(--base-width-01) * 100);
  --num-465: calc(1vw * 465 / var(--base-width-01) * 100);
  --num-468: calc(1vw * 468 / var(--base-width-01) * 100);
  --num-473: calc(1vw * 473 / var(--base-width-01) * 100);
  --num-474: calc(1vw * 474 / var(--base-width-01) * 100);
  --num-483: calc(1vw * 483 / var(--base-width-01) * 100);
  --num-490: calc(1vw * 490 / var(--base-width-01) * 100);
  --num-493: calc(1vw * 493 / var(--base-width-01) * 100);
  --num-500: calc(1vw * 500 / var(--base-width-01) * 100);
  --num-510: calc(1vw * 510 / var(--base-width-01) * 100);
  --num-508: calc(1vw * 508 / var(--base-width-01) * 100);
  --num-520: calc(1vw * 520 / var(--base-width-01) * 100);
  --num-522: calc(1vw * 522 / var(--base-width-01) * 100);
  --num-523: calc(1vw * 523 / var(--base-width-01) * 100);
  --num-528: calc(1vw * 528 / var(--base-width-01) * 100);
  --num-530: calc(1vw * 530 / var(--base-width-01) * 100);
  --num-532: calc(1vw * 532 / var(--base-width-01) * 100);
  --num-534: calc(1vw * 534 / var(--base-width-01) * 100);
  --num-535: calc(1vw * 535 / var(--base-width-01) * 100);
  --num-540: calc(1vw * 540 / var(--base-width-01) * 100);
  --num-543: calc(1vw * 543 / var(--base-width-01) * 100);
  --num-546: calc(1vw * 546 / var(--base-width-01) * 100);
  --num-548: calc(1vw * 548 / var(--base-width-01) * 100);
  --num-550: calc(1vw * 550 / var(--base-width-01) * 100);
  --num-560: calc(1vw * 560 / var(--base-width-01) * 100);
  --num-568: calc(1vw * 568 / var(--base-width-01) * 100);
  --num-570: calc(1vw * 570 / var(--base-width-01) * 100);
  --num-572: calc(1vw * 572 / var(--base-width-01) * 100);
  --num-573: calc(1vw * 573 / var(--base-width-01) * 100);
  --num-574: calc(1vw * 574 / var(--base-width-01) * 100);
  --num-582: calc(1vw * 582 / var(--base-width-01) * 100);
  --num-580: calc(1vw * 580 / var(--base-width-01) * 100);
  --num-585: calc(1vw * 585 / var(--base-width-01) * 100);
  --num-600: calc(1vw * 600 / var(--base-width-01) * 100);
  --num-610: calc(1vw * 610 / var(--base-width-01) * 100);
  --num-615: calc(1vw * 615 / var(--base-width-01) * 100);
  --num-620: calc(1vw * 620 / var(--base-width-01) * 100);
  --num-634: calc(1vw * 634 / var(--base-width-01) * 100);
  --num-640: calc(1vw * 640 / var(--base-width-01) * 100);
  --num-648: calc(1vw * 648 / var(--base-width-01) * 100);
  --num-652: calc(1vw * 652 / var(--base-width-01) * 100);
  --num-656: calc(1vw * 656 / var(--base-width-01) * 100);
  --num-670: calc(1vw * 670 / var(--base-width-01) * 100);
  --num-676: calc(1vw * 676 / var(--base-width-01) * 100);
  --num-680: calc(1vw * 680 / var(--base-width-01) * 100);
  --num-684: calc(1vw * 684 / var(--base-width-01) * 100);
  --num-691: calc(1vw * 691 / var(--base-width-01) * 100);
  --num-700: calc(1vw * 700 / var(--base-width-01) * 100);
  --num-710: calc(1vw * 710 / var(--base-width-01) * 100);
  --num-718: calc(1vw * 718 / var(--base-width-01) * 100);
  --num-720: calc(1vw * 720 / var(--base-width-01) * 100);
  --num-724: calc(1vw * 724 / var(--base-width-01) * 100);
  --num-740: calc(1vw * 740 / var(--base-width-01) * 100);
  --num-750: calc(1vw * 750 / var(--base-width-01) * 100);
  --num-760: calc(1vw * 760 / var(--base-width-01) * 100);
  --num-770: calc(1vw * 770 / var(--base-width-01) * 100);
  --num-780: calc(1vw * 780 / var(--base-width-01) * 100);
  --num-820: calc(1vw * 820 / var(--base-width-01) * 100);
  --num-830: calc(1vw * 830 / var(--base-width-01) * 100);
  --num-856: calc(1vw * 856 / var(--base-width-01) * 100);
  --num-864: calc(1vw * 864 / var(--base-width-01) * 100);
  --num-888: calc(1vw * 888 / var(--base-width-01) * 100);
  --num-910: calc(1vw * 910 / var(--base-width-01) * 100);
  --num-966: calc(1vw * 966 / var(--base-width-01) * 100);
  --num-970: calc(1vw * 970 / var(--base-width-01) * 100);
  --num-980: calc(1vw * 980 / var(--base-width-01) * 100);
  --num-990: calc(1vw * 990 / var(--base-width-01) * 100);
  --num-1000: calc(1vw * 1000 / var(--base-width-01) * 100);
  --num-1024: calc(1vw * 1024 / var(--base-width-01) * 100);
  --num-1010: calc(1vw * 1010 / var(--base-width-01) * 100);
  --num-1102: calc(1vw * 1102 / var(--base-width-01) * 100);
  --num-1110: calc(1vw * 1110 / var(--base-width-01) * 100);
  --num-1120: calc(1vw * 1120 / var(--base-width-01) * 100);
  --num-1280: calc(1vw * 1280 / var(--base-width-01) * 100);
  --num-1348: calc(1vw * 1348 / var(--base-width-01) * 100);
}

@media screen and (orientation: landscape) and (max-width: 680px) {
  :root {
    --header-h: 66px;
  }
}
@media print, screen and (min-width:680px) {
  :root {
    --base-width-01: 1440;
    --header-h: 66px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
  html {
    font-size: 10px;
  }
  :root {
    --fs-10: 1rem;
    --fs-11: 1.1rem;
    --fs-12: 1.2rem;
    --fs-13: 1.3rem;
    --fs-14: 1.4rem;
    --fs-15: 1.5rem;
    --fs-16: 1.6rem;
    --fs-17: 1.7rem;
    --fs-18: 1.8rem;
    --fs-19: 1.9rem;
    --fs-20: 2rem;
    --fs-22: 2.2rem;
    --fs-25: 2.5rem;
    --fs-28: 2.8rem;
    --fs-30: 3rem;
    --fs-33: 3.3rem;
    --fs-40: 4rem;
    --fs-50: 5rem;
    --fs-70: 7rem;
  }
}
@media screen and (min-width: 1280px) {
  :root {
    --fs-33-hack: 3.3rem;
    --fs-36-hack: 3.6rem;
    --fs-40-hack: 4rem;
    --fs-50-hack: 5rem;
    --fs-30-hack: 3rem;
    --fs-16-hack: 1.6rem;
    --fs-14-hack: 1.4rem;
    --fs-12-hack: 1.2rem;
  }
}
@media print, screen and (min-width:1025px) {
  :root {
    --base-width-01: 768;
    --base-width-01: 1440;
  }
}
/* hero animation */
body.is-mv-excute .hero-hearing__rabel {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-hearing__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-hearing__txt {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .contents-404 .sec-ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .contents-404 .txt-16 {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .contents-404 .btn-round {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print, screen and (min-width:680px) {
  body.is-mv-excute .header-assets {
    transform: translateY(0);
    transition: transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
body.is-mv-excute .under-hero_ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .under-hero_txt {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-slider, body.is-mv-excute .overlay-hero {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.7s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero::after, body.is-mv-excute .hero .fv-img {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.7s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-ttl__products,
body.is-mv-excute .hero-center__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-txt__products,
body.is-mv-excute .hero-txt__testimonials2,
body.is-mv-excute .hero-center__txt {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-ttl .-sub {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-ttl .-main {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-txt {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-link {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-txt__btm {
  opacity: 0.8;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .index-discove {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-animations, body.is-mv-excute .animations-stop {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-icon__items {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.is-mv-excute .hero-txt__branding {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media print, screen and (min-width:680px) {
  .header-assets {
    transform: translateY(-100%);
    transition: transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  }
}

/* hearing */
.hero-hearing__rabel,
.hero-hearing__ttl,
.hero-hearing__txt {
  opacity: 0;
  transform: translateY(var(--num-24));
}

/* 404 */
.contents-404 .sec-ttl,
.contents-404 .txt-16,
.contents-404 .btn-round {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.hero-ttl__products,
.hero-center__ttl {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.hero-txt__products,
.hero-txt__testimonials2,
.hero-center__txt {
  opacity: 0;
  transform: translateY(var(--num-24));
}

/* brand */
.hero-txt__branding {
  opacity: 0;
  transform: translateY(var(--num-24));
}

/* faq */
.under-hero_ttl {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.under-hero_txt {
  opacity: 0;
  transform: translateY(var(--num-24));
}

/* top */
.hero-link {
  opacity: 0;
  transform: translateY(var(--num-24));
}

@media print, screen and (min-width:680px) {
  .hero-btn {
    opacity: 0;
    transform: translateY(var(--num-24));
  }
}

.hero-slider, .overlay-hero {
  opacity: 0;
  transform: scale(1.1);
}

.hero::after, .hero .fv-img {
  opacity: 0;
  transform: scale(1.1);
}

.hero-ttl .-sub {
  opacity: 0;
  transform: translateY(var(--num-24));
}
.hero-ttl .-main {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.hero-txt {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.hero-txt__btm {
  opacity: 0;
}

.hero-animations {
  opacity: 0;
}

.animations-stop {
  opacity: 0;
}

.hero-icon__items {
  opacity: 0;
  transform: translateY(var(--num-24));
}

.index-discove {
  opacity: 0;
  transform: translateY(var(--num-24));
}

/* pulse */
@keyframes pulse-hearing-modal {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  27% {
    transform: scale(1.2);
    opacity: 1;
  }
  54% {
    transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes pulse-index-btn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  27% {
    transform: scale(1.2);
    opacity: 1;
  }
  54% {
    transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes pulse-bnr {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  27% {
    transform: scale(0.6);
    opacity: 1;
  }
  54% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes pulse-bnr-02 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  27% {
    transform: scale(0.75);
    opacity: 1;
  }
  54% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes pulse-zoom-32 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  40% {
    transform: scale(1.6);
    opacity: 1;
  }
  80% {
    transform: scale(3.2);
    opacity: 0;
  }
}
@keyframes pulse-hearing-test {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    transform: scale(1.6);
    opacity: 1;
  }
  100% {
    transform: scale(2.8);
    opacity: 0;
  }
}
body.is-animations-stop {
  /********************/
}
body.is-animations-stop .hero-hearing__rabel,
body.is-animations-stop .hero-hearing__ttl,
body.is-animations-stop .hero-hearing__txt {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.is-animations-stop .contents-404 .sec-ttl,
body.is-animations-stop .contents-404 .txt-16,
body.is-animations-stop .contents-404 .btn-round {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
@media print, screen and (min-width:680px) {
  body.is-animations-stop .header-assets {
    transform: translateY(0) !important;
  }
}
body.is-animations-stop .hero-slider, body.is-animations-stop .overlay-hero {
  opacity: 1 !important;
  transform: scale(1) !important;
}
body.is-animations-stop .hero::after, body.is-animations-stop .hero .fv-img {
  opacity: 1 !important;
  transform: scale(1) !important;
}
body.is-animations-stop .hero-txt__btm {
  opacity: 0.5 !important;
  transform: translateY(0) !important;
}
body.is-animations-stop .index-discove,
body.is-animations-stop .under-hero_ttl,
body.is-animations-stop .under-hero_txt,
body.is-animations-stop .hero-ttl__products,
body.is-animations-stop .hero-center__ttl,
body.is-animations-stop .hero-txt__products,
body.is-animations-stop .hero-txt__testimonials2,
body.is-animations-stop .hero-center__txt,
body.is-animations-stop .hero-ttl .-main,
body.is-animations-stop .hero-ttl .-sub,
body.is-animations-stop .hero-txt,
body.is-animations-stop .hero-link,
body.is-animations-stop .hero-animations,
body.is-animations-stop .animations-stop,
body.is-animations-stop .hero-btn,
body.is-animations-stop .hero-icon__items,
body.is-animations-stop .hero-txt__branding {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.is-animations-stop .js-gsap-animation[data-gsap=slide-up], body.is-animations-stop .js-gsap-animation[data-gsap=cta-pulse] {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
@media print, screen and (min-width:680px) {
  body.is-animations-stop .js-gsap-animation[data-gsap=slide-up], body.is-animations-stop .js-gsap-animation[data-gsap=cta-pulse] {
    transform: translateY(0) !important;
  }
}
body.is-animations-stop .issue-assets .css-animation__06,
body.is-animations-stop .issue-assets .css-animation__05,
body.is-animations-stop .issue-assets .css-animation__04,
body.is-animations-stop .issue-assets .css-animation__03,
body.is-animations-stop .issue-assets .css-animation__02,
body.is-animations-stop .issue-assets .css-animation__01 {
  transform: scale(1) !important;
  opacity: 1 !important;
}
body.is-animations-stop .bnr-hearing a .pulse-circle span:nth-child(1)::after, body.is-animations-stop .bnr-hearing button .pulse-circle span:nth-child(1)::after {
  animation: pulse-bnr 0s 0s linear 1.2 forwards;
}
body.is-animations-stop .bnr-hearing a .pulse-circle span:nth-child(2)::after, body.is-animations-stop .bnr-hearing button .pulse-circle span:nth-child(2)::after {
  animation: pulse-bnr 0s 0s linear 1.37 forwards;
}
body.is-animations-stop .bnr-hearing a .pulse-circle span:nth-child(3)::after, body.is-animations-stop .bnr-hearing button .pulse-circle span:nth-child(3)::after {
  animation: pulse-bnr 0s 0s linear 1.48 forwards;
}
body.is-animations-stop .cta-trial .pulse-circle span:nth-child(1)::after {
  animation: pulse-zoom-32 0s 0s linear 1.05 forwards;
}
body.is-animations-stop .cta-trial .pulse-circle span:nth-child(2)::after {
  animation: pulse-zoom-32 0s 0s linear 1.2 forwards;
}
body.is-animations-stop .cta-trial .pulse-circle span:nth-child(3)::after {
  animation: pulse-zoom-32 0s 0s linear 1.3 forwards;
}
body.is-animations-stop .hero-link__img .pulse-circle span:nth-child(1)::after {
  animation: pulse-index-btn 0s 0s linear 0.2 forwards;
}
body.is-animations-stop .hero-link__img .pulse-circle span:nth-child(2)::after {
  animation: pulse-index-btn 0s 0s linear 0.3 forwards;
}
body.is-animations-stop .hero-link__img .pulse-circle span:nth-child(3)::after {
  animation: pulse-index-btn 0s 0s linear 0.4 forwards;
}
body.is-animations-stop .hearing-test .pulse-circle span:nth-child(1)::after {
  animation: pulse-hearing-test 0s 0s linear 1.4 forwards !important;
}
body.is-animations-stop .hearing-test .pulse-circle span:nth-child(2)::after {
  animation: pulse-hearing-test 0s 0s linear 1.55 forwards !important;
}
body.is-animations-stop .hearing-test .pulse-circle span:nth-child(3)::after {
  animation: pulse-hearing-test 0s 0s linear 1.7 forwards !important;
}
body.is-animations-stop .pin-circle .pulse-circle span:nth-child(1)::after {
  animation: pulse-zoom-32 0s 0s linear 0.2 forwards !important;
}
body.is-animations-stop .pin-circle .pulse-circle span:nth-child(2)::after {
  animation: pulse-zoom-32 0s 0s linear 0.34 forwards !important;
}
body.is-animations-stop .pin-circle .pulse-circle span:nth-child(3)::after {
  animation: pulse-zoom-32 0s 0s linear 0.48 forwards !important;
}

/* gsap */
.js-gsap-animation[data-gsap=slide-up], .js-gsap-animation[data-gsap=cta-pulse] {
  opacity: 0;
  transform: translateY(20px);
}
@media print, screen and (min-width:680px) {
  .js-gsap-animation[data-gsap=slide-up], .js-gsap-animation[data-gsap=cta-pulse] {
    transform: translateY(25px);
  }
}

.iframe-movie {
  position: relative;
  padding-bottom: 56.25%;
  border-radius: var(--radius-02);
  overflow: hidden;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.br-sp {
  display: inline;
}

.br-pc {
  display: none;
}

.disp-pc__inline {
  display: none;
}

@media print, screen and (min-width:680px) {
  .disp-pc__inline {
    display: inline;
  }
  .br-sp {
    display: none;
  }
  .br-pc {
    display: inline;
  }
}
.br-pc-only {
  display: none;
}

@media print, screen and (min-width:680px) {
  .br-pc-only {
    display: inline;
  }
}
@media screen and (min-width:680px) and (min-width: 680px) and (max-width: 1440px) {
  .br-pc-only {
    display: none;
  }
}
.sp-disp {
  display: block !important;
}
@media print, screen and (min-width:680px) {
  .sp-disp {
    display: none !important;
  }
}

.pc-disp {
  display: none !important;
}
@media print, screen and (min-width:680px) {
  .pc-disp {
    display: block !important;
  }
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.ta-c {
  text-align: center !important;
}

@media print, screen and (min-width:680px) {
  .ta-l__pc {
    text-align: left !important;
  }
}

@media print, screen and (min-width:680px) {
  .ta-c__pc {
    text-align: center !important;
  }
}

@media screen and (max-width:679px) {
  .ta-c__sp {
    text-align: center !important;
  }
}

sup {
  font-size: var(--fs-10);
  margin-left: 0.2em;
}

h2 sup {
  line-height: var(--fs-25);
  margin-left: 0.5em;
}

.guide-item h3 sup {
  line-height: var(--fs-25);
}

.sec-ttl__main sup {
  font-size: var(--fs-13);
  line-height: var(--fs-25);
}

.pin-txt sup {
  line-height: var(--fs-25);
}

.col-green {
  color: var(--color-green-01) !important;
}

.col-orange {
  color: var(--color-orange-01) !important;
}

.col-444141 {
  color: #444141 !important;
}

.col-808080 {
  color: #969696 !important;
}

.col-fff {
  color: #fff !important;
}

.fw-bold {
  font-family: SSTPaneuropeanMedium !important;
}

.fw-normal {
  font-weight: 500 !important;
}

.img-w_174 {
  width: var(--num-174) !important;
}

.img-w_178 {
  width: var(--num-178) !important;
}

.disp-inline-block {
  display: inline-block !important;
}

/* margin */
.mt-10 {
  margin-top: var(--num-10) !important;
}

.mt-20 {
  margin-top: var(--num-20) !important;
}

.mt-40 {
  margin-top: var(--num-40) !important;
}

.mt-50 {
  margin-top: var(--num-50) !important;
}

.mt-60 {
  margin-top: var(--num-60) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: var(--num-10) !important;
}

.mb-16 {
  margin-bottom: var(--num-16) !important;
}

.mb-20 {
  margin-bottom: var(--num-20) !important;
}

.mb-24 {
  margin-bottom: var(--num-24) !important;
}

.mb-25 {
  margin-bottom: var(--num-25) !important;
}

.mb-30 {
  margin-bottom: var(--num-30) !important;
}

.mb-32 {
  margin-bottom: var(--num-32) !important;
}

.mb-36 {
  margin-bottom: var(--num-36) !important;
}

.mb-40 {
  margin-bottom: var(--num-40) !important;
}

.mb-45 {
  margin-bottom: var(--num-45) !important;
}

.mb-50 {
  margin-bottom: var(--num-50) !important;
}

.mb-55 {
  margin-bottom: var(--num-55) !important;
}

.mb-60 {
  margin-bottom: var(--num-60) !important;
}

.mb-70 {
  margin-bottom: var(--num-70) !important;
}

.mb-75 {
  margin-bottom: var(--num-75) !important;
}

.mb-80 {
  margin-bottom: var(--num-80) !important;
}

.mb-90 {
  margin-bottom: var(--num-90) !important;
}

.mb-100 {
  margin-bottom: var(--num-100) !important;
}

.mb-110 {
  margin-bottom: var(--num-110) !important;
}

.mb-120 {
  margin-bottom: var(--num-120) !important;
}

.mb-130 {
  margin-bottom: var(--num-130) !important;
}

.mb-140 {
  margin-bottom: var(--num-140) !important;
}

.mb-160 {
  margin-bottom: var(--num-160) !important;
}

.mb-s {
  margin-bottom: var(--num-75) !important;
}

.mb-m {
  margin-bottom: var(--num-100) !important;
}

.mb-m__fixed {
  margin-bottom: var(--num-45) !important;
}

.mb-m__support {
  margin-bottom: var(--num-55) !important;
}

.mb-l {
  margin-bottom: var(--num-140) !important;
}

@media print, screen and (min-width:680px) {
  .mt-0__pc {
    margin-top: 0 !important;
  }
  .mb-s {
    margin-bottom: var(--num-40) !important;
  }
  .mb-m {
    margin-bottom: var(--num-125) !important;
  }
  .mb-m__support {
    margin-bottom: var(--num-100) !important;
  }
  .mb-m__fixed {
    margin-bottom: var(--num-100) !important;
  }
  .mb-l {
    margin-bottom: var(--num-220) !important;
  }
  .mb-s__pc {
    margin-bottom: var(--num-40) !important;
  }
  .mb-m__pc {
    margin-bottom: var(--num-125) !important;
  }
  .mb-l__pc {
    margin-bottom: var(--num-220) !important;
  }
  .mb-0__pc {
    margin-bottom: 0 !important;
  }
  .mb-20__pc {
    margin-bottom: var(--num-20) !important;
  }
  .mb-25__pc {
    margin-bottom: var(--num-25) !important;
  }
  .mb-30__pc {
    margin-bottom: var(--num-30) !important;
  }
  .mb-40__pc {
    margin-bottom: var(--num-40) !important;
  }
  .mb-45__pc {
    margin-bottom: var(--num-45) !important;
  }
  .mb-50__pc {
    margin-bottom: var(--num-50) !important;
  }
  .mb-52__pc {
    margin-bottom: var(--num-52) !important;
  }
  .mb-55__pc {
    margin-bottom: var(--num-55) !important;
  }
  .mb-56__pc {
    margin-bottom: var(--num-56) !important;
  }
  .mb-57__pc {
    margin-bottom: var(--num-57) !important;
  }
  .mb-58__pc {
    margin-bottom: var(--num-58) !important;
  }
  .mb-60__pc {
    margin-bottom: var(--num-60) !important;
  }
  .mb-70__pc {
    margin-bottom: var(--num-70) !important;
  }
  .mb-75__pc {
    margin-bottom: var(--num-75) !important;
  }
  .mb-80__pc {
    margin-bottom: var(--num-80) !important;
  }
  .mb-90__pc {
    margin-bottom: var(--num-90) !important;
  }
  .mb-96__pc {
    margin-bottom: var(--num-96) !important;
  }
  .mb-100__pc {
    margin-bottom: var(--num-100) !important;
  }
  .mb-110__pc {
    margin-bottom: var(--num-110) !important;
  }
  .mb-120__pc {
    margin-bottom: var(--num-120) !important;
  }
  .mb-130__pc {
    margin-bottom: var(--num-130) !important;
  }
  .mb-140__pc {
    margin-bottom: var(--num-140) !important;
  }
  .mb-145__pc {
    margin-bottom: var(--num-145) !important;
  }
  .mb-160__pc {
    margin-bottom: var(--num-160) !important;
  }
  .mb-200__pc {
    margin-bottom: var(--num-200) !important;
  }
}
.w-294 {
  width: var(--num-294);
}

.w-314 {
  width: var(--num-314);
}

.w-252 {
  width: var(--num-252);
}

@media print, screen and (min-width:680px) {
  .ml-20__pc {
    margin-left: var(--num-20) !important;
  }
  .mr-140__pc {
    margin-right: var(--num-140) !important;
  }
  .mr-170__pc {
    margin-right: var(--num-170) !important;
  }
  .mr-120__pc {
    margin-right: var(--num-120) !important;
  }
  .w-174__pc {
    width: var(--num-174) !important;
  }
  .w-380__pc {
    width: var(--num-380) !important;
  }
  .w-390__pc {
    width: var(--num-390) !important;
  }
  .w-410__pc {
    width: var(--num-410) !important;
  }
  .w-424__pc {
    width: var(--num-424) !important;
  }
  .w-524__pc {
    width: var(--num-524) !important;
  }
  .w-560__pc {
    width: var(--num-560) !important;
  }
  .h-326__pc {
    height: var(--num-326) !important;
  }
}
.img-round.img-fit,
.img-round video,
.img-round img {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-02);
  overflow: hidden;
}

.img-round.-round-circle.img-fit,
.img-round.-round-circle video,
.img-round.-round-circle img {
  border-radius: 50%;
}

.img-round.-round-l.img-fit,
.img-round.-round-l video,
.img-round.-round-l img {
  border-radius: var(--radius-02) 0 0 var(--radius-02);
}

.img-round.-round-r.img-fit,
.img-round.-round-r video,
.img-round.-round-r img {
  border-radius: 0 var(--radius-02) var(--radius-02) 0;
}

.img-bgs {
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
}

.img-bg {
  position: relative;
  margin: 0 auto;
}
.img-bg.-middle {
  width: var(--inner-w-02);
}
@media print, screen and (min-width:680px) {
  .img-bg.-middle {
    width: var(--inner-w-03-pc);
  }
}

.img-bg__img {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width:680px) {
  .img-bg__assets * {
    color: #fff !important;
  }
}

.img-bg__assets {
  margin-bottom: var(--num-40);
}
@media print, screen and (min-width:680px) {
  .img-bg__assets {
    margin-bottom: 0;
    position: absolute;
    z-index: 2;
    padding: 0 var(--num-50);
    bottom: var(--num-50);
  }
}

.img-bg__caption {
  position: absolute;
  width: 100%;
  z-index: 2;
  padding: 0 var(--num-40);
  bottom: var(--num-20);
  font-size: var(--fs-13);
  color: #fff;
}
@media print, screen and (min-width:680px) {
  .img-bg__caption {
    padding: 0 var(--num-30);
    bottom: var(--num-30);
  }
}

.img-bg__stop {
  position: absolute;
  left: var(--num-14);
  top: var(--num-14);
  width: var(--num-40);
  height: var(--num-40);
  background: rgba(217, 217, 217, 0.2);
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  z-index: 5;
}
.img-bg__stop.-right {
  left: auto;
  right: var(--num-14);
}
.img-bg__stop img {
  display: block;
  margin: 0 auto;
  width: var(--num-06);
  height: var(--num-09);
}
@media (hover: hover) {
  .img-bg__stop {
    transition: opacity 0.3s ease-out;
  }
  .img-bg__stop:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.6;
  }
}

.img-fit {
  position: relative;
  overflow: hidden;
}
.img-fit img {
  position: absolute;
  width: 100%;
  left: 0;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}

.img-parallax {
  position: relative;
}
.img-parallax img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  display: block;
  transform: translateY(0);
  top: 0;
}

.img-354-292__572-472 {
  padding-bottom: 82.49%;
}
@media print, screen and (min-width:680px) {
  .img-354-292__572-472 {
    padding-bottom: 82.52%;
  }
}

.img-354-185__572-300 {
  padding-bottom: 52.26%;
}
@media print, screen and (min-width:680px) {
  .img-354-185__572-300 {
    padding-bottom: 52.45%;
  }
}

.img-354-444__570-400 {
  padding-bottom: 125.43%;
}
@media print, screen and (min-width:680px) {
  .img-354-444__570-400 {
    padding-bottom: 70.18%;
  }
}

.img-354-200__374-265 {
  padding-bottom: 56.5%;
}
@media print, screen and (min-width:680px) {
  .img-354-200__374-265 {
    padding-bottom: 70.86%;
  }
}

.img-354-200__1164-400 {
  padding-bottom: 56.5%;
}
@media print, screen and (min-width:680px) {
  .img-354-200__1164-400 {
    padding-bottom: 34.37%;
  }
}

.img-354-186__572-300 {
  padding-bottom: 52.55%;
}
@media print, screen and (min-width:680px) {
  .img-354-186__572-300 {
    padding-bottom: 52.45%;
  }
}

.img-354-200__572-300 {
  padding-bottom: 56.5%;
}
@media print, screen and (min-width:680px) {
  .img-354-200__572-300 {
    padding-bottom: 52.45%;
  }
}

.img-354-200__572-400 {
  padding-bottom: 56.5%;
}
@media print, screen and (min-width:680px) {
  .img-354-200__572-400 {
    padding-bottom: 69.94%;
  }
}

.img-354-445__570-718 {
  padding-bottom: 125.71%;
}
@media print, screen and (min-width:680px) {
  .img-354-445__570-718 {
    padding-bottom: 125.97%;
  }
}

.img-394-202__1400-718 {
  padding-bottom: 51.27%;
}
@media print, screen and (min-width:680px) {
  .img-394-202__1400-718 {
    padding-bottom: 51.29%;
  }
}

.img-394-450__1400-500 {
  padding-bottom: 126.91%;
}
@media print, screen and (min-width:680px) {
  .img-394-450__1400-500 {
    padding-bottom: 35.72%;
  }
}

.img-172-96__374-210 {
  padding-bottom: 55.82%;
}
@media print, screen and (min-width:680px) {
  .img-172-96__374-210 {
    padding-bottom: 56.15%;
  }
}

.img-354-218__375-231 {
  padding-bottom: 61.59%;
}
@media print, screen and (min-width:680px) {
  .img-354-218__375-231 {
    padding-bottom: 61.6%;
  }
}

.height-img {
  text-align: center;
  display: grid;
  place-content: center;
}
.height-img.-h-31-28 {
  height: var(--num-31);
}
.height-img.-h-31-28 img {
  height: var(--num-28);
}
.height-img.-h-37-30 {
  height: var(--num-37);
}
.height-img.-h-37-30 img {
  height: var(--num-30);
}
.height-img.-h-28 img {
  height: var(--num-28);
}
.height-img.-h-30 img {
  height: var(--num-30);
}
.height-img.-h-31 img {
  height: var(--num-31);
}
.height-img.-h-32 img {
  height: var(--num-32);
}
.height-img.-h-35 img {
  height: var(--num-35);
}
.height-img.-h-36 img {
  height: var(--num-36);
}
.height-img.-h-37 img {
  height: var(--num-37);
}
.height-img img {
  display: block;
  width: auto;
  margin: 0 auto;
}

/*******************
toggle
********************/
.toggle-arrow {
  position: relative;
  transition: opacity 0.2s 0s ease-out;
}
.toggle-arrow::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-16);
  height: var(--num-09);
  background: url(../img/common/icon_arrow_btm_212121.svg);
  background-size: cover;
  opacity: 1;
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-04) * -1);
}
@media (hover: hover) {
  .toggle-arrow:hover {
    opacity: 0.6;
  }
}
.toggle-arrow.is-open::after {
  transform: scaleY(-1);
}

.toggle-con {
  height: 0;
  overflow: hidden;
}

/*******************
layout
********************/
/* layout-img */
.layout-img {
  width: var(--inner-w-02);
  margin: 0 auto var(--num-100);
}
@media print, screen and (min-width:680px) {
  .layout-img {
    width: var(--inner-w-04-pc);
  }
  .layout-img.-pc {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

.layout-img__img {
  margin: 0 auto var(--num-50);
}
@media print, screen and (min-width:680px) {
  .layout-img__img {
    margin: 0 0 0;
  }
}

@media print, screen and (min-width:680px) {
  .layout-img__assets {
    width: var(--num-560);
    display: grid;
    place-content: center;
  }
}

/* bg-box */
.bg-box {
  width: var(--inner-w-01);
  margin: 0 auto;
  background: rgba(255, 212, 159, 0.2);
  padding: var(--num-64) var(--num-50);
  border-radius: var(--radius-03);
}
@media print, screen and (min-width:680px) {
  .bg-box {
    width: var(--inner-w-03-pc);
    padding: var(--num-50) var(--num-50);
    display: grid;
    grid-template-columns: var(--num-440) var(--num-600);
    justify-content: space-between;
  }
}
.bg-box.no-img {
  padding: var(--num-46) var(--num-50);
}
@media print, screen and (min-width:680px) {
  .bg-box.no-img {
    grid-template-columns: var(--num-100) var(--num-970);
  }
}
.bg-box.no-img .bg-box__l {
  padding-bottom: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .bg-box.no-img .bg-box__l {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width:680px) {
  .bg-box.no-img .bg-box__r {
    padding-left: var(--num-100);
  }
}
.bg-box.has-list {
  padding: var(--num-46) var(--num-50) var(--num-56);
}
@media print, screen and (min-width:680px) {
  .bg-box.has-list {
    grid-template-columns: var(--num-326) var(--num-670);
  }
}
.bg-box.has-list .bg-box__l {
  padding-bottom: var(--num-34);
}
@media print, screen and (min-width:680px) {
  .bg-box.has-list .bg-box__l {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width:680px) {
  .bg-box.has-list .bg-box__r {
    padding-left: var(--num-50);
  }
}

@media print, screen and (min-width:680px) {
  .bg-box.hearingresult {
    display: grid;
    grid-template-columns: var(--num-300) var(--num-740);
    justify-content: space-between;
  }
}
.bg-box.hearingresult .list-circle {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width:680px) {
  .bg-box.hearingresult .list-circle {
    flex-wrap: wrap;
    height: var(--num-180);
    width: 50%;
  }
}

.bg-box__l {
  padding-bottom: var(--num-30);
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
@media print, screen and (min-width:680px) {
  .bg-box__l {
    padding-bottom: 0;
    border-bottom: none;
  }
}

.bg-box__r {
  padding-top: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .bg-box__r {
    padding-top: 0;
    border-left: 1px solid rgba(33, 33, 33, 0.1);
    padding-left: var(--num-50);
  }
}

@media print, screen and (min-width:680px) {
  .icon-indent {
    display: grid;
    grid-template-columns: var(--num-48) var(--num-474);
    justify-content: space-between;
  }
}

.icon-indent__img {
  text-align: center;
  margin-bottom: var(--num-36);
}
@media print, screen and (min-width:680px) {
  .icon-indent__img {
    margin-bottom: 0;
  }
}
.icon-indent__img img {
  display: block;
  width: var(--num-40);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .icon-indent__img img {
    width: var(--num-48);
  }
}

/* grid-img */
.grid-img {
  width: var(--inner-w-02);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grid-img img {
  width: var(--num-230);
  margin: 0;
}
.grid-img .txt {
  font-size: var(--fs-18) !important;
  line-height: 1.3;
  letter-spacing: -0.02em;
  width: var(--num-314);
}
@media print, screen and (min-width:680px) {
  .grid-img {
    width: var(--inner-w-04-pc);
    flex-direction: row;
    gap: var(--num-120);
  }
  .grid-img img {
    width: var(--num-374);
    margin: 0;
  }
  .grid-img .grid-img__img {
    margin: 0;
  }
  .grid-img .txt {
    width: var(--num-424);
    font-size: var(--fs-25) !important;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
}
.grid-img.-reverse {
  flex-direction: column-reverse;
}
@media print, screen and (min-width:680px) {
  .grid-img.-reverse {
    flex-direction: row;
  }
}

.grid-img__img {
  margin: 0 auto var(--num-36);
  grid-area: a;
}
@media print, screen and (min-width:680px) {
  .grid-img__img {
    margin-bottom: 0;
  }
}

/* compare-items */
.subgrid-items {
  width: var(--inner-w-02);
  margin: 0 auto;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
.subgrid-items .subgrid-item {
  width: 50%;
  display: grid;
  gap: 0;
  grid-template-rows: subgrid;
  grid-row: 5;
}
.subgrid-items .subgrid-item div {
  border-bottom: 1px solid #ccc;
}

.subgrid-item__inner {
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
}

.compare-items {
  width: var(--inner-w-02);
  margin: 0 auto;
  display: grid;
  gap: 0;
  grid-template-columns: var(--num-172) var(--num-172);
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .compare-items {
    width: var(--inner-w-03-pc);
    grid-template-columns: var(--num-582) var(--num-582);
  }
}
.compare-items .compare-item {
  grid-row: span 4;
  display: grid;
  gap: 0;
  grid-template-rows: subgrid;
  grid-row: span 5;
}
.compare-items .compare-item:first-child .compare-item__con {
  background: rgba(27, 120, 134, 0.06);
}
.compare-items .compare-item:first-child .compare-item__con::after {
  background: rgba(27, 120, 134, 0.1);
}
@media print, screen and (min-width:680px) {
  .compare-items .compare-item:first-child .compare-item__con::after {
    left: auto;
    right: 0;
  }
}
.compare-items .compare-item .compare-item__con:nth-child(2) {
  border-radius: var(--radius-03) var(--radius-03) 0 0;
}
.compare-items .compare-item .compare-item__con:last-child {
  border-radius: 0 0 var(--radius-03) var(--radius-03);
}
.compare-items .compare-item .compare-item__con:last-child::after {
  display: none;
}

.compare-item__con {
  position: relative;
  padding: var(--num-30) var(--num-20);
}
.compare-item__con::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: rgba(61, 61, 61, 0.1);
}
@media print, screen and (min-width:680px) {
  .compare-item__con::after {
    width: var(--num-522);
  }
}
@media print, screen and (min-width:680px) {
  .compare-item__con {
    padding: var(--num-40) var(--num-100);
  }
}

.compare-item__ttl {
  font-size: var(--fs-20);
  list-style: 1.2;
  margin-bottom: var(--num-26);
}
@media print, screen and (min-width:680px) {
  .compare-item__ttl {
    font-size: var(--fs-16);
    margin-bottom: var(--num-40);
  }
}

.movie-items {
  width: 100%;
  display: grid;
  grid-template-columns: var(--num-172) var(--num-172);
  justify-content: space-between;
  gap: var(--num-10) var(--num-10);
}
@media print, screen and (min-width:680px) {
  .movie-items {
    grid-template-columns: var(--num-374) var(--num-374);
    gap: var(--num-20) var(--num-20);
  }
}

/* column-items */
.column-items {
  width: var(--inner-w-04);
  margin: 0 auto;
  display: grid;
  gap: var(--num-75) 0;
  align-items: end;
}
.faq-item .column-items {
  width: 100%;
}
@media print, screen and (min-width:680px) {
  .column-items.-w-572__pc {
    width: var(--inner-w-03-pc);
    grid-template-columns: var(--num-572) var(--num-572);
    gap: 0 var(--num-20);
  }
}
@media print, screen and (min-width:680px) {
  .column-items {
    width: var(--inner-w-05-pc);
    grid-template-columns: var(--num-474) var(--num-474);
    justify-content: space-between;
    gap: 0 var(--num-50);
  }
}

.border-top {
  position: relative;
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  padding-top: var(--num-16);
}
@media print, screen and (min-width:680px) {
  .border-top {
    padding-top: var(--num-20);
  }
}

.column-item__lists {
  width: 100%;
  display: grid;
  gap: 0 0;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
.column-item__lists ul {
  margin-left: 0;
  width: var(--num-172);
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  padding-top: var(--num-16);
}
@media print, screen and (min-width:680px) {
  .column-item__lists ul {
    width: var(--num-226);
  }
}
.column-item__lists ul .list-circle {
  left: 0;
}

.column-item__img.w-296 {
  width: var(--num-296);
  margin: 0 auto;
}

/* panel-items */
.panel-items {
  display: grid;
  gap: var(--num-25) 0;
}
@media print, screen and (min-width:680px) {
  .panel-items {
    grid-template-columns: var(--num-572) var(--num-572);
    justify-content: space-between;
  }
}
.panel-items .panel-item {
  background: rgba(27, 120, 134, 0.05);
  border-radius: var(--radius-02);
  padding: var(--num-75) var(--num-36) var(--num-75);
  position: relative;
}
@media print, screen and (min-width:680px) {
  .panel-items .panel-item {
    padding: var(--num-70) var(--num-50) var(--num-60);
    display: grid;
    gap: 0;
    grid-row: span 3;
    grid-template-rows: subgrid;
  }
}
.panel-items .panel-item .note-txt {
  position: absolute;
  bottom: var(--num-30);
  left: 0;
  right: 0;
  margin: auto;
}
@media print, screen and (min-width:680px) {
  .panel-items .panel-item .note-txt {
    bottom: var(--num-20);
  }
}

/* column-layout */
.column-layout {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .column-layout {
    width: var(--inner-w-06-pc);
    display: grid;
    grid-template-columns: var(--num-528) var(--num-523);
    justify-content: space-between;
  }
}

.column-layout__l {
  display: grid;
  place-content: center;
}

/* dx-img */
.dx-img {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .dx-img.w-1164__pc {
    width: var(--inner-w-03-pc);
    padding-left: var(--num-50);
  }
  .dx-img.w-1164__pc .dx-img__img {
    width: var(--num-572);
  }
}
@media print, screen and (min-width:680px) {
  .dx-img.no-txt {
    grid-template-areas: "a b" "a b";
  }
}
.dx-img.no-txt .dx-img__ttl {
  display: grid;
  place-content: center;
}
@media print, screen and (min-width:680px) {
  .dx-img {
    width: var(--inner-w-04-pc);
    display: grid;
    justify-content: space-between;
    grid-template-areas: "a b" "c b";
  }
  .dx-img .dx-img__ttl {
    grid-area: a;
    display: grid;
    place-content: end start;
    margin-bottom: 0;
    width: var(--num-440);
  }
  .dx-img .dx-img__ttl.w-474__pc {
    width: var(--num-474);
  }
  .dx-img .dx-img__assets {
    grid-area: c;
    width: var(--num-430);
  }
}

.dx-img__img {
  margin: 0 auto var(--num-50);
  grid-area: b;
}
@media print, screen and (min-width:680px) {
  .dx-img__img {
    width: var(--num-570);
    margin-bottom: 0;
  }
  .dx-img__img.w-473__pc {
    width: var(--num-473);
  }
}

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

/**
* Swiper 4.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 14, 2018
*/
/**
 * Swiper 11.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 31, 2025
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

/*************************************/
/*********************************************
scroll bar
*********************************************/
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
  z-index: 100;
}

/*
* Scrollbar rail styles
*/
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  opacity: 1;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
  z-index: 10;
  top: 0;
  background: rgba(33, 33, 33, 0.04);
  width: 4px !important;
  border-radius: 2px;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  background: #f5f5f5;
  width: var(--num-06);
  border-radius: var(--num-03);
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  width: var(--num-06);
  border-radius: var(--num-03);
}

/*
* Scrollbar thumb styles
*/
.ps__thumb-y {
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  width: 4px;
  background: #1b7886;
  border-radius: 2px;
  overflow: hidden;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  height: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps__rail-x,
.ps__rail-y {
  opacity: 1;
}

body.is-mouse-false {
  pointer-events: none;
}

.wrap {
  position: relative;
  padding-top: 60px;
}
@media print, screen and (min-width:680px) {
  .wrap {
    padding-top: 66px;
  }
}
.g-main {
  overflow: hidden;
}

.g-header {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media print, screen and (min-width:680px) {
  .g-header {
    position: absolute;
  }
}
.g-header::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .g-header::after {
    height: 60px;
  }
}

@media print, screen and (min-width:680px) {
  .g-header.is-scroll-down {
    transform: translateY(-66px);
  }
}

.header-inner {
  position: relative;
  width: var(--num-354);
  height: 60px;
  margin: 0 auto;
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  .header-inner {
    width: var(--num-864);
    width: var(--num-1280);
  }
}
@media print, screen and (min-width:1025px) {
  .header-inner {
    width: var(--num-1440);
    width: var(--num-1280);
  }
}

.header-logo {
  position: absolute;
  width: 100px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .header-logo {
    width: 100px;
  }
}

.header-btn {
  position: absolute;
  z-index: 120;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: calc(var(--num-12) * -1);
  width: var(--num-44);
  height: var(--num-44);
  display: block;
  transition: background 0.3s ease-out;
}
.header-btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--num-18);
  height: 2px;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, margin-top 0.3s ease-out;
}
.header-btn span:nth-of-type(1) {
  margin-top: calc(-6vw / var(--base-width-01) * 100);
  margin-top: -6px;
}
.header-btn span:nth-of-type(2) {
  margin-top: -1px;
}
.header-btn span:nth-of-type(3) {
  margin-top: calc(4vw / var(--base-width-01) * 100);
  margin-top: 4px;
}
@media print, screen and (min-width:680px) {
  .header-btn span {
    width: var(--num-30);
    height: 1px;
  }
  .header-btn span:nth-of-type(1) {
    margin-top: -7px;
  }
  .header-btn span:nth-of-type(2) {
    margin-top: -1px;
  }
  .header-btn span:nth-of-type(3) {
    margin-top: 5px;
  }
}
@media print, screen and (min-width:680px) {
  .header-btn {
    display: none;
  }
}

body.is-event-false {
  pointer-events: none;
}

@keyframes hideNavi {
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body.is-menu-active {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
body.is-menu-active.is-menu-active-hide .header-assets::after {
  opacity: 0;
  transition: opacity 0.3s 0.3s ease-out;
}
body.is-menu-active.is-menu-active-hide .btn-round {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out !important;
}
body.is-menu-active.is-menu-active-hide .header-assets .header-assets__nav li {
  opacity: 0;
  transform: translateX(15px);
  transition: opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out !important;
}
body.is-menu-active.is-menu-active-hide .header-btn span {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, margin-top 0.3s ease-out;
}
body.is-menu-active.is-menu-active-hide .header-btn span:nth-of-type(1) {
  margin-top: -6px;
  transform: translate(-50%, 0) rotate(0deg);
}
body.is-menu-active.is-menu-active-hide .header-btn span:nth-of-type(2) {
  opacity: 1;
}
body.is-menu-active.is-menu-active-hide .header-btn span:nth-of-type(3) {
  margin-top: 4px;
  transform: translate(-50%, 0) rotate(0deg);
}
body.is-menu-active .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.is-menu-active .header-assets {
  left: 0;
}
body.is-menu-active .header-assets::after {
  left: 0;
  opacity: 0.98;
  opacity: 1;
}
body.is-menu-active .btn-round {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s 0.7s ease-out, transform 0.3s 0.7s ease-out;
}
body.is-menu-active .header-assets .header-assets__nav li {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(1) {
  transition-delay: 0.3s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(2) {
  transition-delay: 0.35s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(3) {
  transition-delay: 0.4s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(4) {
  transition-delay: 0.45s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(5) {
  transition-delay: 0.5s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(6) {
  transition-delay: 0.55s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(7) {
  transition-delay: 0.6s;
}
body.is-menu-active .header-assets .header-assets__nav li:nth-child(8) {
  transition-delay: 0.65s;
}
body.is-menu-active .header-btn span:nth-of-type(1) {
  margin-top: -1px;
  transform: translate(-50%, 0) rotate(45deg);
}
body.is-menu-active .header-btn span:nth-of-type(2) {
  opacity: 0;
}
body.is-menu-active .header-btn span:nth-of-type(3) {
  margin-top: -1px;
  transform: translate(-50%, 0) rotate(-45deg);
}

.g-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header-assets {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding-top: var(--num-90);
  padding-bottom: var(--num-80);
  z-index: 1;
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .header-assets {
    position: relative;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: var(--num-72);
    background: var(--color-white-01);
    z-index: 1;
  }
}
.header-assets::after {
  position: absolute;
  position: fixed;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  background: #fff;
  z-index: 1;
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .header-assets::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header-assets {
    overflow-y: scroll;
  }
}
.header-assets .btn-round {
  position: relative;
  z-index: 13;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.3s 0s ease-out, transform 0.3s os ease-out;
}
@media print, screen and (min-width:680px) {
  .header-assets .btn-round {
    opacity: 1;
    transform: translateY(0);
    margin: 0 0;
    top: var(--num-16);
  }
}

@media print, screen and (min-width:680px) {
  .header-assets__inner {
    width: var(--num-1440);
    width: var(--num-1280);
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
}

.header-assets__nav {
  width: var(--inner-w-02);
  margin: 0 auto var(--num-80);
  position: relative;
  z-index: 2;
  text-align: left;
}
@media print, screen and (min-width:680px) {
  .header-assets__nav {
    width: auto;
    margin: 0 0 0;
  }
}
@media print, screen and (min-width:680px) {
  .header-assets__nav ul {
    display: flex;
    justify-content: start;
    gap: 0 var(--num-40);
  }
}
.header-assets__nav ul li {
  position: relative;
  opacity: 0;
  transform: translateX(-15px);
  transition: opacity 0.3s 0s ease-out, transform 0.3s os ease-out;
}
@media print, screen and (min-width:680px) {
  .header-assets__nav ul li {
    opacity: 1;
    transform: translateY(0) !important;
    height: var(--num-72);
    display: grid;
    place-content: center;
  }
}
.page-index .header-assets__nav ul li:nth-child(1) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.page-products .header-assets__nav ul li:nth-child(2) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.page-learn-about .header-assets__nav ul li:nth-child(3) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.page-about-us .header-assets__nav ul li:nth-child(4) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.page-testimonials .header-assets__nav ul li:nth-child(5) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.page-support .header-assets__nav ul li:nth-child(6) a {
  font-family: SSTPaneuropeanBold !important;
  color: var(--text-color-black-01);
}
.header-assets__nav ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #212121;
  opacity: 0.1;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .header-assets__nav ul li::after {
    display: none;
  }
}
.header-assets__nav ul li a {
  display: block;
  font-size: var(--fs-20);
  padding: var(--num-30) var(--num-50) var(--num-30) 0;
  color: var(--text-color-black-01);
  position: relative;
}
@media print, screen and (min-width:680px) {
  .header-assets__nav ul li a {
    font-size: var(--fs-13);
    padding: 0 0 0;
    color: var(--text-color-black-02);
  }
}
@media (hover: hover) {
  .header-assets__nav ul li a {
    transition: opacity 0.3s ease-out;
  }
  .header-assets__nav ul li a:hover {
    transition: opacity 0.2s ease-out;
    opacity: 1;
  }
}
.header-assets__nav ul li a::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-09);
  height: var(--num-16);
  background: url(../img/common/icon_arrow_r_212121.svg);
  background-size: cover;
  opacity: 1;
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-08) * -1);
}
@media print, screen and (min-width:680px) {
  .header-assets__nav ul li a::after {
    display: none;
  }
}

.privacyoptions {
  display: inline-block;
  position: relative;
  padding-right: var(--num-34) !important;
}
.privacyoptions img {
  display: inline-block;
  position: relative;
  top: var(--fs-02);
  width: auto;
  height: var(--fs-14);
}

.g-footer {
  position: relative;
  width: 100%;
  margin-top: calc(var(--num-30) * -1);
  background: var(--black-gradient);
  color: var(--color-white-01);
  padding-top: var(--num-50);
  padding-bottom: var(--num-60);
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .g-footer {
    padding-top: var(--num-80);
    padding-bottom: var(--num-80);
    margin-top: calc(var(--num-30) * -1);
  }
}

.footer-inner {
  width: var(--inner-w-03);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .footer-inner {
    position: relative;
    width: var(--inner-w-03-pc);
    text-align: left;
  }
}

.footer-logo {
  width: var(--num-100);
  margin: 0 auto var(--num-40);
}
@media print, screen and (min-width:680px) {
  .footer-logo {
    margin: 0 0 0;
  }
}

@media print, screen and (min-width:680px) {
  .footer-grid {
    position: relative;
    display: grid;
    grid-template-columns: auto var(--num-228);
    justify-content: space-between;
    padding-bottom: var(--num-80);
  }
  .footer-grid::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.1;
    bottom: 0;
    left: 0;
  }
}

.footer-dl {
  display: grid;
  gap: var(--num-40) 0;
  padding-bottom: var(--num-50);
  position: relative;
}
@media print, screen and (min-width:680px) {
  .footer-dl {
    padding-top: 0;
    padding-bottom: 0;
    grid-template-columns: var(--num-394) var(--num-394);
  }
}
.footer-dl::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width:680px) {
  .footer-dl::after {
    display: none;
  }
}
@media print, screen and (min-width:680px) {
  .footer-dl dl {
    padding-right: var(--num-40);
  }
}
.footer-dl dl dt {
  text-align: center;
  font-size: var(--fs-16);
  line-height: 1.4;
  margin-bottom: var(--num-30);
  letter-spacing: 0;
  position: relative;
  width: 106%;
  left: -3%;
}
@media print, screen and (min-width:680px) {
  .footer-dl dl dt {
    text-align: left;
    width: 100%;
    left: 0;
    font-size: var(--fs-18);
    margin-bottom: var(--num-40);
    color: var(--color-gray-02);
  }
}
.footer-dl dl dd {
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .footer-dl dl dd {
    text-align: left;
  }
}

.footer-links {
  position: relative;
}

.footer-sns {
  position: absolute;
  right: 0;
  bottom: var(--num-46);
}
@media print, screen and (min-width:680px) {
  .footer-sns {
    position: relative;
    right: auto;
    bottom: auto;
    padding-top: var(--num-40);
    padding-bottom: var(--num-40);
  }
  .footer-sns::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.1;
    bottom: 0;
    left: 0;
  }
}
.footer-sns ul {
  display: grid;
  width: auto;
  grid-template-columns: var(--num-16) var(--num-16) var(--num-16) var(--num-23);
  gap: 0 var(--num-24);
}
@media print, screen and (min-width:680px) {
  .footer-sns ul {
    gap: 0 var(--num-30);
    grid-template-columns: var(--num-20) var(--num-20) var(--num-20) var(--num-28);
  }
}
@media (hover: hover) {
  .footer-sns ul li a {
    transition: opacity 0.3s ease-out;
  }
  .footer-sns ul li a:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.6;
  }
}

.footer-nav__main {
  position: relative;
  padding-top: var(--num-42);
  padding-bottom: var(--num-42);
}
@media print, screen and (min-width:680px) {
  .footer-nav__main {
    display: grid;
    place-content: start left;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.footer-nav__main::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width:680px) {
  .footer-nav__main::after {
    display: none;
  }
}
.footer-nav__main ul {
  display: grid;
  gap: var(--num-10) 0;
}
@media print, screen and (min-width:680px) {
  .footer-nav__main ul {
    gap: var(--num-14) 0;
  }
}
.footer-nav__main ul li a {
  display: inline-block;
  font-size: var(--fs-13);
  padding: var(--num-06) 0;
}
@media print, screen and (min-width:680px) {
  .footer-nav__main ul li a {
    font-size: var(--fs-16);
  }
}
@media (hover: hover) {
  .footer-nav__main ul li a {
    transition: opacity 0.3s ease-out;
  }
  .footer-nav__main ul li a:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.6;
  }
}

.footer-stay {
  position: relative;
  padding-top: var(--num-46);
  padding-bottom: var(--num-46);
}
.footer-stay::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width:680px) {
  .footer-stay {
    position: relative;
    display: grid;
    grid-template-columns: auto var(--num-228);
    justify-content: space-between;
    padding-top: var(--num-50);
    padding-bottom: var(--num-50);
  }
}

.footer-stay__ttl {
  font-size: var(--fs-16);
  margin-bottom: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .footer-stay__ttl {
    font-size: var(--fs-20);
    margin-bottom: var(--num-10);
  }
}

.footer-stay__txt {
  font-size: var(--fs-13);
  line-height: 1.4;
  margin-bottom: var(--num-30);
  letter-spacing: -0.02em;
}
@media print, screen and (min-width:680px) {
  .footer-stay__txt {
    margin-bottom: 0;
    font-size: var(--fs-16);
  }
}

.footer-btm {
  position: relative;
  padding-top: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .footer-btm {
    padding-top: var(--num-46);
  }
}

.footer-nav__sub {
  margin-bottom: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .footer-nav__sub {
    margin-bottom: var(--num-20);
  }
}
.footer-nav__sub ul li {
  margin-right: var(--num-20);
  margin-bottom: var(--num-14);
  display: inline-block;
}
.footer-nav__sub ul li a {
  font-size: var(--fs-12);
  padding: var(--num-06) 0;
  position: relative;
}
.footer-nav__sub ul li a:has(img) {
  padding-right: 40px;
}
.footer-nav__sub ul li a img {
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .footer-nav__sub ul li a {
    transition: opacity 0.3s ease-out;
  }
  .footer-nav__sub ul li a:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.6;
  }
}

.footer-btm__txt {
  font-size: var(--fs-11);
  line-height: 1.4;
  margin-bottom: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .footer-btm__txt {
    font-size: var(--fs-12);
    color: var(--color-gray-02);
  }
}

.footer-copy {
  font-size: var(--fs-12);
  color: var(--color-gray-01);
}

.inner-offset {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .inner-offset {
    width: var(--inner-w-03-pc);
  }
}
@media print, screen and (min-width:680px) {
  .inner-offset.-pc-w__1280 {
    width: var(--inner-w-02-pc);
  }
}

.sec-inner {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .sec-inner {
    width: var(--inner-w-03-pc);
  }
}
.sec-inner .note-txt {
  text-align: left;
  margin-top: calc(var(--num-20) * -1);
}
@media print, screen and (min-width:680px) {
  .sec-inner .note-txt {
    text-align: center;
    margin-top: 0;
  }
}

#js-swiper-products .swiper-slide {
  height: auto;
}
#js-swiper-products .products-item__inner {
  height: 100%;
}
@keyframes swiper-arrow-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(var(--num-40));
  }
  51% {
    transform: translateX(calc(var(--num-40) * -1));
  }
  100% {
    transform: translateX(0);
  }
}
.swiper-testimonials {
  position: relative;
  z-index: 1;
  padding-bottom: var(--num-100);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials {
    padding-bottom: var(--num-82);
  }
}

.swiper-testimonials,
.js-swiper-column03 {
  width: 100%;
}
.swiper-testimonials .swiper-container,
.js-swiper-column03 .swiper-container {
  overflow: visible;
}
.swiper-testimonials .swiper-container.is-no-slide,
.js-swiper-column03 .swiper-container.is-no-slide {
  padding-bottom: var(--num-20);
}
.swiper-testimonials .swiper-container.is-no-slide .swiper-scrollbar,
.swiper-testimonials .swiper-container.is-no-slide .swiper-pagination,
.swiper-testimonials .swiper-container.is-no-slide .swiper-button-prev,
.swiper-testimonials .swiper-container.is-no-slide .swiper-button-next,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-scrollbar,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-pagination,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-button-prev,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-button-next {
  display: none;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-container.is-no-slide,
  .js-swiper-column03 .swiper-container.is-no-slide {
    padding-bottom: var(--num-20);
  }
}
.swiper-testimonials .swiper-scrollbar-drag,
.js-swiper-column03 .swiper-scrollbar-drag {
  background: #1e1e1e;
}
.swiper-testimonials .swiper-scrollbar,
.js-swiper-column03 .swiper-scrollbar {
  background: #d9d6d4;
}
.swiper-testimonials .swiper-scrollbar,
.js-swiper-column03 .swiper-scrollbar {
  position: absolute;
  width: var(--num-176) !important;
  height: var(--num-04) !important;
  border-radius: var(--num-04);
  overflow: hidden;
  top: auto;
  bottom: var(--num-24);
  left: var(--num-05);
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-scrollbar,
  .js-swiper-column03 .swiper-scrollbar {
    width: var(--num-276) !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--num-15);
  }
}
.swiper-testimonials .swiper-pagination,
.js-swiper-column03 .swiper-pagination {
  position: absolute;
  width: var(--num-176);
  height: var(--num-04);
  border-radius: var(--num-04);
  overflow: hidden;
  top: auto;
  bottom: var(--num-24);
  left: var(--num-30);
  left: var(--num-05);
  z-index: 10;
  display: block;
  opacity: 1;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-pagination,
  .js-swiper-column03 .swiper-pagination {
    width: var(--num-276);
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--num-15);
  }
}
.swiper-testimonials .swiper-pagination-progressbar,
.js-swiper-column03 .swiper-pagination-progressbar {
  background: #d9d6d4;
}
.swiper-testimonials .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.js-swiper-column03 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #1e1e1e;
}
.swiper-testimonials .swiper-button-prev,
.swiper-testimonials .swiper-button-next,
.js-swiper-column03 .swiper-button-prev,
.js-swiper-column03 .swiper-button-next {
  top: auto;
  left: auto;
  bottom: 0;
  width: var(--num-50);
  height: var(--num-50);
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background: var(--text-color-black-01);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-prev,
  .swiper-testimonials .swiper-button-next,
  .js-swiper-column03 .swiper-button-prev,
  .js-swiper-column03 .swiper-button-next {
    width: var(--num-32);
    height: var(--num-32);
    background: var(--text-color-black-01-disabled);
    left: 50%;
  }
}
.swiper-testimonials .swiper-button-prev::before,
.swiper-testimonials .swiper-button-next::before,
.js-swiper-column03 .swiper-button-prev::before,
.js-swiper-column03 .swiper-button-next::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--text-color-black-01);
  transform: scale(0);
  transition: transform 0.3s ease-out;
  border-radius: 50%;
  overflow: hidden;
}
.swiper-testimonials .swiper-button-prev::after,
.swiper-testimonials .swiper-button-next::after,
.js-swiper-column03 .swiper-button-prev::after,
.js-swiper-column03 .swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-09);
  height: var(--num-16);
  background: url(../img/common/icon_arrow_r_fff_slider.svg) center center no-repeat;
  background-size: cover;
  top: 50%;
  left: 50%;
  margin-left: calc(var(--num-03) * -1);
  margin-top: calc(var(--num-08) * -1);
  transition: transform 0.3s ease-out;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-prev::after,
  .swiper-testimonials .swiper-button-next::after,
  .js-swiper-column03 .swiper-button-prev::after,
  .js-swiper-column03 .swiper-button-next::after {
    width: var(--num-06);
    height: var(--num-10);
    margin-left: calc(var(--num-03) * -1);
    margin-top: calc(var(--num-05) * -1);
    background: url(../img/common/icon_arrow_r_212121_slider.svg) center center no-repeat;
    background-size: cover;
  }
}
@media (hover: hover) {
  .swiper-testimonials .swiper-button-prev:hover::before,
  .swiper-testimonials .swiper-button-next:hover::before,
  .js-swiper-column03 .swiper-button-prev:hover::before,
  .js-swiper-column03 .swiper-button-next:hover::before {
    transform: scale(1);
    transition: transform 0.2s ease-out;
  }
  .swiper-testimonials .swiper-button-prev:hover::after,
  .swiper-testimonials .swiper-button-next:hover::after,
  .js-swiper-column03 .swiper-button-prev:hover::after,
  .js-swiper-column03 .swiper-button-next:hover::after {
    background: url(../img/common/icon_arrow_r_fff_slider.svg) center center no-repeat;
    background-size: cover;
  }
}
.swiper-testimonials .swiper-button-prev.swiper-button-disabled,
.swiper-testimonials .swiper-button-next.swiper-button-disabled,
.js-swiper-column03 .swiper-button-prev.swiper-button-disabled,
.js-swiper-column03 .swiper-button-next.swiper-button-disabled {
  background: var(--text-color-black-01-disabled);
  pointer-events: none;
  cursor: auto;
  /*  pointer-events: none; */
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-prev.swiper-button-disabled,
  .swiper-testimonials .swiper-button-next.swiper-button-disabled,
  .js-swiper-column03 .swiper-button-prev.swiper-button-disabled,
  .js-swiper-column03 .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
  }
}
@media print and (hover: hover), screen and (min-width:680px) and (hover: hover) {
  .swiper-testimonials .swiper-button-prev.swiper-button-disabled:hover::before,
  .swiper-testimonials .swiper-button-next.swiper-button-disabled:hover::before,
  .js-swiper-column03 .swiper-button-prev.swiper-button-disabled:hover::before,
  .js-swiper-column03 .swiper-button-next.swiper-button-disabled:hover::before {
    transform: scale(0);
    transition: transform 0s ease-out;
  }
  .swiper-testimonials .swiper-button-prev.swiper-button-disabled:hover::after,
  .swiper-testimonials .swiper-button-next.swiper-button-disabled:hover::after,
  .js-swiper-column03 .swiper-button-prev.swiper-button-disabled:hover::after,
  .js-swiper-column03 .swiper-button-next.swiper-button-disabled:hover::after {
    transform: translateX(0);
    transition: transform 0s 0s ease-out;
  }
}
.swiper-testimonials .swiper-button-prev.swiper-button-disabled::after,
.swiper-testimonials .swiper-button-next.swiper-button-disabled::after,
.js-swiper-column03 .swiper-button-prev.swiper-button-disabled::after,
.js-swiper-column03 .swiper-button-next.swiper-button-disabled::after {
  background: url(../img/common/icon_arrow_r_212121_slider.svg) center center no-repeat;
  background-size: cover;
}
.swiper-testimonials .swiper-button-next,
.js-swiper-column03 .swiper-button-next {
  right: var(--num-05);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-next,
  .js-swiper-column03 .swiper-button-next {
    margin-left: var(--num-550);
  }
}
.swiper-testimonials .swiper-button-prev,
.js-swiper-column03 .swiper-button-prev {
  right: var(--num-65);
  transform: scaleX(-1);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-prev,
  .js-swiper-column03 .swiper-button-prev {
    margin-left: var(--num-510);
  }
}

.swiper-testimonials {
  overflow: visible;
}
.swiper-testimonials .swiper-container {
  overflow: visible;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials {
    overflow: visible;
    width: var(--num-395);
    padding-bottom: var(--num-82);
  }
}
.swiper-testimonials .swiper-scrollbar,
.swiper-testimonials .swiper-pagination {
  left: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-scrollbar,
  .swiper-testimonials .swiper-pagination {
    width: var(--num-276);
    left: calc(var(--num-115) * -1);
    bottom: var(--num-15);
    left: 0;
    margin-left: calc(var(--num-14) * -1);
  }
}
.swiper-testimonials .swiper-button-next {
  right: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-next {
    right: auto;
    left: 50%;
    margin-left: 0;
    margin-left: var(--num-334);
  }
}
.swiper-testimonials .swiper-button-prev {
  right: var(--num-90);
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-button-prev {
    right: auto;
    left: 50%;
    margin-left: var(--num-294);
  }
}
.swiper-testimonials .swiper-slide {
  transform-style: preserve-3d;
  perspective: 300px;
}
@media print, screen and (min-width:680px) {
  .swiper-testimonials .swiper-slide .testimonials-item__inner {
    transition: opacity 0.3s 0.05s ease-out, transform 0.3s 0.05s ease-out;
  }
  .swiper-testimonials .swiper-slide.is-slide-hide {
    pointer-events: none;
  }
  .swiper-testimonials .swiper-slide.is-slide-hide .testimonials-item__inner {
    opacity: 0;
    transform-origin: 30% 50%;
    transform: rotateY(-40deg) scale(0.55);
  }
}

.products-panels {
  width: 100%;
  display: grid !important;
  grid-template-columns: auto 1fr;
  justify-items: center;
  align-items: center;
  justify-content: center;
  gap: 0 var(--num-10);
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .products-panels {
    width: var(--inner-w-03-pc);
    margin: 0 auto;
    gap: 0 var(--num-20);
    background: #ccc;
  }
}

.products-panel {
  width: var(--num-374);
  margin: 0 auto;
  text-align: left;
  background: var(--black-gradient-products);
  border-radius: var(--radius-01);
  overflow: hidden;
  position: relative;
  color: #fff;
  padding-bottom: var(--num-24);
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 0 0;
}
@media print, screen and (min-width:680px) {
  .products-panel {
    width: var(--num-395);
    width: var(--num-375);
    margin: 0 auto;
  }
}

.products-panel__movie {
  height: var(--num-280);
  background: #fff;
  border-radius: var(--radius-01) var(--radius-01) 0 0;
  overflow: hidden;
  position: relative;
}
.type-02 .products-panel__movie {
  height: var(--num-172);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-panel__movie {
    height: var(--num-230);
  }
}

.products-panel__movie video,
.products-panel__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  background: #fff;
}
.products-panel__movie video img,
.products-panel__img img {
  width: var(--num-200);
}

.products-panel__stop {
  width: var(--num-40);
  height: var(--num-40);
  position: absolute;
  right: var(--num-14);
  top: var(--num-14);
  background: #f3f0ed;
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}
.products-panel__stop img {
  display: block;
  margin: 0 auto;
  width: var(--num-06);
  height: var(--num-09);
}
@media (hover: hover) {
  .products-panel__stop {
    transition: opacity 0.3s ease-out;
  }
  .products-panel__stop:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.6;
  }
}

.products-panel__name-price {
  display: grid;
  grid-template-columns: auto auto;
  width: var(--num-294);
  margin: 0 auto var(--num-20);
}
.products-panel__name-price .products-panel__price {
  text-align: right;
}
@media print, screen and (min-width:680px) {
  .products-panel__name-price {
    width: var(--num-316);
  }
}

.products-panel__name {
  padding: var(--num-20) var(--num-30);
  font-size: var(--fs-20);
  line-height: 1.2;
  font-family: SSTPaneuropeanMedium !important;
}
.products-panel__name span {
  display: block;
  margin-top: var(--num-10);
  font-size: var(--fs-13);
  font-family: SSTPaneuropeanRoman !important;
  color: var(--color-gray-02);
  line-height: 1.4;
}

.products-panel__price {
  padding: 0 var(--num-30) var(--num-20);
  font-size: var(--fs-20);
  font-family: SSTPaneuropeanMedium !important;
}
.products-panel__price.-msrp {
  color: #ffbd6b;
}
.products-panel__price.-msrp span {
  color: var(--color-gray-02);
}
.products-panel__price span {
  display: block;
  margin-top: var(--num-10);
  font-size: var(--fs-13);
  color: var(--color-gray-02);
}

.products-panel__btn {
  width: var(--num-294);
  width: var(--num-132);
  margin: 0 auto;
  padding-top: var(--num-20);
  text-align: center;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .products-panel__btn {
    padding-top: var(--num-24);
    width: var(--num-316);
  }
}
.products-panel__btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  top: 0;
  left: 0;
}

/*****************************/
.products-items {
  width: 100%;
}
.type-02 .products-items .products-item__movie,
.type-02 .products-items .products-item__img {
  height: var(--num-172);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-items .products-item__movie,
  .type-02 .products-items .products-item__img {
    height: var(--num-230);
  }
}
.type-02 .products-items .products-item__name-price {
  grid-template-columns: auto;
}
.type-02 .products-items .products-item__price {
  text-align: left;
  margin-top: var(--num-26);
}
.type-02 .products-items .products-item__btn {
  display: grid;
}
@media print, screen and (min-width:680px) {
  .type-02 .products-items .products-item__btn {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
  }
}
.type-02 .products-items .btn-round {
  margin-top: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-items .btn-round {
    margin-top: 0;
  }
}

.products-item {
  width: var(--num-374) !important;
  width: var(--num-364) !important;
  margin: 0 0;
  padding: 0 var(--num-05);
  text-align: left;
}
.type-02 .products-item {
  width: var(--num-182) !important;
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item {
    width: var(--num-395) !important;
  }
}
@media print, screen and (min-width:680px) {
  .products-item {
    width: var(--num-395) !important;
    padding: 0 var(--num-10);
  }
}
.products-item .movie-toggle {
  top: var(--num-10);
  right: var(--num-10);
}
@media print, screen and (min-width:680px) {
  .products-item .movie-toggle {
    top: var(--num-10);
    right: var(--num-10);
  }
}
.products-item .movie-toggle::after {
  background: url(../img/common/icon_play_black.svg) center center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width:680px) {
  .products-item .products-item__btn.-has-more {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
  }
}

.products-item__top {
  height: var(--num-280);
  border-radius: var(--radius-01) var(--radius-01) 0 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #fff;
}
.type-02 .products-item__top {
  height: var(--num-172);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item__top {
    height: var(--num-230);
  }
}

.products-item__movie,
.products-item__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  z-index: -1;
}
.products-item__movie video,
.products-item__img video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  background: transparent;
  pointer-events: none;
}
.products-item__movie img,
.products-item__img img {
  width: var(--num-200);
}
.type-02 .products-item__movie img,
.type-02 .products-item__img img {
  width: var(--num-160);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item__movie img,
  .type-02 .products-item__img img {
    width: var(--num-200);
  }
}

.products-item__color {
  position: absolute;
  left: var(--num-30);
  bottom: var(--num-20);
  display: flex;
  justify-content: flex-start;
  gap: 0 var(--num-08);
  z-index: 100 !important;
}
@media print, screen and (min-width:680px) {
  .products-item__color {
    left: var(--num-25);
  }
}
.products-item__color li {
  width: var(--num-10);
  width: 8px;
}
@media print, screen and (min-width:680px) {
  .products-item__color li {
    width: var(--num-08);
  }
}
.products-item__color li img {
  width: 8px;
  height: auto;
}
@media print, screen and (min-width:680px) {
  .products-item__color li img {
    width: var(--num-08);
  }
}

.products-item__state {
  position: absolute;
  right: var(--num-30);
  bottom: var(--num-20);
  font-size: var(--fs-16);
  font-family: SSTPaneuropeanMedium !important;
  color: var(--text-color-black-01);
  z-index: 100 !important;
}
@media print, screen and (min-width:680px) {
  .products-item__state {
    right: var(--num-25);
  }
}

.products-item__btm {
  background: var(--black-gradient-products);
  border-radius: 0 0 var(--radius-01) var(--radius-01);
  position: relative;
  color: #fff;
  padding-top: var(--num-24);
  padding-bottom: var(--num-24);
  z-index: 100 !important;
}

.products-item__name-price {
  display: grid;
  grid-template-columns: auto auto;
  width: var(--num-294);
  margin: 0 auto var(--num-20);
}
.type-02 .products-item__name-price {
  width: var(--num-132);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item__name-price {
    width: var(--num-316);
  }
}
@media print, screen and (min-width:680px) {
  .products-item__name-price {
    width: var(--num-316);
  }
}

.products-item__name {
  font-size: var(--fs-20);
  font-family: SSTPaneuropeanMedium !important;
}
.type-02 .products-item__name {
  font-size: var(--fs-14);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item__name {
    font-size: var(--fs-20);
  }
}
.products-item__name span {
  display: block;
  margin-top: var(--num-10);
  font-size: var(--fs-13);
  font-weight: 400;
  color: var(--color-gray-02);
  line-height: 1.4;
}

.products-item__price {
  text-align: right;
  font-size: var(--fs-20);
  font-family: SSTPaneuropeanMedium !important;
}
.products-item__price.-msrp {
  color: #ffbd6b;
}
.products-item__price.-msrp span {
  color: var(--color-gray-02);
}
.products-item__price span {
  display: block;
  margin-top: var(--num-10);
  font-size: var(--fs-13);
  color: var(--color-gray-02);
}

.products-item__btn {
  width: var(--num-294);
  margin: 0 auto;
  padding-top: var(--num-20);
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.type-02 .products-item__btn {
  width: var(--num-132);
}
@media print, screen and (min-width:680px) {
  .type-02 .products-item__btn {
    width: var(--num-316);
  }
}
@media print, screen and (min-width:680px) {
  .products-item__btn {
    padding-top: var(--num-24);
    width: var(--num-316);
  }
}
.products-item__btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  top: 0;
  left: 0;
}

/* guide */
#js-swiper-guide-modal.swiper-container,
#js-swiper-guide.swiper-container {
  overflow: visible;
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  #js-swiper-guide-modal.swiper-container,
  #js-swiper-guide.swiper-container {
    width: var(--inner-w-03-pc);
  }
}

.guide-item {
  padding: 0 var(--num-05);
}
@media print, screen and (min-width:680px) {
  .guide-item {
    padding: 0 var(--num-10);
  }
}

.guide-item__inner {
  padding: var(--num-30) var(--num-30) 0;
  position: relative;
  min-height: var(--num-500);
}
@media print, screen and (min-width:680px) {
  .guide-item__inner {
    padding: var(--num-78) var(--num-98) var(--num-106);
    display: grid;
    grid-template-columns: var(--num-425) var(--num-474);
    justify-content: space-between;
  }
}
.guide-item__inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-02);
  background: #fff;
  opacity: 0.55;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.guide-item__img {
  position: relative;
  z-index: 2;
  width: var(--num-232);
  height: var(--num-232);
  margin: calc(var(--num-116) * -1) auto var(--num-30);
  overflow: hidden;
  border-radius: 50%;
}
@media print, screen and (min-width:680px) {
  .guide-item__img {
    width: var(--num-425);
    height: var(--num-425);
    margin: calc(var(--num-102) * -1) auto var(--num-40);
  }
}
.guide-item__img svg {
  background: #fff;
  overflow: hidden;
  width: var(--num-240) !important;
  height: var(--num-240) !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
@media print, screen and (min-width:680px) {
  .guide-item__img svg {
    width: var(--num-430) !important;
    height: var(--num-430) !important;
  }
}

.guide-item__img-old svg {
  width: var(--num-350) !important;
  height: var(--num-350) !important;
}
@media print, screen and (min-width:680px) {
  .guide-item__img-old svg {
    width: var(--num-620) !important;
    height: var(--num-620) !important;
  }
}

.guide-item__assets {
  position: relative;
  z-index: 2;
}

.guide-assets {
  position: relative;
  width: 100%;
  padding-bottom: var(--num-66);
}
@media print, screen and (min-width:680px) {
  .guide-assets {
    padding-bottom: var(--num-10);
  }
}
.guide-assets::after {
  display: block;
  content: "";
  position: absolute;
  width: var(--num-110);
  height: var(--num-40);
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgb(245, 245, 245) 38%, rgb(245, 245, 245) 60%, rgba(245, 245, 245, 0));
  z-index: 5;
}
.is-modal .guide-assets::after {
  background: linear-gradient(90deg, rgb(243, 240, 237) 38%, rgb(243, 240, 237) 60%, rgba(243, 240, 237, 0));
}
@media print, screen and (min-width:680px) {
  .guide-assets::after {
    display: none;
  }
}
.guide-assets .txt-16 {
  color: var(--text-color-black-03);
  margin-bottom: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .guide-assets .txt-16 {
    margin-bottom: var(--num-40);
  }
}

.js-swiper-progress {
  position: relative;
  padding-bottom: var(--num-70);
}
@media print, screen and (min-width:680px) {
  .js-swiper-progress {
    padding-bottom: var(--num-70);
  }
}

.swiper-progress__per {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100px;
  height: 2px;
  transform-origin: 0 0;
  transform: scaleX(0);
}

.swiper-progress__btm {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: var(--num-40);
}
@media print, screen and (min-width:680px) {
  .swiper-progress__btm {
    z-index: 10;
    position: absolute;
    width: 100% !important;
    bottom: var(--num-60);
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: var(--num-40);
    left: 50%;
    transform: translateX(-50%);
  }
}
.swiper-progress__btm::before {
  display: block;
  content: "";
  position: absolute;
  width: var(--num-110);
  height: var(--num-42);
  left: 0;
  left: calc(var(--num-30) * -1);
  bottom: 0;
  background: linear-gradient(90deg, #f5f2ee 65%, rgba(245, 242, 238, 0));
  background: linear-gradient(90deg, #f5f2ee 38%, #f5f2ee 60%, rgba(245, 242, 238, 0));
  z-index: 8;
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .swiper-progress__btm::before {
    display: none;
  }
}
.swiper-progress__btm::after {
  display: block;
  content: "";
  position: absolute;
  width: var(--num-80);
  height: var(--num-42);
  right: 0;
  right: calc(var(--num-30) * -1);
  bottom: 0;
  background: linear-gradient(270deg, #f5f2ee 65%, rgba(245, 242, 238, 0));
  background: linear-gradient(270deg, #f5f2ee 38%, #f5f2ee 60%, rgba(245, 242, 238, 0));
  z-index: 8;
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .swiper-progress__btm::after {
    display: none;
  }
}

.progress-btn__stop {
  display: block;
  position: absolute;
  z-index: 1000 !important;
  bottom: 0;
  left: 0;
  width: var(--num-40);
  height: var(--num-40);
  background-color: rgba(173, 173, 173, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.progress-btn__stop.l-30 {
  left: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .progress-btn__stop.l-30 {
    left: 0;
  }
}
@media print, screen and (min-width:680px) {
  .progress-btn__stop {
    position: relative;
    left: 0;
    margin-right: var(--num-10);
  }
}
.progress-btn__stop img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--num-07);
  height: var(--num-09);
  translate: -50% -50%;
  z-index: 1;
}
.progress-btn__stop::after {
  content: "";
  display: block;
  display: none;
  position: absolute;
  width: var(--num-06);
  height: var(--num-12);
  top: 50%;
  left: 50%;
  z-index: 10;
  background: url(../img/common/icon_movie_play_black.svg) center center no-repeat;
  background-size: cover;
  transform: translate(-30%, -50%);
}
.progress-btn__stop.is-animations-stop img {
  display: none;
}
.progress-btn__stop.is-animations-stop::after {
  display: block;
}
@media (hover: hover) {
  .progress-btn__stop {
    transition: opacity 0.3s ease-out;
  }
  .progress-btn__stop:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
}

.guide-list__swiper {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
}
@media print, screen and (min-width:680px) {
  .guide-list__swiper {
    position: relative;
    left: 0;
  }
}
.guide-list__swiper .swiper-container {
  overflow: visible;
  width: var(--num-120);
  width: var(--num-280);
  padding-left: var(--num-100);
  padding-right: 0;
}
@media print, screen and (min-width:680px) {
  .guide-list__swiper .swiper-container {
    padding-left: 0;
    width: 100% !important;
  }
}

.js-swiper-fade .swiper-slide,
.js-swiper-progress-main .swiper-slide,
#js-swiper-life .swiper-slide {
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-out !important;
}
.js-swiper-fade .swiper-slide.swiper-slide-active,
.js-swiper-progress-main .swiper-slide.swiper-slide-active,
#js-swiper-life .swiper-slide.swiper-slide-active {
  z-index: 100;
  opacity: 1;
  transition: opacity 1s ease-out !important;
}

@media print, screen and (min-width:680px) {
  .js-swiper-progress-nav,
  .life-list__swiper {
    position: relative;
    left: 0;
  }
}
.js-swiper-progress-nav.type-fix__sp .swiper-container,
.life-list__swiper.type-fix__sp .swiper-container {
  padding-right: var(--num-200);
}
@media print, screen and (min-width:680px) {
  .js-swiper-progress-nav.type-fix__sp .swiper-container,
  .life-list__swiper.type-fix__sp .swiper-container {
    padding-right: 0;
  }
}
.js-swiper-progress-nav .swiper-container,
.life-list__swiper .swiper-container {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 5;
  overflow: visible;
  padding-left: var(--num-56);
  padding-right: var(--num-170);
}
@media print, screen and (min-width:680px) {
  .js-swiper-progress-nav .swiper-container,
  .life-list__swiper .swiper-container {
    position: relative;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.progress-slide__list {
  height: var(--num-40);
}
.type-fix__sp .progress-slide__list {
  transform: translateX(0) !important;
}
.type-fix__sp .progress-slide__list li {
  width: auto !important;
}
@media print, screen and (min-width:680px) {
  .progress-slide__list {
    transform: translateX(0) !important;
  }
}
.progress-slide__list .swiper-slide {
  padding: 0 var(--num-06);
  display: inline;
  width: auto;
}
@media print, screen and (min-width:680px) {
  .progress-slide__list .swiper-slide {
    padding: 0 var(--num-03);
    transform: translateX(0) !important;
    opacity: 1 !important;
    width: auto !important;
  }
}
.progress-slide__list .swiper-slide.swiper-slide-active a, .progress-slide__list .swiper-slide.swiper-slide-active button {
  background: #c1c1c1;
  pointer-events: none;
}
.progress-slide__list .swiper-slide a, .progress-slide__list .swiper-slide button {
  position: relative;
  display: inline-block;
  padding: 0 var(--num-20);
  height: var(--num-40);
  width: auto;
  border-radius: var(--num-20);
  overflow: hidden;
  line-height: 1;
  background: rgba(33, 33, 33, 0.1);
  z-index: 1;
  display: grid;
  place-content: center;
  font-size: var(--fs-12);
  font-family: SSTPaneuropeanMedium !important;
  height: var(--num-40);
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
@media print, screen and (min-width:680px) {
  .progress-slide__list .swiper-slide a, .progress-slide__list .swiper-slide button {
    padding: 0 var(--num-22);
  }
}
@media (hover: hover) {
  .progress-slide__list .swiper-slide a, .progress-slide__list .swiper-slide button {
    transition: opacity 0.3s ease-out;
  }
  .progress-slide__list .swiper-slide a:hover, .progress-slide__list .swiper-slide button:hover {
    opacity: 0.6;
    transition: opacity 0.2s ease-out;
  }
}

/* reviews */
#js-modal-output-reviews {
  display: none;
}
#js-modal-output-reviews.is-open {
  display: block;
}
@media print, screen and (min-width:680px) {
  #js-modal-output-reviews.is-open {
    display: none;
  }
}
#js-modal-output-reviews .js-swiper-column03:nth-child(1) {
  display: block;
}
#js-modal-output-reviews .js-swiper-column03:nth-child(2) {
  display: none;
}
#js-modal-output-reviews.is-show-after .js-swiper-column03:nth-child(1) {
  display: none;
}
#js-modal-output-reviews.is-show-after .js-swiper-column03:nth-child(2) {
  display: block;
}

.reviews-items {
  width: 100%;
  overflow: visible;
}

.reviews-item {
  width: var(--num-364) !important;
  margin: 0 0;
  padding: 0 var(--num-05);
  text-align: left;
}
@media print, screen and (min-width:680px) {
  .reviews-item {
    padding: 0 0;
    width: var(--num-395) !important;
    padding: 0 var(--num-10);
  }
}

.reviews-item__inner {
  background: #fff;
  border-radius: var(--radius-02);
  overflow: hidden;
  padding: var(--num-30) var(--num-30);
}

.reviews-item__top {
  display: grid;
  grid-template-columns: var(--num-240) auto;
  justify-content: space-between;
  padding-bottom: var(--num-26);
}
@media print, screen and (min-width:680px) {
  .reviews-item__top {
    position: relative;
    padding-bottom: var(--num-20);
    margin-bottom: var(--num-16);
  }
  .reviews-item__top::after {
    display: block;
    position: absolute;
    content: "";
    width: var(--num-345);
    height: 1px;
    background: var(--text-color-black-02);
    opacity: 0.1;
    bottom: 0;
    left: 0;
  }
}

.reviews-item__man {
  position: relative;
  padding-left: var(--num-52);
}
.reviews-item__man img {
  position: absolute;
  top: -10%;
  left: 0;
  width: var(--num-32);
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.reviews-item__man p {
  font-size: var(--fs-18);
  line-height: 1.6;
  font-family: SSTPaneuropeanMedium !important;
}
.reviews-item__man p span {
  display: inline-block;
  margin-top: var(--num-06);
  font-size: var(--fs-14);
  color: #7a7575;
  letter-spacing: -0.02em;
  line-height: 1.4;
}

.reviews-item__product {
  display: grid;
  place-content: center;
  padding: 0 var(--num-16);
  height: var(--num-30);
  border-radius: var(--num-15);
  background: #f3f0ed;
  font-family: SSTPaneuropeanMedium !important;
  font-size: var(--fs-13);
  color: var(--text-color-black-01);
}

.reviews-item__scroll {
  position: relative;
}
.reviews-item__scroll::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--num-294);
  height: var(--num-40);
  background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 3;
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .reviews-item__scroll::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--num-294);
    height: var(--num-20);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgb(255, 255, 255));
    z-index: 3;
    pointer-events: none;
  }
}

.reviews-term {
  width: var(--num-364);
  margin: var(--num-30) auto 0;
  text-align: left;
  letter-spacing: 0.02em;
  font-size: var(--fs-12);
  color: #6f6f6f;
  line-height: 150%;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .reviews-term {
    width: var(--inner-w-03-pc);
    margin: var(--num-30) auto 0;
  }
}

/********/
.sc-bar.is-ps-scrollbar::-webkit-scrollbar-thumb,
.sc-bar.is-ps-scrollbar::-webkit-scrollbar {
  display: none !important;
  background: transparent !important;
}

.sc-bar::-webkit-scrollbar {
  background: transparent;
  background: rgba(33, 33, 33, 0.04);
  width: 4px;
  border-radius: 2px;
}

.sc-bar::-webkit-scrollbar:hover {
  width: 6px;
}

.sc-bar::-webkit-scrollbar-thumb {
  width: 4px;
  background: var(--color-green-02);
  border-radius: 2px;
  overflow: hidden;
}

.sc-bar::-webkit-scrollbar-thumb:hover {
  background: #144f59;
  width: 6px;
  border-radius: 6px;
  overflow: hidden;
}

/********/
.reviews-item__txt::-webkit-scrollbar {
  background: transparent;
  background: rgba(33, 33, 33, 0.04);
  width: 4px;
  border-radius: 2px;
}

.reviews-item__txt::-webkit-scrollbar:hover {
  width: 6px;
}

.reviews-item__txt::-webkit-scrollbar-thumb {
  width: 4px;
  background: var(--color-green-02);
  border-radius: 2px;
  overflow: hidden;
}

.reviews-item__txt::-webkit-scrollbar-thumb:hover {
  background: #144f59;
  width: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.reviews-item__txt {
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-black-02);
  margin-bottom: var(--num-26);
  height: var(--num-200);
  overflow: hidden;
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .reviews-item__txt {
    position: relative;
    height: var(--num-240);
    padding: var(--num-10) 0 var(--num-35);
    padding-right: var(--num-20);
    overflow-y: scroll;
    position: relative;
  }
}

.reviews-item__btm {
  display: grid;
  grid-template-columns: var(--num-150) var(--num-96);
  justify-content: space-between;
}
@media print, screen and (min-width:680px) {
  .reviews-item__btm {
    grid-template-columns: var(--num-101) var(--num-96);
  }
}

/* sec-testimonials */
.sec-testimonials {
  background: linear-gradient(180deg, rgb(245, 234, 221), rgb(245, 242, 238));
  padding-top: var(--num-70);
}
@media print, screen and (min-width:680px) {
  .sec-testimonials {
    padding-top: var(--num-100);
  }
}

.sec-testimonials__grid .sec-ttl {
  width: var(--num-354);
  margin: 0 auto var(--num-26);
}
.sec-testimonials__grid .txt-16 {
  width: var(--num-354);
  margin: 0 auto;
}
.sec-testimonials__grid .txt-12 {
  text-align: center;
  margin-top: var(--num-20);
  color: var(--text-color-black-03);
}
@media print, screen and (min-width:680px) {
  .sec-testimonials__grid {
    position: relative;
    width: var(--inner-w-03-pc);
    margin: 0 auto;
    display: grid;
    grid-template-areas: "a d" "a d" "c d" "e d" "e d";
  }
  .sec-testimonials__grid::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: var(--num-540);
    top: calc(var(--num-20) * -1);
    left: -50%;
    background: linear-gradient(90deg, rgb(243, 240, 237) 88%, rgba(243, 240, 237, 0));
    z-index: 2;
    display: none;
  }
  .sec-testimonials__grid .sec-ttl {
    position: relative;
    z-index: 3;
    grid-area: a;
    width: var(--num-400);
    place-content: end start;
    margin-top: calc(var(--num-20) * -1);
    margin-left: 0;
  }
  .sec-testimonials__grid .sec-ttl .sec-ttl__main {
    position: relative;
    width: 130%;
  }
  .sec-testimonials__grid .txt-16 {
    position: relative;
    z-index: 3;
    grid-area: b;
    width: var(--num-400);
    margin-left: 0;
  }
  .sec-testimonials__grid .txt-12 {
    grid-area: e;
    z-index: 3;
    margin-top: calc(var(--num-30) * -1);
    text-align: left;
  }
  .sec-testimonials__grid .ta-c {
    position: relative;
    z-index: 3;
    grid-area: c;
    width: var(--num-424);
    margin-left: 0;
  }
  .sec-testimonials__grid .swiper-testimonials {
    position: relative;
    z-index: 1;
    grid-area: d;
    width: var(--num-395);
  }
}

@media print, screen and (min-width:680px) {
  .testimonials-items {
    position: relative;
    z-index: 0;
    left: calc(var(--num-80) * -1);
    left: var(--num-20);
  }
}

.testimonials-item {
  width: var(--num-364);
  padding: 0 var(--num-05);
}
@media print, screen and (min-width:680px) {
  .testimonials-item {
    width: 100%;
    padding: 0 var(--num-10);
  }
}

.testimonials-item__inner {
  position: relative;
  display: block;
}

.testimonials-item__img {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-02);
  overflow: hidden;
  height: var(--num-460);
}
@media print, screen and (min-width:680px) {
  .testimonials-item__img {
    height: var(--num-500);
  }
}
.testimonials-item__img img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.testimonials-item__img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(32, 32, 32, 0), rgba(32, 32, 32, 0.5) 64%, rgb(33, 33, 33));
  background-image: linear-gradient(180deg, rgba(32, 32, 32, 0.5), rgba(32, 32, 32, 0.6) 64%, rgb(33, 33, 33));
  top: 0;
  left: 0;
  z-index: 10;
}

.testimonials-item__man {
  position: absolute;
  top: var(--num-46);
  left: 0;
  padding: 0 var(--num-40);
  z-index: 2;
}
.testimonials-item__man span {
  display: block;
}
.testimonials-item__man span.-name {
  font-size: var(--fs-18);
  font-family: SSTPaneuropeanMedium !important;
  color: #fff;
}
.testimonials-item__man span.-post {
  margin-top: var(--num-06);
  font-size: var(--fs-14);
  color: #f5f5f5;
}

.testimonials-item__txt {
  position: absolute;
  bottom: var(--num-46);
  left: 0;
  padding: 0 var(--num-40);
  z-index: 2;
  color: #d2d2d2;
  font-size: var(--fs-13);
  line-height: 1.5;
}
.testimonials-item__txt::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-15);
  height: var(--num-09);
  background: url(../img/common/icon_quotation_gray.svg) center center;
  background-size: cover;
  top: calc(var(--num-20) * -1);
  left: var(--num-40);
}
.testimonials-item__txt span.col-orange {
  color: #d2d2d2 !important;
}

/* sec-issue */
.sec-issue {
  text-align: center;
  width: 100%;
}

.issue-assets {
  position: relative;
  width: 100%;
  height: var(--num-1120);
}
@media print, screen and (min-width:680px) {
  .issue-assets {
    height: var(--num-656);
  }
}

.issue-items {
  position: relative;
  z-index: 1;
  width: var(--num-312);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .issue-items {
    width: 100%;
    margin: 0 0;
  }
}
.issue-items .issue-item {
  text-align: center;
  margin-bottom: var(--num-20);
  position: relative;
  height: var(--num-312);
  display: grid;
  place-content: center;
}
.issue-items .issue-item:last-child {
  margin-bottom: 0;
}
.issue-items .issue-item::after, .issue-items .issue-item::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.issue-items .issue-item::before {
  top: 0;
  left: 0;
  background: #e8eae8;
  z-index: 1;
}
.issue-items .issue-item::after {
  top: 50%;
  left: 50%;
  width: 76%;
  height: 76%;
  margin-top: -38%;
  margin-left: -38%;
  background: #dee4e3;
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  .issue-items .issue-item::after {
    width: 72%;
    height: 72%;
    margin-top: -36%;
    margin-left: -36%;
  }
}
@media print, screen and (min-width:680px) {
  .issue-items .issue-item {
    margin-bottom: 0;
    width: var(--num-374);
    height: var(--num-374);
    position: absolute;
    left: 50%;
  }
  .issue-items .issue-item:nth-child(1) {
    top: 0;
    margin-left: calc(var(--num-185) * -1);
  }
  .issue-items .issue-item:nth-child(2) {
    top: var(--num-284);
    margin-left: calc(var(--num-532) * -1);
  }
  .issue-items .issue-item:nth-child(3) {
    top: var(--num-284);
    margin-left: var(--num-158);
  }
}

.issue-item__num {
  position: relative;
  z-index: 10;
  font-size: var(--fs-70);
  font-weight: 500;
  line-height: 1;
  margin-bottom: var(--num-24);
  transform: translateX(1.7vw);
}
@media print, screen and (min-width:680px) {
  .issue-item__num {
    transform: translateX(0.5vw);
  }
}
.issue-item__num span {
  padding-left: 0.2em;
  font-size: var(--fs-16);
}

.issue-item:nth-child(3) .issue-item__num {
  transform: translateX(2.3vw);
}
@media print, screen and (min-width:680px) {
  .issue-item:nth-child(3) .issue-item__num {
    transform: translateX(0.8vw);
  }
}

.issue-item__txt {
  position: relative;
  z-index: 10;
  font-size: var(--fs-16);
  line-height: 1.4;
  color: var(--text-color-black-02);
}

.issue-imgs .issue-img {
  position: absolute;
  width: var(--num-210);
  height: var(--num-210);
  z-index: 10;
  border-radius: 50%;
  overflow: hidden;
}
.issue-imgs .issue-img img {
  transform: scale(1.2);
  opacity: 0.3;
}
.issue-imgs .issue-img:nth-child(1) {
  top: var(--num-210);
  left: calc(var(--num-66) * -1);
}
.issue-imgs .issue-img:nth-child(2) {
  top: var(--num-540);
  left: var(--num-274);
}
.issue-imgs .issue-img:nth-child(3) {
  top: var(--num-910);
  left: var(--num-7);
}
@media print, screen and (min-width:680px) {
  .issue-imgs .issue-img {
    margin-bottom: 0;
    width: var(--num-250);
    height: var(--num-250);
  }
  .issue-imgs .issue-img:nth-child(1) {
    top: var(--num-09);
    margin-left: calc(var(--num-465) * -1);
    left: 50%;
  }
  .issue-imgs .issue-img:nth-child(2) {
    top: var(--num-12);
    margin-left: var(--num-220);
    left: 50%;
  }
  .issue-imgs .issue-img:nth-child(3) {
    top: var(--num-400);
    margin-left: calc(var(--num-122) * -1);
    left: 50%;
  }
}

/* sec-productfeatures */
.sec-productfeatures {
  overflow: hidden;
}

.alternating-items {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .alternating-items {
    width: var(--inner-w-03-pc);
  }
}
.alternating-items .alternating-item {
  margin-bottom: var(--num-75);
}
.alternating-items .alternating-item:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width:680px) {
  .alternating-items .alternating-item {
    margin-bottom: var(--num-40);
    display: flex;
    justify-content: space-between;
  }
  .alternating-items .alternating-item:last-child {
    margin-bottom: 0;
  }
}
.alternating-items .alternating-item:nth-child(even) {
  flex-direction: row-reverse;
}
.alternating-items .alternating-item.row-reverse__pc .alternating-item__assets {
  margin-bottom: var(--num-32);
}
@media print, screen and (min-width:680px) {
  .alternating-items .alternating-item.row-reverse__pc {
    flex-direction: row-reverse;
  }
  .alternating-items .alternating-item.row-reverse__pc .alternating-item__assets {
    margin-bottom: 0;
  }
}
.alternating-items.row-reverse .alternating-item__assets {
  margin-bottom: var(--num-32);
}
@media print, screen and (min-width:680px) {
  .alternating-items.row-reverse .alternating-item__assets {
    margin-bottom: 0;
  }
  .alternating-items.row-reverse .alternating-item:nth-child(even) {
    flex-direction: row;
  }
  .alternating-items.row-reverse .alternating-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
}

.alternating-item__slider {
  margin-bottom: var(--num-30);
}
.alternating-item__slider .swiper-wrapper {
  position: relative;
}
.alternating-item__slider .swiper-slide {
  gap: 0 0;
}
@media print, screen and (min-width:680px) {
  .alternating-item__slider {
    margin-bottom: 0;
    width: var(--num-572);
  }
}
@media print, screen and (min-width:680px) {
  .alternating-item__slider .swiper-progress__btm {
    bottom: 0;
  }
}

.alternating-item__img {
  position: relative;
  margin-bottom: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .alternating-item__img {
    width: var(--num-572);
    margin-bottom: 0;
  }
  .img-473__pc .alternating-item__img {
    width: var(--num-473);
  }
}

.home-alternating-item__img {
  width: var(--num-350) !important;
  height: var(--num-200) !important;
}
@media print, screen and (min-width:680px) {
  .home-alternating-item__img {
    width: var(--num-520) !important;
    height: var(--num-490) !important;
  }
}

@media print, screen and (min-width:680px) {
  .home-alternating-item__assets {
    width: var(--num-600) !important;
  }
}
.home-alternating-item__assets .ttl-22 {
  margin-bottom: var(--num-15) !important;
}
.home-alternating-item__assets .txt-16 {
  margin-bottom: var(--num-45);
}

@media print, screen and (min-width:680px) {
  .alternating-item__assets {
    width: var(--num-572);
    display: grid;
    place-content: center;
    padding: 0 var(--num-70) 0 var(--num-100);
  }
  .alternating-item__assets.pa-40__pc {
    padding: 0 var(--num-110) 0 var(--num-40);
  }
  .alternating-item__assets.pa-70__pc {
    padding: 0 var(--num-40) 0 var(--num-70);
  }
  .img-473__pc .alternating-item__assets {
    width: var(--num-691);
    padding: 0 var(--num-70);
  }
}

/* sec-sonybrand  */
.round-bg {
  width: var(--inner-w-02);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.round-bg .sec-ttl {
  order: 1;
}
.round-bg .sonybrand-txts {
  order: 3;
}
@media print, screen and (min-width:680px) {
  .round-bg {
    position: relative;
    width: var(--inner-w-01-pc);
    height: var(--num-520);
  }
  .round-bg .sec-ttl * {
    color: #fff;
  }
  .round-bg .sec-ttl {
    margin-left: var(--num-100);
    z-index: 10;
    text-align: left;
  }
  .round-bg .txt-16 {
    color: #fff;
    text-align: left;
  }
  .round-bg .sonybrand-txts {
    margin-left: var(--num-100);
  }
  .round-bg .sonybrand-txts.-column02 {
    left: var(--num-374);
    display: grid;
    grid-template-columns: var(--num-374) var(--num-374);
    justify-content: space-between;
  }
  .round-bg .sonybrand-txts.-column01 {
    text-align: left;
    width: var(--num-450);
    left: var(--num-116);
  }
  .round-bg .sonybrand-txts.-column01.wide {
    width: var(--num-550);
  }
}

.round-bg__img {
  border-radius: var(--num-20);
  overflow: hidden;
  margin-bottom: var(--num-40);
  order: 2;
}
@media print, screen and (min-width:680px) {
  .round-bg__img {
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute !important;
    z-index: -1;
  }
}
.round-bg__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

/* cta-box  */
.cta-box {
  width: var(--inner-w-01);
  margin: 0 auto;
  background: #e8eae8;
  padding: var(--num-60) var(--num-40) var(--num-64);
  text-align: center;
  border-radius: var(--radius-02);
}
.cta-box.w-354__sp {
  width: var(--inner-w-02);
  padding: var(--num-60) var(--num-16) var(--num-64);
}
@media print, screen and (min-width:680px) {
  .cta-box.w-354__sp {
    width: var(--inner-w-03-pc);
    padding: var(--num-60) var(--num-40) var(--num-64);
  }
}
@media print, screen and (min-width:680px) {
  .cta-box {
    width: var(--inner-w-03-pc);
  }
}
.cta-box .note-txt {
  transform: translateY(var(--num-25));
}
@media print, screen and (min-width:680px) {
  .cta-box .note-txt {
    transform: unset;
  }
}

/* AssetsStep04  */
.step04-items {
  width: var(--inner-w-02);
  margin: 0 auto;
  display: grid;
  gap: var(--num-40) 0;
}
@media print, screen and (min-width:680px) {
  .step04-items {
    width: var(--inner-w-03-pc);
    gap: 0 0;
    grid-template-columns: auto auto auto auto;
  }
}
.step04-items .step04-item {
  display: grid;
  grid-template-columns: var(--num-120) var(--num-200);
  justify-content: space-between;
}
@media print, screen and (min-width:680px) {
  .step04-items .step04-item {
    display: block;
    grid-template-columns: 100%;
    width: var(--num-273);
  }
}

.step04-item__img {
  position: relative;
  width: var(--num-120);
}
@media print, screen and (min-width:680px) {
  .step04-item__img {
    width: 100%;
    padding-top: 0;
    margin-bottom: var(--num-40);
  }
}
.step04-item__img div {
  position: relative;
}
.step04-item__img div img {
  position: relative;
  z-index: 1;
  display: block;
  border-radius: var(--radius-01);
  overflow: hidden;
  width: 100%;
}
@media print, screen and (min-width:680px) {
  .step04-item__img div img {
    width: 80%;
  }
}
.step04-item__img div span {
  position: absolute;
  z-index: 2;
  top: var(--num-05);
  left: var(--num-05);
  background: #fff;
  text-align: center;
  width: var(--num-30);
  height: var(--num-30);
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-content: center;
  font-size: var(--fs-10);
  color: var(--color-green-02);
  font-family: SSTPaneuropeanMedium !important;
}
@media print, screen and (min-width:680px) {
  .step04-item__img div span {
    top: var(--num-10);
    left: var(--num-10);
  }
}

.step04-item__assets {
  width: var(--num-200);
}
@media print, screen and (min-width:680px) {
  .step04-item__assets {
    width: 100%;
  }
}
.step04-item__assets button {
  padding-left: 0;
}
.step04-item__assets .step-title {
  font-size: var(--fs-12);
  margin-bottom: var(--num-20);
  display: inline-block;
}
@media print, screen and (min-width:680px) {
  .step04-item__assets .step-title {
    font-size: var(--fs-14);
  }
}

/* bnr-hearing */
.bnr-hearing {
  width: var(--inner-w-01);
  margin: 0 auto;
  border-radius: var(--radius-02);
  overflow: hidden;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing {
    width: var(--inner-w-03-pc);
  }
}
.bnr-hearing a, .bnr-hearing button, .bnr-hearing .bnr-hearing-item {
  display: grid;
  width: 100%;
  place-content: center;
  position: relative;
  height: var(--num-150);
  text-align: center;
  background: var(--green-gradient);
  background: #E9EAE8;
}
.bnr-hearing a::before, .bnr-hearing a::after, .bnr-hearing button::before, .bnr-hearing button::after, .bnr-hearing .bnr-hearing-item::before, .bnr-hearing .bnr-hearing-item::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s 0s ease-out;
}
.bnr-hearing a::before, .bnr-hearing button::before, .bnr-hearing .bnr-hearing-item::before {
  opacity: 0;
  z-index: 1;
  background: #000;
}
.bnr-hearing a::after, .bnr-hearing button::after, .bnr-hearing .bnr-hearing-item::after {
  z-index: 2;
}
.bnr-hearing a .pulse-circle, .bnr-hearing button .pulse-circle, .bnr-hearing .bnr-hearing-item .pulse-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.bnr-hearing a .pulse-circle span, .bnr-hearing button .pulse-circle span, .bnr-hearing .bnr-hearing-item .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.bnr-hearing a .pulse-circle span::after, .bnr-hearing button .pulse-circle span::after, .bnr-hearing .bnr-hearing-item .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
.bnr-hearing a .pulse-circle span:nth-child(4), .bnr-hearing a .pulse-circle span:nth-child(3), .bnr-hearing a .pulse-circle span:nth-child(2), .bnr-hearing a .pulse-circle span:nth-child(1), .bnr-hearing button .pulse-circle span:nth-child(4), .bnr-hearing button .pulse-circle span:nth-child(3), .bnr-hearing button .pulse-circle span:nth-child(2), .bnr-hearing button .pulse-circle span:nth-child(1), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(4), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(3), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(2), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(1) {
  width: var(--num-160);
  height: var(--num-160);
  margin-left: calc(var(--num-80) * -1);
  margin-top: calc(var(--num-80) * -1);
  z-index: 20;
  opacity: 0.1;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing a .pulse-circle span:nth-child(4), .bnr-hearing a .pulse-circle span:nth-child(3), .bnr-hearing a .pulse-circle span:nth-child(2), .bnr-hearing a .pulse-circle span:nth-child(1), .bnr-hearing button .pulse-circle span:nth-child(4), .bnr-hearing button .pulse-circle span:nth-child(3), .bnr-hearing button .pulse-circle span:nth-child(2), .bnr-hearing button .pulse-circle span:nth-child(1), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(4), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(3), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(2), .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(1) {
    width: var(--num-780);
    height: var(--num-780);
    margin-left: calc(var(--num-390) * -1);
    margin-top: calc(var(--num-390) * -1);
  }
}
.bnr-hearing a .pulse-circle span:nth-child(4)::after, .bnr-hearing a .pulse-circle span:nth-child(3)::after, .bnr-hearing a .pulse-circle span:nth-child(2)::after, .bnr-hearing a .pulse-circle span:nth-child(1)::after, .bnr-hearing button .pulse-circle span:nth-child(4)::after, .bnr-hearing button .pulse-circle span:nth-child(3)::after, .bnr-hearing button .pulse-circle span:nth-child(2)::after, .bnr-hearing button .pulse-circle span:nth-child(1)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(4)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(3)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(2)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(1)::after {
  background: #fff;
}
.bnr-hearing a .pulse-circle span:nth-child(1)::after, .bnr-hearing button .pulse-circle span:nth-child(1)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(1)::after {
  animation: pulse-bnr 4s 0s linear infinite;
}
.bnr-hearing a .pulse-circle span:nth-child(2)::after, .bnr-hearing button .pulse-circle span:nth-child(2)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(2)::after {
  animation: pulse-bnr 4s 0.4s linear infinite;
}
.bnr-hearing a .pulse-circle span:nth-child(3)::after, .bnr-hearing button .pulse-circle span:nth-child(3)::after, .bnr-hearing .bnr-hearing-item .pulse-circle span:nth-child(3)::after {
  animation: pulse-bnr 4s 0.8s linear infinite;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing a, .bnr-hearing button, .bnr-hearing .bnr-hearing-item {
    height: var(--num-200);
  }
}
@media (hover: hover) {
  .bnr-hearing a, .bnr-hearing button, .bnr-hearing .bnr-hearing-item {
    transition: opacity 0.3s ease-out;
  }
  .bnr-hearing a:hover .bnr-hearing__txt02::after, .bnr-hearing button:hover .bnr-hearing__txt02::after, .bnr-hearing .bnr-hearing-item:hover .bnr-hearing__txt02::after {
    transition: transform 0.2s ease-out;
    transform: translateX(3px);
  }
}

.bnr-hearing button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -11px;
}

.bnr-hearing__inner .hero-link__img {
  transition: transform 0.3s ease-out;
  display: none;
  right: 8vw;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing__inner .hero-link__img {
    display: block;
  }
}

.bnr-hearing__inner:hover .hero-link__img {
  transform: translateX(3px);
}

.bnr-hearing__txt01 {
  display: block;
  font-size: var(--fs-22);
  margin-bottom: var(--num-12);
  position: relative;
  z-index: 50;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing__txt01 {
    display: inline;
    font-size: var(--fs-25);
    padding-right: var(--num-06);
  }
}

.bnr-hearing__txt02 {
  display: inline;
  font-size: var(--fs-16);
  position: relative;
  padding-right: var(--num-16);
  z-index: 50;
}
@media print, screen and (min-width:680px) {
  .bnr-hearing__txt02 {
    font-size: var(--fs-25);
    padding-right: var(--num-60);
  }
}
.bnr-hearing__txt02::after {
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-10);
  background: url(../img/common/icon_arrow_r_fff.svg);
  background-size: cover;
  top: 50%;
  right: 0;
  margin-left: calc(var(--num-02) * -1);
  margin-top: calc(var(--num-05) * -1);
}
@media print, screen and (min-width:680px) {
  .bnr-hearing__txt02::after {
    transition: transform 0.3s ease-out;
    border-radius: 50%;
    overflow: hidden;
    background: url(../img/index/icon_arrow_hero_sp.svg);
    background-size: cover;
    width: var(--num-32);
    height: var(--num-32);
    margin-left: calc(var(--num-16) * -1);
    margin-top: calc(var(--num-16) * -1);
    z-index: 1;
  }
}

/* faq */
.sec-faq {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .sec-faq {
    width: var(--inner-w-03-pc);
  }
}

.faq-items {
  margin-bottom: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .faq-items {
    margin-bottom: var(--num-80);
  }
}
.faq-under_con .faq-items {
  margin-bottom: 0;
}
.faq-items .faq-item {
  position: relative;
}
.faq-items .faq-item::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #212121;
  opacity: 0.1;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.faq-item__a {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-22);
  padding: var(--num-26) var(--num-50) var(--num-26) 0;
  color: var(--text-color-black-01);
  line-height: 1.2;
}
.faq-under_con .faq-item__a {
  font-size: var(--fs-19);
}
@media print, screen and (min-width:680px) {
  .faq-under_con .faq-item__a {
    font-size: var(--fs-22);
  }
}
@media print, screen and (min-width:680px) {
  .faq-item__a {
    padding: var(--num-40) var(--num-50) var(--num-40) 0;
  }
}

.faq-item__q-con {
  padding-bottom: var(--num-46);
  color: var(--text-color-black-02);
  font-size: var(--fs-16);
  line-height: 1.5;
}
.faq-item__q-con p {
  margin-bottom: var(--num-20);
}
.faq-item__q-con strong {
  font-family: SSTPaneuropeanMedium !important;
}
.faq-item__q-con ul {
  position: relative;
}
.faq-item__q-con ul li {
  font-size: var(--fs-13);
  line-height: 1.4;
  color: var(--text-color-black-02);
  margin-bottom: var(--num-12);
  padding-left: 1.1em;
  position: relative;
}
.faq-item__q-con ul li.-green {
  color: var(--color-green-02);
}
.faq-item__q-con ul li.-green::after {
  background: var(--color-green-02);
}
@media print, screen and (min-width:680px) {
  .faq-item__q-con ul li {
    font-size: var(--fs-16);
    margin-bottom: var(--num-10);
  }
}
.faq-item__q-con ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-06);
  background: var(--text-color-black-02);
  border-radius: 50%;
  overflow: hidden;
  top: var(--num-07);
  left: 0;
}
@media print, screen and (min-width:680px) {
  .faq-item__q-con ul li::after {
    top: var(--num-09);
  }
}
.faq-item__q-con ul li:last-child {
  margin-bottom: 0;
}
.faq-item__q-con a[target=_blank] {
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.2s;
}
.faq-item__q-con a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: var(--fs-14);
  height: var(--fs-14);
  margin-left: var(--num-04);
  background-image: url("../img/common/icon_blank_gray2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media print, screen and (min-width:680px) {
  .faq-item__q-con a[target=_blank]::after {
    vertical-align: unset;
  }
}
.faq-item__q-con a[target=_blank]:hover {
  opacity: 0.7;
}

.js-swiper-column03 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.js-swiper-column03.type-02 {
  padding-left: var(--num-25);
}
.js-swiper-column03.type-02 .swiper-container {
  width: var(--num-364);
  margin: 0 0;
}
@media print, screen and (min-width:680px) {
  .js-swiper-column03.type-02 .swiper-container {
    margin: 0 auto;
    width: var(--num-395);
    width: var(--inner-w-03-slider-pc);
  }
}
@media print, screen and (min-width:680px) {
  .js-swiper-column03.type-02 {
    padding-left: 0;
  }
}
.js-swiper-column03 .swiper-container {
  position: relative;
  width: var(--num-364);
  margin: 0 auto;
  padding-bottom: var(--num-100);
}
@media print, screen and (min-width:680px) {
  .js-swiper-column03 .swiper-container {
    width: var(--num-395);
    width: var(--inner-w-03-slider-pc);
    padding-bottom: var(--num-80);
  }
}
.js-swiper-column03 .swiper-container.is-no-slide {
  padding-bottom: 0;
}
.js-swiper-column03 .swiper-container.is-no-slide .swiper-pagination,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-button-prev,
.js-swiper-column03 .swiper-container.is-no-slide .swiper-button-next {
  display: none;
}
@media print, screen and (min-width:680px) {
  .js-swiper-column03 .swiper-container.is-no-slide {
    padding-bottom: 0;
  }
}

/*
under-hero
*******************************/
.under-hero {
  position: relative;
  width: 100%;
  height: var(--num-284);
  text-align: center;
  padding-top: var(--num-40);
}
@media print, screen and (min-width:680px) {
  .under-hero {
    display: grid;
    place-content: center;
    margin-top: var(--num-72);
    height: var(--num-314);
  }
}

.under-hero_ttl {
  width: var(--inner-w-02);
  margin: 0 auto;
  font-size: var(--fs-30);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}
@media print, screen and (min-width:680px) {
  .under-hero_ttl {
    width: 100%;
    font-size: var(--fs-50);
  }
}

.under-hero_txt {
  width: var(--inner-w-02);
  margin: var(--num-26) auto 0;
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-black-02);
  letter-spacing: -0.04em;
}
@media print, screen and (min-width:680px) {
  .under-hero_txt {
    width: 100%;
  }
}

.overlay-hero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: unset;
  transform: scale(1.15);
  transition: transform 0.4s ease-out, opacity 0.2s ease-out;
}
@media print, screen and (min-width:680px) {
  .overlay-hero {
    background: linear-gradient(18deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.8) 100%);
  }
}

/*
under-hero
*******************************/
.anchor-point {
  padding-top: var(--num-70);
  margin-top: calc(var(--num-70) * -1);
}
@media print, screen and (min-width:680px) {
  .anchor-point {
    padding-top: var(--num-80);
    margin-top: calc(var(--num-80) * -1);
  }
}
.anchor-point.has-menu {
  padding-top: var(--num-120);
  margin-top: calc(var(--num-110) * -1);
}
@media print, screen and (min-width:680px) {
  .anchor-point.has-menu {
    padding-top: var(--num-110);
    margin-top: calc(var(--num-110) * -1);
  }
}
.anchor-point.fixed-nav {
  padding-top: var(--num-65);
  margin-top: 0;
}
@media print, screen and (min-width:680px) {
  .anchor-point.fixed-nav {
    padding-top: var(--num-25);
    margin-top: 0;
  }
}

.faq-under {
  position: relative;
}
@media print, screen and (min-width:680px) {
  .faq-under {
    width: var(--inner-w-01-pc);
    margin: 0 auto;
    padding: var(--num-70) var(--num-118) 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
}
.faq-under::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--num-856);
  background-image: linear-gradient(180deg, rgb(27, 120, 134), rgb(243, 240, 234));
  z-index: 1;
  opacity: 0.1;
}
@media print, screen and (min-width:680px) {
  .faq-under::after {
    width: 100%;
    height: var(--num-1348);
    border-radius: var(--num-20) var(--num-20) 0 0;
  }
}

.sort-nav__wrap {
  position: absolute;
  top: calc(var(--num-38) * -1);
  left: 0;
  right: 0;
  z-index: 2;
  width: var(--inner-w-01);
  background: #fff;
  padding: var(--num-18) var(--num-20);
  margin: 0 auto 0;
  margin-bottom: var(--num-70);
  border-radius: var(--num-20);
  overflow: hidden;
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .sort-nav__wrap {
    width: var(--inner-w-02-pc);
    padding: var(--num-18) var(--num-20);
    top: calc(var(--num-38) * -1);
    left: var(--num-60);
  }
  .faq-under .sort-nav__wrap {
    position: relative;
    width: var(--num-276);
    top: 0;
    left: 0;
    background: transparent;
  }
}
.sort-nav__wrap .swiper-container {
  overflow: visible;
}

.testimonials-nav__list {
  flex-wrap: wrap;
  justify-content: left;
  gap: var(--num-15) var(--num-10);
}
@media print, screen and (min-width:680px) {
  .testimonials-nav__list {
    justify-content: center;
  }
}

.sort-nav_hack {
  position: relative;
  z-index: 11;
  width: var(--num-116);
}
.testimonials-con .sort-nav_hack::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-142);
  height: 110%;
  background: linear-gradient(90deg, rgb(255, 255, 255) 96%, rgba(255, 255, 255, 0));
  top: -5%;
  left: calc(var(--num-30) * -1);
  z-index: 1;
}

.sort-nav {
  position: relative;
}
@media print, screen and (min-width:680px) {
  .sort-nav {
    padding-right: 0;
  }
}
.sort-nav::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-80);
  height: 104%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 20%);
  top: -2%;
  right: calc(var(--num-20) * -1);
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .sort-nav::after {
    display: none;
  }
}
.sort-nav.sort-nav_normal {
  width: 100%;
  z-index: 5;
  margin: auto;
}
@media print, screen and (min-width:680px) {
  .sort-nav.sort-nav_normal {
    width: var(--num-856);
  }
}
.sort-nav.sort-nav_all {
  width: var(--num-116);
  position: relative;
  z-index: 2;
}
.sort-nav.sort-nav_all::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: var(--num-40);
  background: #dadada;
  top: 0;
  right: var(--num-13);
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .sort-nav.sort-nav_all::after {
    right: var(--num-10);
  }
}
.sort-nav.sort-nav_all ul li a {
  min-width: var(--num-90);
  padding: 0 0;
}
.sort-nav.sort-nav_all ul li a span {
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width:680px) {
  .faq-under .sort-nav ul {
    display: block;
  }
  .faq-under .sort-nav ul li {
    width: 100%;
    margin-right: 0;
  }
  .faq-under .sort-nav ul li a, .faq-under .sort-nav ul li button {
    display: block;
    width: 100%;
    border-radius: var(--num-10);
    background: transparent;
    text-align: left;
  }
  .faq-under .sort-nav ul li a span, .faq-under .sort-nav ul li button span {
    height: var(--num-60);
    text-align: left;
  }
}
.sort-nav ul li {
  width: auto;
  display: inline;
}
@media print, screen and (min-width:680px) {
  .sort-nav ul li {
    display: block;
    margin-right: var(--num-10);
  }
}
.sort-nav ul li.is-active a, .sort-nav ul li.is-active button {
  background: var(--green-gradient) !important;
  color: #fff;
  pointer-events: none;
}
.testimonials-con .sort-nav ul li.is-active a, .testimonials-con .sort-nav ul li.is-active button {
  background: #c1c1c1 !important;
  color: var(--text-color-black-01);
}
.sort-nav ul li a, .sort-nav ul li button {
  width: auto;
  display: inline-block;
  background: rgba(33, 33, 33, 0.05);
  padding: 0 var(--num-20);
  border-radius: var(--num-20);
  overflow: hidden;
  font-size: var(--fs-12);
  font-family: SSTPaneuropeanMedium !important;
}
@media print, screen and (min-width:680px) {
  .sort-nav ul li a, .sort-nav ul li button {
    padding: 0 var(--num-24);
    font-size: var(--fs-12);
  }
}
.sort-nav ul li a span, .sort-nav ul li button span {
  display: flex;
  align-items: center;
  height: var(--num-40);
}
@media (hover: hover) {
  .sort-nav ul li a, .sort-nav ul li button {
    transition: background 0.3s ease-out;
  }
  .sort-nav ul li a:hover, .sort-nav ul li button:hover {
    transition: background 0.2s ease-out;
    background: rgba(33, 33, 33, 0.1);
  }
}

.faq-under_con {
  position: relative;
  z-index: 2;
  padding-top: var(--num-50);
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .faq-under_con {
    padding-top: 0;
    width: var(--num-770);
  }
}

.tab-con {
  height: 0;
  opacity: 0;
  transition: opacity 0s ease-out;
  pointer-events: none;
}
.tab-con.is-active {
  height: auto;
  opacity: 1;
  transition: opacity 0.3s 0.1s ease-out;
  pointer-events: auto;
}

/* common  */
.sec {
  position: relative;
  z-index: 1;
}

/* howtovideo  */
.sec-howtovideo {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .sec-howtovideo {
    width: var(--inner-w-03-pc);
  }
}

.howtovideo-items {
  display: grid;
  gap: var(--num-75) 0;
}
@media print, screen and (min-width:680px) {
  .howtovideo-items {
    width: var(--inner-w-03-pc);
  }
}
@media print, screen and (min-width:680px) {
  .howtovideo-items {
    gap: 0 0;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
  }
}
@media print, screen and (min-width:680px) {
  .howtovideo-items .howtovideo-item {
    display: block;
    width: var(--num-375);
  }
}

.movie-wrap {
  position: relative;
}
.movie-wrap video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--num-400);
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-big {
  width: var(--inner-w-01);
  margin: 0 auto;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .movie-big {
    width: var(--inner-w-01-pc);
  }
}
.movie-big video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.movie-big .movie-cautions {
  position: absolute;
  text-align: right;
  bottom: calc(var(--num-20) * -1);
  right: var(--num-10);
  font-size: var(--fs-12);
  line-height: 1.3;
}

.movie-big__txt {
  position: absolute;
  z-index: 10;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: var(--fs-30);
  bottom: var(--num-90);
  line-height: 1.3;
}
@media print, screen and (min-width:680px) {
  .movie-big__txt {
    text-align: left;
    font-size: var(--fs-40);
    left: var(--num-60);
    bottom: var(--num-80);
  }
}

.movie-big__txt2 {
  position: absolute;
  z-index: 10;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: var(--fs-16);
  bottom: var(--num-30);
  line-height: 1.3;
}
@media print, screen and (min-width:680px) {
  .movie-big__txt2 {
    text-align: left;
    font-size: var(--fs-14);
    left: var(--num-60);
    bottom: var(--num-50);
  }
}

.movie-big__txt3 {
  z-index: 10;
  text-align: center;
  width: 100%;
  color: #5D5D5D;
  font-size: var(--fs-12);
  line-height: 1.3;
  margin-top: var(--num-10);
}
@media print, screen and (min-width:680px) {
  .movie-big__txt3 {
    color: #BDBDBD;
    position: absolute;
    text-align: right;
    width: unset;
    font-size: var(--fs-12);
    right: var(--num-60);
    bottom: var(--num-50);
  }
}

.movie-toggle {
  display: block;
  position: absolute;
  z-index: 10;
  top: var(--num-10);
  right: var(--num-10);
  width: var(--num-40);
  height: var(--num-40);
  background-color: rgba(173, 173, 173, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.movie-toggle.pos-left {
  right: auto;
  top: var(--num-14);
  left: var(--num-14);
}
@media print, screen and (min-width:680px) {
  .movie-toggle.pos-left {
    top: var(--num-14);
    left: var(--num-14);
  }
}
@media print, screen and (min-width:680px) {
  .movie-big .movie-toggle {
    top: var(--num-40);
    right: var(--num-40);
  }
}
.movie-toggle img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--num-07);
  height: var(--num-09);
  translate: -50% -50%;
  z-index: 1;
  border-radius: 0;
}
.movie-toggle.-white::after {
  background: url(../img/common/icon_movie_play_white.svg) center center no-repeat;
  background-size: cover;
}
.movie-toggle::after {
  content: "";
  display: block;
  display: none;
  position: absolute;
  width: var(--num-06);
  height: var(--num-12);
  top: 50%;
  left: 50%;
  z-index: 10;
  background: url(../img/common/icon_movie_play_black.svg) center center no-repeat;
  background-size: cover;
  transform: translate(-30%, -50%);
}
.movie-toggle.is-movie-stop img {
  display: none;
}
.movie-toggle.is-movie-stop::after {
  display: block;
}
@media (hover: hover) {
  .movie-toggle {
    transition: opacity 0.3s ease-out;
  }
  .movie-toggle:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
}

.yt_modal,
.yt-player__wrap {
  position: relative;
}
.yt_modal.round-10__sp .like-a,
.yt_modal.round-10__sp a, .yt_modal.round-10__sp button,
.yt-player__wrap.round-10__sp .like-a,
.yt-player__wrap.round-10__sp a,
.yt-player__wrap.round-10__sp button {
  width: 100%;
  border-radius: var(--radius-03);
  overflow: hidden;
}
@media print, screen and (min-width:680px) {
  .yt_modal.round-10__sp .like-a,
  .yt_modal.round-10__sp a, .yt_modal.round-10__sp button,
  .yt-player__wrap.round-10__sp .like-a,
  .yt-player__wrap.round-10__sp a,
  .yt-player__wrap.round-10__sp button {
    border-radius: var(--radius-02);
  }
}
.yt_modal .like-a,
.yt_modal a, .yt_modal button,
.yt-player__wrap .like-a,
.yt-player__wrap a,
.yt-player__wrap button {
  width: 100%;
  display: block;
  position: relative;
  border-radius: var(--radius-02);
  overflow: hidden;
  z-index: 1;
}
.yt_modal .like-a > picture img, .yt_modal .like-a > img,
.yt_modal a > picture img,
.yt_modal a > img, .yt_modal button > picture img, .yt_modal button > img,
.yt-player__wrap .like-a > picture img,
.yt-player__wrap .like-a > img,
.yt-player__wrap a > picture img,
.yt-player__wrap a > img,
.yt-player__wrap button > picture img,
.yt-player__wrap button > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  transition: opacity 0.6s ease-out;
}
.yt_modal .like-a .iframe-movie,
.yt_modal a .iframe-movie, .yt_modal button .iframe-movie,
.yt-player__wrap .like-a .iframe-movie,
.yt-player__wrap a .iframe-movie,
.yt-player__wrap button .iframe-movie {
  z-index: 1;
}
.yt_modal .like-a::after,
.yt_modal a::after, .yt_modal button::after,
.yt-player__wrap .like-a::after,
.yt-player__wrap a::after,
.yt-player__wrap button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(187deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 75%);
  will-change: opacity;
  z-index: 3;
  transition: opacity 0.3s ease-out;
}
.yt_modal .like-a.is-play > img,
.yt_modal a.is-play > img, .yt_modal button.is-play > img,
.yt-player__wrap .like-a.is-play > img,
.yt-player__wrap a.is-play > img,
.yt-player__wrap button.is-play > img {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
.yt_modal .like-a.is-play::after,
.yt_modal a.is-play::after, .yt_modal button.is-play::after,
.yt-player__wrap .like-a.is-play::after,
.yt-player__wrap a.is-play::after,
.yt-player__wrap button.is-play::after {
  opacity: 0 !important;
  pointer-events: none;
}
.yt_modal .like-a.is-play .icon-play,
.yt_modal a.is-play .icon-play, .yt_modal button.is-play .icon-play,
.yt-player__wrap .like-a.is-play .icon-play,
.yt-player__wrap a.is-play .icon-play,
.yt-player__wrap button.is-play .icon-play {
  display: none;
}
@media (hover: hover) {
  .yt_modal .like-a:hover::after,
  .yt_modal a:hover::after, .yt_modal button:hover::after,
  .yt-player__wrap .like-a:hover::after,
  .yt-player__wrap a:hover::after,
  .yt-player__wrap button:hover::after {
    opacity: 1;
    transition: opacity 0.3s ease-out;
  }
  .yt_modal .like-a:hover .icon-play,
  .yt_modal a:hover .icon-play, .yt_modal button:hover .icon-play,
  .yt-player__wrap .like-a:hover .icon-play,
  .yt-player__wrap a:hover .icon-play,
  .yt-player__wrap button:hover .icon-play {
    transform: scale(1.1);
    transition: transform 0.3s ease-out;
  }
}
.yt_modal .like-a .icon-play,
.yt_modal a .icon-play, .yt_modal button .icon-play,
.yt-player__wrap .like-a .icon-play,
.yt-player__wrap a .icon-play,
.yt-player__wrap button .icon-play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  width: var(--num-50);
  height: var(--num-50);
  border-radius: 50%;
  overflow: hidden;
  margin-left: calc(var(--num-25) * -1);
  margin-top: calc(var(--num-25) * -1);
  display: grid;
  place-content: center;
  transition: transform 0.3s ease-out;
}
.yt_modal .like-a .icon-play.icon-play__s-sp,
.yt_modal a .icon-play.icon-play__s-sp, .yt_modal button .icon-play.icon-play__s-sp,
.yt-player__wrap .like-a .icon-play.icon-play__s-sp,
.yt-player__wrap a .icon-play.icon-play__s-sp,
.yt-player__wrap button .icon-play.icon-play__s-sp {
  width: var(--num-30);
  height: var(--num-30);
  margin-left: calc(var(--num-15) * -1);
  margin-top: calc(var(--num-15) * -1);
}
@media print, screen and (min-width:680px) {
  .yt_modal .like-a .icon-play.icon-play__s-sp,
  .yt_modal a .icon-play.icon-play__s-sp, .yt_modal button .icon-play.icon-play__s-sp,
  .yt-player__wrap .like-a .icon-play.icon-play__s-sp,
  .yt-player__wrap a .icon-play.icon-play__s-sp,
  .yt-player__wrap button .icon-play.icon-play__s-sp {
    width: var(--num-60);
    height: var(--num-60);
    margin-left: calc(var(--num-30) * -1);
    margin-top: calc(var(--num-30) * -1);
  }
}
.yt_modal .like-a .icon-play.icon-play__s-sp img,
.yt_modal a .icon-play.icon-play__s-sp img, .yt_modal button .icon-play.icon-play__s-sp img,
.yt-player__wrap .like-a .icon-play.icon-play__s-sp img,
.yt-player__wrap a .icon-play.icon-play__s-sp img,
.yt-player__wrap button .icon-play.icon-play__s-sp img {
  width: var(--num-05);
}
@media print, screen and (min-width:680px) {
  .yt_modal .like-a .icon-play.icon-play__s-sp img,
  .yt_modal a .icon-play.icon-play__s-sp img, .yt_modal button .icon-play.icon-play__s-sp img,
  .yt-player__wrap .like-a .icon-play.icon-play__s-sp img,
  .yt-player__wrap a .icon-play.icon-play__s-sp img,
  .yt-player__wrap button .icon-play.icon-play__s-sp img {
    width: var(--num-10);
  }
}
.yt_modal .like-a .icon-play.icon-play__l,
.yt_modal a .icon-play.icon-play__l, .yt_modal button .icon-play.icon-play__l,
.yt-player__wrap .like-a .icon-play.icon-play__l,
.yt-player__wrap a .icon-play.icon-play__l,
.yt-player__wrap button .icon-play.icon-play__l {
  width: var(--num-60);
  height: var(--num-60);
  margin-left: calc(var(--num-30) * -1);
  margin-top: calc(var(--num-30) * -1);
}
.yt_modal .like-a .icon-play.icon-play__l img,
.yt_modal a .icon-play.icon-play__l img, .yt_modal button .icon-play.icon-play__l img,
.yt-player__wrap .like-a .icon-play.icon-play__l img,
.yt-player__wrap a .icon-play.icon-play__l img,
.yt-player__wrap button .icon-play.icon-play__l img {
  width: var(--num-10);
}
.yt_modal .like-a .icon-play.bg-opa,
.yt_modal a .icon-play.bg-opa, .yt_modal button .icon-play.bg-opa,
.yt-player__wrap .like-a .icon-play.bg-opa,
.yt-player__wrap a .icon-play.bg-opa,
.yt-player__wrap button .icon-play.bg-opa {
  background: rgba(255, 255, 255, 0.1);
}
@media print, screen and (min-width:680px) {
  .yt_modal .like-a .icon-play,
  .yt_modal a .icon-play, .yt_modal button .icon-play,
  .yt-player__wrap .like-a .icon-play,
  .yt-player__wrap a .icon-play,
  .yt-player__wrap button .icon-play {
    width: var(--num-60);
    height: var(--num-60);
    margin-left: calc(var(--num-30) * -1);
    margin-top: calc(var(--num-30) * -1);
  }
  .yt_modal .like-a .icon-play.icon-play__l,
  .yt_modal a .icon-play.icon-play__l, .yt_modal button .icon-play.icon-play__l,
  .yt-player__wrap .like-a .icon-play.icon-play__l,
  .yt-player__wrap a .icon-play.icon-play__l,
  .yt-player__wrap button .icon-play.icon-play__l {
    width: var(--num-90);
    height: var(--num-90);
    margin-left: calc(var(--num-45) * -1);
    margin-top: calc(var(--num-45) * -1);
  }
  .yt_modal .like-a .icon-play.icon-play__l img,
  .yt_modal a .icon-play.icon-play__l img, .yt_modal button .icon-play.icon-play__l img,
  .yt-player__wrap .like-a .icon-play.icon-play__l img,
  .yt-player__wrap a .icon-play.icon-play__l img,
  .yt-player__wrap button .icon-play.icon-play__l img {
    width: var(--num-15);
  }
}
.yt_modal .like-a .icon-play img,
.yt_modal a .icon-play img, .yt_modal button .icon-play img,
.yt-player__wrap .like-a .icon-play img,
.yt-player__wrap a .icon-play img,
.yt-player__wrap button .icon-play img {
  display: block;
  width: var(--num-09);
}
@media print, screen and (min-width:680px) {
  .yt_modal .like-a .icon-play img,
  .yt_modal a .icon-play img, .yt_modal button .icon-play img,
  .yt-player__wrap .like-a .icon-play img,
  .yt-player__wrap a .icon-play img,
  .yt-player__wrap button .icon-play img {
    position: relative;
    left: var(--num-02);
    width: var(--num-10);
  }
}

.howtovideo-item__img {
  position: relative;
}
@media print, screen and (min-width:680px) {
  .howtovideo-item__img {
    width: 100%;
    padding-top: 0;
  }
}

.howtovideo-item__assets {
  margin-top: var(--num-32);
  width: 100%;
}
@media print, screen and (min-width:680px) {
  .howtovideo-item__assets {
    width: 90%;
  }
}

@media print, screen and (min-width:680px) {
  .problem-items {
    width: var(--inner-w-04-pc);
    margin: 0 auto;
  }
}
.problem-items .problem-item {
  width: var(--num-404);
  height: var(--num-94);
  display: table;
  padding: 0 var(--num-20) 0 var(--num-30);
}
@media print, screen and (min-width:680px) {
  .problem-items .problem-item {
    width: 100%;
    height: var(--num-120);
    padding: 0 var(--num-50) 0 var(--num-50);
  }
}
.problem-items .problem-item:nth-child(odd) {
  background: rgba(27, 120, 134, 0.06);
}

.problem-item__txt {
  display: table-cell;
  vertical-align: middle;
}
.problem-item__txt span {
  display: block;
}
.problem-item__txt span.-main {
  font-size: var(--fs-16);
  font-family: SSTPaneuropeanMedium !important;
  line-height: 1.4;
}
@media print, screen and (min-width:680px) {
  .problem-item__txt span.-main {
    font-size: var(--fs-25);
  }
}
.problem-item__txt span.-sub {
  font-size: var(--fs-13);
  line-height: 1.4;
  margin-top: var(--num-04);
}
@media print, screen and (min-width:680px) {
  .problem-item__txt span.-sub {
    font-size: var(--fs-16);
  }
}

.problem-item__link {
  width: var(--num-96);
  display: table-cell;
  vertical-align: middle;
}
@media print, screen and (min-width:680px) {
  .problem-item__link {
    width: var(--num-120);
  }
}

/* branding */
.branding-txts {
  width: var(--inner-w-01);
  margin: 0 auto;
  padding: var(--num-50) var(--num-20) 0;
  background: linear-gradient(180deg, rgb(245, 234, 221), rgb(245, 242, 238));
  border-radius: var(--num-10);
}
@media print, screen and (min-width:680px) {
  .branding-txts {
    width: var(--inner-w-01-pc);
    padding: var(--num-100) var(--num-200) 0;
  }
}

.branding-contents {
  padding-top: var(--num-50);
  margin: var(--num-30) auto 0;
  border-radius: var(--num-10);
  width: var(--inner-w-01);
}
@media print, screen and (min-width:680px) {
  .branding-contents {
    width: var(--inner-w-01-pc);
    padding-top: var(--num-100);
  }
}

.branding-txt_main {
  font-size: var(--fs-25);
  line-height: 1.2;
  padding-bottom: var(--num-60);
  margin-bottom: var(--num-56);
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
@media print, screen and (min-width:680px) {
  .branding-txt_main {
    font-size: var(--fs-30);
    padding-bottom: var(--num-90);
    margin-bottom: var(--num-90);
    letter-spacing: -0.02em;
  }
}

@media print, screen and (min-width:680px) {
  .branding-txt_sub {
    display: grid;
    grid-template-columns: var(--num-500) var(--num-474);
    justify-content: space-between;
  }
}

#js-swiper-branding .swiper-slide {
  opacity: 0;
}
#js-swiper-branding .swiper-slide .swiper-slide__inner {
  display: grid;
  place-content: center;
  width: 100%;
  height: var(--num-568);
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transform: translateY(100px);
}
@media print, screen and (min-width:680px) {
  #js-swiper-branding .swiper-slide .swiper-slide__inner {
    height: var(--num-684);
  }
}
#js-swiper-branding .swiper-slide-active {
  z-index: 100;
  opacity: 1;
}
#js-swiper-branding .swiper-slide-active .swiper-slide__inner {
  opacity: 1;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transform: translateY(0);
}

.pin-end-circle {
  margin-top: var(--num-280);
}

.pin-txts {
  position: absolute;
  width: 100%;
  z-index: 10;
}

.pin-txt {
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .pin-txt {
    height: 50vh;
    height: auto;
  }
}
.pin-txt.pin-txt__02, .pin-txt.pin-txt__01 {
  transform: translateY(-50%);
}

.pin-circle__top {
  padding-bottom: var(--num-150);
}
@media print, screen and (min-width:680px) {
  .pin-circle__top {
    padding-bottom: var(--num-300);
  }
}

.according {
  margin-top: var(--num-220);
  margin-bottom: var(--num-220);
}
@media print, screen and (min-width:680px) {
  .according {
    margin-top: var(--num-273);
    margin-bottom: var(--num-273);
  }
}
.according .gsap-stagger {
  display: flex;
  flex-direction: column;
  gap: var(--num-100);
}
@media print, screen and (min-width:680px) {
  .according .gsap-stagger {
    gap: var(--num-120);
  }
}
.according .gsap-stagger p {
  color: #212121 !important;
}

.pin-circle__wrap {
  width: 100%;
  position: relative;
  height: calc(3000vw / var(--base-width-01) * 100);
}
@media print, screen and (min-width:680px) {
  .pin-circle__wrap {
    height: calc(5000vw / var(--base-width-01) * 100);
  }
}

.pin-circle {
  width: 100%;
  position: relative;
  height: auto;
  text-align: center;
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .pin-circle {
    height: auto;
  }
}
.pin-circle .pulse-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pin-circle .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.pin-circle .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
.pin-circle .pulse-circle span:nth-child(3), .pin-circle .pulse-circle span:nth-child(2), .pin-circle .pulse-circle span:nth-child(1) {
  width: var(--num-296);
  height: var(--num-296);
  margin-left: calc(var(--num-148) * -1);
  margin-top: calc(var(--num-148) * -1);
  z-index: 2;
  opacity: 0.03;
}
@media print, screen and (min-width:680px) {
  .pin-circle .pulse-circle span:nth-child(3), .pin-circle .pulse-circle span:nth-child(2), .pin-circle .pulse-circle span:nth-child(1) {
    width: var(--num-356);
    height: var(--num-356);
    margin-left: calc(var(--num-178) * -1);
    margin-top: calc(var(--num-178) * -1);
  }
}
.pin-circle .pulse-circle span:nth-child(3)::after, .pin-circle .pulse-circle span:nth-child(2)::after, .pin-circle .pulse-circle span:nth-child(1)::after {
  background: #1b7886;
}
.pin-circle .pulse-circle span:nth-child(1) {
  z-index: 3;
  opacity: 0.09;
}
.pin-circle .pulse-circle span:nth-child(2) {
  z-index: 2;
  opacity: 0.05;
}
.pin-circle .pulse-circle span:nth-child(3) {
  z-index: 1;
}
.pin-circle .pulse-circle span:nth-child(1)::after {
  animation: pulse-zoom-32 0s 0s linear 0.2 forwards !important;
}
.pin-circle .pulse-circle span:nth-child(2)::after {
  animation: pulse-zoom-32 0s 0s linear 0.34 forwards !important;
}
.pin-circle .pulse-circle span:nth-child(3)::after {
  animation: pulse-zoom-32 0s 0s linear 0.48 forwards !important;
}

/*
testimonials
*/
.testimonials-con {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: var(--num-60);
  background: linear-gradient(180deg, rgb(245, 234, 221), rgb(243, 240, 237));
}
@media print, screen and (min-width:680px) {
  .testimonials-con {
    width: var(--inner-w-01-pc);
    padding-top: var(--num-165);
    border-radius: var(--radius-03);
  }
}

.testimonials-under__items {
  position: relative;
  width: var(--inner-w-04);
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print, screen and (min-width:680px) {
  .testimonials-under__items {
    width: var(--inner-w-04-pc);
    padding-bottom: 0;
  }
}
.testimonials-under__items.is-max {
  overflow: unset;
}
.testimonials-under__items.is-max::after {
  height: 0;
}
.testimonials-under__items::after {
  content: "";
  display: block;
  position: absolute;
  width: 120%;
  height: var(--num-400);
  bottom: calc(var(--num-20) * -1);
  left: -10%;
  background: linear-gradient(180deg, rgba(243, 240, 237, 0), rgb(243, 240, 237) 86%);
  z-index: 10;
  pointer-events: none;
}
.testimonials-under__items .testimonials-under__item {
  position: relative;
  z-index: 1;
  margin-bottom: var(--num-75);
}
@media print, screen and (min-width:680px) {
  .testimonials-under__items .testimonials-under__item {
    width: var(--inner-w-04-pc);
    margin-bottom: var(--num-125);
    display: flex;
    justify-content: space-between;
  }
  .testimonials-under__items .testimonials-under__item:last-child {
    margin-bottom: 0;
  }
  .testimonials-under__items .testimonials-under__item:nth-child(odd) {
    flex-direction: row-reverse;
  }
}
.testimonials-under__items.is-active {
  opacity: 1;
  transition: opacity 0.4s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media print, screen and (min-width:680px) {
  .testimonials-under__img {
    width: var(--num-375);
    padding-top: var(--num-18);
  }
}

.testimonials-under__txts {
  position: relative;
  padding-top: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .testimonials-under__txts {
    width: var(--num-580);
    padding-top: var(--num-40);
  }
}
.testimonials-under__txts::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-30);
  height: var(--num-30);
  background: url(../img/common/icon_quotation_black.svg) center center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
@media print, screen and (min-width:680px) {
  .testimonials-under__txts::after {
    width: var(--num-40);
    height: var(--num-26);
  }
}
.testimonials-under__txts .link-txt {
  padding-left: 0;
}
@media print, screen and (min-width:680px) {
  .testimonials-under__txts::after {
    margin-left: 0.1vw;
  }
}

.life-con {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .life-con {
    width: var(--inner-w-03-pc);
    display: grid;
    grid-template-columns: var(--num-528) var(--num-573);
    justify-content: space-between;
  }
}

.life-con__txt {
  width: var(--inner-w-02);
  margin: 0 auto var(--num-30);
}
@media print, screen and (min-width:680px) {
  .life-con__txt {
    display: grid;
    place-content: center;
    width: 100%;
    margin-bottom: 0;
    margin-top: calc(var(--num-50) * -1);
  }
}

.life-con__slider {
  position: relative;
  width: var(--inner-w-02);
  margin: 0 auto;
  padding-bottom: var(--num-60);
}
@media print, screen and (min-width:680px) {
  .life-con__slider {
    position: relative;
    width: 100%;
    padding-bottom: var(--num-60);
  }
}
.life-con__slider .swiper-progress__btm {
  bottom: 0;
}

.modal-testimonials__hack {
  margin-top: var(--num-100);
}
.modal-testimonials__hack #js-modal-testimonials-list-txt__pc.pc-disp {
  display: none !important;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__hack #js-modal-testimonials-list-txt__pc.pc-disp {
    display: block !important;
  }
}
.modal-testimonials__hack #js-modal-testimonials-list-txt__sp.sp-disp {
  display: block !important;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__hack #js-modal-testimonials-list-txt__sp.sp-disp {
    display: none !important;
  }
}
.modal-testimonials__hack .modal-testimonials__scroll {
  height: auto;
  overflow-y: auto;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__hack .modal-testimonials__scroll {
    height: auto;
  }
}
.modal-testimonials__hack .modal-testimonials__scroll.is-ps-scrollbar {
  overflow-y: auto;
}
.modal-testimonials__hack .modal-testimonials__r::after {
  display: none;
}

.modal-testimonials {
  width: var(--inner-w-02);
  margin: 0 auto;
  padding: var(--num-36) 0 var(--num-70);
}
@media print, screen and (min-width:680px) {
  .modal-testimonials {
    width: var(--num-966);
    padding: var(--num-10) 0 var(--num-30);
    display: grid;
    grid-template-columns: var(--num-240) var(--num-670);
    justify-content: space-between;
  }
}

.modal-testimonials__r {
  position: relative;
}
.modal-testimonials__r::after {
  display: block;
  content: "";
  position: absolute;
  bottom: calc(var(--num-10) * -1);
  left: 0;
  width: 100%;
  height: var(--num-60);
  background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 3;
  pointer-events: none;
}

.modal-testimonials__scroll {
  position: relative;
  width: calc(100% + var(--num-06));
  padding-right: var(--num-06);
  overflow-y: scroll;
  padding-top: var(--num-26);
  padding-bottom: var(--num-50);
  height: calc(100vh - var(--num-400));
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__scroll {
    padding-top: 0;
    height: calc(100vh - var(--num-280));
  }
}
.modal-testimonials__scroll.is-ps-scrollbar {
  overflow-y: hidden;
}

.modal-testimonials__man {
  position: relative;
  padding-left: var(--num-52);
  padding-bottom: var(--num-26);
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__man {
    padding-left: 0;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: var(--num-26);
  }
}
.modal-testimonials__man img {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--num-32);
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__man img {
    position: relative;
    width: var(--num-78);
    margin-bottom: var(--num-26);
  }
}
.modal-testimonials__man p {
  font-size: var(--fs-18);
  line-height: 1.4;
  font-family: SSTPaneuropeanMedium !important;
}
.modal-testimonials__man p span {
  display: inline-block;
  margin-top: var(--num-06);
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanRoman !important;
  color: #7a7575;
  letter-spacing: -0.02em;
  line-height: 1.4;
}

.modal-testimonials__img {
  position: relative;
  z-index: 1;
  margin-bottom: var(--num-40);
}
.modal-testimonials__img .movie-cautions {
  position: absolute;
  text-align: right;
  bottom: calc(var(--num-20) * -1);
  right: var(--num-10);
  font-size: var(--fs-12);
  line-height: 1.3;
}

.modal-testimonials__txts {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-right: var(--num-16);
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__txts {
    width: var(--num-580);
    padding-top: 0;
  }
}
.modal-testimonials__txts::after {
  content: "";
  display: none;
  position: absolute;
  width: var(--num-18);
  height: var(--num-11);
  background: url(../img/common/icon_quotation_black.svg) center center;
  background-size: cover;
  top: 0;
  left: 0;
}
@media print, screen and (min-width:680px) {
  .modal-testimonials__txts::after {
    width: var(--num-30);
    height: var(--num-18);
  }
}
.modal-testimonials__txts h2 {
  font-size: var(--fs-30);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}
.modal-testimonials__txts p {
  font-size: var(--fs-18);
  line-height: 1.5;
  color: var(--text-color-black-02);
  margin-bottom: var(--num-20);
  color: var(--text-color-black-02);
}
.modal-testimonials__txts p:last-child {
  margin-bottom: 0;
}
.modal-testimonials__txts strong {
  font-family: SSTPaneuropeanMedium !important;
}

/* product */
.bg-grad {
  width: 100%;
  padding-top: var(--num-52);
  text-align: center;
  position: relative;
  line-height: 1.3;
}
.bg-grad::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgb(255, 255, 255), rgba(243, 240, 237, 0));
  opacity: 0.6;
}
@media print, screen and (min-width:680px) {
  .bg-grad::after {
    border-radius: var(--radius-02);
  }
}
@media print, screen and (min-width:680px) {
  .bg-grad {
    width: var(--inner-w-01-pc);
    margin: 0 auto;
    padding-top: var(--num-110);
    padding-top: var(--num-80);
  }
}

.bg-grad__tab {
  position: relative;
  z-index: 2;
  margin-bottom: var(--num-50);
  text-align: center;
  line-height: 1.3;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab {
    margin-bottom: var(--num-84);
  }
}
.bg-grad__tab.is-hide {
  opacity: 0;
  pointer-events: none;
}
.bg-grad__tab.fixed {
  position: fixed;
  width: 100%;
  top: var(--num-96);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  left: -300%;
  transition: opacity 1s 0s ease-out;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab.fixed {
    top: var(--num-80);
  }
}
.bg-grad__tab.fixed.is-fixed {
  left: 50%;
}
.bg-grad__tab.fixed.is-hide {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bg-grad__tab.is-l ul::after {
  left: var(--num-03);
  transform: translateX(0);
}
.bg-grad__tab.is-l ul li:first-child a, .bg-grad__tab.is-l ul li:first-child button {
  color: #fff;
  pointer-events: none;
}
.bg-grad__tab.is-r ul::after {
  transform: translateX(100%);
}
.bg-grad__tab.is-r ul li:last-child a, .bg-grad__tab.is-r ul li:last-child button {
  color: #fff;
  pointer-events: none;
}
.bg-grad__tab.-no {
  opacity: 0;
  margin-bottom: var(--num-40);
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab.-no {
    margin-bottom: var(--num-70);
  }
}
.bg-grad__tab.-no ul::after {
  display: none;
}
.bg-grad__tab ul {
  display: flex;
  justify-content: center;
  width: var(--num-354);
  height: var(--num-46);
  margin: 0 auto;
  background: #e8e6e3;
  padding: var(--num-03);
  border-radius: var(--num-23);
  overflow: hidden;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab ul {
    width: var(--num-428);
    height: var(--num-54);
    padding: var(--num-04);
    border-radius: var(--num-27);
  }
}
.bg-grad__tab ul::after {
  display: block;
  position: absolute;
  content: "";
  width: var(--num-174);
  height: var(--num-40);
  border-radius: var(--num-20);
  top: var(--num-03);
  left: var(--num-03);
  background: #4B4B4B;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab ul::after {
    width: var(--num-210);
    height: var(--num-46);
    border-radius: var(--num-23);
    top: var(--num-04);
    left: var(--num-04);
  }
}
.bg-grad__tab ul li {
  position: relative;
  width: var(--num-174);
  height: var(--num-40);
  display: inline-block;
  border-radius: var(--num-20);
  overflow: hidden;
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab ul li {
    width: var(--num-210);
    height: var(--num-46);
    border-radius: var(--num-23);
  }
}
.bg-grad__tab ul li a, .bg-grad__tab ul li button {
  display: grid;
  width: 100%;
  place-content: center;
  height: var(--num-40);
  font-size: var(--fs-12);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: SSTPaneuropeanMedium !important;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab ul li a, .bg-grad__tab ul li button {
    font-size: var(--fs-14);
    height: var(--num-46);
    border-radius: var(--num-23);
  }
}
.bg-grad__tab ul li a span, .bg-grad__tab ul li button span {
  display: block;
  position: relative;
  top: -1px;
}

.bg-grad__tab.down {
  transform: translate(-50%, 60px);
}

.bg-grad__tab.-no {
  margin: 0;
}
@media print, screen and (min-width:680px) {
  .bg-grad__tab.-no {
    margin-bottom: var(--num-70);
  }
}

.bg-grad__con {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  .bg-grad__con {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 var(--num-116) 0;
  }
}

.bg-grad__change {
  padding-top: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .bg-grad__change {
    padding-top: var(--num-30);
    width: var(--num-570);
  }
}
.bg-grad__change ul {
  margin-top: var(--num-30);
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width:680px) {
  .bg-grad__change ul {
    margin-top: var(--num-100);
  }
}
.bg-grad__change ul li {
  margin: 0 var(--num-10);
}
@media print, screen and (min-width:680px) {
  .bg-grad__change ul li {
    margin: 0 var(--num-26);
  }
}
.bg-grad__change ul li a, .bg-grad__change ul li button {
  text-align: center;
  display: inline-block;
  display: block;
  position: relative;
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  padding: var(--num-15) var(--num-28);
  color: var(--text-color-black-01);
  opacity: 0.4;
  transition: opacity 0.3s ease-out;
}
@media print, screen and (min-width:680px) {
  .bg-grad__change ul li a, .bg-grad__change ul li button {
    padding: var(--num-12) 0;
  }
}
.bg-grad__change ul li a::after, .bg-grad__change ul li button::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--text-color-black-01);
  transition: background 0.3s ease-out;
}
@media (hover: hover) {
  .bg-grad__change ul li a:hover, .bg-grad__change ul li button:hover {
    opacity: 1;
    transition: opacity 0.2s ease-out;
  }
}
.bg-grad__change ul li.is-active a, .bg-grad__change ul li.is-active button {
  opacity: 1;
  pointer-events: none;
}

@media print, screen and (min-width:680px) {
  .bg-grad__img {
    transform: translateY(-30px);
    padding-top: 0;
    padding-bottom: var(--num-60);
    height: var(--num-150);
    width: var(--num-570);
  }
}

.bg-grad__assets {
  width: var(--inner-w-02);
  margin: 0 auto;
  padding-top: var(--num-50);
  margin-top: var(--num-50);
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  text-align: left;
}
@media print, screen and (min-width:680px) {
  .bg-grad__assets {
    width: var(--num-540);
    margin: 0 0 0;
    padding: 0 0;
    border-top: none;
  }
  .bg-grad__assets .sec-ttl {
    text-align: left;
    width: 100%;
  }
}

.products-compares {
  width: var(--inner-w-02);
  margin: 0 auto;
  text-align: center;
  display: grid;
  grid-template-columns: var(--num-172) var(--num-172);
  justify-content: space-between;
}
.products-compares.-hack {
  margin-top: var(--num-60);
  display: block;
}
@media print, screen and (min-width:680px) {
  .products-compares.-hack {
    margin-top: var(--num-100);
  }
}
.products-compares.-hack .products-compare {
  display: block;
}
.products-compares.-hack .products-compare .products-compare__con {
  display: block;
  padding-left: var(--num-40);
  padding-right: var(--num-40);
}
.products-compares.-hack .products-compare .products-compare__price {
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .products-compares {
    width: var(--inner-w-03-pc);
    grid-template-columns: var(--num-572) var(--num-572);
    justify-content: space-between;
  }
}
.products-compares.-grid-areas .products-compare .products-compare__con .ttl-14 {
  grid-area: a;
}
.products-compares.-grid-areas .products-compare .products-compare__con .txt-14 {
  grid-area: c;
}
.products-compares.-grid-areas .products-compare .products-compare__con .height-img, .products-compares.-grid-areas .products-compare .products-compare__con > img {
  grid-area: b;
}
.products-compares.-grid-areas .products-compare .products-compare__con .products-compare__con * {
  margin: 0 0 0;
}
@media print, screen and (min-width:680px) {
  .products-compares.-modal {
    width: var(--inner-w-07-pc);
    grid-template-columns: var(--num-473) var(--num-473);
  }
}
.products-compares.-modal .products-compare {
  grid-row: span 10;
}
.products-compares.-modal .products-compare.-left .products-compare__con::after {
  left: 0;
}
.products-compares.-modal .products-compare.-right .products-compare__con::after {
  left: auto;
  right: 0;
}
.products-compares.-modal .products-compare .products-compare__con {
  display: block;
  text-align: left;
  padding-left: var(--num-20);
  padding-right: var(--num-20);
}
@media print, screen and (min-width:680px) {
  .products-compares.-modal .products-compare .products-compare__con {
    padding: var(--num-40) var(--num-50);
  }
}
.products-compares.-modal .products-compare .products-compare__con:first-child {
  padding-bottom: var(--num-10);
}
@media print, screen and (min-width:680px) {
  .products-compares.-modal .products-compare .products-compare__con:first-child {
    padding-bottom: var(--num-20);
  }
}
.products-compares.-modal .products-compare .products-compare__con:last-child {
  padding-bottom: var(--num-40);
}
@media print, screen and (min-width:680px) {
  .products-compares.-modal .products-compare .products-compare__con:last-child {
    padding-bottom: var(--num-60);
  }
}
@media print, screen and (min-width:680px) {
  .products-compares.-modal .products-compare .products-compare__con::after {
    width: var(--num-483);
  }
}
.products-compares.-modal .products-compare .ttl-14 {
  position: relative;
  width: 110%;
}
.products-compares.-modal .products-compare .txt-14 {
  margin-top: var(--num-10) !important;
}
.products-compares .products-compare {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare:first-child .products-compare__con::after {
    left: var(--num-48);
  }
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare:last-child .products-compare__con::after {
    right: var(--num-48);
  }
}
.products-compares .products-compare .products-compare__con {
  position: relative;
  background: rgba(27, 120, 134, 0.06);
  padding: var(--num-30) 0 var(--num-30);
  display: grid;
  border-bottom: 1px solid rgba(27, 120, 134, 0.1);
  grid-template-areas: "a" "b";
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con {
    padding: var(--num-40) 0 var(--num-40);
    border-bottom: none;
  }
  .products-compares .products-compare .products-compare__con::after {
    content: "";
    display: block;
    position: absolute;
    width: var(--num-543);
    height: 1px;
    background: #1b7886;
    opacity: 0.1;
    bottom: 0;
  }
}
.products-compares .products-compare .products-compare__con.-row-03 {
  grid-template-areas: "a" "b" "c";
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con.-row-03 {
    grid-template-areas: "b" "a" "c";
  }
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con {
    grid-template-areas: "b" "a";
  }
}
.products-compares .products-compare .products-compare__con .ttl-14 {
  margin-bottom: var(--num-15);
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con .ttl-14 {
    margin-bottom: 0;
  }
}
.products-compares .products-compare .products-compare__con .ttl-14.-row-02__sp {
  padding-bottom: 1.2em;
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con .ttl-14.-row-02__sp {
    padding-bottom: 0;
  }
}
.products-compares .products-compare .products-compare__con .txt-14 {
  margin-top: var(--num-15);
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con .txt-14 {
    margin-top: var(--num-06);
  }
}
.products-compares .products-compare .products-compare__con .height-img img {
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con .height-img {
    margin-bottom: var(--num-20);
  }
}
.products-compares .products-compare .products-compare__con:first-child {
  border-bottom: none;
  background: none;
  padding: 0 0 var(--num-30);
  grid-template-areas: "b" "a";
}
@media print, screen and (min-width:680px) {
  .products-compares .products-compare .products-compare__con:first-child {
    grid-template-areas: "a" "b";
    gap: var(--num-20) 0;
  }
}
.products-compares .products-compare .products-compare__con:first-child::after {
  display: none;
}
.products-compares .products-compare .products-compare__con:nth-child(2) {
  border-radius: var(--radius-03) var(--radius-03) 0 0;
}
.products-compares .products-compare .products-compare__con:last-child {
  border-bottom: none;
  border-radius: 0 0 var(--radius-03) var(--radius-03);
}
.products-compares .products-compare .products-compare__con:last-child::after {
  display: none;
}

.products-compare__con {
  display: grid;
  grid-template-areas: "a" "b";
}
.products-compare__con p {
  grid-area: b;
}

.products-compare__img {
  display: block;
  grid-area: b;
  text-align: center;
}
.products-compare__img img {
  width: var(--num-110);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .products-compare__img img {
    width: var(--num-300);
  }
}

.products-compare__price {
  text-align: left;
  font-size: var(--fs-20);
  font-family: SSTPaneuropeanMedium !important;
}
.products-compare__price.-msrp {
  color: var(--color-orange-01);
}
.products-compare__price span {
  display: block;
  margin-top: var(--num-10);
  font-size: var(--fs-13);
  color: var(--color-gray-02);
}

.products-compare__btn {
  width: 100%;
  margin: 0 auto;
  padding-top: var(--num-20);
  text-align: center;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .products-compare__btn {
    padding-top: var(--num-24);
    width: var(--num-316);
  }
}
.products-compare__btn .btn-round {
  margin-top: var(--num-20) !important;
}
.products-compare__btn .btn-round a {
  width: 100%;
}

.products-selects__items {
  width: var(--inner-w-02);
  margin: 0 auto var(--num-10);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
@media print, screen and (min-width:680px) {
  .products-selects__items {
    width: var(--inner-w-07-pc);
  }
}

.products-selects__item {
  text-align: center;
  width: var(--num-172);
}
@media print, screen and (min-width:680px) {
  .products-selects__item {
    width: var(--num-473);
  }
}

.products-select {
  position: relative;
  width: 100%;
  height: var(--num-50);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .products-select {
    width: var(--num-375);
    height: var(--num-60);
  }
}

.products-select select {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  font-size: var(--fs-14);
  font-size: 16px;
}

.products-select select:focus + .products-select__label {
  border: 2px solid #1363cf;
}

.products-select .products-select__label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 1px solid #cdcdcd;
  text-align: left;
  padding: 0 var(--num-20);
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  border-radius: var(--radius-03);
  overflow: hidden;
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .products-select .products-select__label {
    text-align: center;
  }
}
.products-select .products-select__label span {
  padding-left: var(--num-04);
  color: var(--color-green-02);
  font-size: var(--fs-12);
}

.products-select::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 10;
  top: 50%;
  width: var(--num-16);
  height: var(--num-09);
  margin-top: calc(var(--num-04) * -1);
  right: var(--num-20);
  background: url(../img/common/icon_arrow_btm_black.svg) center center;
  background-size: cover;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media print, screen and (min-width:680px) {
  .products-select::after {
    right: var(--num-30);
  }
}

.col2-img {
  display: flex;
  width: 100%;
  flex-direction: row;
  -moz-column-gap: var(--num-06);
       column-gap: var(--num-06);
}
@media print, screen and (min-width:680px) {
  .col2-img {
    width: var(--num-572);
  }
}

.js-swiper-loop .swiper-wrapper {
  transition-timing-function: linear;
}

.loop-bnr__236 li {
  width: var(--num-252);
  padding: 0 var(--num-08);
}
.loop-bnr__236 li img {
  display: block;
  position: relative;
  z-index: 1;
  border-radius: var(--radius-02);
  overflow: hidden;
  transition: opacity 0.3s ease-out;
}
.loop-bnr__236 li a {
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: var(--radius-02);
  overflow: hidden;
}
@media (hover: hover) {
  .loop-bnr__236 li a:hover img {
    transition: opacity 0.2s ease-out;
    opacity: 0.7;
  }
}

.bottom-assets {
  position: relative;
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .bottom-assets {
    width: var(--inner-w-03-pc);
  }
}

.footnotes-con__inner {
  padding: var(--num-20) 0;
}
@media print, screen and (min-width:680px) {
  .footnotes-con__inner {
    padding: var(--num-30) 0;
  }
}

.bottom-assets__toggle {
  display: block;
  padding: 0 0 var(--num-20);
  font-family: SSTPaneuropeanMedium !important;
  position: relative;
}
.bottom-assets__toggle::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0.1;
  left: 0;
  bottom: 0;
}
.bottom-assets__toggle a, .bottom-assets__toggle button {
  display: inline-block;
  position: relative;
  padding-right: var(--num-24);
  font-size: var(--fs-16);
  padding-left: 0;
}
@media print, screen and (min-width:680px) {
  .bottom-assets__toggle a, .bottom-assets__toggle button {
    padding-right: 16px;
  }
}
@media print, screen and (min-width:1025px) {
  .bottom-assets__toggle a, .bottom-assets__toggle button {
    padding-right: 24px;
  }
}
@media (hover: hover) {
  .bottom-assets__toggle a, .bottom-assets__toggle button {
    transition: opacity 0.3s ease-out;
  }
  .bottom-assets__toggle a:hover, .bottom-assets__toggle button:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.7;
  }
  .bottom-assets__toggle a:hover span, .bottom-assets__toggle button:hover span {
    transition: transform 0.2s ease-out;
    transform: rotate(90deg);
  }
}
.bottom-assets__toggle a.is-open span, .bottom-assets__toggle button.is-open span {
  transform: rotate(0deg);
}
.bottom-assets__toggle a.is-open span::before, .bottom-assets__toggle button.is-open span::before {
  transform: rotate(90deg);
}
.bottom-assets__toggle a span, .bottom-assets__toggle button span {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 0;
  transition: transform 0.3s ease-out;
  width: var(--num-10);
  height: var(--num-10);
  margin-top: calc(var(--num-04) * -1);
}
@media print, screen and (min-width:680px) {
  .bottom-assets__toggle a span, .bottom-assets__toggle button span {
    width: 8px;
    height: 8px;
    margin-top: -4px;
  }
}
@media print, screen and (min-width:1025px) {
  .bottom-assets__toggle a span, .bottom-assets__toggle button span {
    width: 10px;
    height: 10px;
    margin-top: -4px;
  }
}
.bottom-assets__toggle a span::before, .bottom-assets__toggle a span::after, .bottom-assets__toggle button span::before, .bottom-assets__toggle button span::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--text-color-black-01);
  border-radius: 4px;
  transition: transform 0.3s ease-out;
}
.bottom-assets__toggle a span::before, .bottom-assets__toggle button span::before {
  height: 100%;
  width: 2px;
  width: var(--num-02);
  left: 50%;
  margin-left: calc(var(--num-01) * -1);
  top: 0;
}
@media print, screen and (min-width:680px) {
  .bottom-assets__toggle a span::before, .bottom-assets__toggle button span::before {
    width: 2px;
    margin-left: -1px;
  }
}
.bottom-assets__toggle a span::after, .bottom-assets__toggle button span::after {
  width: 100%;
  height: 2px;
  height: var(var(--num-02));
  top: 50%;
  margin-top: calc(var(--num-01) * -1);
  left: 0;
}
@media print, screen and (min-width:680px) {
  .bottom-assets__toggle a span::after, .bottom-assets__toggle button span::after {
    height: 2px;
    margin-top: -1px;
  }
}
@media print, screen and (min-width:680px) {
  .bottom-assets__toggle {
    padding: 0 0 var(--num-30);
  }
}

.bottom-assets__breadcrumbs {
  position: relative;
  padding: var(--num-20) 0;
  display: flex;
  justify-content: flex-start;
  gap: 0 var(--num-20);
}
@media print, screen and (min-width:680px) {
  .bottom-assets__breadcrumbs {
    padding: var(--num-30) 0;
  }
}
.bottom-assets__breadcrumbs::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0.1;
  left: 0;
  bottom: 0;
}
.bottom-assets__breadcrumbs li span {
  font-size: var(--fs-16);
  padding-right: var(--num-24);
  position: relative;
  font-family: SSTPaneuropeanMedium !important;
}
.bottom-assets__breadcrumbs li a {
  color: #1b7886;
  font-size: var(--fs-16);
  padding-right: var(--num-24);
  position: relative;
  font-family: SSTPaneuropeanMedium !important;
}
.bottom-assets__breadcrumbs li a::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-07);
  height: var(--num-12);
  background: url(../img/common/icon_arr_l.svg);
  background-size: cover;
  opacity: 1;
  top: 50%;
  right: 0;
  transform: translateY(-40%);
}
@media (hover: hover) {
  .bottom-assets__breadcrumbs li a {
    transition: opacity 0.3s ease-out;
  }
  .bottom-assets__breadcrumbs li a:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
}

#js-swiper-bottom-links {
  width: 100%;
  overflow: hidden;
}
#js-swiper-bottom-links .swiper-container {
  overflow: visible;
}

.bottom-assets__links {
  position: relative;
  width: 100%;
  z-index: 2;
  overflow: visible;
  padding: var(--num-20) var(--num-30) var(--num-50);
}
@media print, screen and (min-width:680px) {
  .bottom-assets__links {
    padding: var(--num-30) 0 var(--num-50);
    left: 0;
    overflow: visible;
  }
}
@media print, screen and (min-width:680px) {
  .bottom-assets__links .swiper-wrapper {
    width: 100%;
    width: var(--inner-w-03-pc);
    margin: 0 auto;
    gap: 0 0;
    justify-content: space-between;
  }
}
.bottom-assets__links .swiper-wrapper .swiper-slide {
  width: calc(172vw / var(--base-width-01) * 100);
}
@media print, screen and (min-width:680px) {
  .bottom-assets__links .swiper-wrapper .swiper-slide {
    width: var(--num-213);
  }
}
.bottom-assets__links .swiper-wrapper .swiper-slide a, .bottom-assets__links .swiper-wrapper .swiper-slide button {
  display: grid;
  place-content: center;
  font-size: var(--fs-12);
  height: var(--num-70);
  color: #fff;
  text-align: center;
  border-radius: var(--radius-02);
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}
@media print, screen and (min-width:680px) {
  .bottom-assets__links .swiper-wrapper .swiper-slide a, .bottom-assets__links .swiper-wrapper .swiper-slide button {
    font-size: var(--fs-16);
    height: var(--num-100);
  }
}
.bottom-assets__links .swiper-wrapper .swiper-slide a::before, .bottom-assets__links .swiper-wrapper .swiper-slide button::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform 0.3s ease-out;
  border-radius: var(--radius-02);
  overflow: hidden;
}
.bottom-assets__links .swiper-wrapper .swiper-slide a::after, .bottom-assets__links .swiper-wrapper .swiper-slide button::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #212121;
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 2;
  transition: opacity 0.3s ease-out;
  border-radius: var(--radius-02);
  overflow: hidden;
}
.bottom-assets__links .swiper-wrapper .swiper-slide a span, .bottom-assets__links .swiper-wrapper .swiper-slide button span {
  position: relative;
  z-index: 3;
}
@media (hover: hover) {
  .bottom-assets__links .swiper-wrapper .swiper-slide a:hover::before, .bottom-assets__links .swiper-wrapper .swiper-slide button:hover::before {
    transition: transform 0.2s ease-out;
    transform: scale(1.06);
  }
  .bottom-assets__links .swiper-wrapper .swiper-slide a:hover::after, .bottom-assets__links .swiper-wrapper .swiper-slide button:hover::after {
    opacity: 0.4;
    transition: opacity 0.2s ease-out;
  }
}
.bottom-assets__links .swiper-wrapper .swiper-slide.-type-home a::before {
  background: url(../img/common/bottom_nav_home.jpg);
  background-size: 100% auto;
}
.bottom-assets__links .swiper-wrapper .swiper-slide.-type-products a::before {
  background: url(../img/common/bottom_nav_products.jpg);
  background-size: 100% auto;
}
.bottom-assets__links .swiper-wrapper .swiper-slide.-type-about a::before {
  background: url(../img/common/bottom_nav_about.jpg);
  background-size: 100% auto;
}
.bottom-assets__links .swiper-wrapper .swiper-slide.-type-brand a::before {
  background: url(../img/common/bottom_nav_brand1.jpg);
  background-size: 100% auto;
}
.bottom-assets__links .swiper-wrapper .swiper-slide.-type-testimonials a::before {
  background: url(../img/common/bottom_nav_testimonials.jpg);
  background-size: 100% auto;
}

body.is-modal {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  /*************/
}
body.is-modal.is-modal-hide .modal-bg {
  opacity: 0;
  transition: opacity 0.15s 0.1s ease-out;
}
body.is-modal.is-modal-hide .modal-con {
  opacity: 0;
  transition: opacity 0.1s 0s ease-out;
}
body.is-modal.is-modal-scroll {
  position: relative;
}
body.is-modal.is-modal-scroll.is-modal-testimonials {
  padding: 0 0;
}
body.is-modal.is-modal-scroll .modal {
  position: relative;
  padding: var(--num-80) 0;
}
body.is-modal.is-modal-scroll .modal-con {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
body.is-modal.is-modal-hearing .modal-con {
  padding: var(--num-40) 0 var(--num-40);
}
@media print, screen and (min-width:1025px) {
  body.is-modal.is-modal-hearing .modal-con {
    max-width: 1280px;
    padding: var(--num-0) 0 var(--num-0);
  }
}
body.is-modal .modal {
  left: 0;
  padding: 0 0 0;
}
body.is-modal .modal-bg {
  opacity: 0.8;
  left: 0;
}
body.is-modal .modal-con {
  opacity: 1;
}
body.is-modal .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100;
  left: -200%;
  /* reviews */
}
.modal #js-modal-output-reviews .reviews-item__product {
  top: unset;
}
.modal #js-modal-output-reviews .swiper-container {
  padding-bottom: var(--num-40);
  padding-top: var(--num-05);
  width: 100%;
}
.modal #js-modal-output-reviews .reviews-item {
  width: 100% !important;
}
.modal #js-modal-output-reviews .reviews-item__inner {
  padding: var(--num-30) var(--num-20) var(--num-30) var(--num-30);
}
.modal #js-modal-output-reviews .reviews-item__txt {
  padding-right: var(--num-20);
}
.modal #js-modal-output-reviews .swiper-scrollbar {
  display: none;
}
.modal #js-modal-output-reviews .swiper-button-prev,
.modal #js-modal-output-reviews .swiper-button-next {
  width: var(--num-40);
  height: var(--num-40);
  bottom: var(--num-50);
}
.modal #js-modal-output-reviews .swiper-button-prev {
  right: var(--num-65);
}
.modal #js-modal-output-reviews .swiper-button-next {
  right: var(--num-10);
}
.modal #js-modal-output-reviews .simplebar-track.simplebar-vertical {
  width: var(--num-08);
}
.modal #js-modal-output-reviews .simplebar-scrollbar::before {
  background: var(--color-green-02);
  opacity: 0.8;
}
.modal #js-modal-output-reviews .reviews-item__scroll::before,
.modal #js-modal-output-reviews .reviews-item__scroll::after {
  display: none;
}
.modal .reviews-item__top {
  width: var(--num-300);
  position: relative;
  padding-bottom: var(--num-20);
  height: auto !important;
}
.modal .reviews-item__top::after {
  display: block;
  position: absolute;
  content: "";
  width: var(--num-345);
  height: 1px;
  background: var(--text-color-black-02);
  opacity: 0.1;
  bottom: 0;
  left: 0;
}
.modal .reviews-item__product {
  position: relative;
  top: calc(var(--num-18) * -1);
}
.modal .reviews-item__scroll {
  position: relative;
  height: calc(100vh - var(--num-400)) !important;
  height: calc(100dvh - var(--num-400)) !important;
}
.modal .reviews-item__scroll::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--num-314);
  height: var(--num-60);
  background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 2;
  pointer-events: none;
}
.modal .reviews-item__scroll::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--num-314);
  height: var(--num-60);
  background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 3;
  pointer-events: none;
}
.modal .reviews-item__txt {
  position: relative;
  padding-right: var(--num-16);
  padding-top: var(--num-16);
  padding-bottom: var(--num-50);
  margin-bottom: 0;
  height: 100%;
  overflow-y: scroll;
}
@media print, screen and (min-width:680px) {
  .modal .reviews-item__txt {
    overflow-y: unset;
  }
}
.modal .reviews-item__btm {
  position: relative;
  padding-top: var(--num-40);
  grid-template-columns: var(--num-96) var(--num-96);
}
.modal .reviews-item__btm::after {
  display: block;
  position: absolute;
  content: "";
  width: var(--num-345);
  height: 1px;
  background: var(--text-color-black-02);
  opacity: 0.1;
  top: 0;
  left: 0;
}
.modal .reviews-item__btm .sp-disp {
  display: none !important;
}
@media print, screen and (min-width:680px) {
  .modal .reviews-item__btm {
    grid-template-columns: var(--num-101) var(--num-96);
  }
}
.modal .reviews-item__date {
  display: block;
}
@media screen and (max-width:679px) {
  .modal .guide-assets {
    padding-top: var(--num-120);
    padding-bottom: 0;
  }
  .modal .guide-items {
    padding-bottom: var(--num-30);
  }
  .modal .swiper-progress__btm {
    position: relative;
    width: var(--num-414);
    left: calc(var(--num-10) * -1);
  }
}

.modal-bg {
  position: fixed;
  display: block;
  content: "";
  top: -20%;
  left: 0;
  width: 100%;
  height: 200%;
  background: #000;
  opacity: 0;
  z-index: 1;
  left: -100%;
  transition: opacity 0.3s 0s ease-out;
}

.modal-con {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s 0s ease-out;
  width: var(--inner-w-01);
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius-02);
  overflow: hidden;
}
.is-modal-guide .modal-con {
  background: #f3f0ed;
}
@media screen and (max-width:679px) {
  .is-modal-guide .modal-con {
    padding-bottom: var(--num-60);
  }
}
.is-modal-yt .modal-con {
  background: #000;
}
@media print, screen and (min-width:680px) {
  .is-modal-yt .modal-con {
    padding: 0 0 0;
    width: auto;
  }
}
@media print, screen and (min-width:680px) {
  .modal-con {
    width: var(--inner-w-02-pc);
    padding: var(--num-90) 0 var(--num-64);
  }
}

.modal-output {
  position: relative;
  z-index: 10;
}

body.is-modal-hearing .modal-output {
  display: none;
}
body.is-modal-hearing .modal-output__hearing {
  position: relative;
  left: 0;
}

.modal-output__hearing {
  position: absolute;
  left: -10000px;
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .modal-output__hearing {
    padding: var(--num-40) 0 var(--num-40);
  }
}

body.is-modal-product .modal-output {
  display: none;
}
body.is-modal-product .modal-output__products {
  position: relative;
  left: 0;
}

body.is-modal-product-excute .modal-output__products-inner {
  opacity: 1;
  transition: opacity 0.6s 0.1s ease-out;
}

.modal-output__products {
  position: relative;
  position: absolute;
  left: -10000px;
  z-index: 10;
  padding: var(--num-70) 0 var(--num-26);
}
@media print, screen and (min-width:680px) {
  .modal-output__products {
    padding: 0 0 0;
  }
}

.modal-output__products-inner {
  opacity: 0;
}

.modal-btn__close {
  position: absolute;
  top: var(--num-10);
  right: var(--num-10);
  width: var(--num-40);
  height: var(--num-40);
  z-index: 20;
}
.modal-btn__close a, .modal-btn__close button {
  display: block;
  position: absolute;
  width: var(--num-40);
  height: var(--num-40);
  background: var(--text-color-black-01);
  border-radius: 50%;
  overflow: hidden;
  top: 0;
  left: 0;
}
.modal-btn__close a img, .modal-btn__close button img {
  position: absolute;
  display: block;
  width: var(--num-10);
  height: var(--num-10);
  top: 50%;
  left: 50%;
  margin-top: calc(var(--num-05) * -1);
  margin-left: calc(var(--num-05) * -1);
}
@media (hover: hover) {
  .modal-btn__close a, .modal-btn__close button {
    transition: opacity 0.3s ease-out;
  }
  .modal-btn__close a:hover, .modal-btn__close button:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
}

@media print, screen and (min-width:680px) {
  .modal-btn__close.testimonials {
    margin-right: 6%;
    margin-top: 4%;
  }
}

.modal-palyer {
  position: relative;
  padding-bottom: 56.25%;
}
.modal-palyer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.is-modal-reviews .modal-con {
  background: transparent !important;
  overflow: unset !important;
}

a.link-underline__ex {
  display: inline-block;
  position: relative;
  padding-bottom: var(--num-04);
}
a.link-underline__ex::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--text-color-black-02);
}
@media (hover: hover) {
  a.link-underline__ex:hover::after {
    display: none;
  }
}

.link-underline {
  text-decoration: underline;
}
@media (hover: hover) {
  .link-underline:hover {
    text-decoration: none;
  }
}

.link-txt__list li {
  margin-bottom: var(--num-05);
}
.link-txt__list li:last-child {
  margin-bottom: 0;
}

.link-txt {
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  position: relative;
  display: inline-block;
  display: inline;
  letter-spacing: -0.02em;
  transition: opacity 0.3s ease-out;
  line-height: 1.2;
}
.hearing-test .link-txt {
  font-size: var(--fs-12);
  font-family: SSTPaneuropeanRoman !important;
}
@media print, screen and (min-width:1025px) {
  .link-txt.-over-1280__solid {
    font-size: var(--fs-12-hack);
  }
}
@media (hover: hover) {
  .link-txt:hover {
    transition: opacity 0.2s ease-out;
    opacity: 0.7;
  }
  .link-txt:hover.-arrow span.icon, .link-txt:hover.-arrow-green span.icon, .link-txt:hover.-arrow-circle span.icon {
    transition: transform 0.2s ease-out;
    transform: translateX(3px);
  }
  .link-txt:hover.-plus-circle span.icon {
    transition: transform 0.2s ease-out;
    transform: rotate(90deg);
  }
}
.link-txt.-arrow {
  font-size: var(--fs-14);
  padding-right: var(--num-30);
}
@media print, screen and (min-width:1025px) {
  .link-txt.-arrow {
    padding-right: var(--num-36);
  }
}
.link-txt.-arrow span.icon {
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-10);
  background: url(../img/common/icon_arrow_r_212121.svg) center center;
  background-size: cover;
  opacity: 1;
  bottom: var(--num-03);
  right: 0;
  transition: transform 0.3s ease-out;
}
@media print, screen and (min-width:1025px) {
  .link-txt.-arrow span.icon {
    width: var(--num-08);
    height: var(--num-14);
    bottom: var(--num-04);
  }
}
.link-txt.-arrow-green {
  color: var(--color-green-02);
  font-size: var(--fs-15);
  padding-right: var(--num-14);
}
@media print, screen and (min-width:1025px) {
  .link-txt.-arrow-green {
    padding-right: var(--num-20);
  }
}
.link-txt.-arrow-green span.icon {
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-10);
  background: url(../img/common/icon_arrow_l_green.svg) center center;
  background-size: cover;
  opacity: 1;
  bottom: var(--num-03);
  right: 0;
  transition: transform 0.3s ease-out;
}
.link-txt.-arrow-circle {
  padding-right: var(--num-50);
}
.link-txt.-arrow-circle span.icon {
  transition: transform 0.3s ease-out;
  position: absolute;
  display: block;
  width: var(--num-32);
  height: var(--num-32);
  top: 50%;
  right: 0;
  background: var(--text-color-black-01);
  margin-top: calc(var(--num-16) * -1);
  border-radius: 50%;
  z-index: 2;
}
.link-txt.-arrow-circle span.icon::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-10);
  background: url(../img/common/icon_arrow_r_fff.svg);
  background-size: cover;
  opacity: 1;
  top: 50%;
  left: 50%;
  margin-left: calc(var(--num-03) * -1);
  margin-top: calc(var(--num-05) * -1);
}
.link-txt.-arrow-circle.-circle-green span.icon {
  background: var(--green-gradient);
  margin-top: calc(var(--num-15) * -1);
}
.link-txt.-plus-circle {
  padding-right: var(--num-50);
}
.link-txt.-plus-circle span.icon {
  transition: transform 0.3s ease-out;
  position: absolute;
  display: block;
  width: var(--num-32);
  height: var(--num-32);
  top: 50%;
  right: 0;
  background: var(--text-color-black-01);
  margin-top: calc(var(--num-16) * -1);
  border-radius: 50%;
}
.link-txt.-plus-circle span.icon::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-10);
  height: var(--num-10);
  background: url(../img/common/icon_plus.svg);
  background-size: cover;
  opacity: 1;
  top: 50%;
  left: 50%;
  margin-left: calc(var(--num-05) * -1);
  margin-top: calc(var(--num-05) * -1);
}
.link-txt.-green {
  color: var(--color-green-02);
}
.link-txt.-green.-underline {
  border-bottom: 1px solid var(--color-green-02);
}
.link-txt.-underline {
  border-bottom: 1px solid var(--text-color-black-01);
}
.link-txt.-blank-12 {
  padding-right: var(--num-18);
}
.link-txt.-blank-12 img {
  position: absolute;
  display: block;
  width: var(--num-12);
  height: var(--num-12);
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-08) * -1);
}
@media screen and (min-width: 1280px) {
  .link-txt.-blank-12.-over-1280__solid {
    padding-right: 18px;
  }
  .link-txt.-blank-12.-over-1280__solid img {
    width: 12px;
    height: 12px;
  }
}
.link-txt.-blank {
  padding-right: var(--num-18);
}
.link-txt.-blank img {
  position: absolute;
  display: block;
  width: var(--num-14);
  height: var(--num-14);
  right: 0;
  bottom: 0;
}
.link-txt.-blank-16 {
  padding-right: var(--num-28);
}
.link-txt.-blank-16 img {
  position: absolute;
  display: block;
  width: var(--num-16);
  height: var(--num-16);
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-08) * -1);
}
@media print, screen and (min-width:1025px) {
  .link-txt.-pc-fs-18 {
    font-size: var(--fs-18) !important;
  }
}

.read-more {
  position: relative;
}
.read-more::before, .read-more::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(var(--num-90));
  height: 1px;
  top: 50%;
  background: rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width:1025px) {
  .read-more::before, .read-more::after {
    left: 50%;
    width: calc(var(--num-444));
  }
}
.read-more::after {
  left: var(--num-30);
}
@media print, screen and (min-width:1025px) {
  .read-more::after {
    left: 50%;
    margin-left: calc(var(--num-534) * -1);
  }
}
.read-more::before {
  right: var(--num-30);
}
@media print, screen and (min-width:1025px) {
  .read-more::before {
    right: auto;
    margin-left: calc(var(--num-90));
  }
}

.btn-rounds {
  display: flex;
  justify-content: center;
  gap: 0 var(--num-10);
}
.btn-rounds.fl-left {
  justify-content: flex-start;
}
@media print, screen and (min-width:680px) {
  .btn-rounds.fl-left_pc {
    justify-content: flex-start;
  }
}

@media print, screen and (min-width:1025px) {
  .btn-round a.-w-198__pc, .btn-round button.-w-198__pc {
    width: var(--num-198);
    padding: 0 0;
  }
  .btn-round a.-w-198__pc div, .btn-round button.-w-198__pc div {
    font-size: var(--fs-14);
  }
}
.btn-round.-arrow-btm__fff a div, .btn-round.-arrow-btm__fff button div {
  padding-right: var(--num-20);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-arrow-btm__fff a div, .btn-round.-arrow-btm__fff button div {
    padding-right: var(--num-20);
  }
}
.btn-round.-arrow-btm__fff a span.icon, .btn-round.-arrow-btm__fff button span.icon {
  position: absolute;
  display: block;
  content: "";
  z-index: 10;
  top: 50%;
  width: var(--num-10);
  height: var(--num-06);
  margin-top: calc(var(--num-02) * -1);
  right: 0;
  background: url(../img/common/icon_arrow_btm_white.svg) center center;
  background-size: cover;
}
.btn-round.-arrow-white a div, .btn-round.-arrow-white button div {
  padding-right: var(--num-08);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-arrow-white a div, .btn-round.-arrow-white button div {
    padding-right: var(--num-16);
  }
}
.btn-round.-arrow-white a span.icon, .btn-round.-arrow-white button span.icon {
  display: block;
  position: absolute;
  width: var(--num-05);
  height: var(--num-10);
  background: url(../img/common/icon_arrow_r_fff.svg) center center;
  background-size: cover;
  opacity: 1;
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-05) * -1);
  transition: transform 0.3s ease-out;
}
@media print, screen and (min-width:1025px) {
  .btn-round.-arrow-white a span.icon, .btn-round.-arrow-white button span.icon {
    width: var(--num-06);
    height: var(--num-12);
    margin-top: calc(var(--num-05) * -1);
  }
}
.btn-round.-orange a, .btn-round.-orange button {
  color: #212121;
}
.btn-round.-orange a::after, .btn-round.-orange button::after {
  background: #ffbd6b;
  border-radius: var(--num-25);
  overflow: hidden;
}
@media print, screen and (min-width:1025px) {
  .btn-round.-orange a::before, .btn-round.-orange a::after, .btn-round.-orange button::before, .btn-round.-orange button::after {
    border-radius: var(--num-18);
  }
  .btn-round.-orange a div, .btn-round.-orange button div {
    height: var(--num-36);
    font-size: var(--fs-12);
  }
}
.btn-round.-force-orange a, .btn-round.-force-orange button {
  color: #212121 !important;
}
.btn-round.-force-orange a::after, .btn-round.-force-orange button::after {
  background: #ffbd6b !important;
}
.btn-round.-green a, .btn-round.-green button {
  padding: 0 var(--num-40);
}
.btn-round.-green a::before, .btn-round.-green a::after, .btn-round.-green button::before, .btn-round.-green button::after {
  border-radius: var(--num-28);
}
.btn-round.-green a::after, .btn-round.-green button::after {
  background: var(--green-gradient);
}
.btn-round.-green a div, .btn-round.-green button div {
  font-size: var(--fs-12);
  height: var(--num-56);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-green a::before, .btn-round.-green a::after, .btn-round.-green button::before, .btn-round.-green button::after {
    border-radius: var(--num-25);
  }
  .btn-round.-green a div, .btn-round.-green button div {
    height: var(--num-50);
    font-size: var(--fs-14);
  }
}
.btn-round.-noset a, .btn-round.-noset button {
  padding: 0 var(--num-40);
}
.btn-round.-noset a::before, .btn-round.-noset a::after, .btn-round.-noset button::before, .btn-round.-noset button::after {
  border-radius: var(--num-28);
}
.btn-round.-noset a div, .btn-round.-noset button div {
  font-size: var(--fs-12);
  height: var(--num-56);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-noset a::before, .btn-round.-noset a::after, .btn-round.-noset button::before, .btn-round.-noset button::after {
    border-radius: var(--num-25);
  }
  .btn-round.-noset a div, .btn-round.-noset button div {
    height: var(--num-50);
    font-size: var(--fs-14);
  }
}
.btn-round.-shop a, .btn-round.-shop button {
  padding: 0 var(--num-20);
}
.btn-round.-shop a div, .btn-round.-shop button div {
  height: var(--num-36);
}
.btn-round.-shop a::before, .btn-round.-shop a::after, .btn-round.-shop button::before, .btn-round.-shop button::after {
  border-radius: var(--num-18);
  overflow: hidden;
}
.btn-round.-blank a div, .btn-round.-blank button div {
  padding-right: var(--num-22);
}
.btn-round.-blank a img, .btn-round.-blank button img {
  position: absolute;
  display: block;
  width: var(--num-14);
  height: var(--num-14);
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-07) * -1);
}
@media print, screen and (min-width:680px) {
  .btn-round.-pc-black a, .btn-round.-pc-black button {
    padding: 0 var(--num-32);
  }
  .btn-round.-pc-black a::before, .btn-round.-pc-black a::after, .btn-round.-pc-black button::before, .btn-round.-pc-black button::after {
    border-radius: var(--num-20);
    overflow: hidden;
  }
  .btn-round.-pc-black a::before, .btn-round.-pc-black button::before {
    opacity: 0;
  }
  .btn-round.-pc-black a::after, .btn-round.-pc-black button::after {
    background: var(--black-gradient);
  }
  .btn-round.-pc-black a div, .btn-round.-pc-black button div {
    height: var(--num-40);
  }
}
@media print, screen and (min-width:680px) {
  .btn-round.-pc-black.-blank a {
    padding: 0 var(--num-20) 0 var(--num-24);
  }
}
@media print, screen and (min-width:680px) {
  .btn-round.-white__pc a::before, .btn-round.-white__pc button::before {
    background: #000;
    opacity: 0;
  }
  .btn-round.-white__pc a::after, .btn-round.-white__pc button::after {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .btn-round.-white__pc a div, .btn-round.-white__pc button div {
    color: #fff;
  }
}
.btn-round.-size-full a, .btn-round.-size-full button {
  width: 100%;
  display: inline-block;
}
.btn-round.-size-full a::before, .btn-round.-size-full a::after, .btn-round.-size-full button::before, .btn-round.-size-full button::after {
  border-radius: var(--num-25);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-size-full a::before, .btn-round.-size-full a::after, .btn-round.-size-full button::before, .btn-round.-size-full button::after {
    border-radius: var(--num-25);
  }
}
.btn-round.-size-full a div, .btn-round.-size-full button div {
  height: var(--num-50);
}
@media print, screen and (min-width:1025px) {
  .btn-round.-size-full a div, .btn-round.-size-full button div {
    height: var(--num-50);
    display: inline-block;
  }
}
.btn-round a, .btn-round button {
  position: relative;
  margin: 0 auto;
  display: inline-block;
  padding: 0 var(--num-28);
  width: auto;
  color: #f3f0ed;
  line-height: 1;
}
.btn-round a::after, .btn-round button::after {
  background: var(--btn-black-01);
}
.btn-round a::before, .btn-round a::after, .btn-round button::before, .btn-round button::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s 0s ease-out;
  border-radius: var(--num-25);
  overflow: hidden;
}
@media print, screen and (min-width:1025px) {
  .btn-round a::before, .btn-round a::after, .btn-round button::before, .btn-round button::after {
    border-radius: var(--num-20);
  }
}
.btn-round a::before, .btn-round button::before {
  z-index: 1;
  background: #000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}
.btn-round a::after, .btn-round button::after {
  z-index: 2;
}
.btn-round a div, .btn-round button div {
  transition: opacity 0.3s 0s ease-out;
  position: relative;
  top: -1px;
  z-index: 10;
  display: grid;
  place-content: center;
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  height: var(--num-50);
}
@media print, screen and (min-width:1025px) {
  .btn-round a div, .btn-round button div {
    font-size: var(--fs-13);
    height: var(--num-40);
  }
}
@media (hover: hover) {
  .btn-round a:hover::after, .btn-round button:hover::after {
    opacity: 0.8;
    transition: opacity 0.2s ease-out;
  }
  .btn-round a:hover.-white__pc::before, .btn-round button:hover.-white__pc::before {
    opacity: 0.7;
  }
  .btn-round a:hover.-pc-black::after, .btn-round button:hover.-pc-black::after {
    opacity: 0 !important;
  }
}

/* ttl */
.sec-ttl {
  width: var(--inner-w-02);
  margin: 0 auto var(--num-30);
  text-align: left;
}
@media print, screen and (min-width:680px) {
  .sec-ttl {
    width: var(--inner-w-03-pc);
    text-align: center;
  }
}

.sec-ttl__sub {
  display: block;
  font-size: var(--fs-14);
  line-height: 1.4;
  margin-bottom: var(--num-16);
  color: var(--text-color-black-02);
}
.sec-ttl__sub.-size-l {
  font-size: var(--fs-18);
}
@media print, screen and (min-width:680px) {
  .sec-ttl__sub.-size-l {
    font-size: var(--fs-20);
  }
}

.sec-ttl__main {
  display: block;
  font-size: var(--fs-30);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.sec-ttl__main.-line-01 {
  line-height: 1;
}
.sec-ttl__main.-quotation {
  position: relative;
  padding-top: var(--num-45);
}
.sec-ttl__main.-quotation::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-40);
  height: var(--num-40);
  background: url(../img/common/icon_quotation_black.svg) center center no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media print, screen and (min-width:680px) {
  .sec-ttl__main.fs-30 {
    font-size: var(--fs-30);
  }
}
@media print, screen and (min-width:680px) {
  .sec-ttl__main {
    font-size: var(--fs-40);
    letter-spacing: 0em;
  }
}

.ttl-14 {
  font-size: var(--fs-14);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}

.ttl-16 {
  font-size: var(--fs-16);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}

.ttl-19 {
  font-size: var(--fs-19);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}

.ttl-20 {
  font-size: var(--fs-20);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}

.ttl-22 {
  font-size: var(--fs-22);
  line-height: 1.2;
  margin-bottom: var(--num-20);
}

.ttl-25 {
  font-size: var(--fs-25);
  line-height: 1.2;
  margin-bottom: var(--num-24);
}

.ttl-30 {
  font-size: var(--fs-30);
  line-height: 1.2;
  margin-bottom: var(--num-24);
}

.ttl-40 {
  font-size: var(--fs-40);
  line-height: 1.2;
  margin-bottom: var(--num-90);
}

@media print, screen and (min-width:680px) {
  .ttl-40__pc {
    font-size: var(--fs-40);
    line-height: 1.2;
    margin-bottom: var(--num-90);
  }
  .ttl-25__pc {
    font-size: var(--fs-25);
    line-height: 1.2;
    margin-bottom: var(--num-30);
  }
  .ttl-30__pc {
    font-size: var(--fs-30);
    line-height: 1.2;
    margin-bottom: var(--num-30);
  }
}
/* txt */
.txt-italic {
  font-style: italic;
}

.more-txt {
  margin-top: var(--num-36);
  padding-top: var(--num-36);
  border-top: 1px solid rgba(33, 33, 33, 0.1);
}
@media print, screen and (min-width:680px) {
  .more-txt {
    margin-top: var(--num-36);
    padding-top: var(--num-36);
  }
}

.txt-10 {
  font-size: var(--fs-10);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.txt-12 {
  font-size: var(--fs-12);
  line-height: 1.4;
  color: var(--text-color-black-02);
}

.txt-13 {
  font-size: var(--fs-13);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.txt-14 {
  font-size: var(--fs-14);
  line-height: 1.4;
  color: var(--text-color-black-02);
}

.txt-15 {
  font-size: var(--fs-15);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.txt-16 {
  font-size: var(--fs-16);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.txt-18 {
  font-size: var(--fs-18);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.txt-19 {
  font-size: var(--fs-19);
  line-height: 1.3;
  color: var(--text-color-black-02);
}

.txt-22 {
  font-size: var(--fs-22);
  line-height: 1.2;
  color: var(--text-color-black-02);
}

.txt-28 {
  font-size: var(--fs-28);
  line-height: 1.2;
  color: var(--text-color-black-02);
}

.txt-30 {
  font-size: var(--fs-30);
  line-height: 1.2;
  color: var(--text-color-black-02);
}

.col-221122 {
  color: var(--text-color-black-01) !important;
}

@media print, screen and (min-width:680px) {
  .txt-14__pc {
    font-size: var(--fs-14);
    line-height: 1.4;
    color: var(--text-color-black-02);
  }
  .txt-16__pc {
    font-size: var(--fs-16);
    line-height: 1.5;
    color: var(--text-color-black-02);
  }
  .txt-28__pc {
    font-size: var(--fs-28);
    line-height: 1.2;
    color: var(--text-color-black-02);
  }
  .txt-30__pc {
    font-size: var(--fs-30);
    line-height: 1.2;
    color: var(--text-color-black-02);
  }
  .txt-40__pc {
    font-size: var(--fs-40);
    line-height: 1.2;
    color: var(--text-color-black-02);
  }
}
/* list */
.list-num {
  position: relative;
  left: 1.5em;
  margin-right: 1.5em;
}
.list-num li {
  font-size: var(--fs-14);
  line-height: 1.5;
  color: var(--text-color-black-02);
  margin-bottom: var(--num-20);
  position: relative;
  text-align: left;
  list-style: decimal;
}
.list-num li.-green {
  color: var(--color-green-02);
}
@media print, screen and (min-width:680px) {
  .list-num li {
    font-size: var(--fs-16);
    margin-bottom: var(--num-10);
  }
}

.list-label {
  position: absolute;
  top: var(--num-10);
  right: var(--num-10);
  z-index: 5;
  display: flex;
  gap: 0 var(--num-10);
}
.list-label li {
  display: grid;
  place-content: center;
  padding: 0 var(--num-15);
  height: var(--num-30);
  border-radius: var(--num-25);
  overflow: hidden;
  background: #f3f0ed;
  font-size: var(--fs-13);
  font-family: SSTPaneuropeanMedium !important;
  color: var(--text-color-black-01);
}

.list-circles .list-circle {
  margin-bottom: var(--num-12);
}
.list-circles .list-circle:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width:680px) {
  .list-circles {
    display: grid;
    grid-template-columns: 46% 46%;
    justify-content: space-between;
  }
}

.list-circle {
  position: relative;
}
.list-circle.left-10 {
  left: var(--num-10);
}
.list-circle.sp-grid__50 {
  left: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: space-between;
}
@media print, screen and (min-width:680px) {
  .list-circle.sp-grid__50 {
    display: block;
  }
}
.list-circle.-fs-14-13 li {
  font-size: var(--fs-14);
  padding-left: 1em;
}
.list-circle.-fs-14-13 li::after {
  width: var(--num-04);
  height: var(--num-04);
  top: var(--num-10);
}
@media print, screen and (min-width:680px) {
  .list-circle.-fs-14-13 li {
    font-size: var(--fs-13);
  }
}
.list-circle li {
  font-size: var(--fs-13);
  line-height: 1.4;
  color: var(--text-color-black-02);
  margin-bottom: var(--num-12);
  padding-left: 1.1em;
  position: relative;
}
.list-circle li.-green {
  color: var(--color-green-02);
}
.list-circle li.-green::after {
  background: var(--color-green-02);
}
@media print, screen and (min-width:680px) {
  .list-circle li {
    font-size: var(--fs-16);
    margin-bottom: var(--num-10);
  }
}
.list-circle li::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-06);
  background: var(--text-color-black-02);
  border-radius: 50%;
  overflow: hidden;
  top: var(--num-07);
  left: 0;
}
@media print, screen and (min-width:680px) {
  .list-circle li::after {
    top: var(--num-09);
  }
}
.list-circle li:last-child {
  margin-bottom: 0;
}

/*******************************/
.sec-ttl__lung {
  margin-bottom: var(--val-32);
  text-align: center;
}
.sec-ttl__lung span {
  display: block;
  font-weight: 700;
}
.sec-ttl__lung span.sec-ttl__en {
  font-size: var(--size-36);
  margin-bottom: var(--val-16);
}
.sec-ttl__lung span.sec-ttl__ja {
  font-size: var(--size-16);
}

.sec-ttl__line {
  font-size: var(--size-16);
  font-weight: 700;
  position: relative;
  padding-bottom: var(--val-16);
  margin-bottom: var(--val-24);
}
.sec-ttl__line::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: var(--size-28);
  height: 1px;
  background: var(--gray-color-02);
  transform: translateX(-50%);
}

.sec-txt {
  font-size: var(--size-16);
  line-height: 1.8;
  margin-bottom: var(--val-32);
}

.note-txt {
  font-size: var(--size-12);
  line-height: 1.4;
  color: var(--text-color-black-03);
}
.note-txt a {
  text-decoration: underline;
}

.box-round {
  text-align: center;
  background-color: var(--gray-color-06);
  background: #fff;
  border-radius: var(--size-box-round-s);
  padding: var(--val-32) 0 var(--val-32);
}

.img-overlay-type1, .img-overlay-type2, .img-overlay-type3, .img-overlay-type4 {
  position: relative;
}

@media print, screen and (min-width:680px) {
  .img-overlay-type1::after, .img-overlay-type2::after, .img-overlay-type3::after, .img-overlay-type4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type1::after {
    background: rgb(0, 0, 0);
    background: linear-gradient(186deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 90%);
    border-radius: var(--radius-02);
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type2::after {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.65) 100%);
    border-radius: var(--radius-02);
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type2-round-l::after {
    border-radius: var(--radius-02) 0 0 var(--radius-02);
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type2-round-r::after {
    border-radius: 0 var(--radius-02) var(--radius-02) 0;
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type3::after {
    background: rgb(0, 0, 0);
    background: linear-gradient(249deg, rgba(18, 17, 23, 0.1058823529) 27%, rgba(18, 17, 23, 0.7529411765) 70%);
    border-radius: var(--radius-02);
    z-index: 0;
  }
}

@media print, screen and (min-width:680px) {
  .img-overlay-type4::after {
    background: rgb(0, 0, 0);
    background: linear-gradient(220deg, rgba(59, 50, 43, 0) 50%, rgba(59, 50, 43, 0.8235294118) 100%);
    border-radius: var(--radius-02);
    z-index: 0;
  }
}

/* index-hero */
.hero-link__img {
  position: absolute;
  display: block;
  width: var(--num-32);
  height: var(--num-32);
  top: 50%;
  right: 0;
  margin-top: calc(var(--num-16) * -1);
}
.hero-link__img img {
  display: block;
  position: relative;
  z-index: 20;
  width: 100%;
}
.hero-link__img .pulse-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.hero-link__img .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.hero-link__img .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
.hero-link__img .pulse-circle span:nth-child(4), .hero-link__img .pulse-circle span:nth-child(3), .hero-link__img .pulse-circle span:nth-child(2), .hero-link__img .pulse-circle span:nth-child(1) {
  width: var(--num-40);
  height: var(--num-40);
  margin-left: calc(var(--num-20) * -1);
  margin-top: calc(var(--num-20) * -1);
  z-index: 2;
  opacity: 1;
  opacity: 0.1;
}
.hero-link__img .pulse-circle span:nth-child(4)::after, .hero-link__img .pulse-circle span:nth-child(3)::after, .hero-link__img .pulse-circle span:nth-child(2)::after, .hero-link__img .pulse-circle span:nth-child(1)::after {
  background: #fff;
}
.hero-link__img .pulse-circle span:nth-child(1)::after {
  animation: pulse-index-btn 4s 0s linear infinite;
}
.hero-link__img .pulse-circle span:nth-child(2)::after {
  animation: pulse-index-btn 4s 0.5s linear infinite;
}
.hero-link__img .pulse-circle span:nth-child(3)::after {
  animation: pulse-index-btn 4s 1s linear infinite;
}

.pulse-circle-hearingtestbanner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.pulse-circle-hearingtestbanner span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.pulse-circle-hearingtestbanner span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
.pulse-circle-hearingtestbanner span:nth-child(4), .pulse-circle-hearingtestbanner span:nth-child(3), .pulse-circle-hearingtestbanner span:nth-child(2), .pulse-circle-hearingtestbanner span:nth-child(1) {
  width: var(--num-40);
  height: var(--num-40);
  margin-left: calc(var(--num-20) * -1);
  margin-top: calc(var(--num-20) * -1);
  z-index: 2;
  opacity: 1;
  opacity: 0.1;
}
.pulse-circle-hearingtestbanner span:nth-child(4)::after, .pulse-circle-hearingtestbanner span:nth-child(3)::after, .pulse-circle-hearingtestbanner span:nth-child(2)::after, .pulse-circle-hearingtestbanner span:nth-child(1)::after {
  background: rgb(54, 148, 130);
}
.pulse-circle-hearingtestbanner span:nth-child(1)::after {
  animation: pulse-index-btn 4s 0s linear infinite;
}
.pulse-circle-hearingtestbanner span:nth-child(2)::after {
  animation: pulse-index-btn 4s 0.5s linear infinite;
}
.pulse-circle-hearingtestbanner span:nth-child(3)::after {
  animation: pulse-index-btn 4s 1s linear infinite;
}

.hero-link a, .hero-link button {
  position: relative;
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  position: relative;
  display: inline-block;
  letter-spacing: -0.02em;
  transition: opacity 0.3s ease-out;
  line-height: 1.2;
  padding-right: var(--num-50);
  padding-left: 0;
  z-index: 20;
}
@media print, screen and (min-width:680px) {
  .hero-link a, .hero-link button {
    top: auto;
    position: absolute;
    bottom: calc(var(--num-94) * -1);
    right: calc(var(--num-10) * -1);
    z-index: 10;
  }
}
.hero-link a .hero-link__txt, .hero-link button .hero-link__txt {
  transition: opacity 0.3s ease-out;
}
.hero-link a .hero-link__img, .hero-link a .hero-link__img img, .hero-link button .hero-link__img, .hero-link button .hero-link__img img {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
@media (hover: hover) {
  .hero-link a:hover .hero-link__txt, .hero-link button:hover .hero-link__txt {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
  .hero-link a:hover .hero-link__img, .hero-link button:hover .hero-link__img {
    transform: scale(1.15);
  }
  .hero-link a:hover .hero-link__img img, .hero-link button:hover .hero-link__img img {
    transition: transform 0.4s ease-out, opacity 0.2s ease-out;
  }
}

.hero {
  position: relative;
  width: var(--inner-w-01);
  margin: var(--num-10) auto var(--num-10);
  height: var(--num-600);
  border-radius: 0 0 var(--radius-02) var(--radius-02);
  overflow: hidden;
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .hero {
    width: var(--inner-w-01-pc);
    height: var(--num-648);
    margin: 0 auto var(--num-20);
  }
}
.page-testimonials .hero {
  height: var(--num-220);
}
@media print, screen and (min-width:680px) {
  .page-testimonials .hero {
    height: var(--num-483);
  }
}
.page-products .hero {
  height: var(--num-182);
}
@media print, screen and (min-width:680px) {
  .page-products .hero {
    height: var(--num-344);
  }
}
.page-hearing-test .hero {
  height: var(--num-648);
  color: #111;
  border-radius: var(--radius-02);
  overflow: hidden;
  background-color: white;
}
@media print, screen and (min-width:680px) {
  .page-hearing-test .hero {
    margin-top: var(--num-110);
    height: var(--num-572);
    border-radius: var(--radius-02);
  }
}
.page-hearing-test .hero video {
  -o-object-fit: cover;
     object-fit: cover;
  width: var(--num-460);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--num-60) * -1);
}
@media print, screen and (min-width:680px) {
  .page-hearing-test .hero video {
    width: var(--num-780);
    left: unset;
    transform: unset;
    right: var(--num-30);
    bottom: calc(var(--num-120) * -1);
  }
}
.page-hearing-test .hero video.low {
  bottom: calc(var(--num-110) * -1);
}
@media print, screen and (min-width:680px) {
  .page-hearing-test .hero video.low {
    bottom: calc(var(--num-180) * -1);
  }
}
.hero .fv-img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.page-learn-about .hero::after {
  background: url(../img/learn_about/learn_about_hero_sp.jpg);
  background-size: cover;
}
.page-about-us .hero::after {
  background: url(../img/about_us/about_us_hero_sp1.jpg);
  background-size: cover;
}
.page-testimonials .hero::after {
  background: url(../img/testimonials/testimonials_hero_sp.jpg);
  background-size: cover;
}
.page-products .hero::after {
  background-size: cover;
}
.page-hearing-test .hero::after {
  background-size: cover;
}
@media print, screen and (min-width:680px) {
  .page-learn-about .hero::after {
    background: url(../img/learn_about/learn_about_hero_pc.jpg);
    background-size: cover;
  }
  .page-about-us .hero::after {
    background: url(../img/about_us/about_us_hero_pc1.jpg);
    background-size: cover;
  }
  .page-testimonials .hero::after {
    background: linear-gradient(200deg, rgba(63, 63, 63, 0) 30%, rgba(63, 63, 63, 0.65) 90%), url(../img/testimonials/testimonials_hero_pc.jpg);
    background-size: cover;
  }
  .page-products .hero::after {
    background-size: cover;
    background: rgb(0, 0, 0);
    background: linear-gradient(186deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 90%);
  }
  .page-hearing-test .hero::after {
    background-size: cover;
  }
}

.hero-hearing__assets {
  position: relative;
  z-index: 2;
  margin: var(--num-40) auto;
  text-align: center;
}
@media print, screen and (min-width:680px) {
  .hero-hearing__assets {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: var(--num-64);
    width: var(--num-490);
  }
}

.hero-hearing__rabel {
  display: inline-block;
  margin-bottom: var(--num-24);
}
@media print, screen and (min-width:680px) {
  .hero-hearing__rabel {
    margin-bottom: var(--num-26);
  }
}
.hero-hearing__rabel span {
  display: grid;
  place-content: center;
  height: var(--num-34);
  background: rgba(27, 120, 134, 0.05);
  padding: 0 var(--num-34);
  border-radius: var(--radius-02);
  overflow: hidden;
  font-size: var(--fs-14);
  font-family: SSTPaneuropeanMedium !important;
  color: var(--text-color-black-02);
}
.hero-hearing__ttl {
  font-size: var(--fs-22);
  line-height: 1.2;
  margin-bottom: var(--num-26);
}
@media print, screen and (min-width:680px) {
  .hero-hearing__ttl {
    font-size: var(--fs-30);
    line-height: 1.3;
    margin-bottom: var(--num-32);
  }
}

.hero-hearing__txt {
  font-size: var(--fs-16);
  color: var(--text-color-black-02);
  line-height: 1.5;
}

.hero-txt__testimonials {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  text-align: center;
  color: #fff;
  z-index: 2;
  font-size: var(--fs-25);
  line-height: 1.05;
}
@media print, screen and (min-width:680px) {
  .hero-txt__testimonials {
    padding-top: var(--num-70);
    font-size: var(--fs-50);
  }
}

.hero-txt__testimonials2 {
  position: absolute;
  width: 100%;
  bottom: var(--num-20);
  text-align: center;
  color: #E7E7E7;
  z-index: 2;
  font-size: var(--fs-10);
  line-height: 1.5;
}
@media print, screen and (min-width:680px) {
  .hero-txt__testimonials2 {
    text-align: left;
    bottom: var(--num-26);
    font-size: var(--fs-11);
    line-height: 1.4;
    padding: 0 var(--num-60);
  }
}

.hero-txt__branding {
  position: absolute;
  width: var(--inner-w-02);
  top: var(--num-400);
  left: var(--num-20);
  color: #fff;
  z-index: 2;
  font-size: var(--fs-40);
  line-height: 1.05;
}
@media print, screen and (min-width:680px) {
  .hero-txt__branding {
    width: var(--inner-w-02-pc);
    top: var(--num-420);
    left: var(--num-60);
    font-size: var(--fs-50);
  }
}

.hero-ttl__products {
  position: absolute;
  width: 100%;
  top: var(--num-75);
  text-align: center;
  color: #fff;
  z-index: 2;
  font-size: var(--fs-25);
  line-height: 1.05;
}
@media print, screen and (min-width:680px) {
  .hero-ttl__products {
    text-align: left;
    top: var(--num-170);
    font-size: var(--fs-50);
    padding: 0 var(--num-60);
  }
}

.hero-txt__products {
  position: absolute;
  width: 100%;
  bottom: var(--num-20);
  text-align: center;
  color: #fff;
  z-index: 2;
  font-size: var(--fs-10);
  line-height: 1.5;
}
@media print, screen and (min-width:680px) {
  .hero-txt__products {
    text-align: left;
    bottom: var(--num-26);
    font-size: var(--fs-11);
    line-height: 1.4;
    padding: 0 var(--num-60);
  }
}

.hero-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  display: grid;
  place-content: center;
  text-align: center;
  color: #fff;
}
@media print, screen and (min-width:680px) {
  .hero-center {
    display: block;
    padding: var(--num-60) var(--num-60) 0 var(--num-60);
    text-align: left;
  }
}

.hero-center__ttl {
  font-size: var(--fs-25);
  margin-bottom: var(--num-16);
}
@media print, screen and (min-width:680px) {
  .hero-center__ttl {
    font-size: var(--fs-50);
    margin-bottom: var(--num-30);
  }
}

.hero-center__txt {
  font-size: var(--fs-14);
}
@media print, screen and (min-width:680px) {
  .hero-center__txt {
    font-size: var(--fs-28);
  }
}

.hero-assets {
  position: absolute;
  width: var(--inner-w-02);
  top: var(--num-340);
  left: var(--num-20);
  color: #fff;
  z-index: 2;
}
.page-learn-about .hero-assets {
  top: var(--num-160);
}
@media print, screen and (min-width:680px) {
  .page-learn-about .hero-assets {
    top: var(--num-182);
  }
}
@media print, screen and (min-width:680px) {
  .hero-assets {
    width: var(--inner-w-02-pc);
    top: var(--num-334);
    left: var(--num-60);
  }
}

.hero-ttl {
  margin-bottom: var(--num-24);
}
.hero-ttl .-sub {
  display: block;
  font-size: var(--fs-13);
  font-family: SSTPaneuropeanMedium !important;
  margin-bottom: var(--num-06);
  line-height: 1;
}
@media print, screen and (min-width:680px) {
  .hero-ttl .-sub {
    font-size: var(--fs-18);
    margin-bottom: var(--num-20);
  }
}
.hero-ttl .-main {
  display: block;
  font-size: var(--fs-40);
  margin-left: -0.7vw;
}
@media print, screen and (min-width:680px) {
  .hero-ttl .-main {
    font-size: var(--fs-50);
    margin-left: -0.2vw;
  }
}
.page-learn-about .hero-ttl .-main {
  font-size: var(--fs-30);
}
@media print, screen and (min-width:680px) {
  .page-learn-about .hero-ttl .-main {
    font-size: var(--fs-50);
  }
}

.hero-txt {
  font-size: var(--fs-16);
  line-height: 1.2;
  margin-bottom: var(--num-35);
}
.page-learn-about .hero-txt {
  font-size: var(--fs-14);
}
@media print, screen and (min-width:680px) {
  .page-learn-about .hero-txt {
    font-size: var(--fs-16);
  }
}
@media print, screen and (min-width:680px) {
  .hero-txt {
    margin-bottom: 0;
    line-height: 1.4;
  }
}

.hero-txt__btm {
  width: var(--inner-w-02);
  position: absolute;
  bottom: var(--num-20);
  left: var(--num-20);
  color: #fff;
  font-size: var(--fs-10);
  line-height: 1.5;
  z-index: 3;
}
@media print, screen and (min-width:680px) {
  .hero-txt__btm {
    width: var(--num-420);
    left: var(--num-60);
    bottom: var(--num-50);
  }
}

body.is-animations-stop .hero-animations span img {
  display: none;
}
body.is-animations-stop .hero-animations span::after {
  display: block;
}

.hero-animations {
  display: block;
  display: grid;
  place-content: center;
  position: absolute;
  top: var(--num-30);
  right: var(--num-20);
  font-size: var(--fs-11);
  color: #fff;
  font-family: SSTPaneuropeanMedium !important;
  padding-right: var(--num-58);
  height: var(--num-40);
  z-index: 20;
}
@media print, screen and (min-width:680px) {
  .hero-animations {
    top: var(--num-102);
    right: var(--num-60);
  }
}
.hero-animations span {
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--num-40);
  height: var(--num-40);
  margin-top: calc(var(--num-20) * -1);
  background: rgba(217, 217, 217, 0.2);
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-content: center;
}
.hero-animations span img {
  display: block;
  width: var(--num-06);
}
.hero-animations span::after {
  content: "";
  display: block;
  display: none;
  position: absolute;
  width: var(--num-06);
  height: var(--num-12);
  top: 50%;
  left: 50%;
  z-index: 10;
  background: url(../img/common/icon_movie_play_white.svg) center center no-repeat;
  background-size: cover;
  transform: translate(-30%, -50%);
}
@media (hover: hover) {
  .is-mv-excute .hero-animations {
    transition: opacity 0.3s 0s ease-out !important;
  }
  .is-mv-excute .hero-animations:hover {
    opacity: 0.6 !important;
    transition: opacity 0.2s 0s ease-out !important;
  }
}

.animations-stop {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: var(--fs-11);
  color: #fff;
  font-family: SSTPaneuropeanMedium !important;
  height: var(--num-40);
  z-index: 20;
}
.animations-stop span {
  width: var(--num-40);
  height: var(--num-40);
  margin-top: calc(var(--num-20) * -1);
  background: rgba(217, 217, 217, 0.2);
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-content: center;
}
.animations-stop span img {
  display: block;
  width: var(--num-06);
}
.animations-stop span::after {
  content: "";
  display: block;
  display: none;
  width: var(--num-06);
  height: var(--num-12);
  z-index: 10;
  background: url(../img/common/icon_movie_play_gray.svg) center center no-repeat;
  background-size: cover;
}
@media (hover: hover) {
  .is-mv-excute .animations-stop {
    transition: opacity 0.3s 0s ease-out !important;
  }
  .is-mv-excute .animations-stop:hover {
    opacity: 0.6 !important;
    transition: opacity 0.2s 0s ease-out !important;
  }
}

.animations-stop.is-animations-stop span img {
  display: none;
}
.animations-stop.is-animations-stop span::after {
  display: block;
}

.hero-icon__items {
  position: absolute;
  left: 50%;
  z-index: 10;
  width: var(--inner-w-02);
  bottom: var(--num-46);
  margin-left: calc(var(--inner-w-02) / 2 * -1);
  display: grid;
  grid-template-columns: var(--num-100) var(--num-100) var(--num-100);
  justify-content: space-between;
}
@media print, screen and (min-width:680px) {
  .hero-icon__items {
    left: var(--num-60);
    margin-left: 0;
    width: var(--num-360);
    bottom: var(--num-70);
    grid-template-columns: var(--num-100) var(--num-100) var(--num-100);
  }
}
.hero-icon__items .hero-icon__item {
  text-align: center;
  color: #fff;
  font-size: var(--fs-13);
  line-height: 1.4;
}
@media print, screen and (min-width:680px) {
  .hero-icon__items .hero-icon__item {
    font-size: var(--fs-12);
  }
  .hero-icon__items .hero-icon__item p {
    position: relative;
    width: 120%;
    left: -10%;
  }
}
.hero-icon__items .hero-icon__item img {
  display: block;
  width: var(--num-48);
  margin: 0 auto var(--num-12);
}

/* index-discove */
.index-discove {
  position: relative;
  width: var(--inner-w-01);
  margin: 0 auto;
  background: #e5e7e5;
  padding: var(--num-36) 0 var(--num-40);
  border-radius: var(--radius-02);
  overflow: hidden;
}
@media print, screen and (min-width:680px) {
  .index-discove {
    width: var(--inner-w-01-pc);
    height: var(--num-400);
    padding: 0 0 0;
  }
}
.index-discove .pulse-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.index-discove .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  top: calc(-120vw / var(--base-width-01) * 100);
  left: 50%;
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  .index-discove .pulse-circle span {
    top: 50%;
    left: calc(995vw / var(--base-width-01) * 100);
  }
}
.index-discove .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.index-discove .pulse-circle span:nth-child(1) {
  width: var(--num-244);
  height: var(--num-244);
  margin-left: calc(var(--num-122) * -1);
  margin-top: calc(var(--num-122) * -1);
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  .index-discove .pulse-circle span:nth-child(1) {
    width: var(--num-490);
    height: var(--num-490);
    margin-left: calc(var(--num-245) * -1);
    margin-top: calc(var(--num-245) * -1);
  }
}
.index-discove .pulse-circle span:nth-child(1)::after {
  background-color: rgba(122, 165, 169, 0.1);
}
.index-discove .pulse-circle span:nth-child(2) {
  z-index: 1;
}
@media print, screen and (min-width:680px) {
  .index-discove .pulse-circle span:nth-child(2) {
    width: var(--num-888);
    height: var(--num-888);
    margin-left: calc(var(--num-444) * -1);
    margin-top: calc(var(--num-444) * -1);
  }
}
.index-discove .pulse-circle span:nth-child(2)::after {
  background-color: rgba(163, 195, 200, 0.1);
}

.index-discove__assets {
  width: var(--num-294);
  margin: 0 0 var(--num-36) var(--num-18);
}
@media print, screen and (min-width:680px) {
  .index-discove__assets {
    position: absolute;
    height: 100%;
    top: 0;
    left: var(--num-09);
    width: var(--num-450);
    height: var(--num-400);
    margin: 0 0 0;
    display: grid;
    place-content: center;
  }
}

.index-discove__ttl {
  font-size: var(--fs-22);
  line-height: 1.2;
  margin-bottom: var(--num-26);
}
@media print, screen and (min-width:680px) {
  .index-discove__ttl {
    font-size: var(--fs-25);
    margin-left: -0.15vw;
  }
}

.index-discove__txt {
  font-size: var(--fs-14);
  line-height: 1.5;
  margin-bottom: var(--num-30);
}
@media print, screen and (min-width:680px) {
  .index-discove__txt {
    width: var(--num-420);
    font-size: var(--fs-16);
    line-height: 1.4;
  }
}

.index-discove__img {
  position: relative;
  width: 100%;
  height: var(--num-244);
  display: grid;
  place-content: center;
}
@media print, screen and (min-width:680px) {
  .index-discove__img {
    position: absolute;
    width: var(--num-820);
    top: 0;
    right: 0;
    height: var(--num-400);
  }
}
.index-discove__img img {
  position: relative;
  z-index: 3;
  width: var(--num-500);
  transform: translateX(-1.18vw);
}
@media print, screen and (min-width:680px) {
  .index-discove__img img {
    transform: translateX(-0.21vw);
    width: var(--num-820);
  }
}

/* index-come */
.index-come {
  width: var(--inner-w-02);
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .index-come {
    display: grid;
    grid-template-areas: "a" "b" "c";
    width: var(--inner-w-03-pc);
  }
}

.index-come__ttl {
  font-size: var(--fs-30);
  line-height: 1.3;
  margin-bottom: var(--num-42);
}
@media print, screen and (min-width:680px) {
  .index-come__ttl {
    font-size: var(--fs-40);
    grid-area: a;
    margin-bottom: var(--num-36);
  }
}

.index-come__img {
  border-radius: var(--radius-02);
  overflow: hidden;
  margin-bottom: var(--num-42);
  z-index: 1;
  position: relative;
}
@media print, screen and (min-width:680px) {
  .index-come__img {
    grid-area: c;
    margin-bottom: 0;
  }
}

.index-come__txts p {
  font-size: var(--fs-16);
  line-height: 1.5;
  margin-bottom: var(--num-24);
  color: var(--text-color-black-02);
}
.index-come__txts p:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width:680px) {
  .index-come__txts {
    grid-area: b;
    margin-bottom: var(--num-40);
  }
}

/* cta-trial */
.cta-trial {
  width: var(--inner-w-01);
  margin: 0 auto;
  position: relative;
  display: grid;
  place-content: center;
  height: var(--num-250);
  text-align: center;
  padding: 0 var(--num-40);
  border-radius: var(--radius-02);
  overflow: hidden;
  background: #e5e7e5;
  background: var(--green-gradient);
  color: #fff;
}
@media print, screen and (min-width:680px) {
  .cta-trial {
    width: var(--inner-w-03-pc);
    height: var(--num-200);
    padding: 0 var(--num-56);
  }
}
.cta-trial .ttl-22 {
  position: relative;
  z-index: 20;
}
.cta-trial .txt-16 {
  position: relative;
  z-index: 20;
}
.cta-trial .txt-16 {
  color: #fff;
}
.cta-trial .pulse-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.cta-trial .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.cta-trial .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
.cta-trial .pulse-circle span:nth-child(3), .cta-trial .pulse-circle span:nth-child(2), .cta-trial .pulse-circle span:nth-child(1) {
  width: var(--num-160);
  height: var(--num-160);
  margin-left: calc(var(--num-80) * -1);
  margin-top: calc(var(--num-80) * -1);
  width: var(--num-260);
  height: var(--num-260);
  margin-left: calc(var(--num-130) * -1);
  margin-top: calc(var(--num-130) * -1);
  opacity: 0.05;
}
@media print, screen and (min-width:680px) {
  .cta-trial .pulse-circle span:nth-child(3), .cta-trial .pulse-circle span:nth-child(2), .cta-trial .pulse-circle span:nth-child(1) {
    width: var(--num-780);
    height: var(--num-780);
    margin-left: calc(var(--num-390) * -1);
    margin-top: calc(var(--num-390) * -1);
  }
}
.cta-trial .pulse-circle span:nth-child(3)::after, .cta-trial .pulse-circle span:nth-child(2)::after, .cta-trial .pulse-circle span:nth-child(1)::after {
  background: #1b7886;
  background: #fff;
}
.cta-trial .pulse-circle span:nth-child(1) {
  z-index: 3;
}
.cta-trial .pulse-circle span:nth-child(2) {
  z-index: 2;
}
.cta-trial .pulse-circle span:nth-child(3) {
  z-index: 1;
}

.cta-trial.is-animation-on .pulse-circle span:nth-child(1)::after {
  animation: pulse-bnr 4s 0s linear 1;
}
.cta-trial.is-animation-on .pulse-circle span:nth-child(2)::after {
  animation: pulse-bnr 4s 0.4s linear 1;
}
.cta-trial.is-animation-on .pulse-circle span:nth-child(3)::after {
  animation: pulse-bnr 4s 0.8s linear 1;
}
@media print, screen and (min-width:680px) {
  .cta-trial.is-animation-on .pulse-circle span:nth-child(1)::after {
    animation: pulse-bnr 4s 0s linear 1;
  }
  .cta-trial.is-animation-on .pulse-circle span:nth-child(2)::after {
    animation: pulse-bnr 4s 0.5s linear 1;
  }
  .cta-trial.is-animation-on .pulse-circle span:nth-child(3)::after {
    animation: pulse-bnr 4s 1s linear 1;
  }
}

@media print, screen and (min-width:680px) {
  body.page-404 .header-assets {
    transform: translateY(-100%) !important;
  }
}
body.page-404 .bottom-assets {
  display: none;
}
body.page-404 .bottom-assets__links {
  display: none;
}
body.page-404 .g-footer {
  display: none;
}

.contents-404 {
  position: relative;
  height: calc(100vh - (var(--header-h)));
  display: grid;
  place-content: center;
}

/* modal */
body.is-modal-hearing .hearing-test__checkbox {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: var(--num-120);
}
@media print, screen and (min-width:680px) {
  body.is-modal-hearing .hearing-test__checkbox {
    bottom: var(--num-180);
  }
}
body.is-modal-hearing .hearing-test__checkbox .hearing-test__checkbox-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
body.is-modal-hearing .hearing-test__checkbox .checkbox-icon {
  position: relative;
  width: var(--num-18);
  height: var(--num-18);
  border-radius: var(--num-02);
  border: 1px solid #a2a2a2;
  display: inline-block;
  margin-left: var(--num-10);
}
body.is-modal-hearing .hearing-test__checkbox .checkbox-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.1s ease-out;
  width: var(--num-09);
  height: var(--num-10);
}
@media print, screen and (min-width:680px) {
  body.is-modal-hearing .hearing-test__checkbox .checkbox-icon img {
    transform: translate(-50%, -50%);
    width: var(--num-11);
    height: var(--num-12);
  }
}
body.is-modal-hearing .hearing-test__checkbox.is-checked .checkbox-icon {
  background-color: #1B7886;
  border-color: rgba(0, 0, 0, 0);
}
body.is-modal-hearing .hearing-test__checkbox.is-checked .checkbox-icon img {
  opacity: 1;
}
body.is-modal-hearing .hearing-test__btn.is-disabled {
  pointer-events: none;
  opacity: 0.5 !important;
}
body.is-modal-hearing .hearing-test__btn.is-disabled button::after {
  background: #4b4b4b;
}
body.is-modal-hearing .hearing-test .pulse-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  bottom: 5%;
  pointer-events: none;
}
body.is-modal-hearing .hearing-test .pulse-circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
body.is-modal-hearing .hearing-test .pulse-circle span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
}
body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(3), body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(2), body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(1) {
  width: var(--num-176);
  height: var(--num-176);
  margin-left: calc(var(--num-88) * -1);
  margin-top: calc(var(--num-88) * -1);
  z-index: 2;
  opacity: 0.05;
}
@media print, screen and (min-width:680px) {
  body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(3), body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(2), body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(1) {
    width: var(--num-356);
    height: var(--num-356);
    margin-left: calc(var(--num-178) * -1);
    margin-top: calc(var(--num-178) * -1);
  }
}
body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(3)::after, body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(2)::after, body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(1)::after {
  background: #1b7886;
}
body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(1) {
  z-index: 3;
}
body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(2) {
  z-index: 2;
}
body.is-modal-hearing .hearing-test .pulse-circle span:nth-child(3) {
  z-index: 1;
}
body.is-modal-hearing .hearing-test .pulse-circle.is-animated span:nth-child(1)::after {
  animation: pulse-hearing-modal 3.5s 0s linear 1;
}
body.is-modal-hearing .hearing-test .pulse-circle.is-animated span:nth-child(2)::after {
  animation: pulse-hearing-modal 3.5s 0.55s linear 1;
}
body.is-modal-hearing .hearing-test .pulse-circle.is-animated span:nth-child(3)::after {
  animation: pulse-hearing-modal 3.5s 1s linear 1;
}

.hearing-test {
  position: relative;
  width: var(--inner-w-01);
  margin: 0 auto;
  height: var(--num-600);
  text-align: center;
  padding: var(--num-40) 0;
}
@media print, screen and (min-width:680px) {
  .hearing-test {
    width: var(--inner-w-02-pc);
    width: 100%;
    margin: 0 auto;
    height: var(--num-684);
    padding: var(--num-60) 0;
    padding: 0 0;
    height: 80vh;
    max-height: var(--num-684);
    min-height: var(--num-520);
    min-height: var(--num-468);
  }
}
.hearing-test .hearing-txt__16,
.hearing-test .hearing-txt__12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-00 .hearing-test__08,
.hearing-test.is-00 .hearing-test__07,
.hearing-test.is-00 .hearing-test__06,
.hearing-test.is-00 .hearing-test__05,
.hearing-test.is-00 .hearing-test__04,
.hearing-test.is-00 .hearing-test__03,
.hearing-test.is-00 .hearing-test__02,
.hearing-test.is-00 .hearing-test__01 {
  left: -10000px;
}
.hearing-test.is-00 .hearing-test__00 {
  left: 0;
}
.hearing-test.is-00 .hearing-test__00 .hearing-test__btn,
.hearing-test.is-00 .hearing-test__00 .hearing-txt__12,
.hearing-test.is-00 .hearing-test__00 .hearing-txt__16,
.hearing-test.is-00 .hearing-test__00 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-00 .hearing-test__00 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-00 .hearing-test__00 .hearing-txt__16 {
  animation-delay: 0.1s;
}
.hearing-test.is-00 .hearing-test__00 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-00 .hearing-test__00 .hearing-txt__12 {
  animation-delay: 0.3s;
}
.hearing-test.is-01 .hearing-test__08,
.hearing-test.is-01 .hearing-test__07,
.hearing-test.is-01 .hearing-test__06,
.hearing-test.is-01 .hearing-test__05,
.hearing-test.is-01 .hearing-test__04,
.hearing-test.is-01 .hearing-test__03,
.hearing-test.is-01 .hearing-test__02,
.hearing-test.is-01 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-01 .hearing-test__01 {
  left: 0;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__next,
.hearing-test.is-01 .hearing-test__01 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__back {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__num,
.hearing-test.is-01 .hearing-test__01 .hearing-test__btn,
.hearing-test.is-01 .hearing-test__01 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-01 .hearing-test__01 .hearing-test__next,
.hearing-test.is-01 .hearing-test__01 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-02 .hearing-test__08,
.hearing-test.is-02 .hearing-test__07,
.hearing-test.is-02 .hearing-test__06,
.hearing-test.is-02 .hearing-test__05,
.hearing-test.is-02 .hearing-test__04,
.hearing-test.is-02 .hearing-test__03,
.hearing-test.is-02 .hearing-test__01,
.hearing-test.is-02 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-02 .hearing-test__02 {
  left: 0;
}
.hearing-test.is-02 .hearing-test__02 .hearing-test__next,
.hearing-test.is-02 .hearing-test__02 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-02 .hearing-test__02 .hearing-test__num,
.hearing-test.is-02 .hearing-test__02 .hearing-test__btn,
.hearing-test.is-02 .hearing-test__02 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-02 .hearing-test__02 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-02 .hearing-test__02 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-02 .hearing-test__02 .hearing-test__next,
.hearing-test.is-02 .hearing-test__02 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-03 .hearing-test__08,
.hearing-test.is-03 .hearing-test__07,
.hearing-test.is-03 .hearing-test__06,
.hearing-test.is-03 .hearing-test__05,
.hearing-test.is-03 .hearing-test__04,
.hearing-test.is-03 .hearing-test__02,
.hearing-test.is-03 .hearing-test__01,
.hearing-test.is-03 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-03 .hearing-test__03 {
  left: 0;
}
.hearing-test.is-03 .hearing-test__03 .hearing-test__next,
.hearing-test.is-03 .hearing-test__03 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-03 .hearing-test__03 .hearing-test__num,
.hearing-test.is-03 .hearing-test__03 .hearing-test__btn,
.hearing-test.is-03 .hearing-test__03 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-03 .hearing-test__03 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-03 .hearing-test__03 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-03 .hearing-test__03 .hearing-test__next,
.hearing-test.is-03 .hearing-test__03 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-04 .hearing-test__08,
.hearing-test.is-04 .hearing-test__07,
.hearing-test.is-04 .hearing-test__06,
.hearing-test.is-04 .hearing-test__05,
.hearing-test.is-04 .hearing-test__03,
.hearing-test.is-04 .hearing-test__02,
.hearing-test.is-04 .hearing-test__01,
.hearing-test.is-04 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-04 .hearing-test__04 {
  left: 0;
}
.hearing-test.is-04 .hearing-test__04 .hearing-test__next,
.hearing-test.is-04 .hearing-test__04 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-04 .hearing-test__04 .hearing-test__num,
.hearing-test.is-04 .hearing-test__04 .hearing-test__btn,
.hearing-test.is-04 .hearing-test__04 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-04 .hearing-test__04 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-04 .hearing-test__04 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-04 .hearing-test__04 .hearing-test__next,
.hearing-test.is-04 .hearing-test__04 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-05 .hearing-test__08,
.hearing-test.is-05 .hearing-test__07,
.hearing-test.is-05 .hearing-test__06,
.hearing-test.is-05 .hearing-test__04,
.hearing-test.is-05 .hearing-test__03,
.hearing-test.is-05 .hearing-test__02,
.hearing-test.is-05 .hearing-test__01,
.hearing-test.is-05 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-05 .hearing-test__05 {
  left: 0;
}
.hearing-test.is-05 .hearing-test__05 .hearing-test__next,
.hearing-test.is-05 .hearing-test__05 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-05 .hearing-test__05 .hearing-test__num,
.hearing-test.is-05 .hearing-test__05 .hearing-test__btn,
.hearing-test.is-05 .hearing-test__05 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-05 .hearing-test__05 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-05 .hearing-test__05 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-05 .hearing-test__05 .hearing-test__next,
.hearing-test.is-05 .hearing-test__05 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-06 .hearing-test__08,
.hearing-test.is-06 .hearing-test__07,
.hearing-test.is-06 .hearing-test__05,
.hearing-test.is-06 .hearing-test__04,
.hearing-test.is-06 .hearing-test__03,
.hearing-test.is-06 .hearing-test__02,
.hearing-test.is-06 .hearing-test__01,
.hearing-test.is-06 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-06 .hearing-test__06 {
  left: 0;
}
.hearing-test.is-06 .hearing-test__06 .hearing-test__next,
.hearing-test.is-06 .hearing-test__06 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-06 .hearing-test__06 .hearing-test__num,
.hearing-test.is-06 .hearing-test__06 .hearing-test__btn,
.hearing-test.is-06 .hearing-test__06 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-06 .hearing-test__06 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-06 .hearing-test__06 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-06 .hearing-test__06 .hearing-test__next,
.hearing-test.is-06 .hearing-test__06 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-07 .hearing-test__08,
.hearing-test.is-07 .hearing-test__06,
.hearing-test.is-07 .hearing-test__05,
.hearing-test.is-07 .hearing-test__04,
.hearing-test.is-07 .hearing-test__03,
.hearing-test.is-07 .hearing-test__02,
.hearing-test.is-07 .hearing-test__01,
.hearing-test.is-07 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-07 .hearing-test__07 {
  left: 0;
}
.hearing-test.is-07 .hearing-test__07 .hearing-test__next,
.hearing-test.is-07 .hearing-test__07 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-07 .hearing-test__07 .hearing-test__num,
.hearing-test.is-07 .hearing-test__07 .hearing-test__btn,
.hearing-test.is-07 .hearing-test__07 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-07 .hearing-test__07 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-07 .hearing-test__07 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-07 .hearing-test__07 .hearing-test__next,
.hearing-test.is-07 .hearing-test__07 .hearing-test__back {
  animation-delay: 0.3s;
}
.hearing-test.is-08 .hearing-test__07,
.hearing-test.is-08 .hearing-test__06,
.hearing-test.is-08 .hearing-test__05,
.hearing-test.is-08 .hearing-test__04,
.hearing-test.is-08 .hearing-test__03,
.hearing-test.is-08 .hearing-test__02,
.hearing-test.is-08 .hearing-test__01,
.hearing-test.is-08 .hearing-test__00 {
  left: -10000px;
}
.hearing-test.is-08 .hearing-test__08 {
  left: 0;
}
.hearing-test.is-08 .hearing-test__08 .hearing-test__next,
.hearing-test.is-08 .hearing-test__08 .hearing-test__back {
  opacity: 1;
}
.hearing-test.is-08 .hearing-test__08 .hearing-test__num,
.hearing-test.is-08 .hearing-test__08 .hearing-test__btn,
.hearing-test.is-08 .hearing-test__08 .hearing-test__ttl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test.is-08 .hearing-test__08 .hearing-test__ttl {
  animation-delay: 0s;
}
.hearing-test.is-08 .hearing-test__08 .hearing-test__btn {
  animation-delay: 0.2s;
}
.hearing-test.is-08 .hearing-test__08 .hearing-test__next,
.hearing-test.is-08 .hearing-test__08 .hearing-test__back {
  animation-delay: 0.3s;
}
@media print, screen and (min-width:680px) and (max-height: 700px) {
  .hearing-test.is-08 .hearing-test__08 .hearing-test__ttl {
    margin-top: -5%;
  }
}

.hearing-test__ttl {
  position: relative;
  width: 110%;
  left: -5%;
  font-size: var(--fs-33-hack);
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text-color-black-01);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
@media print, screen and (min-width:680px) {
  .hearing-test__ttl {
    font-size: var(--fs-50-hack);
  }
}
@media print, screen and (min-width:680px) and (max-height: 700px) {
  .hearing-test__ttl {
    font-size: var(--fs-36-hack);
  }
}

.hearing-test__num {
  position: absolute;
  width: 100%;
  top: var(--num-100);
  left: 0;
  font-size: var(--fs-30-hack);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.hearing-test__num span {
  font-family: SSTPaneuropeanMedium !important;
  color: var(--color-green-02);
}
@media print, screen and (min-width:680px) and (max-height: 600px) {
  .hearing-test__num {
    top: var(--num-50);
  }
}

.hearing-test__next,
.hearing-test__back {
  opacity: 0;
  transition: opacity 0s ease-out, transform 0 ease-out;
  position: absolute;
  bottom: 0;
  width: auto;
  display: inline-block;
}
@media print, screen and (min-width:680px) {
  .hearing-test__next,
  .hearing-test__back {
    bottom: var(--num-30);
  }
}
@media print, screen and (min-width:680px) and (max-height: 700px) {
  .hearing-test__next,
  .hearing-test__back {
    bottom: var(--num-10);
  }
}
@media screen and (min-width:680px) and (min-width: 1280px) {
  .hearing-test__next,
  .hearing-test__back {
    bottom: 30px;
  }
}
.hearing-test__next a, .hearing-test__next button,
.hearing-test__back a,
.hearing-test__back button {
  position: relative;
  display: inline-block;
  font-size: var(--fs-14-hack);
  font-family: SSTPaneuropeanMedium !important;
}
.hearing-test__next a::after, .hearing-test__next button::after,
.hearing-test__back a::after,
.hearing-test__back button::after {
  content: "";
  display: block;
  position: absolute;
  width: var(--num-06);
  height: var(--num-10);
  opacity: 1;
  top: 50%;
  background: url(../img/common/icon_arrow_l_black.svg) center center;
  background-size: cover;
  margin-top: calc(var(--num-04) * -1);
  transition: transform 0.3s ease-out;
}
@media print, screen and (min-width:680px) {
  .hearing-test__next a::after, .hearing-test__next button::after,
  .hearing-test__back a::after,
  .hearing-test__back button::after {
    width: var(--num-08);
    height: var(--num-12);
    margin-top: calc(var(--num-05) * -1);
  }
}
@media screen and (min-width: 1280px) {
  .hearing-test__next a::after, .hearing-test__next button::after,
  .hearing-test__back a::after,
  .hearing-test__back button::after {
    width: 8px;
    height: 12px;
    margin-top: -5px;
  }
}
@media (hover: hover) {
  .hearing-test__next a, .hearing-test__next button,
  .hearing-test__back a,
  .hearing-test__back button {
    transition: opacity 0.3s ease-out;
  }
  .hearing-test__next a:hover, .hearing-test__next button:hover,
  .hearing-test__back a:hover,
  .hearing-test__back button:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
  }
  .hearing-test__next a:hover::after, .hearing-test__next button:hover::after,
  .hearing-test__back a:hover::after,
  .hearing-test__back button:hover::after {
    transition: transform 0.2s ease-out;
  }
}

.hearing-txt__16 {
  font-size: var(--fs-16-hack);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.hearing-txt__12 {
  font-size: var(--fs-12-hack);
  line-height: 1.5;
  color: var(--text-color-black-02);
}

.hearing-test__back {
  left: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__back {
    left: var(--num-70);
  }
}
@media screen and (min-width: 1280px) {
  .hearing-test__back {
    left: 70px;
  }
}
.hearing-test__back a, .hearing-test__back button {
  padding-left: var(--num-18);
  text-align: left;
}
.hearing-test__back a::after, .hearing-test__back button::after {
  left: 0;
}
@media (hover: hover) {
  .hearing-test__back a:hover::after, .hearing-test__back button:hover::after {
    transform: translateX(-3px);
  }
}

.hearing-test__next {
  right: var(--num-50);
  pointer-events: none;
}
@media print, screen and (min-width:680px) {
  .hearing-test__next {
    right: var(--num-70);
  }
}
@media screen and (min-width: 1280px) {
  .hearing-test__next {
    right: 70px;
  }
}
.hearing-test__next.is-active {
  pointer-events: auto;
}
.hearing-test__next.is-active a, .hearing-test__next.is-active button {
  opacity: 1;
}
.hearing-test__next a, .hearing-test__next button {
  padding-right: var(--num-18);
  text-align: right;
  opacity: 0.3;
}
.hearing-test__next a::after, .hearing-test__next button::after {
  right: 0;
  transform: scaleX(-1);
}
@media (hover: hover) {
  .hearing-test__next a:hover::after, .hearing-test__next button:hover::after {
    transform: scaleX(-1) translateX(-3px);
  }
}

.hearing-test__btns {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--num-10) var(--num-10);
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns {
    width: var(--num-500);
    margin: 0 auto;
    gap: var(--num-10) var(--num-10);
  }
}
.hearing-test__btns .hearing-test__btn {
  width: var(--num-110);
  margin: 0 0;
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns .hearing-test__btn {
    width: var(--num-124);
  }
  .hearing-test__btns .hearing-test__btn a, .hearing-test__btns .hearing-test__btn button {
    width: 100%;
    margin-left: 0;
  }
}
@media print, screen and (min-width:680px) and (min-width:680px) {
  .hearing-test__btns .hearing-test__btn a, .hearing-test__btns .hearing-test__btn button {
    width: 100%;
  }
}
.hearing-test__btns.-age, .hearing-test__btns.-yes-no {
  gap: var(--num-12) 0;
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns.-age, .hearing-test__btns.-yes-no {
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--num-10) var(--num-10);
  }
}
.hearing-test__btns.-age .hearing-test__btn, .hearing-test__btns.-yes-no .hearing-test__btn {
  width: 90%;
}
.hearing-test__btns.-age .hearing-test__btn a, .hearing-test__btns.-age .hearing-test__btn button, .hearing-test__btns.-yes-no .hearing-test__btn a, .hearing-test__btns.-yes-no .hearing-test__btn button {
  width: 60%;
  margin: 0 auto;
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns.-age .hearing-test__btn a, .hearing-test__btns.-age .hearing-test__btn button, .hearing-test__btns.-yes-no .hearing-test__btn a, .hearing-test__btns.-yes-no .hearing-test__btn button {
    width: 100%;
  }
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns.-age .hearing-test__btn, .hearing-test__btns.-yes-no .hearing-test__btn {
    width: var(--num-124);
  }
  .hearing-test__btns.-age .hearing-test__btn a, .hearing-test__btns.-yes-no .hearing-test__btn a {
    width: 100%;
  }
}
.hearing-test__btns.-age .hearing-test__btn:nth-child(2), .hearing-test__btns.-yes-no .hearing-test__btn:nth-child(2) {
  width: 90%;
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns.-age .hearing-test__btn:nth-child(2), .hearing-test__btns.-yes-no .hearing-test__btn:nth-child(2) {
    width: var(--num-150);
  }
}
@media print, screen and (min-width:680px) {
  .hearing-test__btns.-age .hearing-test__btn {
    width: var(--num-220);
  }
  .hearing-test__btns.-age .hearing-test__btn a, .hearing-test__btns.-age .hearing-test__btn button {
    width: 100%;
  }
}

.hearing-test__btn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  margin: 0 auto;
  width: var(--num-136);
  margin-left: calc(var(--num-68) * -1);
}
@media print, screen and (min-width:680px) {
  .hearing-test__btn {
    width: var(--num-168);
    margin-left: calc(var(--num-84) * -1);
  }
}
.hearing-test__08 .hearing-test__btn {
  width: var(--num-180);
  margin-left: calc(var(--num-90) * -1);
}
@media print, screen and (min-width:680px) {
  .hearing-test__08 .hearing-test__btn {
    width: var(--num-168);
    margin-left: calc(var(--num-84) * -1);
  }
}
.hearing-test__btn.-size-full {
  width: 100%;
}
.hearing-test__btn.-size-full a::before, .hearing-test__btn.-size-full a::after, .hearing-test__btn.-size-full button::before, .hearing-test__btn.-size-full button::after {
  border-radius: var(--num-25);
}
@media print, screen and (min-width:680px) {
  .hearing-test__btn.-size-full a::before, .hearing-test__btn.-size-full a::after, .hearing-test__btn.-size-full button::before, .hearing-test__btn.-size-full button::after {
    border-radius: var(--num-25);
  }
}
.hearing-test__btn.-size-full a div, .hearing-test__btn.-size-full button div {
  height: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__btn.-size-full a div, .hearing-test__btn.-size-full button div {
    height: var(--num-50);
    display: inline-block;
  }
}
.hearing-test__btn a, .hearing-test__btn button {
  width: 100%;
  position: relative;
  display: block;
  color: #f3f0ed;
  line-height: 1;
}
.hearing-test__btn a.bg-green::after, .hearing-test__btn a.is-select::after, .hearing-test__btn button.bg-green::after, .hearing-test__btn button.is-select::after {
  background: var(--green-gradient);
}
.hearing-test__btn a::after, .hearing-test__btn button::after {
  background: #4b4b4b;
}
.hearing-test__btn a::before, .hearing-test__btn a::after, .hearing-test__btn button::before, .hearing-test__btn button::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s 0s ease-out;
  border-radius: var(--num-25);
  overflow: hidden;
}
.hearing-test__btn a::before, .hearing-test__btn button::before {
  z-index: 1;
  background: #000;
}
.hearing-test__btn a::after, .hearing-test__btn button::after {
  z-index: 2;
}
.hearing-test__btn a div, .hearing-test__btn button div {
  transition: opacity 0.3s 0s ease-out;
  position: relative;
  z-index: 10;
  display: grid;
  place-content: center;
  font-size: var(--fs-14-hack);
  font-family: SSTPaneuropeanMedium !important;
  height: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__btn a div, .hearing-test__btn button div {
    font-size: var(--fs-14-hack);
  }
}
@media (hover: hover) {
  .hearing-test__btn a:hover::after, .hearing-test__btn button:hover::after {
    opacity: 0.8;
    transition: opacity 0.2s ease-out;
  }
  .hearing-test__btn a:hover.-white__pc::before, .hearing-test__btn button:hover.-white__pc::before {
    opacity: 0.7;
  }
  .hearing-test__btn a:hover.-pc-black::after, .hearing-test__btn button:hover.-pc-black::after {
    opacity: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .hearing-test__btn {
    width: 168px;
    margin-left: -84px;
  }
  .hearing-test__08 .hearing-test__btn {
    width: 168px;
    margin-left: -84px;
  }
  .hearing-test__btn a::before, .hearing-test__btn a::after, .hearing-test__btn button::before, .hearing-test__btn button::after {
    border-radius: 25px;
  }
  .hearing-test__btn a div, .hearing-test__btn button div {
    height: 50px;
  }
}

.hearing-test__08,
.hearing-test__07,
.hearing-test__06,
.hearing-test__05,
.hearing-test__04,
.hearing-test__03,
.hearing-test__02,
.hearing-test__01,
.hearing-test__00 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  z-index: 2;
}

.hearing-test__07 .hearing-test__ttl,
.hearing-test__06 .hearing-test__ttl {
  font-size: var(--fs-30-hack);
}
@media print, screen and (min-width:680px) {
  .hearing-test__07 .hearing-test__ttl,
  .hearing-test__06 .hearing-test__ttl {
    font-size: var(--fs-36-hack);
  }
}

.hearing-test__inner {
  width: 100%;
  width: var(--inner-w-02);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__inner {
    width: 100%;
    margin-top: var(--num-50);
  }
}

.hearing-test__08 .hearing-test__btn {
  position: absolute;
  left: 50%;
  bottom: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__08 .hearing-test__btn {
    bottom: var(--num-110);
  }
}

.hearing-test__00 .hearing-test__btn {
  position: absolute;
  left: 50%;
  bottom: var(--num-50);
}
@media print, screen and (min-width:680px) {
  .hearing-test__00 .hearing-test__btn {
    bottom: var(--num-110);
  }
}
@media print, screen and (min-width:680px) {
  .hearing-test__00 .hearing-test__inner {
    margin-top: 0;
  }
}
.hearing-test__00 .hearing-txt__12 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
@media print, screen and (min-width:680px) {
  .hearing-test__00 .hearing-txt__12 {
    bottom: var(--num-30);
  }
}

@media print, screen and (min-width:680px) {
  body.page-testimonials .sort-nav__wrap::after {
    display: block;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 20%);
    width: var(--num-100);
    right: calc(var(--num-30) * -1);
    position: absolute;
    top: 0;
    z-index: 5;
    pointer-events: none;
    height: 100%;
  }
}
body.page-testimonials .sort-nav ul li.is-active a, body.page-testimonials .sort-nav ul li.is-active button {
  background: #FFBD6B !important;
  color: #212121;
}
body.page-testimonials .sort-nav::after {
  display: none;
}
body.page-testimonials .sort-nav__wrap {
  position: relative;
  top: unset;
  left: 0;
  right: 0;
  z-index: 2;
  width: var(--inner-w-01);
  background: unset;
  padding: var(--num-10) var(--num-08);
  margin: 0 auto 0;
  margin-bottom: var(--num-70);
  border-radius: var(--num-20);
  overflow: unset;
  z-index: 10;
}
@media print, screen and (min-width:680px) {
  body.page-testimonials .sort-nav__wrap {
    width: var(--inner-w-02-pc);
    padding: var(--num-18) var(--num-20);
  }
  .faq-under body.page-testimonials .sort-nav__wrap {
    position: relative;
    width: var(--num-276);
    background: transparent;
  }
}
body.page-testimonials .sort-nav__wrap .swiper-container {
  overflow: visible;
}

body.page-about-us.is-animations-stop .gsap-stagger-item {
  opacity: unset !important;
  transform: unset !important;
}

body.page-learn-about .overlay-hero {
  background: unset;
  z-index: 2;
}
@media print, screen and (min-width:680px) {
  body.page-learn-about .overlay-hero {
    background: linear-gradient(18deg, rgba(0, 0, 0, 0) 70%, rgba(80, 54, 27, 0.767) 100%);
  }
}
body.page-learn-about .column-items {
  width: var(--inner-w-04);
  margin: 0 auto;
  display: grid;
  gap: var(--num-75) 0;
  align-items: start;
}
.faq-item body.page-learn-about .column-items {
  width: 100%;
}
@media print, screen and (min-width:680px) {
  body.page-learn-about .column-items.-w-572__pc {
    width: var(--inner-w-03-pc);
    grid-template-columns: var(--num-572) var(--num-572);
    gap: 0 var(--num-20);
  }
}
@media print, screen and (min-width:680px) {
  body.page-learn-about .column-items {
    width: var(--inner-w-05-pc);
    grid-template-columns: var(--num-474) var(--num-474);
    justify-content: space-between;
    gap: 0 var(--num-50);
  }
}/*# sourceMappingURL=style.css.map */