@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
.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);
  -webkit-backface-visibility: hidden;
  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), transparent);
}

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

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

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

.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%;
  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;
  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%;
  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;
  -webkit-backface-visibility: hidden;
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

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

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

.mod_headerbar.fixed {
  width: 100% !important;
}
.mod_headerbar.fixed::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  background: #fff;
  transform: translateX(-50%);
  z-index: -1;
}

body.is-bg-fixed-show .bg-fixed {
  display: block;
}

.mod_headerbar {
  width: 150% !important;
}

.titlenavigation {
  position: relative;
  z-index: 150 !important;
}

.holdings-header {
  z-index: 150 !important;
}

.mod_breadcrumb {
  width: 100vw !important;
  position: relative;
  z-index: 50 !important;
}

.bg-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 0;
  display: none;
}
.bg-fixed div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url(../img/what_risk_bg_pc.webp) center/cover no-repeat;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .bg-fixed div {
    background-position: 70% 0;
  }
}

.thunder-contents *:before,
.thunder-contents *:after,
.thunder-contents * {
  box-sizing: border-box;
}

.thunder-contents {
  color: #1D1D1D;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  line-height: 1;
  letter-spacing: 0.0em;
  /* break fs */
  /******************************/
  --col-black: #1D1D1D;
  --col-blue: #002E6A;
  --col-white: #ffffff;
  --col-yellow: #FFF700;
  --col-orange: #ED6C00;
  --col-green: #0F989C;
  --col-brown: #A78C46;
  --light-blue: #e1f3fc;
  --light-gray: #e4e4e4;
  --light-green: #E6F4F5;
  --light-brown: #F7F3E9;
  --col-81620: #e6e9ef;
  /* sec-risk */
}
.thunder-contents a {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}
.thunder-contents img {
  width: 100%;
  height: auto;
}
.thunder-contents .sp-disp {
  display: block;
}
.thunder-contents .pc-disp {
  display: none;
}
.thunder-contents .d-block {
  display: block;
}
.thunder-contents .ta-c {
  text-align: center !important;
}
.thunder-contents .br-pc {
  display: none;
}
@media screen and (min-width: 641px) {
  .thunder-contents .sp-disp {
    display: none;
  }
  .thunder-contents .pc-disp {
    display: block;
  }
  .thunder-contents .pt-10__pc {
    padding-top: 10px;
  }
  .thunder-contents .br-pc {
    display: inline;
  }
  .thunder-contents .br-sp {
    display: none;
  }
  .thunder-contents .ta-c__pc {
    text-align: center !important;
  }
  .thunder-contents .ta-r__pc {
    text-align: right !important;
  }
  .thunder-contents .w-430__pc {
    width: 430px;
  }
  .thunder-contents .w-380__pc {
    width: 380px;
  }
  .thunder-contents .w-1280__pc {
    width: 1280px;
  }
}
.thunder-contents .ff-barlow {
  font-family: "Barlow", sans-serif;
}
.thunder-contents sup {
  font-size: 60%;
  position: relative;
  top: 0.5em;
}
.thunder-contents .mv {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 660px;
  background: url(../img/mv_bg_pc.webp) center 0 no-repeat #000;
  background-size: auto 100%;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .mv {
    background: #000;
    height: 102.5641vw;
  }
}
.thunder-contents .mv .mv-img {
  display: block;
  position: relative;
  top: 39px;
  width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .mv .mv-img {
    top: 0;
    width: 100%;
  }
}
.thunder-contents .page-link {
  position: relative;
  z-index: 3;
  background: #fff;
  padding: 20px 0;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link {
    padding: 5.12821vw 5.12821vw;
  }
}
.thunder-contents .page-link ul {
  width: 1280px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul {
    width: 100%;
  }
}
.thunder-contents .page-link ul::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #BBBBBB;
  top: 0;
  right: 0;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul::after {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.thunder-contents .page-link ul li {
  position: relative;
  width: 256px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul li {
    width: 50%;
  }
  .thunder-contents .page-link ul li:nth-child(odd) .icon-arrow__btm {
    right: 2.5641vw;
  }
  .thunder-contents .page-link ul li:nth-child(even) {
    padding-left: 2.5641vw;
  }
}
.thunder-contents .page-link ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #BBBBBB;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul li::after {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.thunder-contents .page-link ul li a {
  display: grid;
  place-items: center;
  height: 60px;
  font-size: 15px;
  font-weight: 700;
  color: #002E6A;
  line-height: 1.5;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul li a {
    place-items: inherit;
    font-size: 3.07692vw;
    height: 13.33333vw;
    align-items: center;
  }
}
@media (hover: hover) {
  .thunder-contents .page-link ul li a {
    transition: opacity 0.3s ease-out;
  }
  .thunder-contents .page-link ul li a:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease-out;
  }
  .thunder-contents .page-link ul li a:hover span {
    transform: translateY(2px);
    transition: transform 0.3s ease-out;
  }
}
.thunder-contents .page-link ul li a span {
  transition: transform 0.3s ease-out;
}
.thunder-contents .page-link ul li a div {
  position: relative;
  display: inline-block;
  text-align: left;
  padding-right: 46px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .page-link ul li a div {
    position: static;
    padding-right: 10.25641vw;
  }
}
.thunder-contents .icon-arrow__btm {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background: #002E6A;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .icon-arrow__btm {
    margin-top: -3.07692vw;
    width: 6.15385vw;
    height: 6.15385vw;
    right: 0;
  }
}
.thunder-contents .icon-arrow__btm::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/icon_arrow_btm.webp) center center no-repeat;
  background-size: 50% 50%;
  top: 0;
  left: 0;
}
.thunder-contents .fs-10 {
  font-size: 10px;
  line-height: 1.5;
}
.thunder-contents .fs-11 {
  font-size: 11px;
  line-height: 1.5;
}
.thunder-contents .fs-12 {
  font-size: 12px;
  line-height: 1.5;
}
.thunder-contents .fs-13 {
  font-size: 13px;
  line-height: 1.5;
}
.thunder-contents .fs-14 {
  font-size: 14px;
  line-height: 1.5;
}
.thunder-contents .fs-15 {
  font-size: 15px;
  line-height: 1.5;
}
.thunder-contents .fs-16 {
  font-size: 16px;
  line-height: 1.8;
}
.thunder-contents .fs-17 {
  font-size: 17px;
  line-height: 1.8;
}
.thunder-contents .fs-18 {
  font-size: 18px;
  line-height: 1.8;
}
.thunder-contents .fs-19 {
  font-size: 19px;
  line-height: 1.8;
}
.thunder-contents .fs-20 {
  font-size: 20px;
  line-height: 1.8;
}
.thunder-contents .fs-21 {
  font-size: 21px;
  line-height: 1.6;
}
.thunder-contents .fs-22 {
  font-size: 22px;
  line-height: 1.6;
}
.thunder-contents .fs-23 {
  font-size: 23px;
  line-height: 1.6;
}
.thunder-contents .fs-24 {
  font-size: 24px;
  line-height: 1.6;
}
.thunder-contents .fs-25 {
  font-size: 25px;
  line-height: 1.6;
}
.thunder-contents .fs-26 {
  font-size: 26px;
  line-height: 1.6;
}
.thunder-contents .fs-27 {
  font-size: 27px;
  line-height: 1.6;
}
.thunder-contents .fs-28 {
  font-size: 28px;
  line-height: 1.6;
}
.thunder-contents .fs-29 {
  font-size: 29px;
  line-height: 1.4;
}
.thunder-contents .fs-30 {
  font-size: 30px;
  line-height: 1.4;
}
.thunder-contents .fs-31 {
  font-size: 31px;
  line-height: 1.4;
}
.thunder-contents .fs-32 {
  font-size: 32px;
  line-height: 1.4;
}
.thunder-contents .fs-33 {
  font-size: 33px;
  line-height: 1.4;
}
.thunder-contents .fs-34 {
  font-size: 34px;
  line-height: 1.4;
}
.thunder-contents .fs-35 {
  font-size: 35px;
  line-height: 1.4;
}
.thunder-contents .fs-36 {
  font-size: 36px;
  line-height: 1.4;
}
.thunder-contents .fs-37 {
  font-size: 37px;
  line-height: 1.4;
}
.thunder-contents .fs-38 {
  font-size: 38px;
  line-height: 1.4;
}
.thunder-contents .fs-39 {
  font-size: 39px;
  line-height: 1.4;
}
.thunder-contents .fs-40 {
  font-size: 40px;
  line-height: 1.4;
}
.thunder-contents .fs-41 {
  font-size: 41px;
  line-height: 1.2;
}
.thunder-contents .fs-42 {
  font-size: 42px;
  line-height: 1.2;
}
.thunder-contents .fs-43 {
  font-size: 43px;
  line-height: 1.2;
}
.thunder-contents .fs-44 {
  font-size: 44px;
  line-height: 1.2;
}
.thunder-contents .fs-45 {
  font-size: 45px;
  line-height: 1.2;
}
.thunder-contents .fs-46 {
  font-size: 46px;
  line-height: 1.2;
}
.thunder-contents .fs-47 {
  font-size: 47px;
  line-height: 1.2;
}
.thunder-contents .fs-48 {
  font-size: 48px;
  line-height: 1.2;
}
.thunder-contents .fs-49 {
  font-size: 49px;
  line-height: 1.2;
}
.thunder-contents .fs-50 {
  font-size: 50px;
  line-height: 1.2;
}
.thunder-contents .fs-51 {
  font-size: 51px;
  line-height: 1.2;
}
.thunder-contents .fs-52 {
  font-size: 52px;
  line-height: 1.2;
}
.thunder-contents .fs-53 {
  font-size: 53px;
  line-height: 1.2;
}
.thunder-contents .fs-54 {
  font-size: 54px;
  line-height: 1.2;
}
.thunder-contents .fs-55 {
  font-size: 55px;
  line-height: 1.2;
}
.thunder-contents .fs-56 {
  font-size: 56px;
  line-height: 1.2;
}
.thunder-contents .fs-57 {
  font-size: 57px;
  line-height: 1.2;
}
.thunder-contents .fs-58 {
  font-size: 58px;
  line-height: 1.2;
}
.thunder-contents .fs-59 {
  font-size: 59px;
  line-height: 1.2;
}
.thunder-contents .fs-60 {
  font-size: 60px;
  line-height: 1.2;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .fs-10__sp {
    font-size: 2.5641vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-11__sp {
    font-size: 2.82051vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-12__sp {
    font-size: 3.07692vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-13__sp {
    font-size: 3.33333vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-14__sp {
    font-size: 3.58974vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-15__sp {
    font-size: 3.84615vw !important;
    line-height: 1.5;
  }
  .thunder-contents .fs-16__sp {
    font-size: 4.10256vw !important;
    line-height: 1.8;
  }
  .thunder-contents .fs-17__sp {
    font-size: 4.35897vw !important;
    line-height: 1.8;
  }
  .thunder-contents .fs-18__sp {
    font-size: 4.61538vw !important;
    line-height: 1.8;
  }
  .thunder-contents .fs-19__sp {
    font-size: 4.87179vw !important;
    line-height: 1.8;
  }
  .thunder-contents .fs-20__sp {
    font-size: 5.12821vw !important;
    line-height: 1.8;
  }
  .thunder-contents .fs-21__sp {
    font-size: 5.38462vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-22__sp {
    font-size: 5.64103vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-23__sp {
    font-size: 5.89744vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-24__sp {
    font-size: 6.15385vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-25__sp {
    font-size: 6.41026vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-26__sp {
    font-size: 6.66667vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-27__sp {
    font-size: 6.92308vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-28__sp {
    font-size: 7.17949vw !important;
    line-height: 1.6;
  }
  .thunder-contents .fs-29__sp {
    font-size: 7.4359vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-30__sp {
    font-size: 7.69231vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-31__sp {
    font-size: 7.94872vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-32__sp {
    font-size: 8.20513vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-33__sp {
    font-size: 8.46154vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-34__sp {
    font-size: 8.71795vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-35__sp {
    font-size: 8.97436vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-36__sp {
    font-size: 9.23077vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-37__sp {
    font-size: 9.48718vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-38__sp {
    font-size: 9.74359vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-39__sp {
    font-size: 10vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-40__sp {
    font-size: 10.25641vw !important;
    line-height: 1.4;
  }
  .thunder-contents .fs-41__sp {
    font-size: 10.51282vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-42__sp {
    font-size: 10.76923vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-43__sp {
    font-size: 11.02564vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-44__sp {
    font-size: 11.28205vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-45__sp {
    font-size: 11.53846vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-46__sp {
    font-size: 11.79487vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-47__sp {
    font-size: 12.05128vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-48__sp {
    font-size: 12.30769vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-49__sp {
    font-size: 12.5641vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-50__sp {
    font-size: 12.82051vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-51__sp {
    font-size: 13.07692vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-52__sp {
    font-size: 13.33333vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-53__sp {
    font-size: 13.58974vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-54__sp {
    font-size: 13.84615vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-55__sp {
    font-size: 14.10256vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-56__sp {
    font-size: 14.35897vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-57__sp {
    font-size: 14.61538vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-58__sp {
    font-size: 14.87179vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-59__sp {
    font-size: 15.12821vw !important;
    line-height: 1.2;
  }
  .thunder-contents .fs-60__sp {
    font-size: 15.38462vw !important;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-10 {
    font-size: 10px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-11 {
    font-size: 11px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-12 {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-13 {
    font-size: 13px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-14 {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-15 {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-16 {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-17 {
    font-size: 17px;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-18 {
    font-size: 18px;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-19 {
    font-size: 19px;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-20 {
    font-size: 20px;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-21 {
    font-size: 21px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-22 {
    font-size: 22px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-23 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-24 {
    font-size: 24px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-25 {
    font-size: 25px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-26 {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-27 {
    font-size: 27px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-28 {
    font-size: 28px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-29 {
    font-size: 29px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-30 {
    font-size: 30px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-31 {
    font-size: 31px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-32 {
    font-size: 32px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-33 {
    font-size: 33px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-34 {
    font-size: 34px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-35 {
    font-size: 35px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-36 {
    font-size: 36px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-37 {
    font-size: 37px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-38 {
    font-size: 38px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-39 {
    font-size: 39px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .thunder-contents .md\:fs-40 {
    font-size: 40px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-10 {
    font-size: 10px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-11 {
    font-size: 11px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-12 {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-13 {
    font-size: 13px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-14 {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-15 {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-16 {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-17 {
    font-size: 17px;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-18 {
    font-size: 18px;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-19 {
    font-size: 19px;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-20 {
    font-size: 20px;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-21 {
    font-size: 21px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-22 {
    font-size: 22px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-23 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-24 {
    font-size: 24px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-25 {
    font-size: 25px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-26 {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-27 {
    font-size: 27px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-28 {
    font-size: 28px;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-29 {
    font-size: 29px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-30 {
    font-size: 30px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-31 {
    font-size: 31px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-32 {
    font-size: 32px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-33 {
    font-size: 33px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-34 {
    font-size: 34px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-35 {
    font-size: 35px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-36 {
    font-size: 36px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-37 {
    font-size: 37px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-38 {
    font-size: 38px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-39 {
    font-size: 39px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .thunder-contents .lg\:fs-40 {
    font-size: 40px;
    line-height: 1.4;
  }
}
.thunder-contents .ta-l {
  text-align: left;
}
.thunder-contents .mx-auto {
  margin-inline: auto;
}
.thunder-contents .pt-10 {
  padding-top: 10px;
}
.thunder-contents .mt-10 {
  margin-top: 10px;
}
.thunder-contents .mb-02 {
  margin-bottom: 2px;
}
.thunder-contents .mb-05 {
  margin-bottom: 5px;
}
.thunder-contents .mb-54 {
  margin-bottom: 54px;
}
.thunder-contents .w-per-90 {
  width: 90%;
}
.thunder-contents .mb-10 {
  margin-bottom: 10px !important;
}
.thunder-contents .mb-15 {
  margin-bottom: 15px !important;
}
.thunder-contents .mb-20 {
  margin-bottom: 20px !important;
}
.thunder-contents .mb-25 {
  margin-bottom: 25px !important;
}
.thunder-contents .mb-30 {
  margin-bottom: 30px !important;
}
.thunder-contents .mb-35 {
  margin-bottom: 35px !important;
}
.thunder-contents .mb-40 {
  margin-bottom: 40px !important;
}
.thunder-contents .mb-45 {
  margin-bottom: 45px !important;
}
.thunder-contents .mb-50 {
  margin-bottom: 50px !important;
}
.thunder-contents .mb-55 {
  margin-bottom: 55px !important;
}
.thunder-contents .mb-60 {
  margin-bottom: 60px !important;
}
.thunder-contents .mb-65 {
  margin-bottom: 65px !important;
}
.thunder-contents .mb-70 {
  margin-bottom: 70px !important;
}
.thunder-contents .mb-75 {
  margin-bottom: 75px !important;
}
.thunder-contents .mb-80 {
  margin-bottom: 80px !important;
}
.thunder-contents .mb-85 {
  margin-bottom: 85px !important;
}
.thunder-contents .mb-90 {
  margin-bottom: 90px !important;
}
.thunder-contents .mb-95 {
  margin-bottom: 95px !important;
}
.thunder-contents .mb-100 {
  margin-bottom: 100px !important;
}
.thunder-contents .mb-105 {
  margin-bottom: 105px !important;
}
.thunder-contents .mb-110 {
  margin-bottom: 110px !important;
}
.thunder-contents .mb-115 {
  margin-bottom: 115px !important;
}
.thunder-contents .mb-120 {
  margin-bottom: 120px !important;
}
.thunder-contents .mb-125 {
  margin-bottom: 125px !important;
}
.thunder-contents .mb-130 {
  margin-bottom: 130px !important;
}
.thunder-contents .mb-135 {
  margin-bottom: 135px !important;
}
.thunder-contents .mb-140 {
  margin-bottom: 140px !important;
}
.thunder-contents .mb-145 {
  margin-bottom: 145px !important;
}
.thunder-contents .mb-150 {
  margin-bottom: 150px !important;
}
.thunder-contents .mb-155 {
  margin-bottom: 155px !important;
}
.thunder-contents .mb-160 {
  margin-bottom: 160px !important;
}
.thunder-contents .mb-165 {
  margin-bottom: 165px !important;
}
.thunder-contents .mb-170 {
  margin-bottom: 170px !important;
}
.thunder-contents .mb-175 {
  margin-bottom: 175px !important;
}
.thunder-contents .mb-180 {
  margin-bottom: 180px !important;
}
.thunder-contents .mb-185 {
  margin-bottom: 185px !important;
}
.thunder-contents .mb-190 {
  margin-bottom: 190px !important;
}
.thunder-contents .mb-195 {
  margin-bottom: 195px !important;
}
.thunder-contents .mb-200 {
  margin-bottom: 200px !important;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .mb-10__sp {
    margin-bottom: 2.5641vw !important;
  }
  .thunder-contents .mb-15__sp {
    margin-bottom: 3.84615vw !important;
  }
  .thunder-contents .mb-20__sp {
    margin-bottom: 5.12821vw !important;
  }
  .thunder-contents .mb-25__sp {
    margin-bottom: 6.41026vw !important;
  }
  .thunder-contents .mb-30__sp {
    margin-bottom: 7.69231vw !important;
  }
  .thunder-contents .mb-35__sp {
    margin-bottom: 8.97436vw !important;
  }
  .thunder-contents .mb-40__sp {
    margin-bottom: 10.25641vw !important;
  }
  .thunder-contents .mb-45__sp {
    margin-bottom: 11.53846vw !important;
  }
  .thunder-contents .mb-50__sp {
    margin-bottom: 12.82051vw !important;
  }
  .thunder-contents .mb-55__sp {
    margin-bottom: 14.10256vw !important;
  }
  .thunder-contents .mb-60__sp {
    margin-bottom: 15.38462vw !important;
  }
  .thunder-contents .mb-65__sp {
    margin-bottom: 16.66667vw !important;
  }
  .thunder-contents .mb-70__sp {
    margin-bottom: 17.94872vw !important;
  }
  .thunder-contents .mb-75__sp {
    margin-bottom: 19.23077vw !important;
  }
  .thunder-contents .mb-80__sp {
    margin-bottom: 20.51282vw !important;
  }
  .thunder-contents .mb-85__sp {
    margin-bottom: 21.79487vw !important;
  }
  .thunder-contents .mb-90__sp {
    margin-bottom: 23.07692vw !important;
  }
  .thunder-contents .mb-95__sp {
    margin-bottom: 24.35897vw !important;
  }
  .thunder-contents .mb-100__sp {
    margin-bottom: 25.64103vw !important;
  }
  .thunder-contents .mb-105__sp {
    margin-bottom: 26.92308vw !important;
  }
  .thunder-contents .mb-110__sp {
    margin-bottom: 28.20513vw !important;
  }
  .thunder-contents .mb-115__sp {
    margin-bottom: 29.48718vw !important;
  }
  .thunder-contents .mb-120__sp {
    margin-bottom: 30.76923vw !important;
  }
  .thunder-contents .mb-125__sp {
    margin-bottom: 32.05128vw !important;
  }
  .thunder-contents .mb-130__sp {
    margin-bottom: 33.33333vw !important;
  }
  .thunder-contents .mb-135__sp {
    margin-bottom: 34.61538vw !important;
  }
  .thunder-contents .mb-140__sp {
    margin-bottom: 35.89744vw !important;
  }
  .thunder-contents .mb-145__sp {
    margin-bottom: 37.17949vw !important;
  }
  .thunder-contents .mb-150__sp {
    margin-bottom: 38.46154vw !important;
  }
  .thunder-contents .mb-155__sp {
    margin-bottom: 39.74359vw !important;
  }
  .thunder-contents .mb-160__sp {
    margin-bottom: 41.02564vw !important;
  }
  .thunder-contents .mb-165__sp {
    margin-bottom: 42.30769vw !important;
  }
  .thunder-contents .mb-170__sp {
    margin-bottom: 43.58974vw !important;
  }
  .thunder-contents .mb-175__sp {
    margin-bottom: 44.87179vw !important;
  }
  .thunder-contents .mb-180__sp {
    margin-bottom: 46.15385vw !important;
  }
  .thunder-contents .mb-185__sp {
    margin-bottom: 47.4359vw !important;
  }
  .thunder-contents .mb-190__sp {
    margin-bottom: 48.71795vw !important;
  }
  .thunder-contents .mb-195__sp {
    margin-bottom: 50vw !important;
  }
  .thunder-contents .mb-200__sp {
    margin-bottom: 51.28205vw !important;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .mx-auto__sp {
    margin-inline: auto !important;
  }
  .thunder-contents .mb-0__sp {
    margin-bottom: 0 !important;
  }
  .thunder-contents .mb-05__sp {
    margin-bottom: 5px !important;
  }
  .thunder-contents .mb-08__sp {
    margin-bottom: 8px !important;
  }
  .thunder-contents .mb-10__sp {
    margin-bottom: 10px !important;
  }
  .thunder-contents .mb-20__sp {
    margin-bottom: 20px !important;
  }
  .thunder-contents .mb-25__sp {
    margin-bottom: 25px !important;
  }
  .thunder-contents .ta-c__sp {
    text-align: center !important;
  }
  .thunder-contents .ta-l__sp {
    text-align: left !important;
  }
  .thunder-contents .w-176__sp {
    width: 45.12821vw !important;
  }
  .thunder-contents .w-350__sp {
    width: 89.74359vw !important;
  }
  .thunder-contents .w-hack__sp {
    position: relative;
    width: 120%;
    left: -10%;
  }
}
.thunder-contents .col-black {
  color: var(--col-black) !important;
}
.thunder-contents .bg-black {
  background: var(--col-black) !important;
}
.thunder-contents .col-blue {
  color: var(--col-blue) !important;
}
.thunder-contents .bg-blue {
  background: var(--col-blue) !important;
}
.thunder-contents .col-yellow {
  color: var(--col-yellow) !important;
}
.thunder-contents .bg-yellow {
  background: var(--col-yellow) !important;
}
.thunder-contents .col-orange {
  color: var(--col-orange) !important;
}
.thunder-contents .bg-orange {
  background: var(--col-orange) !important;
}
.thunder-contents .col-green {
  color: var(--col-green) !important;
}
.thunder-contents .bg-green {
  background: var(--col-green) !important;
}
.thunder-contents .col-brown {
  color: var(--col-brown) !important;
}
.thunder-contents .bg-brown {
  background: var(--col-brown) !important;
}
.thunder-contents .col-light-blue {
  color: var(--light-blue) !important;
}
.thunder-contents .bg-light-blue {
  background: var(--light-blue) !important;
}
.thunder-contents .col-light-gray {
  color: var(--light-gray) !important;
}
.thunder-contents .bg-light-gray {
  background: var(--light-gray) !important;
}
.thunder-contents .col-light-green {
  color: var(--light-green) !important;
}
.thunder-contents .bg-light-green {
  background: var(--light-green) !important;
}
.thunder-contents .col-light-brown {
  color: var(--light-brown) !important;
}
.thunder-contents .bg-light-brown {
  background: var(--light-brown) !important;
}
.thunder-contents .col-col-81620 {
  color: var(--col-81620) !important;
}
.thunder-contents .bg-col-81620 {
  background: var(--col-81620) !important;
}
.thunder-contents .col-white {
  color: var(--col-white) !important;
}
.thunder-contents .bg-white {
  background: var(--col-white) !important;
}
.thunder-contents .marker {
  /* インライン要素のままでOK（span） */
  background-image: linear-gradient(to bottom, transparent 60%, var(--col-yellow) 60%, var(--col-yellow) 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.thunder-contents .radius-s {
  border-radius: 10px;
  overflow: hidden;
}
.thunder-contents .radius-m {
  border-radius: 20px;
  overflow: hidden;
}
.thunder-contents .radius-l {
  border-radius: 30px;
  overflow: hidden;
}
.thunder-contents .lh-1 {
  line-height: 1 !important;
}
.thunder-contents .lh-13 {
  line-height: 1.3 !important;
}
.thunder-contents .lh-14 {
  line-height: 1.4 !important;
}
.thunder-contents .lh-15 {
  line-height: 1.5 !important;
}
.thunder-contents .lh-16 {
  line-height: 1.6 !important;
}
.thunder-contents .lh-21 {
  line-height: 2.1 !important;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .hack-pos__sp {
    text-align: left;
    position: relative;
    left: 2.5641vw;
  }
  .thunder-contents .mt-5-minus__sp {
    margin-top: -1.28205vw !important;
  }
  .thunder-contents .lh-1__sp {
    line-height: 1 !important;
  }
  .thunder-contents .lh-13__sp {
    line-height: 1.3 !important;
  }
  .thunder-contents .lh-15__sp {
    line-height: 1.5 !important;
  }
  .thunder-contents .lh-16__sp {
    line-height: 1.6 !important;
  }
  .thunder-contents .lh-18__sp {
    line-height: 1.8 !important;
  }
}
.thunder-contents .fw-bold {
  font-weight: 700;
}
.thunder-contents .fw-semibold {
  font-weight: 600;
}
.thunder-contents .fw-medium {
  font-weight: 500;
}
.thunder-contents .fw-regular {
  font-weight: 400;
}
.thunder-contents .txt-copy {
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .txt-copy {
    margin-inline: auto;
    text-align: left;
    font-size: 4.10256vw;
  }
}
.thunder-contents .ttl-sec {
  display: inline-block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-sec {
    margin-bottom: 6.15385vw;
  }
}
.thunder-contents .ttl-sec > span {
  display: block;
}
.thunder-contents .ttl-sec > span.-en {
  margin-bottom: 16px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-sec > span.-en {
    margin-bottom: 4.10256vw;
  }
}
.thunder-contents .ttl-sec > span.-en img {
  width: auto;
  height: 44px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-sec > span.-en img {
    height: 8.20513vw;
  }
}
.thunder-contents .ttl-sec > span.-ja {
  font-weight: 700;
  color: #fff;
  font-size: 30px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-sec > span.-ja {
    line-height: 1.4;
    font-size: 3.58974vw;
  }
}
.thunder-contents .ttl-sec > span.-ja span {
  font-size: 48px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-sec > span.-ja span {
    font-size: 6.15385vw;
  }
}
.thunder-contents .ttl-line__btm {
  text-align: left;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 20px;
  color: #002E6A;
  border-bottom: 2px solid #002E6A;
}
.thunder-contents .ttl-line__btm > span {
  display: block;
  margin-bottom: 14px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-line__btm > span {
    margin-bottom: 2.5641vw;
  }
}
.thunder-contents .ttl-line__btm > span span {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 50px;
  overflow: hidden;
  background: #002E6A;
  color: #FFF700;
  font-size: 14px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-line__btm > span span {
    padding: 1.02564vw 2.5641vw 1.28205vw;
    font-size: 3.07692vw;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-line__btm {
    font-size: 5.12821vw;
    padding-bottom: 3.07692vw;
  }
}
.thunder-contents .ttl-line__btm:has(img) {
  padding-bottom: 1.02564vw;
}
.thunder-contents .ttl-line__center {
  text-align: center;
  overflow: hidden;
}
.thunder-contents .ttl-line__center > span {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #002E6A;
  padding: 0 20px;
  display: inline-block;
  line-height: 1.3;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-line__center > span {
    font-size: 4.10256vw;
    padding: 0 2.5641vw;
  }
}
.thunder-contents .ttl-line__center > span span {
  font-size: 14px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-line__center > span span {
    font-size: 3.07692vw;
  }
}
.thunder-contents .ttl-line__center > span::before, .thunder-contents .ttl-line__center > span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 1px;
  background: #002E6A;
  top: 50%;
}
.thunder-contents .ttl-line__center > span::before {
  right: -100vw;
}
.thunder-contents .ttl-line__center > span::after {
  left: -100vw;
}
.thunder-contents .ttl-bg__round {
  text-align: center;
  background: var(--col-blue);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 100px;
  padding: 12px 0 13px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-bg__round {
    font-size: 4.10256vw;
    padding: 2.5641vw 0 2.82051vw;
  }
  .thunder-contents .ttl-bg__round span {
    display: block;
    font-size: 3.07692vw;
    margin-bottom: 0.76923vw;
  }
}
.thunder-contents .ttl-icon {
  position: relative;
  font-size: 16px;
  color: #002E6A;
  margin-bottom: 14px;
  font-weight: 600;
  padding-left: 30px;
}
.thunder-contents .ttl-icon span {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  margin-top: -1px;
  left: 0;
}
.thunder-contents .ttl-icon span.-question {
  background: url(../img/icon_question.webp) 0 0 no-repeat;
  background-size: 100% auto;
}
.thunder-contents .ttl-icon span.-check {
  background: url(../img/icon_check.webp) 0 0 no-repeat;
  background-size: 100% auto;
}
.thunder-contents .ttl-label {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-label {
    font-size: 5.12821vw;
    margin-bottom: 5.12821vw;
    line-height: 1.4;
  }
}
.thunder-contents .ttl-label > span {
  display: block;
  margin-bottom: 14px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-label > span {
    margin-bottom: 2.5641vw;
  }
}
.thunder-contents .ttl-label > span span {
  display: inline-block;
  font-size: 15px;
  background: var(--col-blue);
  color: #fff;
  padding: 8px 18px 9px;
  border-radius: 100px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-label > span span {
    line-height: 1;
    padding: 1.28205vw 2.5641vw 1.28205vw;
    font-size: 3.07692vw;
  }
}
.thunder-contents .ttl-diagonal {
  text-align: center;
}
.thunder-contents .ttl-diagonal > span {
  display: inline-block;
  padding: 0 10px;
  font-size: 20px;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span {
    padding: 0 3.84615vw;
    font-size: 4.61538vw;
    line-height: 1.4;
  }
}
.thunder-contents .ttl-diagonal > span span {
  position: absolute;
  display: block;
  bottom: 0;
  width: 2px;
  height: 10px;
}
.thunder-contents .ttl-diagonal > span span:first-child {
  left: 0;
}
.thunder-contents .ttl-diagonal > span span:first-child::before {
  left: -9px;
  transform: rotate(-44deg);
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span:first-child::before {
    left: 2.30769vw;
  }
}
.thunder-contents .ttl-diagonal > span span:first-child::after {
  left: 0;
  transform: rotate(-25deg);
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span:first-child::after {
    left: 4.61538vw;
  }
}
.thunder-contents .ttl-diagonal > span span:last-child {
  right: 0;
}
.thunder-contents .ttl-diagonal > span span:last-child::before {
  right: -9px;
  transform: rotate(44deg);
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span:last-child::before {
    right: 2.30769vw;
  }
}
.thunder-contents .ttl-diagonal > span span:last-child::after {
  right: 0;
  transform: rotate(25deg);
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span:last-child::after {
    right: 4.61538vw;
  }
}
.thunder-contents .ttl-diagonal > span span::before, .thunder-contents .ttl-diagonal > span span::after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100px;
  overflow: hidden;
  transform-origin: 50% 100%;
}
.thunder-contents .ttl-diagonal > span span::after {
  bottom: 0;
  height: 20px;
  background: #fff;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span::after {
    height: 7.69231vw;
  }
}
.thunder-contents .ttl-diagonal > span span::before {
  bottom: 0px;
  height: 14px;
  background: #fff;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ttl-diagonal > span span::before {
    height: 5.38462vw;
  }
}
.thunder-contents .flex-items {
  display: flex;
  justify-content: space-between;
}
.thunder-contents .flex-items .flex-item {
  position: relative;
}
.thunder-contents .flex-items .flex-item a.js-modal-btn {
  position: absolute;
  width: 100%;
  height: 84.5%;
  top: 0;
  left: 0;
}
.thunder-contents .flex-items .flex-item a.js-modal-btn img {
  display: block;
  width: 30px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transition: opacity 0.3s ease-out;
}
.thunder-contents .flex-items .flex-item a.js-modal-btn:hover img {
  opacity: 0.7;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items .flex-item a.js-modal-btn {
    display: none;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items {
    display: grid;
    gap: 2.5641vw 0;
  }
  .thunder-contents .flex-items .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items.-w-610__pc:has(> :nth-child(2):last-child) .flex-item {
  width: 610px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items.-w-610__pc:has(> :nth-child(2):last-child) .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items.-w-550__pc:has(> :nth-child(2):last-child) .flex-item {
  width: 550px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items.-w-550__pc:has(> :nth-child(2):last-child) .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items.-w-530__pc:has(> :nth-child(2):last-child) .flex-item {
  width: 530px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items.-w-530__pc:has(> :nth-child(2):last-child) .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items:has(> :nth-child(2):last-child) .flex-item {
  width: 540px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items:has(> :nth-child(2):last-child) .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items:has(> :nth-child(3):last-child) .flex-item {
  width: 360px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items:has(> :nth-child(3):last-child) .flex-item {
    width: 100%;
  }
}
.thunder-contents .flex-items:has(> :nth-child(3):last-child) .box-round {
  height: 406px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .flex-items:has(> :nth-child(3):last-child) .box-round {
    height: auto;
  }
}
.thunder-contents .box-round {
  position: relative;
  border-radius: 10px;
  background: #F0F3F7;
  padding: 30px 40px 30px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round {
    border-radius: 2.5641vw;
    padding: 5.12821vw 6.41026vw 5.12821vw;
  }
}
.thunder-contents .box-round.-type-cost {
  text-align: left;
  padding: 36px 40px 52px 364px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round.-type-cost {
    padding: 5.12821vw 0 5.12821vw;
  }
}
.thunder-contents .box-round:has(.ttl-icon) {
  padding: 22px 30px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round:has(.ttl-icon) {
    border-radius: 1.53846vw;
    padding: 5.12821vw 5.12821vw 5.12821vw;
  }
}
.thunder-contents .box-round:has(.list-indent) {
  padding: 30px 40px 16px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round:has(.list-indent) {
    padding: 5.12821vw 5.12821vw 5.12821vw;
  }
}
.thunder-contents .box-round:has(.box-round__inner) {
  padding: 0 0 0;
  overflow: hidden;
}
.thunder-contents .box-round:has(.lineup-items) {
  padding: 50px 0 60px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round:has(.lineup-items) {
    padding: 5.12821vw 6.41026vw 5.12821vw;
  }
}
.thunder-contents .box-round__inner {
  padding: 24px 40px 24px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .box-round__inner {
    padding: 5.12821vw 6.41026vw 5.12821vw;
  }
}
.thunder-contents .pos-relative {
  position: relative;
  padding-right: 0.2em;
  padding-left: 0.4em;
}
.thunder-contents .img-earthquake-02 {
  position: relative;
  left: -20px;
  width: 490px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .img-earthquake-02 {
    display: block;
    left: 1.28205vw;
    width: 100%;
    transform: scale(1.2);
  }
}
.thunder-contents .hack-kome-2 {
  position: relative;
  top: -4px;
  right: 4px;
}
.thunder-contents .hack-kome-3 {
  position: absolute;
  top: -18px;
  right: -2px;
}
.thunder-contents .ill-lightningarrester {
  position: absolute;
  width: 150px;
  top: 11px;
  left: 196px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .ill-lightningarrester {
    position: static;
    width: 23.07692vw;
    margin: 0 auto 2.5641vw;
  }
}
.thunder-contents .hack-txt__01 {
  width: 720px;
  position: relative;
  left: -370px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .hack-txt__01 {
    width: 100%;
    left: 0;
  }
}
.thunder-contents .sec-what {
  position: relative;
  z-index: 3;
  padding: 120px 0 0;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-what {
    padding: 12.82051vw 0 0;
  }
}
.thunder-contents .what-box {
  position: relative;
  width: 1280px;
  height: 721px;
  background: url(../img/what_con_bg_pc.webp) 0 0 no-repeat;
  background-size: 100% auto;
  margin-inline: auto;
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .what-box {
    width: 89.74359vw;
    height: 188.71795vw;
    background: url(../img/what_con_bg_sp.webp) 0 0 no-repeat;
    background-size: 100% auto;
    margin-bottom: 9.23077vw;
  }
}
.thunder-contents .what-box__img {
  position: absolute;
  z-index: 2;
  top: 69px;
  left: 55px;
  width: 578px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .what-box__img {
    position: absolute;
    top: 5.89744vw;
    left: 11.53846vw;
    width: 61.53846vw;
  }
}
.thunder-contents .what-box__con {
  position: relative;
  z-index: 1;
  width: 730px;
  top: 40px;
  left: 550px;
  padding: 103px 80px 105px 120PX;
  padding: 103px 80px 0 120PX;
  border-radius: 10px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .what-box__con {
    position: absolute;
    top: 69.23077vw;
    left: 5.12821vw;
    width: 84.61538vw;
    padding: 0 0 0 0;
    padding: 6.41026vw 6.41026vw 5.12821vw 6.41026vw;
    background: #fff;
    border-radius: 2.5641vw;
    height: auto;
  }
}
.thunder-contents .movie-items {
  width: 1280px;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .movie-items {
    display: block;
    width: 89.74359vw;
  }
}
.thunder-contents .movie-item {
  width: 610px;
  padding: 8px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .movie-item {
    width: 100%;
    border-radius: 2.05128vw;
    margin-bottom: 5.12821vw;
  }
  .thunder-contents .movie-item:last-child {
    margin-bottom: 0;
  }
}
.thunder-contents .movie-item a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .movie-item a {
    border-radius: 1.02564vw;
  }
}
.thunder-contents .movie-item a img {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .movie-item a img {
    margin-bottom: 1.53846vw;
  }
}
.thunder-contents .movie-item a span {
  display: block;
  padding: 10px 0;
  font-size: 17px;
  color: #1D1D1D;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .movie-item a span {
    padding: 1.53846vw 0 2.05128vw;
    font-size: 3.58974vw;
  }
}
.thunder-contents .sec-risk {
  position: relative;
  z-index: 3;
  padding: 150px 0 120px;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-risk {
    padding: 10.25641vw 0 20.51282vw;
  }
}
.thunder-contents .sec-risk__txt {
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 1.8;
}
.thunder-contents .risk-items {
  width: 1280px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-items {
    width: 89.74359vw;
  }
}
.thunder-contents .risk-items .risk-item {
  margin-bottom: 80px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-items .risk-item {
    margin-bottom: 5.12821vw;
    border-radius: 1.53846vw;
  }
  .thunder-contents .risk-items .risk-item.-hack-scroll__sp {
    overflow: hidden;
  }
}
.thunder-contents .risk-items .risk-item:last-child {
  margin-bottom: 0;
}
.thunder-contents .risk-item__ttl {
  text-align: center;
  background: #F6E70A;
  padding: 16px 0;
  font-size: 34px;
  font-weight: 900;
  color: #002E6A;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-item__ttl {
    display: grid;
    align-items: center;
    padding: 3.58974vw 0;
    font-size: 5.12821vw;
    line-height: 1.4;
    min-height: 20.51282vw;
  }
}
.thunder-contents .risk-item__con {
  position: relative;
}
.thunder-contents .risk-item__con:has(> p:first-child) {
  padding: 32px 80px 32px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-item__con:has(> p:first-child) {
    padding: 6.41026vw 5.64103vw;
  }
}
.thunder-contents .risk-item__con:has(> .risk-item__img:first-child) {
  padding: 20px 20px 24px;
}
.thunder-contents .risk-item__con.-pb-l {
  padding: 32px 80px 60px !important;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-item__con.-pb-l {
    padding: 6.41026vw 5.64103vw !important;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .risk-item__con:has(.risk-item__img) {
    padding: 0 0 0 !important;
  }
  .thunder-contents .risk-item__con:has(.risk-item__img) .txt {
    padding: 6.41026vw 5.64103vw;
  }
}
.thunder-contents .img-gorogoro {
  width: 250px;
  position: absolute;
  top: -30px;
  right: 50px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .img-gorogoro {
    width: 25.64103vw;
    top: 5.12821vw;
    right: 2.5641vw;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .hack-gorogoro {
    padding-right: 25.64103vw;
  }
}
.thunder-contents .img-gragra {
  width: 229px;
  position: absolute;
  top: -44px;
  right: 155px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .img-gragra {
    width: 20.76923vw;
    top: -5.12821vw;
    right: 10.25641vw;
  }
}
.thunder-contents .sec-recommend {
  position: relative;
  z-index: 3;
  background: #002E6A;
  background: url(../img/bg_star_pc.webp) center 34px no-repeat #002E6A;
  background-size: 1695px 354px;
  padding: 100px 0 170px;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-recommend {
    background: url(../img/bg_star_sp.webp) center 3.33333vw no-repeat #002E6A;
    background-size: 100vw 33.33333vw;
    padding: 10.25641vw 0 20.51282vw;
  }
}
.thunder-contents .sec-recommend::before {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 20px;
  top: -19px;
  left: 0;
  background: url(../img/bg_giza.webp) center 0 repeat-x;
  background-size: 30px 20px;
  z-index: 1;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-recommend::before {
    background-size: 7.69231vw 5.12821vw;
    height: 5.12821vw;
    top: -4.87179vw;
  }
}
.thunder-contents .cost-img {
  position: relative;
}
.thunder-contents .cost-img span {
  position: absolute;
  top: 13px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .cost-img span {
    top: 6.15385vw;
  }
}
.thunder-contents .cost-img span.-kome-01 {
  right: 0px;
}
.thunder-contents .cost-img span.-kome-02 {
  right: 20px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .cost-img span.-kome-02 {
    right: 5.12821vw;
  }
}
.thunder-contents .cost-img .-img-02-01 {
  position: relative;
  left: -26px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .cost-img .-img-02-01 {
    left: -5.12821vw;
  }
}
.thunder-contents .cost-img .-img-02-tips {
  position: absolute;
  top: 38px;
  right: -60px;
  width: 176px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .cost-img .-img-02-tips {
    top: 24.35897vw;
    right: -2.5641vw;
    width: 22.05128vw;
  }
}
.thunder-contents .sec-faq {
  position: relative;
  z-index: 3;
  background: #F0F3F7;
  padding: 100px 0 0;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-faq {
    padding: 10.25641vw 0 0;
  }
}
.thunder-contents .sec-faq::before {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 20px;
  top: -19px;
  left: 0;
  background: url(../img/bg_giza_gray.webp) center 0 repeat-x;
  background-size: 30px 20px;
  z-index: 1;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-faq::before {
    background-size: 7.69231vw 5.12821vw;
    height: 5.12821vw;
    top: -4.87179vw;
  }
}
.thunder-contents .faq-items {
  width: 1120px;
  margin-inline: auto;
  border-radius: 10px;
  padding: 80px 100px;
  background: #fff;
  text-align: left;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-items {
    width: 89.74359vw;
    border-radius: 1.53846vw;
    padding: 7.69231vw 6.41026vw;
  }
}
.thunder-contents .faq-items .faq-item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-items .faq-item {
    padding-bottom: 5.12821vw;
    margin-bottom: 5.12821vw;
  }
}
.thunder-contents .faq-items .faq-item:last-child {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: none;
}
.thunder-contents .faq-item__q {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  padding-left: 34px;
  margin-bottom: 12px;
  line-height: 1.4;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-item__q {
    font-size: 4.10256vw;
    padding-left: 6.66667vw;
    margin-bottom: 2.05128vw;
  }
}
.thunder-contents .faq-item__q::after {
  content: "Q";
  display: block;
  position: absolute;
  font-size: 30px;
  color: #00A0E9;
  top: -12px;
  left: 0;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-item__q::after {
    top: -1.02564vw;
    font-size: 5.12821vw;
  }
}
.thunder-contents .faq-item__a {
  position: relative;
  padding-left: 34px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-item__a {
    padding-left: 6.66667vw;
  }
}
.thunder-contents .faq-item__a::after {
  content: "A";
  display: block;
  position: absolute;
  font-size: 30px;
  color: var(--col-orange);
  top: -4px;
  left: 1px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .faq-item__a::after {
    top: 1.02564vw;
    font-size: 5.12821vw;
  }
}
@media screen and (min-width: 641px) {
  .thunder-contents .faq-grid {
    display: grid;
    grid-template-areas: "c a" "c b";
    grid-template-columns: 268px 1fr;
    gap: 10px 16px;
  }
  .thunder-contents .faq-grid__ttl {
    grid-area: a;
    align-self: end;
  }
  .thunder-contents .faq-grid__txt {
    grid-area: b;
    align-self: start;
  }
  .thunder-contents .faq-grid__img {
    grid-area: c;
  }
}
.thunder-contents .sec-products {
  position: relative;
  z-index: 3;
  background: #F0F3F7;
  padding: 120px 0 120px;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-products {
    padding: 10.25641vw 0 20.51282vw;
  }
}
.thunder-contents .sec-considering {
  position: relative;
  z-index: 3;
  background: #002E6A;
  padding: 100px 0 120px;
  text-align: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-considering {
    padding: 15.38462vw 0 12.82051vw;
  }
}
.thunder-contents .sec-considering::before {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 20px;
  top: -19px;
  left: 0;
  background: url(../img/bg_giza.webp) center 0 repeat-x;
  background-size: 30px 20px;
  z-index: 1;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-considering::before {
    background-size: 7.69231vw 5.12821vw;
    height: 5.12821vw;
    top: -4.87179vw;
  }
}
.thunder-contents .sec-layout__pc {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .sec-layout__pc {
    display: block;
  }
}
.thunder-contents .note-list {
  /* ← ここを「テーブル本体」にする */
  display: table;
  border-collapse: collapse;
  text-align: left;
}
.thunder-contents .note-list li {
  display: table-row;
}
.thunder-contents .note-list li a {
  color: #006FFF;
}
.thunder-contents .note-list li .-simbol {
  display: table-cell;
  padding-right: 0.2em;
  white-space: nowrap;
}
.thunder-contents .note-list li .-txt {
  display: table-cell;
  word-break: break-all;
}
.thunder-contents .table-01 {
  width: 100%;
  border-right: 1px solid #CCD5E1;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 tr td:nth-child(1),
  .thunder-contents .table-01 tr th:nth-child(1) {
    width: auto;
  }
  .thunder-contents .table-01 tr td:nth-child(2),
  .thunder-contents .table-01 tr th:nth-child(2) {
    width: 45.89744vw;
  }
  .thunder-contents .table-01 tr td:nth-child(3),
  .thunder-contents .table-01 tr th:nth-child(3) {
    width: 94.35897vw;
  }
}
.thunder-contents .table-01 th,
.thunder-contents .table-01 td {
  border-left: 1px solid #CCD5E1;
  border-bottom: 1px solid #CCD5E1;
  padding: 15px 22px;
  vertical-align: middle;
  width: 33.33%;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 th,
  .thunder-contents .table-01 td {
    padding: 4.10256vw 3.07692vw;
  }
}
.thunder-contents .table-01 th {
  text-align: center;
  font-size: 16px;
  background: #002E6A;
  color: #fff;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 th {
    font-size: 4.10256vw;
  }
}
.thunder-contents .table-01 td {
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 td {
    font-size: 3.84615vw;
  }
}
.thunder-contents .table-01 td .ff-barlow {
  font-size: 22px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 td .ff-barlow {
    font-size: 5.64103vw;
  }
}
.thunder-contents .table-01 tr td:last-child {
  text-align: left;
  padding: 15px 6px 15px 22px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .table-01 tr td:last-child {
    padding: 3.33333vw 3.07692vw;
  }
}
.thunder-contents .w-274__pc {
  width: 274px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .w-274__pc {
    width: 43.47%;
  }
}
.thunder-contents .list-indent {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .thunder-contents .list-indent.-indent-off__pc li {
    padding-left: 0;
  }
  .thunder-contents .list-indent.-indent-off__pc li span.indent {
    position: static;
    position: relative;
  }
  .thunder-contents .list-indent.-d-inline__pc li {
    display: inline-block;
    margin-right: 1em;
  }
  .thunder-contents .list-indent.-d-inline__pc li:last-child {
    margin-right: 0;
  }
}
.thunder-contents .list-indent li {
  position: relative;
  padding-left: 1.2em;
}
.thunder-contents .list-indent li:has(.-offset-02) {
  padding-left: 1.8em;
}
.thunder-contents .list-indent li span.indent {
  position: absolute;
  top: 0;
  left: 0;
}
.thunder-contents .list-circle {
  text-align: left;
  display: grid;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .list-circle {
    gap: 0.5em 0;
  }
}
.thunder-contents .list-circle.-circle-blue li::after {
  background: var(--col-blue);
}
.thunder-contents .list-circle.-circle-s li::after {
  width: 4px;
  height: 4px;
  top: 11px;
  left: 7px;
}
.thunder-contents .list-circle li {
  position: relative;
  padding-left: 1.4em;
}
.thunder-contents .list-circle li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  background: var(--col-black);
  border-radius: 50%;
  top: 0.25em;
  left: 0;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .list-circle li::after {
    top: 0.26em;
  }
}
.thunder-contents .bnr-l {
  width: 820px;
  margin-inline: auto;
}
.thunder-contents .bnr-l a {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .thunder-contents .bnr-l a:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease-out;
  }
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .bnr-l {
    width: 100%;
  }
}
.thunder-contents .lineup-items {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .lineup-items {
    display: block;
  }
}
.thunder-contents .lineup-items .lineup-item {
  width: 420px;
  border-right: 1px solid #BBBBBB;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .lineup-items .lineup-item {
    width: 100%;
    padding: 5.12821vw 0;
    border-right: none;
    border-top: 1px solid #BBBBBB;
  }
}
.thunder-contents .lineup-items .lineup-item:last-child {
  border-right: none;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .lineup-items .lineup-item:last-child {
    border-bottom: 1px solid #BBBBBB;
  }
}
.thunder-contents .lineup-items .lineup-item:nth-child(2) {
  width: 428px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .lineup-items .lineup-item:nth-child(2) {
    width: 100%;
  }
}
.thunder-contents .lineup-item__label {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  gap: 10px 6px;
}
.thunder-contents .lineup-item__label li {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 4px 8px 5px;
  border-radius: 4px;
}
.thunder-contents .lineup-item__label li.-new {
  color: #00A0E9;
  border-color: #00A0E9;
}
.thunder-contents .lineup-item__label li.-reform {
  color: #A78C46;
  border-color: #A78C46;
}
.thunder-contents .btn-round__shadow a {
  display: block;
  width: 100%;
  height: 100px;
  position: relative;
}
@media (hover: hover) {
  .thunder-contents .btn-round__shadow a {
    transition: filter 0.3s ease-out;
  }
  .thunder-contents .btn-round__shadow a:hover {
    filter: brightness(130%);
    transition: filter 0.3s ease-out;
  }
}
.thunder-contents .btn-round__shadow a div {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin-top: -2px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .btn-round__shadow a div {
    text-align: center;
    width: 100%;
    width: 80%;
    line-height: 1.4;
    font-size: 5.12821vw;
    text-indent: 1em;
    margin-left: -0.4em;
  }
}
.thunder-contents .btn-round__shadow a div:has(.icon) {
  padding: 0 40px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .btn-round__shadow a div:has(.icon) {
    padding: 0 0;
  }
}
.thunder-contents .btn-round__shadow a div .icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 36px;
  transform: translateY(-50%);
  margin-top: 1px;
  background: url(../img/icon_pdf.webp) 0 0 no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .thunder-contents .btn-round__shadow a div .icon {
    top: auto;
    transform: translateY(0);
    bottom: -0.2em;
    right: 1.35em;
  }
}
.thunder-contents .btn-round__shadow a::before, .thunder-contents .btn-round__shadow a::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 100px;
  overflow: hidden;
}
.thunder-contents .btn-round__shadow a::after {
  background: #EE7D00;
  z-index: 2;
  top: 0;
}
.thunder-contents .btn-round__shadow a::before {
  background: #9A5100;
  z-index: 1;
  top: 5px;
}
@media screen and (max-width: 640px) {
  .thunder-contents .swiper-scroll-table.is-scroll-excute .swiper-container::after {
    opacity: 0;
    transition: opacity 0.3s 0.2s ease-out;
  }
}
@media screen and (max-width: 640px) {
  .thunder-contents .swiper-scroll-table .swiper-container {
    position: relative;
    padding-bottom: 4.10256vw;
    z-index: 10;
    overflow: visible;
  }
  .thunder-contents .swiper-scroll-table .swiper-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 38.46154vw;
    height: 25.64103vw;
    top: 50%;
    left: 50%;
    background: url(../img/slide_scroll.webp) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
  }
  .thunder-contents .swiper-scroll-table .swiper-slide {
    width: 187.17949vw;
  }
}
.thunder-contents .swiper-scroll-table .swiper-scrollbar-drag {
  background: #D9D9D9;
}
.thunder-contents .swiper-scroll-table .swiper-scrollbar {
  bottom: 0;
  background: #f4f4f4;
  border-radius: 0.51282vw;
  overflow: hidden;
}
.thunder-contents .swiper-scroll-table .swiper-scrollbar {
  position: absolute;
  height: 1.02564vw !important;
  border-radius: 0.51282vw;
  overflow: hidden;
  top: auto;
  width: 100% !important;
  left: 0 !important;
  z-index: 10;
  display: none;
}
@media screen and (max-width: 640px) {
  .thunder-contents .swiper-scroll-table .swiper-scrollbar {
    display: block !important;
  }
}

body.is-fixed-btn-show .btn-fixd {
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}
@media screen and (max-width: 640px) {
  body.is-fixed-btn-show .btn-fixd {
    transform: translateY(0);
  }
}

.btn-fixd {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateX(100%);
  width: 70px;
  height: 180px;
  margin-top: -90px;
  z-index: 100;
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 640px) {
  .btn-fixd {
    top: auto;
    width: 71.28205vw;
    height: 11.79487vw;
    left: 50%;
    margin-left: -35.64103vw;
    margin-top: 0;
    bottom: 0;
    transform: translateY(100%);
  }
}
.btn-fixd a {
  display: block;
  position: relative;
}
.btn-fixd a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .btn-fixd a:before {
    display: none;
  }
}
.btn-fixd a:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FFF700;
  z-index: 2;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 640px) {
  .btn-fixd a:after {
    display: none;
  }
}
.btn-fixd a img {
  position: relative;
  z-index: 3;
}
@media (hover: hover) {
  .btn-fixd a:hover:after {
    opacity: 0.6;
    transition: opacity 0.3s ease-out;
  }
}

@media screen and (max-width: 640px) {
  .holdings-footer {
    padding-bottom: 15.38462vw;
  }
}
body.is-modal.is-modal-hide .modal-bg {
  opacity: 0;
  transition: opacity 0.3s 0.15s ease-out;
}
body.is-modal.is-modal-hide .modal-con {
  opacity: 0;
  transition: opacity 0.15s 0s ease-out;
}
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;
}

.modal *:before,
.modal *:after,
.modal * {
  box-sizing: border-box;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 1000;
  left: -200%;
}

.modal-bg {
  position: fixed;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 120vh;
  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: 660px;
  margin: 0 auto;
  padding: 40px 50px;
}
.modal-con::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F0F3F7;
  border-radius: 10px;
  overflow: hidden;
}

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

a.modal-btn__close {
  position: absolute;
  top: -48px;
  right: -7px;
  width: 44px;
  height: 44px;
  z-index: 20;
  transition: transform 0.2s ease-out;
}
a.modal-btn__close span {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  transform: translateX(-50%);
  background: #fff;
  overflow: hidden;
  transition: transform ease-out, background ease-out, opacity ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
a.modal-btn__close span:nth-of-type(1) {
  transform: translate(-50%, -1px) rotate(45deg);
}
a.modal-btn__close span:nth-of-type(2) {
  transform: translate(-50%, -1px) rotate(-45deg);
}
@media (hover: hover) {
  a.modal-btn__close:hover {
    transition: transform 0.2s ease-out;
    transform: rotate(90deg);
  }
  a.modal-btn__close:hover::after {
    transition: transform 0.2s ease-out;
    transform: scale(1.06);
  }
}

.modal-target {
  display: none;
  margin: 0 auto;
  text-align: left;
}

.ttl-modal {
  width: 332px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto 20px;
}
.ttl-modal > span {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #002E6A;
  padding: 0 20px;
  display: inline-block;
  line-height: 1.3;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .ttl-modal > span {
    font-size: 4.10256vw;
    padding: 0 2.5641vw;
  }
}
.ttl-modal > span span {
  font-size: 14px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .ttl-modal > span span {
    font-size: 3.07692vw;
  }
}
.ttl-modal > span::before, .ttl-modal > span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 1px;
  background: #002E6A;
  top: 50%;
}
.ttl-modal > span::before {
  right: -100vw;
}
.ttl-modal > span::after {
  left: -100vw;
}

.img-modal {
  margin-bottom: 15px;
}
.img-modal img {
  width: 100%;
  height: auto;
}

.txt-modal {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (max-height: 820px) {
  .modal-con {
    width: 560px;
  }
}
@media screen and (max-height: 750px) {
  .modal-con {
    width: 500px;
    padding: 40px 40px;
  }
}
@media screen and (max-height: 700px) {
  .modal-con {
    width: 450px;
  }
}
@media screen and (max-height: 640px) {
  a.modal-btn__close {
    top: -6px;
    right: -44px;
  }
}
@media screen and (max-height: 580px) {
  .modal-con {
    padding: 30px 30px;
    width: 400px;
  }
}
@media screen and (max-height: 520px) {
  .modal-con {
    padding: 30px 30px;
    width: 350px;
  }
}
.hack-white-wrap {
  position: relative;
  z-index: 50;
  background: #fff;
}

.anchor-point {
  margin-top: -70px;
  padding-top: 70px;
}
@media screen and (max-width: 640px) and (max-device-width: 1280px) {
  .anchor-point {
    margin-top: -70px;
    padding-top: 70px;
  }
}

/* ===== sumai-video.css 統合（動画ライトボックス） ===== */

/* .sumai-video
--------------------------------------*/
.sumai-video {
	
}

/* .sumai-video-ttl
--------------------------------------*/
.sumai-video-ttl {
	
}

/* .sumai-video-cont01
--------------------------------------*/
.sumai-video-cont01 {
	box-sizing: border-box;
	background-color: #efefef;
	display: flex;
	flex-wrap: wrap;
}
.sumai-video-cont01 div {
	box-sizing: border-box;
}
.sumai-video-cont01__child {
	width: 50%;
	padding: 20px;
	float: left;
	overflow: hidden;
}
.sumai-video-cont01__iframe {
	text-align: center;
}
.sumai-video-cont01__iframe a {
	display: block;
}
.sumai-video-cont01__iframe a img {
	vertical-align: top;
}
.sumai-video-cont01__body {
	margin-top: 20px;
}
.sumai-video-cont01__body-ttl {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
.sumai-video-cont01__body-ttl h4 {
	font-size: inherit;
	font-weight: inherit;
	margin-bottom: inherit;
	margin-top: 0;
}

/* .sumai-video-cont02
--------------------------------------*/
.sumai-video-cont02 {
	box-sizing: border-box;
}
.sumai-video-cont02 div {
	box-sizing: border-box;
}
.sumai-video-cont02__child {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.sumai-video-cont02__iframe {
	width: 50%;
	text-align: center;
	padding: 20px;
}
.sumai-video-cont02__iframe a {
	display: block;
}
.sumai-video-cont02__iframe a img {
	vertical-align: top;
}
.sumai-video-cont02__body {
	width: 50%;
	padding: 20px;
}
.sumai-video-cont02__body-ttl {
	margin-bottom: 10px;
	font-weight: bold;
}
.sumai-video-cont02__body-ttl h4 {
	font-size: inherit;
	font-weight: inherit;
	margin-bottom: inherit;
	margin-top: 0;
}
.sumai-video-cont02__body-txt{
	line-height: 1.8;
} 
/* .sumai-video-lightbox
--------------------------------------*/
.sumai-video-lightbox {
	position: fixed;
	z-index: 9001;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
}
.sumai-video-lightbox_in {
	display: inline-block;
	width: 600px;
	height: 395px;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #ffffff;
	box-sizing: border-box;
}
.sumai-video-close {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	float: right;
	padding-bottom: 20px;
	background: none;
	cursor: pointer;
}


@media only screen and (min-width: 641px) {
	
	.sumai-video-cont01__iframe a:hover img {
		opacity: 0.7;
	}
	.sumai-video-cont02__iframe a:hover img {
		opacity: 0.7;
	}
	
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	
	/* .sumai-video-cont01
	--------------------------------------*/
	.sumai-video-cont01 {
		display: block;
	}
	.sumai-video-cont01__child {
		padding: 15px;
		width: 100%;
		float: none;
	}
	.sumai-video-cont01__child + .sumai-video-cont01__child {
		margin-top: 0;
	}
	.sumai-video-cont01__body {
		margin-top: 10px;
	}
	
	/* .sumai-video-cont02
	--------------------------------------*/
	.sumai-video-cont02 {
		display: block;
	}
	.sumai-video-cont02__child {
		display: block;
	}
	.sumai-video-cont02__child + .sumai-video-cont02__child {
		margin-top: 20px;
	}
	.sumai-video-cont02__iframe {
		width: 100%;
		padding: 0;
	}
	.sumai-video-cont02__body {
		margin-top: 10px;
		width: 100%;
		padding: 0;
	}
	
	/* .sumai-video-lightbox
	--------------------------------------*/
	.sumai-video-lightbox_in {
		width: 100%;
		height: 45%;
		padding: 0;
		background: none;
	}
	.sumai-video-lightbox_in iframe {
		width: 100%;
		height: 86%;
		clear: both;
	}
	.sumai-video-lightbox_in iframe.orient90 {
		width: 50%;
		height: 200px;
	}
	.sumai-video-close {
		display: block;
		height: 50px;
		background: #fff;
		width: 50px;
		box-sizing: border-box;
		margin-top: -50px;
	}
	.sumai-video-lightbox_in.landscape {
		height: 80%;
		width: 70%;
	}
	.sumai-video-lightbox_in.landscape .sumai-video-close {
		margin-top: 0;
		position: absolute;
		right: -50px;
	}
	.video-lightbox_in.landscape iframe {
		height: 100%;
	}
	
	
	
	
}

/* 動画ライトボックス 閉じるボタン（画像依存を排除しCSSで閉じるアイコンを描画） */
.sumai-video-close { position: relative; }
.sumai-video-close::before,
.sumai-video-close::after { content: ''; position: absolute; top: 8px; left: 0; width: 17px; height: 3px; background: #333; }
.sumai-video-close::before { transform: rotate(45deg); }
.sumai-video-close::after { transform: rotate(-45deg); }
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
  .sumai-video-close::before,
  .sumai-video-close::after { top: 24px; left: 17px; }
}

/* ===== override.css 統合（compact21共通CSSの漏れ込み打ち消し） ===== */
/* =========================================================================
   thunder-customer 専用オーバーライド
   別サイト(sumai)から移設したコンテンツに、移設先(compact21)の共通CSS
   （common.css / hinban_select.css 等）が漏れ込むのを打ち消す。
   本文は .thunder-customer .thunder-contents 配下にスコープする。
   ========================================================================= */

/* compact21 共通CSS のベースリセットが本文へ影響しないよう box-sizing を統一 */
.thunder-customer,
.thunder-customer *,
.thunder-customer *::before,
.thunder-customer *::after {
  box-sizing: border-box;
}

/* compact21 共通CSS（common.css）との干渉解消 */
#container {
  max-width: none;
}
#container.fixed {
  padding-top: 0;
}
.breadcrumb,
.title_block {
  position: relative;
  z-index: 1;
  background: #FFF;
}
.title_block.fixed {
  z-index: 99;
}

/* 共通CSS `#container a:hover span/p/ul{color:#999;font-family:...}` によるホバー時の
   フォント変化・グレー化を打ち消す（#container + 本文クラスで詳細度を共通ルール以上に確保） */
#container .thunder-contents a:hover span,
#container .thunder-contents a:hover p,
#container .thunder-contents a:hover ul {
  font-family: inherit;
  color: #1D1D1D;
}