/*@charset "UTF-8";*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600;700;900&family=Noto+Sans:ital,wght,wdth@0,400..700,62.5..100;1,400..700,62.5..100&family=Zen+Kaku+Gothic+Antique:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
  
  .kara-meter_LP {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}


.kara-meter_LP,
.modal_allwrap {
  -webkit-overflow-scrolling: touch;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

.kara-meter_LP .bold,
.modal_allwrap .bold {
  font-weight: bold;
}

.kara-meter_LP h1,
.kara-meter_LP h2,
.kara-meter_LP h3 {
  margin: 0;
  padding: 0;
}

.-overflow_hidden {
  overflow: hidden!important;
}

body {
  --red_1: #E5001B;
  --yellow_1: #F0DC00;
  --yellow_2: #FBF5B2;
}

body .red_1 {
  color: var(--red_1);
}

body .yellow_1 {
  color: var(--yellow_1);
}

body .yellow_2 {
  color: var(--yellow_2);
}

body .fw_900 {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-weight: 900;
}

body .fw_700 {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
}


.kara-meter_LP a:hover,
.modal_allwrap a:hover {
  text-decoration: none;
}

.kara-meter_LP .bt,
.modal_allwrap .bt {
  cursor: pointer;
  transition: 0.3s all;
}

.kara-meter_LP .bt:hover,
.modal_allwrap .bt:hover {
  opacity: 0.8;
  transition: 0.3s all;
}

.mb_h1em {
  margin-bottom: 0.5em;
}


.mb_1em {
  margin-bottom: 1em;
}

.mb_h2em {
  margin-bottom: 1.5em;
}

.mb_2em {
  margin-bottom: 2em;
}


/*anime switch---------------*/


.modal_allwrap .js_hide {
  position: absolute !important;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  display: none;
}

.kara-meter_LP img,
.modal_allwrap img {
  width: 100%;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  content-visibility: auto;
}


.-modal_hidden {
  display: none;
}

.-modal_hidden.-js_show {
  display: inherit;
}


/*logic-------------------------------------------*/


.kara-meter_LP .q2_wrap,
.kara-meter_LP .q3_wrap,
.kara-meter_LP .q4_wrap,
.kara-meter_LP .q5_wrap,
.kara-meter_LP .q6_wrap,
.kara-meter_LP .q7_wrap {
  display: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}

.kara-meter_LP .q2_wrap.visible,
.kara-meter_LP .q3_wrap.visible,
.kara-meter_LP .q4_wrap.visible,
.kara-meter_LP .q5_wrap.visible,
.kara-meter_LP .q6_wrap.visible,
.kara-meter_LP .q7_wrap.visible {
  display: block;
  opacity: 0;
  animation-name: show_anime;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  will-change: transform;
}

@keyframes show_anime {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}


.kara-meter_LP .section_diagnosis .q_burron_wrap .q_button.on {
  background-color: #bce6ea;
  border-color: var(--color_blue_a);
  border-style: solid;
  background-image: url(/reform/sorakatsu/2403sorakatsu/images/diagnosis_check_on.svg);
}