@charset "UTF-8";
/*==================================================

共通

==================================================*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap");
/*==================================================

reset

==================================================*/
#pretrack-wrapper *,
#pretrack-wrapper *:before,
#pretrack-wrapper *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#pretrack-wrapper img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}
#pretrack-wrapper ol, #pretrack-wrapper ul {
  list-style: none;
}
#pretrack-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-size: inherit;
}

/*==============================

anime inview

==============================*/
[data-inview][data-inview=anime-default] {
  opacity: 0;
  transition: opacity 0.5s !important;
}
[data-inview][data-inview=anime-default].anime-default {
  opacity: 1;
}
[data-inview][data-delay="1"] {
  transition-delay: 100ms;
}
[data-inview][data-delay="2"] {
  transition-delay: 200ms;
}
[data-inview][data-delay="3"] {
  transition-delay: 300ms;
}
[data-inview][data-delay="4"] {
  transition-delay: 400ms;
}
[data-inview][data-delay="5"] {
  transition-delay: 500ms;
}
[data-inview][data-delay="6"] {
  transition-delay: 600ms;
}
[data-inview][data-delay="7"] {
  transition-delay: 700ms;
}
[data-inview][data-delay="8"] {
  transition-delay: 800ms;
}
[data-inview][data-delay="9"] {
  transition-delay: 900ms;
}
[data-inview][data-delay="10"] {
  transition-delay: 1000ms;
}
[data-inview][data-delay="11"] {
  transition-delay: 1100ms;
}
[data-inview][data-delay="12"] {
  transition-delay: 1200ms;
}
[data-inview][data-delay="13"] {
  transition-delay: 1300ms;
}
[data-inview][data-delay="14"] {
  transition-delay: 1400ms;
}
[data-inview][data-delay="15"] {
  transition-delay: 1500ms;
}
[data-inview][data-delay="16"] {
  transition-delay: 1600ms;
}
[data-inview][data-delay="17"] {
  transition-delay: 1700ms;
}
[data-inview][data-delay="18"] {
  transition-delay: 1800ms;
}
[data-inview][data-delay="19"] {
  transition-delay: 1900ms;
}
[data-inview][data-delay="20"] {
  transition-delay: 2000ms;
}
[data-inview][data-delay="21"] {
  transition-delay: 2100ms;
}
[data-inview][data-delay="22"] {
  transition-delay: 2200ms;
}
[data-inview][data-delay="23"] {
  transition-delay: 2300ms;
}
[data-inview][data-delay="24"] {
  transition-delay: 2400ms;
}
[data-inview][data-delay="25"] {
  transition-delay: 2500ms;
}
[data-inview][data-delay="26"] {
  transition-delay: 2600ms;
}
[data-inview][data-delay="27"] {
  transition-delay: 2700ms;
}
[data-inview][data-delay="28"] {
  transition-delay: 2800ms;
}
[data-inview][data-delay="29"] {
  transition-delay: 2900ms;
}
[data-inview][data-delay="30"] {
  transition-delay: 3000ms;
}
[data-inview][data-delay="31"] {
  transition-delay: 3100ms;
}
[data-inview][data-delay="32"] {
  transition-delay: 3200ms;
}
[data-inview][data-delay="33"] {
  transition-delay: 3300ms;
}
[data-inview][data-delay="34"] {
  transition-delay: 3400ms;
}
[data-inview][data-delay="35"] {
  transition-delay: 3500ms;
}
[data-inview][data-delay="36"] {
  transition-delay: 3600ms;
}
[data-inview][data-delay="37"] {
  transition-delay: 3700ms;
}
[data-inview][data-delay="38"] {
  transition-delay: 3800ms;
}
[data-inview][data-delay="39"] {
  transition-delay: 3900ms;
}
[data-inview][data-delay="40"] {
  transition-delay: 4000ms;
}
[data-inview][data-delay="41"] {
  transition-delay: 4100ms;
}
[data-inview][data-delay="42"] {
  transition-delay: 4200ms;
}
[data-inview][data-delay="43"] {
  transition-delay: 4300ms;
}
[data-inview][data-delay="44"] {
  transition-delay: 4400ms;
}
[data-inview][data-delay="45"] {
  transition-delay: 4500ms;
}
[data-inview][data-delay="46"] {
  transition-delay: 4600ms;
}
[data-inview][data-delay="47"] {
  transition-delay: 4700ms;
}
[data-inview][data-delay="48"] {
  transition-delay: 4800ms;
}
[data-inview][data-delay="49"] {
  transition-delay: 4900ms;
}
[data-inview][data-delay="50"] {
  transition-delay: 5000ms;
}
[data-inview][data-delay="51"] {
  transition-delay: 5100ms;
}
[data-inview][data-delay="52"] {
  transition-delay: 5200ms;
}
[data-inview][data-delay="53"] {
  transition-delay: 5300ms;
}
[data-inview][data-delay="54"] {
  transition-delay: 5400ms;
}
[data-inview][data-delay="55"] {
  transition-delay: 5500ms;
}
[data-inview][data-delay="56"] {
  transition-delay: 5600ms;
}
[data-inview][data-delay="57"] {
  transition-delay: 5700ms;
}
[data-inview][data-delay="58"] {
  transition-delay: 5800ms;
}
[data-inview][data-delay="59"] {
  transition-delay: 5900ms;
}
[data-inview][data-delay="60"] {
  transition-delay: 6000ms;
}
[data-inview][data-delay="61"] {
  transition-delay: 6100ms;
}
[data-inview][data-delay="62"] {
  transition-delay: 6200ms;
}
[data-inview][data-delay="63"] {
  transition-delay: 6300ms;
}
[data-inview][data-delay="64"] {
  transition-delay: 6400ms;
}
[data-inview][data-delay="65"] {
  transition-delay: 6500ms;
}
[data-inview][data-delay="66"] {
  transition-delay: 6600ms;
}
[data-inview][data-delay="67"] {
  transition-delay: 6700ms;
}
[data-inview][data-delay="68"] {
  transition-delay: 6800ms;
}
[data-inview][data-delay="69"] {
  transition-delay: 6900ms;
}
[data-inview][data-delay="70"] {
  transition-delay: 7000ms;
}
[data-inview][data-delay="71"] {
  transition-delay: 7100ms;
}
[data-inview][data-delay="72"] {
  transition-delay: 7200ms;
}
[data-inview][data-delay="73"] {
  transition-delay: 7300ms;
}
[data-inview][data-delay="74"] {
  transition-delay: 7400ms;
}
[data-inview][data-delay="75"] {
  transition-delay: 7500ms;
}
[data-inview][data-delay="76"] {
  transition-delay: 7600ms;
}
[data-inview][data-delay="77"] {
  transition-delay: 7700ms;
}
[data-inview][data-delay="78"] {
  transition-delay: 7800ms;
}
[data-inview][data-delay="79"] {
  transition-delay: 7900ms;
}
[data-inview][data-delay="80"] {
  transition-delay: 8000ms;
}
[data-inview][data-delay="81"] {
  transition-delay: 8100ms;
}
[data-inview][data-delay="82"] {
  transition-delay: 8200ms;
}
[data-inview][data-delay="83"] {
  transition-delay: 8300ms;
}
[data-inview][data-delay="84"] {
  transition-delay: 8400ms;
}
[data-inview][data-delay="85"] {
  transition-delay: 8500ms;
}
[data-inview][data-delay="86"] {
  transition-delay: 8600ms;
}
[data-inview][data-delay="87"] {
  transition-delay: 8700ms;
}
[data-inview][data-delay="88"] {
  transition-delay: 8800ms;
}
[data-inview][data-delay="89"] {
  transition-delay: 8900ms;
}
[data-inview][data-delay="90"] {
  transition-delay: 9000ms;
}
[data-inview][data-delay="91"] {
  transition-delay: 9100ms;
}
[data-inview][data-delay="92"] {
  transition-delay: 9200ms;
}
[data-inview][data-delay="93"] {
  transition-delay: 9300ms;
}
[data-inview][data-delay="94"] {
  transition-delay: 9400ms;
}
[data-inview][data-delay="95"] {
  transition-delay: 9500ms;
}
[data-inview][data-delay="96"] {
  transition-delay: 9600ms;
}
[data-inview][data-delay="97"] {
  transition-delay: 9700ms;
}
[data-inview][data-delay="98"] {
  transition-delay: 9800ms;
}
[data-inview][data-delay="99"] {
  transition-delay: 9900ms;
}
[data-inview][data-speed="1"] {
  transition-duration: 100ms;
}
[data-inview][data-speed="2"] {
  transition-duration: 200ms;
}
[data-inview][data-speed="3"] {
  transition-duration: 300ms;
}
[data-inview][data-speed="4"] {
  transition-duration: 400ms;
}
[data-inview][data-speed="5"] {
  transition-duration: 500ms;
}
[data-inview][data-speed="6"] {
  transition-duration: 600ms;
}
[data-inview][data-speed="7"] {
  transition-duration: 700ms;
}
[data-inview][data-speed="8"] {
  transition-duration: 800ms;
}
[data-inview][data-speed="9"] {
  transition-duration: 900ms;
}
[data-inview][data-speed="10"] {
  transition-duration: 1000ms;
}
[data-inview][data-speed="11"] {
  transition-duration: 1100ms;
}
[data-inview][data-speed="12"] {
  transition-duration: 1200ms;
}
[data-inview][data-speed="13"] {
  transition-duration: 1300ms;
}
[data-inview][data-speed="14"] {
  transition-duration: 1400ms;
}
[data-inview][data-speed="15"] {
  transition-duration: 1500ms;
}
[data-inview][data-speed="16"] {
  transition-duration: 1600ms;
}
[data-inview][data-speed="17"] {
  transition-duration: 1700ms;
}
[data-inview][data-speed="18"] {
  transition-duration: 1800ms;
}
[data-inview][data-speed="19"] {
  transition-duration: 1900ms;
}
[data-inview][data-speed="20"] {
  transition-duration: 2000ms;
}
[data-inview][data-speed="21"] {
  transition-duration: 2100ms;
}
[data-inview][data-speed="22"] {
  transition-duration: 2200ms;
}
[data-inview][data-speed="23"] {
  transition-duration: 2300ms;
}
[data-inview][data-speed="24"] {
  transition-duration: 2400ms;
}
[data-inview][data-speed="25"] {
  transition-duration: 2500ms;
}
[data-inview][data-speed="26"] {
  transition-duration: 2600ms;
}
[data-inview][data-speed="27"] {
  transition-duration: 2700ms;
}
[data-inview][data-speed="28"] {
  transition-duration: 2800ms;
}
[data-inview][data-speed="29"] {
  transition-duration: 2900ms;
}
[data-inview][data-speed="30"] {
  transition-duration: 3000ms;
}
[data-inview][data-speed="31"] {
  transition-duration: 3100ms;
}
[data-inview][data-speed="32"] {
  transition-duration: 3200ms;
}
[data-inview][data-speed="33"] {
  transition-duration: 3300ms;
}
[data-inview][data-speed="34"] {
  transition-duration: 3400ms;
}
[data-inview][data-speed="35"] {
  transition-duration: 3500ms;
}
[data-inview][data-speed="36"] {
  transition-duration: 3600ms;
}
[data-inview][data-speed="37"] {
  transition-duration: 3700ms;
}
[data-inview][data-speed="38"] {
  transition-duration: 3800ms;
}
[data-inview][data-speed="39"] {
  transition-duration: 3900ms;
}
[data-inview][data-speed="40"] {
  transition-duration: 4000ms;
}
[data-inview][data-speed="41"] {
  transition-duration: 4100ms;
}
[data-inview][data-speed="42"] {
  transition-duration: 4200ms;
}
[data-inview][data-speed="43"] {
  transition-duration: 4300ms;
}
[data-inview][data-speed="44"] {
  transition-duration: 4400ms;
}
[data-inview][data-speed="45"] {
  transition-duration: 4500ms;
}
[data-inview][data-speed="46"] {
  transition-duration: 4600ms;
}
[data-inview][data-speed="47"] {
  transition-duration: 4700ms;
}
[data-inview][data-speed="48"] {
  transition-duration: 4800ms;
}
[data-inview][data-speed="49"] {
  transition-duration: 4900ms;
}
[data-inview][data-speed="50"] {
  transition-duration: 5000ms;
}
[data-inview][data-speed="51"] {
  transition-duration: 5100ms;
}
[data-inview][data-speed="52"] {
  transition-duration: 5200ms;
}
[data-inview][data-speed="53"] {
  transition-duration: 5300ms;
}
[data-inview][data-speed="54"] {
  transition-duration: 5400ms;
}
[data-inview][data-speed="55"] {
  transition-duration: 5500ms;
}
[data-inview][data-speed="56"] {
  transition-duration: 5600ms;
}
[data-inview][data-speed="57"] {
  transition-duration: 5700ms;
}
[data-inview][data-speed="58"] {
  transition-duration: 5800ms;
}
[data-inview][data-speed="59"] {
  transition-duration: 5900ms;
}
[data-inview][data-speed="60"] {
  transition-duration: 6000ms;
}
[data-inview][data-speed="61"] {
  transition-duration: 6100ms;
}
[data-inview][data-speed="62"] {
  transition-duration: 6200ms;
}
[data-inview][data-speed="63"] {
  transition-duration: 6300ms;
}
[data-inview][data-speed="64"] {
  transition-duration: 6400ms;
}
[data-inview][data-speed="65"] {
  transition-duration: 6500ms;
}
[data-inview][data-speed="66"] {
  transition-duration: 6600ms;
}
[data-inview][data-speed="67"] {
  transition-duration: 6700ms;
}
[data-inview][data-speed="68"] {
  transition-duration: 6800ms;
}
[data-inview][data-speed="69"] {
  transition-duration: 6900ms;
}
[data-inview][data-speed="70"] {
  transition-duration: 7000ms;
}
[data-inview][data-speed="71"] {
  transition-duration: 7100ms;
}
[data-inview][data-speed="72"] {
  transition-duration: 7200ms;
}
[data-inview][data-speed="73"] {
  transition-duration: 7300ms;
}
[data-inview][data-speed="74"] {
  transition-duration: 7400ms;
}
[data-inview][data-speed="75"] {
  transition-duration: 7500ms;
}
[data-inview][data-speed="76"] {
  transition-duration: 7600ms;
}
[data-inview][data-speed="77"] {
  transition-duration: 7700ms;
}
[data-inview][data-speed="78"] {
  transition-duration: 7800ms;
}
[data-inview][data-speed="79"] {
  transition-duration: 7900ms;
}
[data-inview][data-speed="80"] {
  transition-duration: 8000ms;
}
[data-inview][data-speed="81"] {
  transition-duration: 8100ms;
}
[data-inview][data-speed="82"] {
  transition-duration: 8200ms;
}
[data-inview][data-speed="83"] {
  transition-duration: 8300ms;
}
[data-inview][data-speed="84"] {
  transition-duration: 8400ms;
}
[data-inview][data-speed="85"] {
  transition-duration: 8500ms;
}
[data-inview][data-speed="86"] {
  transition-duration: 8600ms;
}
[data-inview][data-speed="87"] {
  transition-duration: 8700ms;
}
[data-inview][data-speed="88"] {
  transition-duration: 8800ms;
}
[data-inview][data-speed="89"] {
  transition-duration: 8900ms;
}
[data-inview][data-speed="90"] {
  transition-duration: 9000ms;
}
[data-inview][data-speed="91"] {
  transition-duration: 9100ms;
}
[data-inview][data-speed="92"] {
  transition-duration: 9200ms;
}
[data-inview][data-speed="93"] {
  transition-duration: 9300ms;
}
[data-inview][data-speed="94"] {
  transition-duration: 9400ms;
}
[data-inview][data-speed="95"] {
  transition-duration: 9500ms;
}
[data-inview][data-speed="96"] {
  transition-duration: 9600ms;
}
[data-inview][data-speed="97"] {
  transition-duration: 9700ms;
}
[data-inview][data-speed="98"] {
  transition-duration: 9800ms;
}
[data-inview][data-speed="99"] {
  transition-duration: 9900ms;
}

/*==============================

fade

==============================*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*==============================

loop

==============================*/
@keyframes loop01 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop02 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*==============================

diagram anime

==============================*/
@keyframes know-plug_shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0.5px, -0.5px);
  }
  40% {
    transform: translate(-0.5px, 1px);
  }
  60% {
    transform: translate(0.5px, 0.5px);
  }
  80% {
    transform: translate(-1px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes know-electricity {
  0% {
    background-image: none;
  }
  7% {
    background-image: none;
  }
  8% {
    background-image: url("../images/pc/know_anime_electricity01.png");
  }
  15% {
    background-image: url("../images/pc/know_anime_electricity01.png");
  }
  16% {
    background-image: url("../images/pc/know_anime_electricity02.png");
  }
  23% {
    background-image: url("../images/pc/know_anime_electricity02.png");
  }
  24% {
    background-image: url("../images/pc/know_anime_electricity03.png");
  }
  76% {
    background-image: url("../images/pc/know_anime_electricity03.png");
  }
  77% {
    background-image: url("../images/pc/know_anime_electricity02.png");
  }
  84% {
    background-image: url("../images/pc/know_anime_electricity02.png");
  }
  85% {
    background-image: url("../images/pc/know_anime_electricity01.png");
  }
  92% {
    background-image: url("../images/pc/know_anime_electricity01.png");
  }
  93% {
    background-image: none;
  }
  100% {
    background-image: none;
  }
}
@keyframes know-electricity_sp {
  0% {
    background-image: none;
  }
  7% {
    background-image: none;
  }
  8% {
    background-image: url("../images/sp/know_anime_electricity01.png");
  }
  15% {
    background-image: url("../images/sp/know_anime_electricity01.png");
  }
  16% {
    background-image: url("../images/sp/know_anime_electricity02.png");
  }
  23% {
    background-image: url("../images/sp/know_anime_electricity02.png");
  }
  24% {
    background-image: url("../images/sp/know_anime_electricity03.png");
  }
  76% {
    background-image: url("../images/sp/know_anime_electricity03.png");
  }
  77% {
    background-image: url("../images/sp/know_anime_electricity02.png");
  }
  84% {
    background-image: url("../images/sp/know_anime_electricity02.png");
  }
  85% {
    background-image: url("../images/sp/know_anime_electricity01.png");
  }
  92% {
    background-image: url("../images/sp/know_anime_electricity01.png");
  }
  93% {
    background-image: none;
  }
  100% {
    background-image: none;
  }
}
@keyframes know-smoke_bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes know-fire_flicker {
  0% {
    transform: skew(0deg, 0deg) scale(1) rotate(0deg);
  }
  12% {
    transform: skew(1.2deg, 0deg) scale(1.015) rotate(0.08deg);
  }
  25% {
    transform: skew(-1deg, 0deg) scale(0.985) rotate(-0.1deg);
  }
  40% {
    transform: skew(1.5deg, 0deg) scale(1.02) rotate(0.1deg);
  }
  55% {
    transform: skew(-1.2deg, 0deg) scale(0.985) rotate(-0.08deg);
  }
  70% {
    transform: skew(0.8deg, 0deg) scale(1.01) rotate(0.05deg);
  }
  85% {
    transform: skew(-0.6deg, 0deg) scale(0.99) rotate(-0.06deg);
  }
  100% {
    transform: skew(0deg, 0deg) scale(1) rotate(0deg);
  }
}
@keyframes overview-plug {
  from {
    right: 25%;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
@keyframes overview-electricity {
  0% {
    background-image: none;
  }
  7% {
    background-image: none;
  }
  8% {
    background-image: url("../images/pc/overview_anime_electricity01.png");
  }
  15% {
    background-image: url("../images/pc/overview_anime_electricity01.png");
  }
  16% {
    background-image: url("../images/pc/overview_anime_electricity02.png");
  }
  23% {
    background-image: url("../images/pc/overview_anime_electricity02.png");
  }
  24% {
    background-image: url("../images/pc/overview_anime_electricity03.png");
  }
  76% {
    background-image: url("../images/pc/overview_anime_electricity03.png");
  }
  77% {
    background-image: url("../images/pc/overview_anime_electricity02.png");
  }
  84% {
    background-image: url("../images/pc/overview_anime_electricity02.png");
  }
  85% {
    background-image: url("../images/pc/overview_anime_electricity01.png");
  }
  92% {
    background-image: url("../images/pc/overview_anime_electricity01.png");
  }
  93% {
    background-image: none;
  }
  100% {
    background-image: none;
  }
}
@keyframes overview-electricity_sp {
  0% {
    background-image: none;
  }
  7% {
    background-image: none;
  }
  8% {
    background-image: url("../images/sp/overview_anime_electricity01.png");
  }
  15% {
    background-image: url("../images/sp/overview_anime_electricity01.png");
  }
  16% {
    background-image: url("../images/sp/overview_anime_electricity02.png");
  }
  23% {
    background-image: url("../images/sp/overview_anime_electricity02.png");
  }
  24% {
    background-image: url("../images/sp/overview_anime_electricity03.png");
  }
  76% {
    background-image: url("../images/sp/overview_anime_electricity03.png");
  }
  77% {
    background-image: url("../images/sp/overview_anime_electricity02.png");
  }
  84% {
    background-image: url("../images/sp/overview_anime_electricity02.png");
  }
  85% {
    background-image: url("../images/sp/overview_anime_electricity01.png");
  }
  92% {
    background-image: url("../images/sp/overview_anime_electricity01.png");
  }
  93% {
    background-image: none;
  }
  100% {
    background-image: none;
  }
}
@keyframes overview-prevent {
  from {
    left: 0;
    opacity: 0;
  }
  to {
    left: 34%;
    opacity: 1;
  }
}
@keyframes overview-prevent_sp {
  from {
    left: -47.4576271186%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
/*==================================================

共通

==================================================*/
#pretrack-wrapper {
  overflow-x: hidden;
  min-width: 988px;
}
@media (max-width: 750px) {
  #pretrack-wrapper {
    min-width: auto;
  }
}
#pretrack-wrapper * {
  color: #000000;
  font-size: 14px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.04em;
  line-height: 1.75;
  transition: none;
}
#pretrack-wrapper img {
  width: 100%;
  height: auto;
}
#pretrack-wrapper span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
#pretrack-wrapper a {
  text-decoration: none;
}
#pretrack-wrapper a:hover {
  text-decoration: none;
}
#pretrack-wrapper button {
  padding: 0;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  outline: none;
}
#pretrack-wrapper button:hover {
  cursor: pointer;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-onlyPc {
    display: none !important;
  }
}
@media (min-width: 751px) {
  #pretrack-wrapper .cmn-onlySp {
    display: none !important;
  }
}
#pretrack-wrapper .cmn-no-break {
  white-space: nowrap;
}
#pretrack-wrapper .cmn-inner {
  width: 89.3333333333%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-inner {
    max-width: none;
  }
}
#pretrack-wrapper .cmn-ttl {
  text-align: center;
}
#pretrack-wrapper .cmn-ttl__txt {
  margin: 0 0 1em 0;
  color: #b28247;
  font-size: 40px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-ttl__txt {
    font-size: 20px;
  }
}
#pretrack-wrapper .cmn-lead {
  text-align: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-lead {
    text-align: left;
  }
}
#pretrack-wrapper .cmn-lead__heading {
  margin-bottom: 0.75em;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-lead__heading {
    margin-bottom: 0.5em;
    font-size: 14px;
  }
}
#pretrack-wrapper .cmn-lead__txt {
  font-size: 16px;
}
@media (min-width: 751px) {
  #pretrack-wrapper .cmn-lead__txt {
    line-height: 3;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-lead__txt {
    font-size: 14px;
  }
}
#pretrack-wrapper .cmn-lead__txt .gold {
  color: #b28247;
  font-weight: 700;
}
#pretrack-wrapper .cmn-lead__notes {
  margin-top: 1.5em;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}
#pretrack-wrapper .cmn-subttl {
  margin-bottom: 2.5em;
  color: #b28247;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-subttl {
    margin-bottom: 1.25em;
    font-size: 18px;
  }
}
#pretrack-wrapper .cmn-subttl--highlight {
  color: #e95513;
}
#pretrack-wrapper .cmn-subttl--highlight__txt {
  background: linear-gradient(transparent 78%, #f0eb82 0%);
}
#pretrack-wrapper .cmn-subttl .big {
  font-size: 1.25em;
  line-height: 1;
}
#pretrack-wrapper .cmn-heading {
  margin-bottom: 2em;
  padding-bottom: 5px;
  font-size: 20px;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-heading {
    margin-bottom: 1.5em;
    font-size: 16px;
  }
}
#pretrack-wrapper .cmn-heading::before, #pretrack-wrapper .cmn-heading::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #bbbbbb;
  display: block;
  position: absolute;
  left: 0;
}
#pretrack-wrapper .cmn-heading::before {
  bottom: 0;
}
#pretrack-wrapper .cmn-heading::after {
  bottom: -3px;
}
#pretrack-wrapper .cmn-heading__num {
  padding: 0 0.5em 6px;
  color: #b28247;
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-heading__num {
    padding: 0 0.25em 5px;
  }
}
#pretrack-wrapper .cmn-heading__num::before, #pretrack-wrapper .cmn-heading__num::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #b28247;
  display: block;
  position: absolute;
  left: 0;
  z-index: 2;
}
#pretrack-wrapper .cmn-heading__num::before {
  bottom: 0;
}
#pretrack-wrapper .cmn-heading__num::after {
  bottom: -3px;
}
#pretrack-wrapper .cmn-heading__txt {
  font-weight: 700;
}
#pretrack-wrapper .cmn-heading__txt .big {
  font-size: 1.3em;
}
#pretrack-wrapper .cmn-table {
  width: 100%;
}
#pretrack-wrapper .cmn-table thead tr th,
#pretrack-wrapper .cmn-table tbody tr th {
  padding: 0.75em;
  border: solid 1px #666666;
  font-size: 12px;
  line-height: 1.4;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-table thead tr th,
  #pretrack-wrapper .cmn-table tbody tr th {
    font-size: 11px;
  }
}
#pretrack-wrapper .cmn-notes {
  margin-top: 1em;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 11px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .cmn-notes {
    font-size: 10px;
  }
}
#pretrack-wrapper .cmn-notes li {
  font-size: inherit;
}
#pretrack-wrapper .cmn-hover {
  transition: opacity 0.3s;
}
#pretrack-wrapper .cmn-hover:hover {
  opacity: 0.6;
}

.breadcrumb ul.nobg {
  padding-left: 14px;
  padding-right: 14px;
}

/*==================================================

その他パーツ

==================================================*/
#pretrack-wrapper {
  /* m-loop
  ==================================================*/
  /* m-survey
  ==================================================*/
  /* m-cta
  ==================================================*/
  /* m-float
  ==================================================*/
  /* m-pagetop
  ==================================================*/
  /* m-modal
  ==================================================*/
}
#pretrack-wrapper .m-loop {
  width: 250vw;
  display: flex;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-loop {
    width: 400vw;
  }
}
#pretrack-wrapper .m-loop__img {
  width: 125vw;
  display: flex;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-loop__img {
    width: 200vw;
  }
}
#pretrack-wrapper .m-loop__img:first-child {
  animation: loop01 120s -60s linear infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-loop__img:first-child {
    animation-duration: 100s;
    animation-delay: -50s;
  }
}
#pretrack-wrapper .m-loop__img:last-child {
  animation: loop02 120s linear infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-loop__img:last-child {
    animation-duration: 100s;
  }
}
#pretrack-wrapper .m-survey__qa__question {
  margin-bottom: 35px;
}
#pretrack-wrapper .m-survey__qa__question__num {
  padding: 2px 0 6px;
  background: #b28247;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-align: center;
}
#pretrack-wrapper .m-survey__qa__question__txt {
  min-height: 8.5em;
  padding: 1.5em 1em;
  background: rgb(235.75, 223.75, 209);
  font-weight: 700;
  text-align: center;
  display: grid;
  place-content: center;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-survey__qa__question__txt {
    min-height: auto;
  }
}
#pretrack-wrapper .m-survey__qa__question__txt::after {
  content: "";
  border-top: solid 15px rgb(235.75, 223.75, 209);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
#pretrack-wrapper .m-survey__qa__chart {
  margin-bottom: 20px;
}
#pretrack-wrapper .m-survey__qa__answer {
  font-weight: bold;
  text-align: center;
}
#pretrack-wrapper .m-survey__qa__answer .big {
  color: #e50012;
  font-size: 1.5em;
  position: relative;
}
#pretrack-wrapper .m-survey__qa__answer .big::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #e50012;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
#pretrack-wrapper .m-survey__source {
  font-size: 11px;
  display: grid;
  place-self: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-survey__source {
    font-size: 10px;
    display: block;
  }
}
#pretrack-wrapper .m-cta {
  width: 100%;
  margin: 0 0 120px;
  padding: 60px 0;
  background: #b28247;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-cta {
    margin-bottom: 16%;
    padding: 10.6666666667% 0;
  }
}
#pretrack-wrapper .m-cta__catalog {
  width: 50%;
  min-width: 500px;
  margin: 0 auto 30px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-cta__catalog {
    width: 100%;
    min-width: auto;
  }
}
#pretrack-wrapper .m-cta__catalog__btn {
  width: 100%;
  height: 100%;
  padding: 0.75em;
  background: #ffffff;
  border: solid 10px rgb(249.5, 212.5, 196);
  font-size: 24px;
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s, border-color 0.3s;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-cta__catalog__btn {
    font-size: 20px;
  }
}
#pretrack-wrapper .m-cta__catalog__btn span {
  padding-left: 2em;
  color: #e95513;
  font-weight: bold;
  position: relative;
  transition: color 0.3s;
}
#pretrack-wrapper .m-cta__catalog__btn span::before {
  content: "";
  width: 1.45833em;
  height: 0.95833em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 23'%3E%3Cpath fill='%23e95513' d='M34.5,2.77H32v-2c0-0.26-0.2-0.48-0.47-0.5C31.23,0.25,23.98-0.2,17.5,2.24C11.02-0.2,3.77,0.25,3.47,0.27C3.2,0.29,3,0.51,3,0.77v2H0.5C0.22,2.77,0,3,0,3.27v19c0,0.28,0.22,0.5,0.5,0.5h34c0.28,0,0.5-0.22,0.5-0.5v-19C35,3,34.78,2.77,34.5,2.77z M1,21.77v-18h2v16c0,0.14,0.06,0.27,0.16,0.37s0.24,0.15,0.38,0.13c0.07-0.01,6.47-0.4,12.45,1.5H1z M17,21.06c-4.51-1.59-9.28-1.83-11.78-1.83c-0.51,0-0.92,0.01-1.22,0.02v-18c1.69-0.06,7.67-0.09,13,1.87V21.06z M18,3.12c5.33-1.96,11.31-1.92,13-1.87v18c-1.77-0.06-7.58-0.1-13,1.81V3.12z M34,21.77H19.02c5.98-1.91,12.38-1.51,12.45-1.5c0.14,0.01,0.27-0.04,0.38-0.13S32,19.91,32,19.77v-16h2V21.77z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0.3em;
  left: 0;
  transition: background-color 0.3s;
}
#pretrack-wrapper .m-cta__catalog__btn:hover {
  background: #e95513;
  border-color: transparent;
}
#pretrack-wrapper .m-cta__catalog__btn:hover span {
  color: #ffffff;
}
#pretrack-wrapper .m-cta__catalog__btn:hover span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 23'%3E%3Cpath fill='%23ffffff' d='M34.5,2.77H32v-2c0-0.26-0.2-0.48-0.47-0.5C31.23,0.25,23.98-0.2,17.5,2.24C11.02-0.2,3.77,0.25,3.47,0.27C3.2,0.29,3,0.51,3,0.77v2H0.5C0.22,2.77,0,3,0,3.27v19c0,0.28,0.22,0.5,0.5,0.5h34c0.28,0,0.5-0.22,0.5-0.5v-19C35,3,34.78,2.77,34.5,2.77z M1,21.77v-18h2v16c0,0.14,0.06,0.27,0.16,0.37s0.24,0.15,0.38,0.13c0.07-0.01,6.47-0.4,12.45,1.5H1z M17,21.06c-4.51-1.59-9.28-1.83-11.78-1.83c-0.51,0-0.92,0.01-1.22,0.02v-18c1.69-0.06,7.67-0.09,13,1.87V21.06z M18,3.12c5.33-1.96,11.31-1.92,13-1.87v18c-1.77-0.06-7.58-0.1-13,1.81V3.12z M34,21.77H19.02c5.98-1.91,12.38-1.51,12.45-1.5c0.14,0.01,0.27-0.04,0.38-0.13S32,19.91,32,19.77v-16h2V21.77z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
#pretrack-wrapper .m-cta__link {
  text-align: center;
}
#pretrack-wrapper .m-cta__link__item + .m-cta__link__item {
  margin-top: 1.5em;
}
#pretrack-wrapper .m-cta__link__txt {
  color: #ffffff;
  font-weight: 700;
  position: relative;
}
#pretrack-wrapper .m-cta__link__txt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#pretrack-wrapper .m-cta__link__txt--movie {
  padding-left: 2.5em;
}
#pretrack-wrapper .m-cta__link__txt--movie::before {
  width: 2em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23ffffff' d='M14,0C6.27,0,0,6.27,0,14s6.27,14,14,14c7.73,0,14-6.27,14-14S21.73,0,14,0z M14,27C6.83,27,1,21.17,1,14S6.83,1,14,1s13,5.83,13,13S21.17,27,14,27z M11.5,9.5l7,4.5l-7,4.5V9.5z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
#pretrack-wrapper .m-cta__link__txt--contact {
  padding-left: 2.25em;
}
#pretrack-wrapper .m-cta__link__txt--contact::before {
  width: 1.71429em;
  height: 1.35714em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19'%3E%3Cpath fill='%23ffffff' d='M23.5,0h-23C0.22,0,0,0.22,0,0.5v18C0,18.78,0.22,19,0.5,19h23c0.28,0,0.5-0.22,0.5-0.5v-18C24,0.22,23.78,0,23.5,0z M23,1v2.72l-11,6.7L1,3.72V1H23z M1,18V4.89l10.74,6.54c0.08,0.05,0.17,0.07,0.26,0.07s0.18-0.02,0.26-0.07L23,4.89V18H1z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
#pretrack-wrapper .m-float {
  width: 140px;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: margin 0.3s;
  z-index: 999;
}
@media (min-width: 1161px) {
  #pretrack-wrapper .m-float {
    margin-right: 0;
  }
}
@media (max-width: 1160px) {
  #pretrack-wrapper .m-float {
    margin-right: -140px;
  }
}
#pretrack-wrapper .m-float__nav {
  background: #b28247;
  border: solid 1px #ffffff;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#pretrack-wrapper .m-float__nav__item a {
  width: 100%;
  height: 100%;
  padding: 1em;
  background: #b28247;
  font-size: 12px;
  display: block;
  position: relative;
  transition: background-color 0.3s;
}
#pretrack-wrapper .m-float__nav__item a::after {
  content: "";
  width: calc(100% - 2em);
  height: 1px;
  background: rgb(208.8, 180, 144.6);
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 1;
}
#pretrack-wrapper .m-float__nav__item a:hover, #pretrack-wrapper .m-float__nav__item a[data-current=active] {
  background: rgb(197.25, 161.25, 117);
}
#pretrack-wrapper .m-float__nav__item:first-child a {
  padding-top: 2em;
  border-top-left-radius: 10px;
}
#pretrack-wrapper .m-float__nav__item:last-child::after {
  display: none;
}
#pretrack-wrapper .m-float__nav__item:last-child a {
  padding-bottom: 2em;
  border-bottom-left-radius: 10px;
}
#pretrack-wrapper .m-float__nav__item:last-child a::after {
  display: none;
}
#pretrack-wrapper .m-float__nav__item__txt {
  padding-left: 1em;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#pretrack-wrapper .m-float__nav__item__txt::before {
  content: "";
  border-top: solid 0.5em #ffffff;
  border-left: solid 0.35em transparent;
  border-right: solid 0.35em transparent;
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
}
#pretrack-wrapper .m-float__catalog {
  margin-top: 5px;
  padding: 1.5em 1em;
  background: #e95513;
  border: solid 1px #ffffff;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
  display: block;
  transition: background-color 0.3s;
}
#pretrack-wrapper .m-float__catalog__txt {
  padding-top: 2.25em;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#pretrack-wrapper .m-float__catalog__txt::before {
  content: "";
  width: 2.5em;
  height: 1.64286em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 23'%3E%3Cpath fill='%23ffffff' d='M34.5,2.77H32v-2c0-0.26-0.2-0.48-0.47-0.5C31.23,0.25,23.98-0.2,17.5,2.24C11.02-0.2,3.77,0.25,3.47,0.27C3.2,0.29,3,0.51,3,0.77v2H0.5C0.22,2.77,0,3,0,3.27v19c0,0.28,0.22,0.5,0.5,0.5h34c0.28,0,0.5-0.22,0.5-0.5v-19C35,3,34.78,2.77,34.5,2.77z M1,21.77v-18h2v16c0,0.14,0.06,0.27,0.16,0.37s0.24,0.15,0.38,0.13c0.07-0.01,6.47-0.4,12.45,1.5H1z M17,21.06c-4.51-1.59-9.28-1.83-11.78-1.83c-0.51,0-0.92,0.01-1.22,0.02v-18c1.69-0.06,7.67-0.09,13,1.87V21.06z M18,3.12c5.33-1.96,11.31-1.92,13-1.87v18c-1.77-0.06-7.58-0.1-13,1.81V3.12z M34,21.77H19.02c5.98-1.91,12.38-1.51,12.45-1.5c0.14,0.01,0.27-0.04,0.38-0.13S32,19.91,32,19.77v-16h2V21.77z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#pretrack-wrapper .m-float__catalog:hover {
  background: rgb(239.6, 136, 89.8);
}
#pretrack-wrapper .m-float__hamburger {
  padding: 1em 0.75em;
  background: #e95513;
  border: solid 1px #ffffff;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  top: 0;
  right: 0;
  transition: margin 0.3s, background-color 0.3s;
  z-index: 2;
}
@media (min-width: 1161px) {
  #pretrack-wrapper .m-float__hamburger {
    margin-right: -140px;
  }
}
@media (max-width: 1160px) {
  #pretrack-wrapper .m-float__hamburger {
    margin-right: 140px;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-float__hamburger {
    display: none;
  }
}
#pretrack-wrapper .m-float__hamburger:hover {
  background: rgb(239.6, 136, 89.8);
  cursor: pointer;
}
#pretrack-wrapper .m-float__hamburger__btn {
  width: 15px;
  height: 12px;
  margin: 0 auto 10px;
  position: relative;
}
#pretrack-wrapper .m-float__hamburger__btn::before, #pretrack-wrapper .m-float__hamburger__btn::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: 0;
}
#pretrack-wrapper .m-float__hamburger__btn::before {
  top: 0;
}
#pretrack-wrapper .m-float__hamburger__btn::after {
  bottom: 0;
}
#pretrack-wrapper .m-float__hamburger__btn span {
  width: 100%;
  height: 1px;
  background: #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#pretrack-wrapper .m-float__hamburger__txt {
  color: #ffffff;
  font-weight: 700;
  writing-mode: vertical-rl;
}
#pretrack-wrapper .m-pagetop {
  width: 50px;
  height: 50px;
  background: #b28247;
  border: solid 1px #ffffff;
  border-radius: 100%;
  display: block;
  position: fixed;
  bottom: 40px;
  right: 20px;
  transition: transform 0.3s, background-color 0.3s;
}
#pretrack-wrapper .m-pagetop::after {
  content: "";
  border-bottom: solid 12px #ffffff;
  border-left: solid 7.5px transparent;
  border-right: solid 7.5px transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pretrack-wrapper .m-pagetop[data-pagetop=hidden] {
  transform: translateX(70px);
}
#pretrack-wrapper .m-pagetop[data-pagetop=show] {
  transform: translateX(0);
}
#pretrack-wrapper .m-pagetop:hover {
  background: rgb(197.25, 161.25, 117);
}
#pretrack-wrapper .m-modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
#pretrack-wrapper .m-modal[data-modal-state=open] {
  display: block;
}
#pretrack-wrapper .m-modal__bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
}
#pretrack-wrapper .m-modal__container {
  display: none;
  width: 700px;
  height: 80%;
  padding: 60px 50px 0;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-modal__container {
    width: 89.3333333333%;
    padding: 50px 5.9701492537% 0;
  }
}
#pretrack-wrapper .m-modal__close {
  width: 22px;
  height: 22px;
  position: fixed;
  top: 15px;
  right: 15px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-modal__close {
    top: 10px;
    right: 10px;
  }
}
#pretrack-wrapper .m-modal__close span {
  width: 30px;
  height: 1px;
  background: #b28247;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
#pretrack-wrapper .m-modal__close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
#pretrack-wrapper .m-modal__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#pretrack-wrapper .m-modal__inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#pretrack-wrapper .m-modal__works {
  padding-bottom: 60px;
}
#pretrack-wrapper .m-modal__works__img {
  margin-bottom: 20px;
}
#pretrack-wrapper .m-modal__works__name {
  color: rgb(127.5, 127.5, 127.5);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-modal__works__name {
    font-size: 14px;
  }
}
#pretrack-wrapper .m-modal__works__lead {
  margin-bottom: 0.75em;
  color: #b28247;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #pretrack-wrapper .m-modal__works__lead {
    font-size: 18px;
  }
}
#pretrack-wrapper .m-modal__works__txt p + p {
  margin-top: 1em;
}

/*==================================================

lity

==================================================*/
.lity {
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.lity.lity-opened.lity-youtube .lity-wrap .lity-container {
  width: 89.3333333333%;
  position: relative;
}
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:hover,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:focus,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:visited,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active {
  color: transparent;
  text-shadow: none;
  position: absolute;
  top: -40px;
  right: 0;
}
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close::before, .lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:hover::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:hover::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:focus::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:focus::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:visited::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:visited::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:hover::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:focus::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:visited::before,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:hover::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:focus::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:visited::after,
.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close:active::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*==================================================

各エリア

==================================================*/
/*==================================================

mv

==================================================*/
#pretrack-wrapper .mv__wrap {
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url("../images/pc/mv_bg01.jpg") no-repeat center center/cover;
  display: grid;
  place-items: center;
  transition: opacity 0.5s;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__wrap {
    padding: 40px 0 20px;
    background-image: url("../images/sp/mv_bg01.jpg");
  }
}
#pretrack-wrapper .mv__wrap[data-mv=hidden] {
  opacity: 0;
}
#pretrack-wrapper .mv__wrap[data-mv=show] {
  opacity: 1;
}
#pretrack-wrapper .mv__ttl {
  margin: 0 0 80px;
  text-align: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__ttl {
    margin-bottom: 20px;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__ttl img {
    width: auto;
    height: 100%;
  }
}
#pretrack-wrapper .mv__supp {
  display: grid;
  gap: 0 3%;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__supp {
    gap: 10px 0;
    grid-auto-flow: row;
  }
}
#pretrack-wrapper .mv__supp__box {
  display: grid;
  gap: 0 10px;
  grid-template-columns: 11.1340206186% auto;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__supp__box {
    grid-template-columns: 45px auto;
    align-items: center;
  }
}
#pretrack-wrapper .mv__supp__heading {
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__supp__heading {
    font-size: 10px;
    letter-spacing: normal;
    line-height: 1.4;
  }
}
#pretrack-wrapper .mv__supp__desc {
  font-size: 11px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .mv__supp__desc {
    font-size: 10px;
    letter-spacing: normal;
    line-height: 1.4;
  }
}

/*==================================================

mv

==================================================*/
#pretrack-wrapper .know {
  padding: 100px 0 120px;
  background: #f6f6f4;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know {
    padding: 10.6666666667% 0 16%;
  }
}
#pretrack-wrapper .know__lead {
  margin-bottom: 6%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__lead {
    margin-bottom: 11.9402985075%;
  }
}
#pretrack-wrapper .know__anime {
  width: 40.625%;
  min-width: 520px;
  margin: 0 auto 9.375%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime {
    width: 89.3333333333%;
    min-width: auto;
    margin-bottom: 16%;
  }
}
#pretrack-wrapper .know__anime__wrap {
  position: relative;
}
#pretrack-wrapper .know__anime__wrap picture:not(:first-child) {
  position: absolute;
  top: 0;
  right: 0;
}
#pretrack-wrapper .know__anime__wrap .plug {
  height: 100%;
  animation: know-plug_shake 1.5s ease 0s infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__wrap .plug {
    animation-duration: 2s;
  }
}
#pretrack-wrapper .know__anime__wrap .plug img {
  width: auto;
  max-width: none;
  height: 100%;
}
#pretrack-wrapper .know__anime__wrap .electricity {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  animation: know-electricity 1.2s linear 0s infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__wrap .electricity {
    animation: know-electricity_sp 1.2s linear 0s infinite;
  }
}
#pretrack-wrapper .know__anime__wrap .smoke {
  width: 21.1538461538%;
  position: absolute;
  top: -4.2105263158%;
  left: 49.4230769231%;
  transform-origin: bottom center;
  animation: know-smoke_bounce 1.7s linear 0s infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__wrap .smoke {
    width: 21.4925373134%;
    top: -4.048582996%;
    left: 56.7164179104%;
  }
}
#pretrack-wrapper .know__anime__wrap .fire {
  width: 13.4615384615%;
  position: absolute;
  top: 17.8947368421%;
  left: 52.5%;
  transform-origin: bottom center;
  animation: know-fire_flicker 0.5s ease-in-out 0s infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__wrap .fire {
    width: 13.4328358209%;
    top: 18.2186234818%;
    left: 59.7014925373%;
  }
}
#pretrack-wrapper .know__anime__supp {
  margin-top: 25px;
  padding: 0.25em;
  border: solid 1px #b28247;
  color: #b28247;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__supp {
    margin-top: 15px;
    font-size: 16px;
  }
}
#pretrack-wrapper .know__anime__supp::before, #pretrack-wrapper .know__anime__supp::after {
  content: "";
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  border-bottom: solid 10px #b28247;
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__supp::before, #pretrack-wrapper .know__anime__supp::after {
    border-left-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 8px;
    top: -8px;
  }
}
#pretrack-wrapper .know__anime__supp::after {
  border-bottom-color: #f6f6f4;
  top: -8px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__anime__supp::after {
    top: -6px;
  }
}
#pretrack-wrapper .know__container {
  margin: 0 0 100px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__container {
    margin-bottom: 11.9402985075%;
  }
}
#pretrack-wrapper .know__container--grid {
  display: grid;
  gap: 0 12%;
  grid-template-columns: 53% auto;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__container--grid {
    gap: 10.6666666667vw 0;
    grid-template-columns: 1fr;
  }
}
#pretrack-wrapper .know__mechanism {
  display: grid;
  gap: 0 60px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism {
    gap: 10.6666666667vw 0;
    grid-auto-flow: row;
  }
}
#pretrack-wrapper .know__mechanism__item {
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism__item {
    display: flex;
    align-items: center;
  }
}
#pretrack-wrapper .know__mechanism__item:not(:last-child)::after {
  content: "";
  width: 20px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 42'%3E%3Cpolygon fill='%23b28247' points='0,0.91 0,9.61 10.86,21 0,32.39 0,41.09 19.14,21' /%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(100%, -50%);
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism__item:not(:last-child)::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -2.6666666667vw;
    transform: translate(-50%, 50%) rotate(90deg);
    transform-origin: left center;
  }
}
#pretrack-wrapper .know__mechanism__num {
  color: #b28247;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism__num {
    position: static;
    margin-bottom: auto;
  }
}
#pretrack-wrapper .know__mechanism__img {
  width: 43.9024390244%;
  min-width: 95px;
  margin: 30px auto 20px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism__img {
    width: 28.3582089552%;
    margin: 10px 10px 0 5px;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__mechanism__txt {
    letter-spacing: normal;
  }
}
#pretrack-wrapper .know__factor__notes {
  margin-top: 1.5em;
  font-size: 11px;
  text-align: right;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__factor__notes {
    font-size: 10px;
  }
}
#pretrack-wrapper .know__movie__box {
  display: inline-block;
  text-align: center;
}
#pretrack-wrapper .know__movie__txt {
  margin-top: 1em;
  padding-left: 2.5em;
  color: #b28247;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
#pretrack-wrapper .know__movie__txt::before {
  content: "";
  width: 2em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23b28247' d='M14,0C6.27,0,0,6.27,0,14s6.27,14,14,14c7.73,0,14-6.27,14-14S21.73,0,14,0z M14,27C6.83,27,1,21.17,1,14S6.83,1,14,1s13,5.83,13,13S21.17,27,14,27z M11.5,9.5l7,4.5l-7,4.5V9.5z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#pretrack-wrapper .know__survey {
  background: #ffffff;
  padding: 60px 2.34375%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__survey {
    padding: 10.6666666667% 5.3333333333%;
  }
}
@media (min-width: 751px) {
  #pretrack-wrapper .know__survey__ttl {
    margin-bottom: 1.25em;
  }
}
#pretrack-wrapper .know__survey__ttl.cmn-subttl--highlight__txt .big:first-child {
  margin-right: 5px;
}
#pretrack-wrapper .know__survey__sub {
  margin-bottom: 2em;
  color: #e95513;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__survey__sub {
    font-size: 16px;
  }
}
#pretrack-wrapper .know__survey__list {
  margin: 0 0 40px;
  display: flex;
  gap: 0 4.2553191489%;
  justify-content: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__survey__list {
    margin-bottom: 13.5593220339%;
    flex-direction: column;
    gap: 10.6666666667vw 0;
  }
}
#pretrack-wrapper .know__survey__list li {
  width: 31.914893617%;
  min-width: 300px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__survey__list li {
    width: 100%;
    min-width: auto;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .know__survey__list li .q02 {
    margin-bottom: 0;
  }
}

/*==================================================

overview

==================================================*/
#pretrack-wrapper .overview {
  padding: 120px 0;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview {
    padding: 16% 0;
  }
}
#pretrack-wrapper .overview__ttl {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__ttl {
    font-size: 14px;
  }
}
#pretrack-wrapper .overview__anime {
  width: 48.4375%;
  min-width: 620px;
  margin: 0 auto 4.6875%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__anime {
    width: 89.3333333333%;
    min-width: auto;
    margin-bottom: 8%;
  }
}
#pretrack-wrapper .overview__anime__wrap {
  position: relative;
}
#pretrack-wrapper .overview__anime__wrap picture:not(:first-child) {
  position: absolute;
  top: 0;
  right: 0;
}
#pretrack-wrapper .overview__anime__wrap .plug {
  height: 100%;
  opacity: 0;
}
#pretrack-wrapper .overview__anime__wrap .plug[data-overview-anime=start] {
  animation: overview-plug 1s ease-in-out forwards;
}
#pretrack-wrapper .overview__anime__wrap .plug img {
  width: auto;
  max-width: none;
  height: 100%;
}
#pretrack-wrapper .overview__anime__wrap .dust01,
#pretrack-wrapper .overview__anime__wrap .dust02,
#pretrack-wrapper .overview__anime__wrap .dust03 {
  opacity: 0;
  transition: opacity 1s;
}
#pretrack-wrapper .overview__anime__wrap .dust01[data-overview-anime=start],
#pretrack-wrapper .overview__anime__wrap .dust02[data-overview-anime=start],
#pretrack-wrapper .overview__anime__wrap .dust03[data-overview-anime=start] {
  opacity: 1;
}
#pretrack-wrapper .overview__anime__wrap .discharge {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
#pretrack-wrapper .overview__anime__wrap .discharge picture {
  opacity: 0;
}
#pretrack-wrapper .overview__anime__wrap .discharge[data-overview-anime=start] {
  animation: overview-electricity 1.2s linear infinite;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__anime__wrap .discharge[data-overview-anime=start] {
    animation: overview-electricity_sp 1.2s linear infinite;
  }
}
#pretrack-wrapper .overview__anime__wrap .discharge[data-overview-anime=start] picture {
  animation: fadeIn 1s 0.7s ease forwards;
}
#pretrack-wrapper .overview__anime__wrap .gas {
  opacity: 0;
  transition: opacity 1s;
}
#pretrack-wrapper .overview__anime__wrap .gas[data-overview-anime=start] {
  opacity: 1;
}
#pretrack-wrapper .overview__anime__wrap .detection {
  opacity: 0;
  transition: opacity 1s;
}
#pretrack-wrapper .overview__anime__wrap .detection[data-overview-anime=start] {
  opacity: 1;
}
#pretrack-wrapper .overview__anime__supp {
  margin-top: 25px;
  padding: 0.25em;
  border: solid 1px #b28247;
  color: #b28247;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__anime__supp {
    margin-top: 15px;
    font-size: 16px;
  }
}
#pretrack-wrapper .overview__anime__supp::before, #pretrack-wrapper .overview__anime__supp::after {
  content: "";
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  border-bottom: solid 10px #b28247;
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__anime__supp::before, #pretrack-wrapper .overview__anime__supp::after {
    border-left-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 8px;
    top: -8px;
  }
}
#pretrack-wrapper .overview__anime__supp::after {
  border-bottom-color: #ffffff;
  top: -8px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__anime__supp::after {
    top: -6px;
  }
}
#pretrack-wrapper .overview__lead {
  margin-bottom: 12%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__lead {
    margin-bottom: 17.9104477612%;
  }
}
#pretrack-wrapper .overview__survey {
  background: #f6f6f4;
  margin-bottom: 60px;
  padding: 60px 2.34375%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__survey {
    margin-bottom: 5.3333333333%;
    padding: 10.6666666667% 5.3333333333%;
  }
}
#pretrack-wrapper .overview__survey__container {
  margin: 0 auto 40px;
  display: flex;
  gap: 0 6.3829787234%;
  justify-content: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__survey__container {
    margin-bottom: 13.5593220339%;
    flex-direction: column;
    gap: 10.6666666667vw 0;
  }
}
#pretrack-wrapper .overview__survey__box--left {
  width: 31.914893617%;
  min-width: 300px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__survey__box--left {
    width: 100%;
    min-width: auto;
  }
}
#pretrack-wrapper .overview__survey__ranking__rank {
  width: 1em;
  margin-right: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  flex-shrink: 0;
}
#pretrack-wrapper .overview__survey__ranking__rank .small {
  font-size: 0.35em;
  vertical-align: baseline;
  position: relative;
  bottom: 0.15em;
}
#pretrack-wrapper .overview__survey__ranking__rank .rank03 {
  font-size: 0.8em;
  line-height: 1;
}
#pretrack-wrapper .overview__survey__ranking__txt {
  font-weight: 700;
  line-height: 1.4;
}
#pretrack-wrapper .overview__survey__ranking li {
  padding-bottom: 12px;
  border-bottom: solid 1px #bbbbbb;
  display: flex;
  align-items: center;
}
#pretrack-wrapper .overview__survey__ranking li:not(:last-child) {
  margin-bottom: 10px;
}
#pretrack-wrapper .overview__survey__ranking li:nth-child(1) .overview__survey__ranking__rank {
  color: #e95513;
}
@media (min-width: 751px) {
  #pretrack-wrapper .overview__survey__ranking li:nth-child(1) .overview__survey__ranking__txt {
    font-size: 18px;
  }
}
#pretrack-wrapper .overview__survey__ranking li:nth-child(2) .overview__survey__ranking__rank {
  color: #b28247;
}
@media (min-width: 751px) {
  #pretrack-wrapper .overview__survey__ranking li:nth-child(2) .overview__survey__ranking__txt {
    font-size: 18px;
  }
}
#pretrack-wrapper .overview__survey__ranking li:nth-child(3) .overview__survey__ranking__rank {
  color: #999999;
}
#pretrack-wrapper .overview__feature {
  padding: 60px 4.6875%;
  background: #f6f6f4;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__feature {
    padding: 10.6666666667% 5.3333333333%;
  }
}
#pretrack-wrapper .overview__container + .overview__container {
  margin-top: 100px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__container + .overview__container {
    margin-top: 13.5593220339%;
  }
}
#pretrack-wrapper .overview__prevent {
  padding: 0 7.3863636364%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__prevent {
    padding: 0;
  }
}
#pretrack-wrapper .overview__prevent__box {
  position: relative;
}
#pretrack-wrapper .overview__prevent__img {
  width: 66%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__prevent__img {
    width: 100%;
  }
}
#pretrack-wrapper .overview__prevent__img--outside {
  position: relative;
  z-index: 1;
}
#pretrack-wrapper .overview__prevent__img--inside {
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0;
}
#pretrack-wrapper .overview__prevent__img--inside.anime-prevent {
  animation: overview-prevent 1s ease-in-out forwards;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__prevent__img--inside.anime-prevent {
    animation: overview-prevent_sp 1s ease-in-out forwards;
  }
}
#pretrack-wrapper .overview__detect__box {
  display: flex;
  justify-content: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__detect__box {
    flex-direction: column;
    text-align: center;
  }
}
#pretrack-wrapper .overview__detect__txt .big {
  margin-top: 0.25em;
  color: #b28247;
  font-size: 1.42857em;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__detect__txt .big {
    font-size: 1.14286em;
  }
}
#pretrack-wrapper .overview__detect__arrow {
  margin: 0 3.5em 0 3em;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__detect__arrow {
    margin: 2em auto;
  }
}
#pretrack-wrapper .overview__detect__arrow::after {
  content: "";
  width: 6.5em;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' preserveAspectRatio='none'%3E%3Cpolygon fill='none' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' points='69.5,89.5 89.45,45 69.5,0.5 0.5,0.5 0.5,89.5'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-20%, -50%);
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__detect__arrow::after {
    width: 3.5em;
    height: 7em;
    top: 0;
    left: 50%;
    transform: translate(-50%, -35%) rotate(90deg);
  }
}
#pretrack-wrapper .overview__works {
  display: grid;
  gap: 40px 3.9772727273%;
  grid-template-columns: repeat(2, 30.6818181818%);
  justify-content: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__works {
    gap: 4vw 0;
    grid-template-columns: 1fr;
  }
}
#pretrack-wrapper .overview__works__btn {
  width: 100%;
  height: 100%;
  padding: 7.4074074074% 7.4074074074% 60px;
  border: solid 1px #b28247;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  transition: background-color 0.3s;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__works__btn {
    padding: 5.0847457627%;
  }
}
#pretrack-wrapper .overview__works__btn:hover {
  background: rgb(235.75, 223.75, 209);
}
#pretrack-wrapper .overview__works__thumb {
  width: 100%;
  margin-bottom: 10px;
}
#pretrack-wrapper .overview__works__tag {
  margin: 0 0 0.5em;
  padding: 0.5em;
  border: solid 1px rgb(127.5, 127.5, 127.5);
  color: rgb(127.5, 127.5, 127.5);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}
#pretrack-wrapper .overview__works__name {
  color: #b28247;
  font-size: 16px;
  font-weight: 700;
}
#pretrack-wrapper .overview__works__zoom {
  width: 35px;
  height: 35px;
  background: #b28247;
  border-radius: 100%;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .overview__works__zoom {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 10px 0 0 auto;
  }
}
#pretrack-wrapper .overview__works__zoom::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M15.25,2.75C13.74,1.24,11.74,0.4,9.6,0.4c-2.14,0-4.15,0.83-5.66,2.34c-3,3-3.11,7.8-0.34,10.94l-3.2,3.2l0.71,0.71l3.2-3.2c1.51,1.33,3.39,2,5.28,2c2.05,0,4.1-0.78,5.66-2.34C18.37,10.94,18.37,5.87,15.25,2.75z M14.55,13.35c-2.73,2.73-7.17,2.73-9.9,0s-2.73-7.17,0-9.9C5.97,2.13,7.73,1.4,9.6,1.4c1.87,0,3.63,0.73,4.95,2.05C17.28,6.18,17.28,10.62,14.55,13.35z M10.1,7.9h3v1h-3v3h-1v-3h-3v-1h3v-3h1V7.9z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*==================================================

risk

==================================================*/
#pretrack-wrapper .risk {
  padding: 120px 0;
  background: #f6f6f4;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk {
    padding: 16% 0;
  }
}
#pretrack-wrapper .risk .cmn-ttl__txt {
  margin-bottom: 0.5em;
}
#pretrack-wrapper .risk__ttl__caution {
  margin: 0 0 0.75em;
  padding: 0.75em 0.5em 0.75em 1em;
  border: solid 1px #b28247;
  color: #b28247;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__ttl__caution {
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 16px;
  }
}
#pretrack-wrapper .risk__ttl__sub {
  margin-bottom: 2.5em;
  color: #b28247;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__ttl__sub {
    font-size: 14px;
  }
}
#pretrack-wrapper .risk__tab__btn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0 5px;
}
#pretrack-wrapper .risk__tab__btn button {
  padding: 1em;
  background: rgb(235.75, 223.75, 209);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #b28247;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.25;
  transition: background-color 0.5s, color 0.5s;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__btn button {
    padding: 0.5em 1em 0.25em;
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__btn button .small {
    font-size: 0.85714em;
  }
}
#pretrack-wrapper .risk__tab__btn button:hover {
  background: #b28247;
  color: #ffffff;
}
#pretrack-wrapper .risk__tab__btn button[data-tab-btn=active] {
  background: #b28247;
  color: #ffffff;
}
#pretrack-wrapper .risk__tab__btn button[data-tab-btn=active]:hover {
  cursor: default;
}
#pretrack-wrapper .risk__tab__container {
  padding: 60px 6.5%;
  background: #ffffff;
  border: solid 1px #b28247;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__container {
    padding: 11.9402985075% 5.9701492537%;
  }
}
#pretrack-wrapper .risk__tab__content {
  animation: fadeIn 0.7s ease-in-out forwards;
}
#pretrack-wrapper .risk__tab__content[data-tab-cont=hidden] {
  display: none;
}
#pretrack-wrapper .risk__tab__caution {
  margin: 0 0 40px;
  padding: 30px;
  background: #efefef;
  display: flex;
  gap: 0 4.5977011494%;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__caution {
    margin-bottom: 6.7796610169%;
    padding: 6.7796610169% 5.0847457627%;
    flex-direction: column;
  }
}
#pretrack-wrapper .risk__tab__caution__heading {
  color: #b28247;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__caution__heading {
    margin-bottom: 0.75em;
    font-size: 14px;
  }
}
#pretrack-wrapper .risk__tab__caution__list li {
  padding-left: 1.25em;
  position: relative;
}
#pretrack-wrapper .risk__tab__caution__list li::before {
  content: "";
  width: 0.85714em;
  height: 0.85714em;
  background: #b28247;
  border-radius: 100%;
  position: absolute;
  top: 0.5em;
  left: 0;
}
#pretrack-wrapper .risk__tab__caution__list li:not(:last-child) {
  margin-bottom: 0.5em;
}
#pretrack-wrapper .risk__tab__icon {
  width: 86.2068965517%;
  margin: 0 auto 80px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__icon {
    width: 100%;
    margin-bottom: 10.1694915254%;
  }
}
#pretrack-wrapper .risk__tab__floor {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__floor {
    flex-direction: column;
  }
}
#pretrack-wrapper .risk__tab__floor__list {
  width: 36.7816091954%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__floor__list {
    width: 100%;
    margin-bottom: 10.1694915254%;
  }
}
#pretrack-wrapper .risk__tab__floor__list li {
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__floor__list li {
    margin-bottom: 5.0847457627%;
  }
}
#pretrack-wrapper .risk__tab__floor__list li:last-child {
  margin-bottom: 0;
}
#pretrack-wrapper .risk__tab__floor__list li .supp {
  width: 20%;
  height: 23.8805970149%;
  position: absolute;
  bottom: 34.8837209302%;
  left: -9.375%;
}
#pretrack-wrapper .risk__tab__floor__img {
  width: 58.6206896552%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .risk__tab__floor__img {
    width: 100%;
  }
}
#pretrack-wrapper .risk__tab__notes {
  text-align: right;
}

/*==================================================

product

==================================================*/
#pretrack-wrapper .product {
  padding: 120px 0;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product {
    padding: 16% 0;
  }
}
#pretrack-wrapper .product__container {
  margin-bottom: 60px;
}
#pretrack-wrapper .product__lineup {
  margin: 0 0 20px 0;
  display: grid;
  gap: 0 5%;
  grid-auto-flow: column;
  justify-content: center;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__lineup {
    grid-auto-flow: row;
    gap: 5.3333333333vw 0;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__lineup__box {
    display: grid;
    justify-content: center;
  }
}
#pretrack-wrapper .product__lineup__category {
  margin-bottom: 0.5em;
  font-size: 12px;
}
#pretrack-wrapper .product__lineup__list {
  display: grid;
  gap: 0 15px;
  grid-auto-flow: column;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__lineup__list {
    justify-content: center;
  }
}
#pretrack-wrapper .product__lineup__img {
  height: 154px;
}
#pretrack-wrapper .product__lineup__img img {
  width: auto;
  height: 100%;
}
#pretrack-wrapper .product__lineup__type {
  margin-top: 0.5em;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}
#pretrack-wrapper .product__spec {
  width: 100%;
}
#pretrack-wrapper .product__spec__tap {
  margin-bottom: 0.5em;
  padding-left: 1.75em;
  color: #b28247;
  font-size: 11px;
  position: relative;
}
#pretrack-wrapper .product__spec__tap::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg%3E%3Cpath fill='%23b28247' d='M15.25,2.75C13.74,1.24,11.74,0.4,9.6,0.4c-2.14,0-4.15,0.83-5.66,2.34c-3,3-3.11,7.8-0.34,10.94l-3.2,3.2l0.71,0.71l3.2-3.2c1.51,1.33,3.39,2,5.28,2c2.05,0,4.1-0.78,5.66-2.34C18.37,10.94,18.37,5.87,15.25,2.75z M14.55,13.35c-2.73,2.73-7.17,2.73-9.9,0s-2.73-7.17,0-9.9C5.97,2.13,7.73,1.4,9.6,1.4c1.87,0,3.63,0.73,4.95,2.05C17.28,6.18,17.28,10.62,14.55,13.35z M10.1,7.9h3v1h-3v3h-1v-3h-3v-1h3v-3h1V7.9z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0;
}
#pretrack-wrapper .product__spec__table {
  pointer-events: none;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table {
    pointer-events: all;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table:hover {
    cursor: pointer;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table[data-table-wrap=active] {
    position: fixed;
    max-width: 89.3333333333%;
    height: 80% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    z-index: 10000;
  }
}
#pretrack-wrapper .product__spec__table table thead tr th,
#pretrack-wrapper .product__spec__table table tbody tr th {
  letter-spacing: normal;
}
#pretrack-wrapper .product__spec__table table thead tr th {
  background: #b4b4b4;
  color: #ffffff;
  font-size: 13px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th {
    font-size: clamp(11px, 2.9333333333vw, 22px);
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.category {
    min-width: 9em;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.type {
    min-width: 10em;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.grounding-ports {
    min-width: 19em;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.features {
    min-width: 10em;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.model-number {
    min-width: 11em;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table thead tr th.rating {
    min-width: 9em;
  }
}
#pretrack-wrapper .product__spec__table table tbody tr th {
  background: #ffffff;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table tbody tr th {
    font-size: clamp(11px, 2.9333333333vw, 22px);
  }
}
#pretrack-wrapper .product__spec__table table tbody tr th.notes {
  position: relative;
}
#pretrack-wrapper .product__spec__table table tbody tr th.notes::after {
  content: "※";
  position: absolute;
  top: 2px;
  right: 3px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table[data-table-zoom=zoomout] {
    transform-origin: top left;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table[data-table-zoom=zoomin] {
    display: block;
    transform: translate(0, -100%) scale(1) rotate(90deg) !important;
    transform-origin: bottom left;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table[data-table-zoom=zoomin] thead tr th {
    font-size: 11px;
  }
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__spec__table table[data-table-zoom=zoomin] tbody tr th {
    font-size: 11px;
  }
}
#pretrack-wrapper .product__spec__close {
  display: none;
  width: 22px;
  height: 22px;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
}
#pretrack-wrapper .product__spec__close[data-table-close=show] {
  display: block;
}
#pretrack-wrapper .product__spec__close span {
  width: 30px;
  height: 1px;
  background: #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
#pretrack-wrapper .product__spec__close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
#pretrack-wrapper .product__spec__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#pretrack-wrapper .product__spec__bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 9999;
  cursor: pointer;
}
#pretrack-wrapper .product__spec__bg[data-table-bg=hidden] {
  display: none;
}
#pretrack-wrapper .product__spec__bg[data-table-bg=show] {
  display: block;
}
#pretrack-wrapper .product__spec__notes {
  text-align: right;
}
#pretrack-wrapper .product__install {
  margin-bottom: 40px;
  padding: 60px 2.34375%;
  background: #f6f6f4;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install {
    margin-bottom: 10.6666666667%;
    padding: 10.6666666667% 5.3333333333%;
  }
}
#pretrack-wrapper .product__install__ttl {
  margin-bottom: 1em;
  padding-left: 0.75em;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__ttl {
    font-size: 18px;
  }
}
#pretrack-wrapper .product__install__ttl::before {
  content: "";
  width: 5px;
  height: calc(100% - 0.6em);
  background: #bbbbbb;
  position: absolute;
  top: 0.3em;
  left: 0;
}
#pretrack-wrapper .product__install__feature {
  margin: 0 0 20px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__feature {
    margin-bottom: 1em;
  }
}
#pretrack-wrapper .product__install__feature li {
  padding-left: 1em;
  text-indent: -1em;
}
#pretrack-wrapper .product__install__table {
  margin: 0 0 40px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__table {
    margin-bottom: 13.5593220339%;
  }
}
#pretrack-wrapper .product__install__table thead tr th {
  background: #e9e5e2;
  font-size: 11px;
}
#pretrack-wrapper .product__install__table tbody tr th {
  font-size: 11px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__table tbody tr th {
    padding: 1em 0.5em;
  }
}
#pretrack-wrapper .product__install__howto {
  display: flex;
  gap: 4.2553191489%;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__howto {
    flex-direction: column;
  }
}
#pretrack-wrapper .product__install__howto__heading {
  margin: 0 0 0.5em;
  padding: 0.5em;
  background: #b28247;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
#pretrack-wrapper .product__install__howto__txt {
  color: #b28247;
  font-weight: 700;
}
#pretrack-wrapper .product__install__howto__img {
  width: 356px;
}
@media (max-width: 750px) {
  #pretrack-wrapper .product__install__howto__img {
    width: 100%;
    margin-top: 10.1694915254%;
  }
}/*# sourceMappingURL=pretrack.css.map */