@charset "UTF-8";
/****************************************
X
                settingss

*****************************************/
/****************************************
X
                BASE

*****************************************/
*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: 1ms !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
  }
}

html {
  margin-top: 0 !important;
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

body {
  position: relative;
  display: block;
  font-family: source-han-sans-japanese, yu-gothic-pr6n, "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, system-ui;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  vertical-align: baseline;
  font-feature-settings: "pkna" on, "pwid" on, "palt" on;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  word-break: normal;
  line-height: 1.5;
  background: #fff;
  color: #5d2b18;
  overflow-x: clip;
  container-type: inline-size;
  backface-visibility: hidden;
}

div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-style: normal;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

em {
  font-style: italic;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  pointer-events: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  -moz-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 1;
  transition: opacity 0.4s;
}
img.lazy {
  opacity: 0;
}

iframe {
  max-width: 100%;
}

pre {
  background: #191919;
  color: #fff;
  padding: 1em;
  overflow: auto;
  margin-bottom: 1em;
}

/****************************************

            List

*****************************************/
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul ul {
  margin-left: 1em;
}

/****************************************

            Link

*****************************************/
a {
  color: #333;
  text-decoration: none;
}
@media (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
a:hover {
  color: #333;
  text-decoration: none;
}

/****************************************
X
                header

*****************************************/
.lp_header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 30px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .lp_header {
    position: relative;
    height: 60px;
    padding-left: 20px;
  }
}
.lp_header--logo {
  position: relative;
  display: block;
  width: 360px;
  height: 40px;
}
@media (max-width: 768px) {
  .lp_header--logo {
    width: 219px;
    height: 24px;
  }
}
.lp_header--logo img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

/****************************************
X
                common

*****************************************/
:root {
  --correct_color: #ec715f;
  --incorrect_color: #76bcde;
}

.lp_main {
  position: relative;
  display: block;
  width: 100%;
}

.bg_highlight_color {
  background: #ffebb0;
}

.orange_font_color {
  color: var(--correct_color);
}

.mv {
  position: relative;
  display: block;
  width: 100%;
}
.mv picture {
  position: relative;
  display: block;
  width: 100%;
}
.mv picture img {
  position: relative;
  display: block;
  width: 100%;
}

.common_double_dot_line {
  position: relative;
  display: block;
  width: min(1006px, 78.59375vw);
  height: min(18px, 1.40625vw);
  margin: 0 auto min(120px, 9.375vw);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/common/dot_line_double-pc.png");
}
@media (max-width: 768px) {
  .common_double_dot_line {
    width: min(341px, 90.9333333333vw);
    height: min(18px, 4.8vw);
    margin: 0 auto min(100px, 26.6666666667vw);
    background-image: url("../images/common/dot_line_double-sp.png");
  }
}

.common_single_dot_line {
  position: relative;
  display: block;
  width: min(1006px, 78.59375vw);
  height: min(4px, 0.3125vw);
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/common/dot_line-pc.png");
}
@media (max-width: 768px) {
  .common_single_dot_line {
    width: min(341px, 90.9333333333vw);
    height: min(4px, 1.0666666667vw);
    margin: 0 auto min(100px, 26.6666666667vw);
    background-image: url("../images/common/dot_line-sp.png");
  }
}

.mv_bottom_pr {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.09375vw 2.34375vw;
}
@media (max-width: 768px) {
  .mv_bottom_pr {
    padding: 4.5333333333vw 5.3333333333vw;
  }
}
.mv_bottom_pr p {
  font-size: 0.9375vw;
  line-height: 1;
  text-align: right;
}
@media (max-width: 768px) {
  .mv_bottom_pr p {
    font-size: 3.2vw;
  }
}

.first_point {
  position: relative;
  display: block;
  width: 100%;
}
.first_point .first_point_message {
  position: relative;
  display: block;
  width: min(1000px, 78.125vw);
  margin: min(75px, 5.859375vw) auto min(120px, 9.375vw);
}
@media (max-width: 768px) {
  .first_point .first_point_message {
    width: min(335px, 89.3333333333vw);
    margin: min(63px, 16.8vw) auto min(100px, 26.6666666667vw);
  }
}
.first_point .first_point_message img {
  display: block;
  width: 100%;
}
.first_point .first_point_title {
  position: relative;
  display: block;
  width: min(340px, 26.5625vw);
  margin: 0 auto min(50px, 3.90625vw);
}
@media (max-width: 768px) {
  .first_point .first_point_title {
    width: min(274px, 73.0666666667vw);
    margin: 0 auto min(30px, 8vw);
  }
}
.first_point .first_point_link {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(30px, 2.34375vw);
  width: min(740px, 57.8125vw);
  margin: 0 auto min(120px, 9.375vw);
}
@media (max-width: 768px) {
  .first_point .first_point_link {
    flex-direction: column;
    gap: min(30px, 8vw);
    width: min(335px, 89.3333333333vw);
    margin: 0 auto min(100px, 26.6666666667vw);
  }
}
.first_point .first_point_link .first_point_link_card {
  position: relative;
  display: block;
  width: min(220px, 17.1875vw);
}
@media (max-width: 768px) {
  .first_point .first_point_link .first_point_link_card {
    width: 100%;
  }
}
.first_point .first_point_link .first_point_link_card .first_point_link_card_num {
  display: block;
  width: min(110px, 8.59375vw);
  margin: 0 auto min(12px, 0.9375vw);
}
@media (max-width: 768px) {
  .first_point .first_point_link .first_point_link_card .first_point_link_card_num {
    width: min(82px, 21.8666666667vw);
    margin: 0 auto min(12px, 2.6666666667vw);
  }
}
.first_point .first_point_link .first_point_link_card .first_point_link_card_num picture {
  position: relative;
  display: block;
  width: 100%;
}
.first_point .first_point_link .first_point_link_card .first_point_link_card_num picture img {
  display: block;
  width: 100%;
}
.first_point .first_point_link .first_point_link_card a {
  position: relative;
  display: block;
  width: 100%;
  filter: drop-shadow(min(10px, 0.78125vw) min(10px, 0.78125vw) min(10px, 0.78125vw) rgba(0, 0, 0, 0.1));
}
@media (max-width: 768px) {
  .first_point .first_point_link .first_point_link_card a {
    filter: drop-shadow(min(10px, 2.6666666667vw) min(10px, 2.6666666667vw) min(10px, 2.6666666667vw) rgba(0, 0, 0, 0.1));
  }
}
.first_point .first_point_link .first_point_link_card a picture {
  position: relative;
  display: block;
  width: 100%;
}
.first_point .first_point_link .first_point_link_card a picture img {
  display: block;
  width: 100%;
}

.second_point_message,
.third_point_message,
.fourth_point_message {
  position: relative;
  display: block;
  width: min(1002px, 78.28125vw);
  margin: min(100px, 7.8125vw) auto;
}
@media (max-width: 768px) {
  .second_point_message,
  .third_point_message,
  .fourth_point_message {
    width: min(335px, 89.3333333333vw);
    margin: min(80px, 21.3333333333vw) auto;
  }
}
.second_point_message picture,
.third_point_message picture,
.fourth_point_message picture {
  display: block;
  width: 100%;
}
.second_point_message picture img,
.third_point_message picture img,
.fourth_point_message picture img {
  display: block;
  width: 100%;
}

.sec1_title {
  position: relative;
  display: block;
  width: min(920px, 71.875vw);
  margin: 0 auto min(100px, 7.8125vw);
}
@media (max-width: 768px) {
  .sec1_title {
    width: min(307px, 81.8666666667vw);
    margin: 0 auto min(80px, 21.3333333333vw);
  }
}
.sec1_title .sec1_title_item {
  position: absolute;
  bottom: min(75px, 5.859375vw);
  right: max(-100px, -7.8125vw);
  width: min(230px, 17.96875vw);
  height: min(250px, 19.53125vw);
}
@media (max-width: 768px) {
  .sec1_title .sec1_title_item {
    bottom: min(118px, 31.4666666667vw);
    right: max(-34px, -9.0666666667vw);
    width: min(92px, 24.5333333333vw);
    height: min(100px, 26.6666666667vw);
  }
}
.sec1_title picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec1_title picture img {
  display: block;
  width: 100%;
}

.sec2_title {
  position: relative;
  display: block;
  width: min(920px, 71.875vw);
  margin: min(100px, 7.8125vw) auto;
}
@media (max-width: 768px) {
  .sec2_title {
    width: min(307px, 81.8666666667vw);
    margin: min(80px, 21.3333333333vw) auto;
  }
}
.sec2_title .sec2_title_item {
  position: absolute;
  width: min(230px, 17.96875vw);
  height: min(250px, 19.53125vw);
  bottom: min(75px, 5.859375vw);
  left: max(-100px, -7.8125vw);
}
@media (max-width: 768px) {
  .sec2_title .sec2_title_item {
    width: min(92px, 24.5333333333vw);
    height: min(100px, 26.6666666667vw);
    bottom: min(118px, 31.4666666667vw);
    left: max(-34px, -9.0666666667vw);
  }
}
.sec2_title picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec2_title picture img {
  display: block;
  width: 100%;
}

.sec3_title {
  position: relative;
  display: block;
  width: min(920px, 71.875vw);
  margin: min(100px, 7.8125vw) auto;
}
@media (max-width: 768px) {
  .sec3_title {
    width: min(307px, 81.8666666667vw);
    margin: min(80px, 21.3333333333vw) auto;
  }
}
.sec3_title .sec3_title_item {
  position: absolute;
  width: min(230px, 17.96875vw);
  height: min(250px, 19.53125vw);
  bottom: min(75px, 5.859375vw);
  right: max(-100px, -7.8125vw);
}
@media (max-width: 768px) {
  .sec3_title .sec3_title_item {
    width: min(92px, 24.5333333333vw);
    height: min(100px, 26.6666666667vw);
    bottom: min(118px, 31.4666666667vw);
    right: max(-34px, -9.0666666667vw);
  }
}
.sec3_title picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec3_title picture img {
  display: block;
  width: 100%;
}

.q1,
.q2,
.q3,
.q4,
.q5,
.q6,
.q7 {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto min(100px, 7.8125vw);
}
@media (max-width: 768px) {
  .q1,
  .q2,
  .q3,
  .q4,
  .q5,
  .q6,
  .q7 {
    margin: 0 auto min(80px, 21.3333333333vw);
  }
}
.q1 .question,
.q2 .question,
.q3 .question,
.q4 .question,
.q5 .question,
.q6 .question,
.q7 .question {
  position: relative;
  display: block;
  width: min(1000px, 78.125vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .q1 .question,
  .q2 .question,
  .q3 .question,
  .q4 .question,
  .q5 .question,
  .q6 .question,
  .q7 .question {
    width: min(335px, 89.3333333333vw);
  }
}
.q1 .question picture,
.q2 .question picture,
.q3 .question picture,
.q4 .question picture,
.q5 .question picture,
.q6 .question picture,
.q7 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.q1 .question picture img,
.q2 .question picture img,
.q3 .question picture img,
.q4 .question picture img,
.q5 .question picture img,
.q6 .question picture img,
.q7 .question picture img {
  display: block;
  width: 100%;
}
.q1 .question .arrow_bottom,
.q2 .question .arrow_bottom,
.q3 .question .arrow_bottom,
.q4 .question .arrow_bottom,
.q5 .question .arrow_bottom,
.q6 .question .arrow_bottom,
.q7 .question .arrow_bottom {
  position: absolute;
  bottom: max(-30px, -2.34375vw);
  left: 0;
  right: 0;
  z-index: 2;
  display: none;
  width: min(120px, 9.375vw);
  height: min(60px, 4.6875vw);
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/common/arrow_bottom.svg");
}
@media (max-width: 768px) {
  .q1 .question .arrow_bottom,
  .q2 .question .arrow_bottom,
  .q3 .question .arrow_bottom,
  .q4 .question .arrow_bottom,
  .q5 .question .arrow_bottom,
  .q6 .question .arrow_bottom,
  .q7 .question .arrow_bottom {
    bottom: max(-15px, -4vw);
    width: min(59px, 15.7333333333vw);
    height: min(30px, 8vw);
    background-image: url("../images/common/arrow_bottom.svg");
  }
}
.q1 .question .quiz_container,
.q2 .question .quiz_container,
.q3 .question .quiz_container,
.q4 .question .quiz_container,
.q5 .question .quiz_container,
.q6 .question .quiz_container,
.q7 .question .quiz_container {
  position: absolute;
  bottom: min(60px, 4.6875vw);
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(20px, 1.5625vw);
  width: min(880px, 68.75vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .q1 .question .quiz_container,
  .q2 .question .quiz_container,
  .q3 .question .quiz_container,
  .q4 .question .quiz_container,
  .q5 .question .quiz_container,
  .q6 .question .quiz_container,
  .q7 .question .quiz_container {
    bottom: min(53px, 14.1333333333vw);
    flex-direction: column;
    gap: min(30px, 8vw);
    width: min(307px, 81.8666666667vw);
  }
}
.q1 .question .quiz_container .answer,
.q2 .question .quiz_container .answer,
.q3 .question .quiz_container .answer,
.q4 .question .quiz_container .answer,
.q5 .question .quiz_container .answer,
.q6 .question .quiz_container .answer,
.q7 .question .quiz_container .answer {
  position: relative;
  display: flex;
  align-items: center;
  width: min(280px, 21.875vw);
  height: min(138px, 10.78125vw);
  border: solid min(4px, 0.3125vw) #4bcb50;
  border-radius: min(30px, 2.34375vw);
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 768px) {
  .q1 .question .quiz_container .answer,
  .q2 .question .quiz_container .answer,
  .q3 .question .quiz_container .answer,
  .q4 .question .quiz_container .answer,
  .q5 .question .quiz_container .answer,
  .q6 .question .quiz_container .answer,
  .q7 .question .quiz_container .answer {
    width: min(307px, 81.8666666667vw);
    height: min(100px, 26.6666666667vw);
    border: solid min(4px, 1.0666666667vw) #4bcb50;
    border-radius: min(14px, 3.7333333333vw);
  }
}
.q1 .question .quiz_container .answer span.num,
.q2 .question .quiz_container .answer span.num,
.q3 .question .quiz_container .answer span.num,
.q4 .question .quiz_container .answer span.num,
.q5 .question .quiz_container .answer span.num,
.q6 .question .quiz_container .answer span.num,
.q7 .question .quiz_container .answer span.num {
  position: absolute;
  top: max(-20px, -1.5625vw);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: min(40px, 3.125vw);
  height: min(40px, 3.125vw);
  border-radius: 50%;
  background-color: #4bcb50;
  color: #fff;
  font-size: min(24px, 1.875vw);
  font-weight: 700;
}
@media (max-width: 768px) {
  .q1 .question .quiz_container .answer span.num,
  .q2 .question .quiz_container .answer span.num,
  .q3 .question .quiz_container .answer span.num,
  .q4 .question .quiz_container .answer span.num,
  .q5 .question .quiz_container .answer span.num,
  .q6 .question .quiz_container .answer span.num,
  .q7 .question .quiz_container .answer span.num {
    top: max(-20px, -5.3333333333vw);
    left: min(20px, 5.3333333333vw);
    width: min(40px, 10.6666666667vw);
    height: min(40px, 10.6666666667vw);
    font-size: min(24px, 6.4vw);
  }
}
.q1 .question .quiz_container .answer p,
.q2 .question .quiz_container .answer p,
.q3 .question .quiz_container .answer p,
.q4 .question .quiz_container .answer p,
.q5 .question .quiz_container .answer p,
.q6 .question .quiz_container .answer p,
.q7 .question .quiz_container .answer p {
  position: relative;
  display: block;
  width: 100%;
  color: #4d4d4d;
}
.q1 .question .quiz_container .answer p > span,
.q2 .question .quiz_container .answer p > span,
.q3 .question .quiz_container .answer p > span,
.q4 .question .quiz_container .answer p > span,
.q5 .question .quiz_container .answer p > span,
.q6 .question .quiz_container .answer p > span,
.q7 .question .quiz_container .answer p > span {
  display: block;
  text-align: center;
  font-size: min(18px, 1.40625vw);
}
@media (max-width: 768px) {
  .q1 .question .quiz_container .answer p > span,
  .q2 .question .quiz_container .answer p > span,
  .q3 .question .quiz_container .answer p > span,
  .q4 .question .quiz_container .answer p > span,
  .q5 .question .quiz_container .answer p > span,
  .q6 .question .quiz_container .answer p > span,
  .q7 .question .quiz_container .answer p > span {
    font-size: min(18px, 4.8vw);
  }
}
.q1 .question .quiz_container.answered,
.q2 .question .quiz_container.answered,
.q3 .question .quiz_container.answered,
.q4 .question .quiz_container.answered,
.q5 .question .quiz_container.answered,
.q6 .question .quiz_container.answered,
.q7 .question .quiz_container.answered {
  pointer-events: none;
}
.q1 .question .quiz_container.answered .answer.selected,
.q2 .question .quiz_container.answered .answer.selected,
.q3 .question .quiz_container.answered .answer.selected,
.q4 .question .quiz_container.answered .answer.selected,
.q5 .question .quiz_container.answered .answer.selected,
.q6 .question .quiz_container.answered .answer.selected,
.q7 .question .quiz_container.answered .answer.selected {
  background-color: #fff100;
}
.q1 .question .quiz_container.answered .answer:not(.selected),
.q2 .question .quiz_container.answered .answer:not(.selected),
.q3 .question .quiz_container.answered .answer:not(.selected),
.q4 .question .quiz_container.answered .answer:not(.selected),
.q5 .question .quiz_container.answered .answer:not(.selected),
.q6 .question .quiz_container.answered .answer:not(.selected),
.q7 .question .quiz_container.answered .answer:not(.selected) {
  opacity: 0.4;
}
.q1 .question .quiz_container.answered + .arrow_bottom,
.q2 .question .quiz_container.answered + .arrow_bottom,
.q3 .question .quiz_container.answered + .arrow_bottom,
.q4 .question .quiz_container.answered + .arrow_bottom,
.q5 .question .quiz_container.answered + .arrow_bottom,
.q6 .question .quiz_container.answered + .arrow_bottom,
.q7 .question .quiz_container.answered + .arrow_bottom {
  display: block;
}
.q1 .quiz_result_container,
.q2 .quiz_result_container,
.q3 .quiz_result_container,
.q4 .quiz_result_container,
.q5 .quiz_result_container,
.q6 .quiz_result_container,
.q7 .quiz_result_container {
  position: relative;
  display: block;
  width: min(1000px, 78.125vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .q1 .quiz_result_container,
  .q2 .quiz_result_container,
  .q3 .quiz_result_container,
  .q4 .quiz_result_container,
  .q5 .quiz_result_container,
  .q6 .quiz_result_container,
  .q7 .quiz_result_container {
    width: min(335px, 89.3333333333vw);
  }
}
.q1 .quiz_result_container .answer_correct,
.q1 .quiz_result_container .answer_incorrect,
.q2 .quiz_result_container .answer_correct,
.q2 .quiz_result_container .answer_incorrect,
.q3 .quiz_result_container .answer_correct,
.q3 .quiz_result_container .answer_incorrect,
.q4 .quiz_result_container .answer_correct,
.q4 .quiz_result_container .answer_incorrect,
.q5 .quiz_result_container .answer_correct,
.q5 .quiz_result_container .answer_incorrect,
.q6 .quiz_result_container .answer_correct,
.q6 .quiz_result_container .answer_incorrect,
.q7 .quiz_result_container .answer_correct,
.q7 .quiz_result_container .answer_incorrect {
  display: none;
}
.q1 .quiz_result_container.correct .answer_correct,
.q2 .quiz_result_container.correct .answer_correct,
.q3 .quiz_result_container.correct .answer_correct,
.q4 .quiz_result_container.correct .answer_correct,
.q5 .quiz_result_container.correct .answer_correct,
.q6 .quiz_result_container.correct .answer_correct,
.q7 .quiz_result_container.correct .answer_correct {
  display: block;
}
.q1 .quiz_result_container.incorrect .answer_incorrect,
.q2 .quiz_result_container.incorrect .answer_incorrect,
.q3 .quiz_result_container.incorrect .answer_incorrect,
.q4 .quiz_result_container.incorrect .answer_incorrect,
.q5 .quiz_result_container.incorrect .answer_incorrect,
.q6 .quiz_result_container.incorrect .answer_incorrect,
.q7 .quiz_result_container.incorrect .answer_incorrect {
  display: block;
}

.q3 .quiz_result_container {
  overflow-x: hidden;
}
.q3 .quiz_result_container .q3_table {
  display: none;
  position: absolute;
  bottom: min(591px, 46.171875vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(560px, 43.75vw);
}
.q3 .quiz_result_container .q3_table picture,
.q3 .quiz_result_container .q3_table figure {
  position: relative;
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .q3 .quiz_result_container .q3_table {
    width: min(335px, 89.3333333333vw);
    bottom: min(690px, 184vw);
    padding: min(14px, 3.7333333333vw);
  }
  .q3 .quiz_result_container .q3_table picture,
  .q3 .quiz_result_container .q3_table figure {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .q3 .quiz_result_container .q3_table picture::-webkit-scrollbar,
  .q3 .quiz_result_container .q3_table figure::-webkit-scrollbar {
    height: 4px;
  }
  .q3 .quiz_result_container .q3_table picture::-webkit-scrollbar-track,
  .q3 .quiz_result_container .q3_table figure::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .q3 .quiz_result_container .q3_table picture::-webkit-scrollbar-thumb,
  .q3 .quiz_result_container .q3_table figure::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #fff;
  }
  .q3 .quiz_result_container .q3_table picture img,
  .q3 .quiz_result_container .q3_table figure img {
    display: block;
    width: min(560px, 149.3333333333vw);
    max-width: unset;
  }
}
.q3 .quiz_result_container .q3_link {
  display: none;
  position: absolute;
  bottom: min(240px, 18.75vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(340px, 26.5625vw);
  height: min(66px, 5.15625vw);
}
@media (max-width: 768px) {
  .q3 .quiz_result_container .q3_link {
    bottom: min(275px, 73.3333333333vw);
    width: min(307px, 81.8666666667vw);
    height: min(60px, 16vw);
  }
}
.q3 .quiz_result_container .q3_link a {
  display: block;
}
.q3 .quiz_result_container.correct .q3_table,
.q3 .quiz_result_container.correct .q3_link, .q3 .quiz_result_container.incorrect .q3_table,
.q3 .quiz_result_container.incorrect .q3_link {
  display: block;
}

.last_check_btn_wrap {
  position: relative;
  display: block;
  width: 100%;
}
.last_check_btn_wrap .last_check_btn_bg {
  position: relative;
  display: block;
  width: 100%;
}
.last_check_btn_wrap .last_check_btn_bg picture {
  position: relative;
  display: block;
  width: 100%;
}
.last_check_btn_wrap .last_check_btn_bg picture img {
  position: relative;
  display: block;
  width: 100%;
}
.last_check_btn_wrap .total_checke_btn {
  position: absolute;
  bottom: 7.8125vw;
  right: 21.171875vw;
  width: 32.34375vw;
  height: 5.15625vw;
}
@media (max-width: 768px) {
  .last_check_btn_wrap .total_checke_btn {
    bottom: 77.0666666667vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 89.3333333333vw;
    height: 17.6vw;
  }
}
.last_check_btn_wrap .total_checke_btn picture {
  position: relative;
  display: block;
  width: 100%;
}
.last_check_btn_wrap .total_checke_btn picture img {
  position: relative;
  display: block;
  width: 100%;
}

/****************************************
X
                footer

*****************************************/
.lp_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 432px;
}
@media (max-width: 768px) {
  .lp_footer {
    justify-content: flex-end;
    min-height: unset;
  }
}
.lp_footer .f_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 36px;
  margin-bottom: 30px;
  margin-top: 60px;
  font-size: 15px;
  text-align: center;
  background-color: #f5f5f5;
}
.lp_footer .f_btn a {
  color: #4d4d4d;
}
@media (max-width: 768px) {
  .lp_footer .f_btn {
    width: 335px;
    height: 32px;
    font-size: 12px;
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.lp_footer .footerContainer_logo {
  width: min(100%, 393px);
}
@media (max-width: 768px) {
  .lp_footer .footerContainer_logo {
    width: min(100%, 240px);
  }
  .lp_footer .footerContainer_logo img {
    width: 100%;
  }
}
.lp_footer .f_add {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .lp_footer .f_add {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 10px;
  }
}
.lp_footer .footerContainer-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 47px;
  margin-top: 25px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 300;
  background-color: #4d4d4d;
  color: #fff;
}
@media (max-width: 768px) {
  .lp_footer .footerContainer-copy {
    margin-top: 15px;
    font-size: 10px;
    text-align: center;
  }
}

.lp_footer_result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 420px;
}
@media (max-width: 768px) {
  .lp_footer_result {
    justify-content: flex-end;
    min-height: unset;
  }
}
.lp_footer_result .f_btn {
  text-align: center;
  font-size: 15px;
  text-decoration: underline;
  margin-bottom: 30px;
}
.lp_footer_result .f_btn a {
  color: #0000ee;
}
@media (max-width: 768px) {
  .lp_footer_result .f_btn {
    font-size: 12px;
    margin-bottom: 25px;
  }
}
.lp_footer_result .footerContainer_logo {
  width: min(100%, 393px);
}
@media (max-width: 768px) {
  .lp_footer_result .footerContainer_logo {
    width: min(100%, 240px);
  }
  .lp_footer_result .footerContainer_logo img {
    width: 100%;
  }
}
.lp_footer_result .f_add {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .lp_footer_result .f_add {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 10px;
  }
}
.lp_footer_result .footerContainer-copy {
  margin-top: 25px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 300;
  color: #c60419;
}
@media (max-width: 768px) {
  .lp_footer_result .footerContainer-copy {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 10px;
    padding: 1em 0;
    background-color: #a12e2b;
    color: #fff;
    text-align: center;
  }
}

/****************************************
X
        Animation

*****************************************/
.q1 .quiz_container .answer,
.q2 .quiz_container .answer,
.q3 .quiz_container .answer,
.q4 .quiz_container .answer,
.q5 .quiz_container .answer,
.q6 .quiz_container .answer,
.q7 .quiz_container .answer {
  cursor: pointer;
  transition: all 0.25s;
  background-color: #fff;
}
@media (any-hover: hover) {
  .q1 .quiz_container .answer:hover,
  .q2 .quiz_container .answer:hover,
  .q3 .quiz_container .answer:hover,
  .q4 .quiz_container .answer:hover,
  .q5 .quiz_container .answer:hover,
  .q6 .quiz_container .answer:hover,
  .q7 .quiz_container .answer:hover {
    background-color: #fff100;
  }
}

.first_point_link_card_btn {
  cursor: pointer;
  transition: opacity 0.25s;
  opacity: 1;
}
@media (any-hover: hover) {
  .first_point_link_card_btn:hover {
    opacity: 0.6;
  }
}

.q3_link {
  cursor: pointer;
  transition: opacity 0.25s;
  opacity: 1;
}
@media (any-hover: hover) {
  .q3_link:hover {
    opacity: 0.6;
  }
}

.total_checke_btn {
  cursor: pointer;
  transition: opacity 0.25s;
  opacity: 1;
}
@media (any-hover: hover) {
  .total_checke_btn:hover {
    opacity: 0.6;
  }
}

.back_btn {
  transition: opacity 0.25s;
  opacity: 1;
}
@media (any-hover: hover) {
  .back_btn:hover {
    opacity: 0.6;
  }
}

/****************************************
X
                result

*****************************************/
.lp_main_result {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .mv_result {
  position: relative;
  display: block;
  width: min(650px, 50.78125vw);
  margin: 0 auto min(30px, 2.34375vw);
}
@media (max-width: 768px) {
  .lp_main_result .mv_result {
    width: min(375px, 100vw);
    margin: 0 auto min(20px, 5.3333333333vw);
  }
}
.lp_main_result .mv_result picture {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .mv_result picture img {
  display: block;
  width: 100%;
}
.lp_main_result .back_btn {
  position: relative;
  display: block;
  width: min(224px, 17.5vw);
  height: min(46px, 3.59375vw);
  margin: 0 auto min(50px, 3.90625vw);
  background-color: #4bcb50;
  border-radius: 33px;
}
@media (max-width: 768px) {
  .lp_main_result .back_btn {
    margin: 0 auto min(50px, 13.3333333333vw);
    width: min(221px, 58.9333333333vw);
    height: min(46px, 12.2666666667vw);
  }
}
.lp_main_result .back_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}/*# sourceMappingURL=style.css.map */