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

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

*****************************************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@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: dnp-shuei-mgothic-std, 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%;
  text-size-adjust: 100%;
  vertical-align: baseline;
  -webkit-font-feature-settings: "pkna" on, "pwid" on, "palt" on;
  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: 600;
  font-style: normal;
  word-break: normal;
  line-height: 1.5;
  background: #fff;
  color: #5d2b18;
  overflow-x: clip;
  container-type: inline-size;
  -webkit-backface-visibility: hidden;
  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: 85px;
  padding-left: 25px;
}

.lp_header_result {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 85px;
  padding-left: 25px;
}

/****************************************
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_bg {
  position: sticky;
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("../../assets/images/common_back/common_back-pc.png");
}
@media (max-width: 768px) {
  .common_bg {
    background-image: url("../../assets/images/common_back/common_back-sp.png");
  }
}
.common_bg.fixed {
  position: fixed;
}

.section_wrap {
  position: relative;
  top: 0;
  width: 100%;
}

.manga {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: calc(-100vh - 9.1508052709vw);
}
@media (max-width: 768px) {
  .manga {
    margin-top: -100vh;
  }
}
.manga picture {
  position: relative;
  display: block;
  width: min(100%, 70.6442166911vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .manga picture {
    width: 100%;
  }
}
.manga picture img {
  width: 100%;
}

.sec1 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec1 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec1 .q1_intro {
  position: relative;
  display: block;
  width: min(100%, 51.9765739385vw);
  padding: 7.3206442167vw 1.4641288433vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec1 .q1_intro {
    width: 100%;
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
.sec1 .q1_intro picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .q1_intro picture img {
  display: block;
  width: 100%;
}
.sec1 .q1 {
  position: relative;
  display: block;
  width: 61.5666178624vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .sec1 .q1 {
    width: 100%;
  }
}
.sec1 .q1 .question {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.sec1 .q1 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .q1 .question picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .quiz_container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 14.6412884334vw;
  width: 100%;
}
@media (max-width: 768px) {
  .sec1 .quiz_container {
    gap: 26.6666666667vw;
  }
}
.sec1 .quiz_container .common_q_heading_back {
  position: absolute;
  bottom: 1.8301610542vw;
  width: 126.7203513909vw;
  aspect-ratio: 1731/507;
  z-index: 1;
  margin-left: calc(50% - 50vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/sec/common/common_q_heading_back-pc.png");
}
@media (max-width: 768px) {
  .sec1 .quiz_container .common_q_heading_back {
    bottom: 24vw;
    width: 100%;
    aspect-ratio: 750/314;
    background-image: url("../images/sec/common/common_q_heading_back-sp.png");
  }
}
.sec1 .quiz_container .answer {
  position: relative;
  z-index: 2;
  bottom: 14.6412884334vw;
  cursor: pointer;
  width: clamp(243px, 24.0117130307vw, 328px);
}
@media (max-width: 768px) {
  .sec1 .quiz_container .answer {
    width: calc(50% - 13.3333333333vw);
    bottom: 26.6666666667vw;
  }
}
.sec1 .quiz_container .answer figure,
.sec1 .quiz_container .answer picture {
  position: relative;
  display: block;
}
.sec1 .quiz_container .answer figure img,
.sec1 .quiz_container .answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .quiz_result_container {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .quiz_result_container .result--answer {
  position: relative;
  display: block;
  width: min(100%, 78.2576866764vw);
  margin: 0 auto 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec1 .quiz_result_container .result--answer {
    width: 100%;
    margin: 0 auto 3.6603221083vw;
  }
}
.sec1 .quiz_result_container .result--answer picture {
  display: none;
}
.sec1 .quiz_result_container .result--answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .quiz_result_container .result_message {
  position: relative;
  display: none;
  width: min(100%, 39.5314787701vw);
  margin: 0 auto 21.9619326501vw;
}
.sec1 .quiz_result_container .result_message p {
  position: relative;
  width: 100%;
  font-size: 1.5065885798vw;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.6603221083vw;
}
.sec1 .quiz_result_container .result_message p > span {
  display: block;
}
.sec1 .quiz_result_container .result_message p > span > span {
  display: inline-block;
}
.sec1 .quiz_result_container .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 768px) {
  .sec1 .quiz_result_container .result_message {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 26.6666666667vw;
  }
  .sec1 .quiz_result_container .result_message p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
  }
  .sec1 .quiz_result_container .result_message p > span {
    display: inline;
  }
  .sec1 .quiz_result_container .result_message p > span > span {
    display: inline;
  }
  .sec1 .quiz_result_container .result_message .result--hr {
    width: 100%;
    padding: 0 10px;
    aspect-ratio: 342/4;
  }
}
.sec1 .quiz_result_container.correct .result--answer picture.answer_correct {
  display: block;
}
.sec1 .quiz_result_container.correct .result_message {
  display: block;
}
.sec1 .quiz_result_container.correct .result_message p > span > span {
  color: var(--correct_color);
}
.sec1 .quiz_result_container.correct .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
.sec1 .quiz_result_container.incorrect .result--answer picture.answer_incorrect {
  display: block;
}
.sec1 .quiz_result_container.incorrect .result_message {
  display: block;
}
.sec1 .quiz_result_container.incorrect .result_message p > span > span {
  color: var(--incorrect_color);
}
.sec1 .quiz_result_container.incorrect .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_blue.png");
}
.sec1 .what_you_can_do_wrap {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .what_you_can_do_wrap .what_you_can_do {
  position: relative;
  display: block;
  width: 100%;
  padding: 3.6603221083vw 0;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_title {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 3.6603221083vw;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_title > span {
  display: block;
  font-size: 2.196193265vw;
  letter-spacing: 0.11em;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_title > span.what_you_can_do_title--large {
  font-size: 2.4890190337vw;
  letter-spacing: 0.11em;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0.7320644217vw;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee,
.sec1 .what_you_can_do_wrap .what_you_can_do_select .family {
  position: relative;
  display: block;
  width: 27.4524158126vw;
  padding: 2.5622254758vw;
  background-color: #fff;
  border-radius: 1.0248901903vw;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text,
.sec1 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text {
  position: relative;
  display: block;
  width: 22.3279648609vw;
  margin: 0 auto 2.5622254758vw;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text img,
.sec1 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text img {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn,
.sec1 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn {
  position: relative;
  display: block;
  width: 19.1068814056vw;
  margin: 0 auto;
  cursor: pointer;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn img,
.sec1 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn img {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents {
  position: relative;
  display: block;
  width: 100%;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents > * {
  display: none;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents > *.show {
  display: block;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_heading {
  position: relative;
  z-index: 2;
  display: block;
  padding: 3.6603221083vw 0 0;
  width: 68.7408491947vw;
  margin: 0 auto;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body {
  position: relative;
  display: block;
  padding: 9.1508052709vw 0;
  margin-top: -9.1508052709vw;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body picture {
  position: relative;
  display: block;
  width: 66.8374816984vw;
  margin: 0 auto;
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents .tab_company_employee .tab_body {
  clip-path: polygon(0 0, 100% 4.39238653vw, 100% calc(100% - 4.39238653vw), 0 100%);
}
.sec1 .what_you_can_do_wrap .what_you_can_do_contents .tab_family .tab_body {
  clip-path: polygon(0 3.2942898975vw, 100% 0, 100% 100%, 0 calc(100% - 3.2942898975vw));
}
@media (max-width: 768px) {
  .sec1 .what_you_can_do_wrap .what_you_can_do {
    padding: 6.6666666667vw 0 10.6666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_title {
    margin-bottom: 6.6666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_title > span {
    font-size: 4.2666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_title > span.what_you_can_do_title--large {
    font-size: 4.8vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_select {
    gap: 2.6666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee,
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .family {
    width: 44.5333333333vw;
    padding: 3.3333333333vw 0 6.6666666667vw;
    border-radius: 3.7333333333vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text,
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text {
    width: 31.2vw;
    margin: 0 auto;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn,
  .sec1 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn {
    position: absolute;
    bottom: -4vw;
    left: 0;
    right: 0;
    width: 32vw;
    margin: 0 auto;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_heading {
    padding: 6.6666666667vw 0 0;
    width: 89.0666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body {
    padding: 6.6666666667vw 0;
    margin-top: -18.6666666667vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body picture {
    width: 92.8vw;
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_contents .tab_company_employee .tab_body {
    clip-path: polygon(0 0, 100% 6.6666666667vw, 100% calc(100% - 5.3333333333vw), 0 100%);
  }
  .sec1 .what_you_can_do_wrap .what_you_can_do_contents .tab_family .tab_body {
    clip-path: polygon(0 5.3333333333vw, 100% 0, 100% 100%, 0 calc(100% - 5.3333333333vw));
  }
}

.sec2 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec2 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec2 .q2_intro {
  position: relative;
  display: block;
  width: min(100%, 51.9765739385vw);
  padding: 7.3206442167vw 1.4641288433vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec2 .q2_intro {
    width: 100%;
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
.sec2 .q2_intro picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .q2_intro picture img {
  display: block;
  width: 100%;
}
.sec2 .q2 {
  position: relative;
  display: block;
  width: 61.5666178624vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .sec2 .q2 {
    width: 100%;
  }
}
.sec2 .q2 .question {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.sec2 .q2 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .q2 .question picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .quiz_container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 14.6412884334vw;
  width: 100%;
}
@media (max-width: 768px) {
  .sec2 .quiz_container {
    gap: 26.6666666667vw;
  }
}
.sec2 .quiz_container .common_q_heading_back {
  position: absolute;
  bottom: 1.8301610542vw;
  width: 126.7203513909vw;
  aspect-ratio: 1731/507;
  z-index: 1;
  margin-left: calc(50% - 50vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/sec/common/common_q_heading_back-pc.png");
}
@media (max-width: 768px) {
  .sec2 .quiz_container .common_q_heading_back {
    bottom: 24vw;
    width: 100%;
    aspect-ratio: 750/314;
    background-image: url("../images/sec/common/common_q_heading_back-sp.png");
  }
}
.sec2 .quiz_container .answer {
  position: relative;
  z-index: 2;
  bottom: 14.6412884334vw;
  cursor: pointer;
  width: clamp(243px, 24.0117130307vw, 328px);
}
@media (max-width: 768px) {
  .sec2 .quiz_container .answer {
    width: calc(50% - 13.3333333333vw);
    bottom: 26.6666666667vw;
  }
}
.sec2 .quiz_container .answer figure,
.sec2 .quiz_container .answer picture {
  position: relative;
  display: block;
}
.sec2 .quiz_container .answer figure img,
.sec2 .quiz_container .answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .quiz_result_container {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .quiz_result_container .result--answer {
  position: relative;
  display: block;
  width: min(100%, 78.2576866764vw);
  margin: 0 auto 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec2 .quiz_result_container .result--answer {
    width: 100%;
    margin: 0 auto 3.6603221083vw;
  }
}
.sec2 .quiz_result_container .result--answer picture {
  display: none;
}
.sec2 .quiz_result_container .result--answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .quiz_result_container .result_message {
  position: relative;
  display: none;
  width: min(100%, 48.4626647145vw);
  margin: 0 auto 10.980966325vw;
}
.sec2 .quiz_result_container .result_message p {
  position: relative;
  width: 100%;
  font-size: 1.5065885798vw;
  letter-spacing: 0.01em;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.6603221083vw;
}
.sec2 .quiz_result_container .result_message p > span {
  display: block;
}
.sec2 .quiz_result_container .result_message p > span > span {
  display: inline-block;
}
.sec2 .quiz_result_container .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto 10.980966325vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.sec2 .quiz_result_container .result_message picture {
  position: relative;
  display: block;
  width: 43.9238653001vw;
  margin: 0 auto 10.980966325vw;
}
.sec2 .quiz_result_container .result_message picture img {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .sec2 .quiz_result_container .result_message {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 26.6666666667vw;
  }
  .sec2 .quiz_result_container .result_message p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
  }
  .sec2 .quiz_result_container .result_message p > span {
    display: inline;
  }
  .sec2 .quiz_result_container .result_message p > span > span {
    display: inline;
  }
  .sec2 .quiz_result_container .result_message .result--hr {
    width: 100%;
    padding: 0 10px;
    aspect-ratio: 342/4;
    margin: 0 auto 26.6666666667vw;
  }
  .sec2 .quiz_result_container .result_message picture {
    width: 100%;
    margin: 0 auto 26.6666666667vw;
  }
}
.sec2 .quiz_result_container.correct .result--answer picture.answer_correct {
  display: block;
}
.sec2 .quiz_result_container.correct .result_message {
  display: block;
}
.sec2 .quiz_result_container.correct .result_message p > span > span {
  color: var(--correct_color);
}
.sec2 .quiz_result_container.correct .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
.sec2 .quiz_result_container.incorrect .result--answer picture.answer_incorrect {
  display: block;
}
.sec2 .quiz_result_container.incorrect .result_message {
  display: block;
}
.sec2 .quiz_result_container.incorrect .result_message p > span > span {
  color: var(--incorrect_color);
}
.sec2 .quiz_result_container.incorrect .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_blue.png");
}
.sec2 .what_you_can_do_wrap {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do {
  position: relative;
  display: block;
  width: 100%;
  padding: 3.6603221083vw 0;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0.7320644217vw;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee,
.sec2 .what_you_can_do_wrap .what_you_can_do_select .family {
  position: relative;
  display: block;
  width: 27.4524158126vw;
  padding: 2.5622254758vw;
  background-color: #fff;
  border-radius: 1.0248901903vw;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text,
.sec2 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text {
  position: relative;
  display: block;
  width: 22.3279648609vw;
  margin: 0 auto 2.5622254758vw;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text img,
.sec2 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn,
.sec2 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn {
  position: relative;
  display: block;
  width: 19.1068814056vw;
  margin: 0 auto;
  cursor: pointer;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn img,
.sec2 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * {
  display: none;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > *.show {
  display: block;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body {
  position: relative;
  display: block;
  padding: 9.1508052709vw 0;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content {
  position: relative;
  display: block;
  width: 66.8374816984vw;
  margin: 0 auto;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content .tab_body_content_link_btn {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 45.9736456808vw;
  margin: 0 auto;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content .tab_body_content_link_btn a {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content .tab_body_content_link_btn a picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content .tab_body_content_link_btn a picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content picture img {
  display: block;
  width: 100%;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_company_employee .tab_body_content .tab_body_content_link_btn {
  top: 54.1727672035vw;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation {
  position: absolute;
  top: 25.6222547584vw;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 1.6837481698vw;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation a.implementation--a {
  position: absolute;
  left: 24.3045387994vw;
  display: inline-block;
  color: #0000ff;
  text-decoration: underline;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation a.implementation--b {
  position: absolute;
  left: 43.0453879941vw;
  display: inline-block;
  color: #0000ff;
  text-decoration: underline;
}
.sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .tab_body_content_link_btn {
  top: 122.2547584187vw;
}
@media (max-width: 768px) {
  .sec2 .what_you_can_do_wrap .what_you_can_do {
    padding: 6.6666666667vw 0 10.6666666667vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_title {
    margin-bottom: 6.6666666667vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_title > span {
    font-size: 4.2666666667vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_title > span.what_you_can_do_title--large {
    font-size: 4.8vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_select {
    gap: 2.6666666667vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee,
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .family {
    width: 44.5333333333vw;
    padding: 3.3333333333vw 0 6.6666666667vw;
    border-radius: 3.7333333333vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee picture.q1_text,
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .family picture.q1_text {
    width: 31.2vw;
    margin: 0 auto;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .company_employee .view_content_btn,
  .sec2 .what_you_can_do_wrap .what_you_can_do_select .family .view_content_btn {
    position: absolute;
    bottom: -4vw;
    left: 0;
    right: 0;
    width: 32vw;
    margin: 0 auto;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body {
    padding: 6.6666666667vw 0;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content {
    width: 100%;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content .tab_body_content_link_btn {
    top: 112vw;
    width: 78.4vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > * .tab_body .tab_body_content picture {
    width: 100%;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_company_employee .tab_body_content .tab_body_content_link_btn {
    top: 112vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation {
    top: 92.8vw;
    font-size: 3.4666666667vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation a.implementation--a {
    left: 34.1333333333vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .implementation a.implementation--b {
    left: 65.3333333333vw;
  }
  .sec2 .what_you_can_do_wrap .what_you_can_do_contents > .tab_family .tab_body_content .tab_body_content_link_btn {
    top: 373.8666666667vw;
  }
}

.sec3 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec3 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec3 .q3_intro {
  position: relative;
  display: block;
  width: min(100%, 51.9765739385vw);
  padding: 7.3206442167vw 1.4641288433vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec3 .q3_intro {
    width: 100%;
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
.sec3 .q3_intro picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .q3_intro picture img {
  display: block;
  width: 100%;
}
.sec3 .q3 {
  position: relative;
  display: block;
  width: 61.5666178624vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .sec3 .q3 {
    width: 100%;
  }
}
.sec3 .q3 .question {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.sec3 .q3 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .q3 .question picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .quiz_container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 14.6412884334vw;
  width: 100%;
}
@media (max-width: 768px) {
  .sec3 .quiz_container {
    gap: 26.6666666667vw;
  }
}
.sec3 .quiz_container .common_q_heading_back {
  position: absolute;
  bottom: 1.8301610542vw;
  width: 126.7203513909vw;
  aspect-ratio: 1731/507;
  z-index: 1;
  margin-left: calc(50% - 50vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/sec/common/common_q_heading_back-pc.png");
}
@media (max-width: 768px) {
  .sec3 .quiz_container .common_q_heading_back {
    bottom: 24vw;
    width: 100%;
    aspect-ratio: 750/314;
    background-image: url("../images/sec/common/common_q_heading_back-sp.png");
  }
}
.sec3 .quiz_container .answer {
  position: relative;
  z-index: 2;
  bottom: 14.6412884334vw;
  cursor: pointer;
  width: clamp(243px, 24.0117130307vw, 328px);
}
@media (max-width: 768px) {
  .sec3 .quiz_container .answer {
    width: calc(50% - 13.3333333333vw);
    bottom: 26.6666666667vw;
  }
}
.sec3 .quiz_container .answer figure,
.sec3 .quiz_container .answer picture {
  position: relative;
  display: block;
}
.sec3 .quiz_container .answer figure img,
.sec3 .quiz_container .answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .quiz_result_container {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .quiz_result_container .result--answer {
  position: relative;
  display: block;
  width: min(100%, 78.2576866764vw);
  margin: 0 auto 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec3 .quiz_result_container .result--answer {
    width: 100%;
    margin: 0 auto 3.6603221083vw;
  }
}
.sec3 .quiz_result_container .result--answer picture {
  display: none;
}
.sec3 .quiz_result_container .result--answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec3 .quiz_result_container .result_message {
  position: relative;
  display: none;
  width: min(100%, 39.5314787701vw);
  margin: 0 auto 3.6603221083vw;
}
.sec3 .quiz_result_container .result_message p {
  position: relative;
  width: 100%;
  font-size: 1.5065885798vw;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.6603221083vw;
}
.sec3 .quiz_result_container .result_message p > span {
  display: block;
}
.sec3 .quiz_result_container .result_message p > span > span {
  display: inline-block;
}
.sec3 .quiz_result_container .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 768px) {
  .sec3 .quiz_result_container .result_message {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 6.6666666667vw;
  }
  .sec3 .quiz_result_container .result_message p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
  }
  .sec3 .quiz_result_container .result_message p > span {
    display: inline;
  }
  .sec3 .quiz_result_container .result_message p > span > span {
    display: inline;
  }
  .sec3 .quiz_result_container .result_message .result--hr {
    width: 100%;
    padding: 0 10px;
    aspect-ratio: 342/4;
  }
}
.sec3 .quiz_result_container.correct .result--answer picture.answer_correct {
  display: block;
}
.sec3 .quiz_result_container.correct .result_message {
  display: block;
}
.sec3 .quiz_result_container.correct .result_message p > span > span {
  color: var(--correct_color);
}
.sec3 .quiz_result_container.correct .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
.sec3 .quiz_result_container.incorrect .result--answer picture.answer_incorrect {
  display: block;
}
.sec3 .quiz_result_container.incorrect .result_message {
  display: block;
}
.sec3 .quiz_result_container.incorrect .result_message p > span > span {
  color: var(--incorrect_color);
}
.sec3 .quiz_result_container.incorrect .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_blue.png");
}
.sec3 .q3_flow {
  position: relative;
  display: block;
  margin: 0 auto 3.6603221083vw;
}
.sec3 .q3_flow p {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: min(100%, 38.2137628111vw);
  margin: 0 auto 3.6603221083vw;
  font-size: 1.5065885798vw;
  text-align: center;
}
.sec3 .q3_flow p > span {
  display: block;
}
.sec3 .q3_flow p > span > span {
  display: inline-block;
}
.sec3 .q3_flow .q3_arrow_bottom {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 3.6603221083vw;
}
.sec3 .q3_flow .q3_arrow_bottom figure {
  position: relative;
  display: block;
  width: 3.513909224vw;
  margin: 0 auto;
}
.sec3 .q3_flow .q3_arrow_bottom figure img {
  display: block;
  width: 100%;
}
.sec3 .q3_flow .q3_flow_question {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 3.6603221083vw;
}
.sec3 .q3_flow .q3_flow_question > p {
  font-size: 1.8301610542vw;
}
.sec3 .q3_flow .q3_flow_question picture {
  position: relative;
  display: block;
  width: 48.4626647145vw;
  margin: 0 auto;
}
.sec3 .q3_flow .q3_flow_question picture img {
  display: block;
  width: 100%;
}
.sec3 .q3_flow a.q3_flow_link {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.1713030747vw;
  text-align: center;
  text-decoration: underline;
  color: #0000ff;
}
.sec3 .q3_flow a.q3_flow_link > span {
  display: inline-block;
}
@media (max-width: 768px) {
  .sec3 .q3_flow {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 6.6666666667vw;
  }
  .sec3 .q3_flow p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
    width: 100%;
  }
  .sec3 .q3_flow p > span {
    display: inline;
  }
  .sec3 .q3_flow p > span > span {
    display: inline;
  }
  .sec3 .q3_flow .q3_arrow_bottom {
    margin-bottom: 6.6666666667vw;
  }
  .sec3 .q3_flow .q3_arrow_bottom figure {
    width: 12.8vw;
  }
  .sec3 .q3_flow .q3_arrow_bottom figure img {
    display: block;
    width: 100%;
  }
  .sec3 .q3_flow .q3_flow_question {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 6.6666666667vw;
  }
  .sec3 .q3_flow .q3_flow_question > p {
    font-size: 5.8666666667vw;
  }
  .sec3 .q3_flow .q3_flow_question > p > span {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .sec3 .q3_flow .q3_flow_question picture {
    width: 84.5333333333vw;
    margin: 0 auto;
  }
  .sec3 .q3_flow a.q3_flow_link {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 4.2666666667vw;
    color: #0000ff;
  }
  .sec3 .q3_flow a.q3_flow_link > span {
    display: block;
    width: 100%;
  }
}

.sec4 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec4 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec4 .q4 {
  position: relative;
  display: block;
  width: 61.5666178624vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .sec4 .q4 {
    width: 100%;
  }
}
.sec4 .q4 .question {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.sec4 .q4 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec4 .q4 .question picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec4 .quiz_container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 14.6412884334vw;
  width: 100%;
}
@media (max-width: 768px) {
  .sec4 .quiz_container {
    gap: 26.6666666667vw;
  }
}
.sec4 .quiz_container .common_q_heading_back {
  position: absolute;
  bottom: 1.8301610542vw;
  width: 126.7203513909vw;
  aspect-ratio: 1731/507;
  z-index: 1;
  margin-left: calc(50% - 50vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/sec/common/common_q_heading_back-pc.png");
}
@media (max-width: 768px) {
  .sec4 .quiz_container .common_q_heading_back {
    bottom: 24vw;
    width: 100%;
    aspect-ratio: 750/314;
    background-image: url("../images/sec/common/common_q_heading_back-sp.png");
  }
}
.sec4 .quiz_container .answer {
  position: relative;
  z-index: 2;
  bottom: 14.6412884334vw;
  cursor: pointer;
  width: clamp(243px, 24.0117130307vw, 328px);
}
@media (max-width: 768px) {
  .sec4 .quiz_container .answer {
    width: calc(50% - 13.3333333333vw);
    bottom: 26.6666666667vw;
  }
}
.sec4 .quiz_container .answer figure,
.sec4 .quiz_container .answer picture {
  position: relative;
  display: block;
}
.sec4 .quiz_container .answer figure img,
.sec4 .quiz_container .answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec4 .quiz_result_container {
  position: relative;
  display: block;
  width: 100%;
}
.sec4 .quiz_result_container .result--answer {
  position: relative;
  display: block;
  width: min(100%, 78.2576866764vw);
  margin: 0 auto 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec4 .quiz_result_container .result--answer {
    width: 100%;
    margin: 0 auto 3.6603221083vw;
  }
}
.sec4 .quiz_result_container .result--answer picture {
  display: none;
}
.sec4 .quiz_result_container .result--answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec4 .quiz_result_container .result_message {
  position: relative;
  display: none;
  width: min(100%, 47.5841874085vw);
  margin: 0 auto 21.9619326501vw;
}
.sec4 .quiz_result_container .result_message p {
  position: relative;
  width: 100%;
  font-size: 1.5065885798vw;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.6603221083vw;
}
.sec4 .quiz_result_container .result_message p > span {
  display: block;
}
.sec4 .quiz_result_container .result_message p > span > span {
  display: inline-block;
}
.sec4 .quiz_result_container .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 768px) {
  .sec4 .quiz_result_container .result_message {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 26.6666666667vw;
  }
  .sec4 .quiz_result_container .result_message p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
  }
  .sec4 .quiz_result_container .result_message p > span {
    display: inline;
  }
  .sec4 .quiz_result_container .result_message p > span > span {
    display: inline;
  }
  .sec4 .quiz_result_container .result_message .result--hr {
    width: 100%;
    padding: 0 10px;
    aspect-ratio: 342/4;
  }
}
.sec4 .quiz_result_container.correct .result--answer picture.answer_correct {
  display: block;
}
.sec4 .quiz_result_container.correct .result_message {
  display: block;
}
.sec4 .quiz_result_container.correct .result_message p > span > span {
  color: var(--correct_color);
}
.sec4 .quiz_result_container.correct .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
.sec4 .quiz_result_container.incorrect .result--answer picture.answer_incorrect {
  display: block;
}
.sec4 .quiz_result_container.incorrect .result_message {
  display: block;
}
.sec4 .quiz_result_container.incorrect .result_message p > span > span {
  color: var(--incorrect_color);
}
.sec4 .quiz_result_container.incorrect .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_blue.png");
}

.sec5 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec5 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec5 .q5_intro {
  position: relative;
  display: block;
  width: min(100%, 51.9765739385vw);
  padding: 7.3206442167vw 1.4641288433vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec5 .q5_intro {
    width: 100%;
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
.sec5 .q5_intro picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .q5_intro picture img {
  display: block;
  width: 100%;
}
.sec5 .q5 {
  position: relative;
  display: block;
  width: 61.5666178624vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .sec5 .q5 {
    width: 100%;
  }
}
.sec5 .q5 .question {
  position: relative;
  display: block;
  width: 100%;
  z-index: 2;
}
.sec5 .q5 .question picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .q5 .question picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .quiz_container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 14.6412884334vw;
  width: 100%;
}
@media (max-width: 768px) {
  .sec5 .quiz_container {
    gap: 26.6666666667vw;
  }
}
.sec5 .quiz_container .common_q_heading_back {
  position: absolute;
  bottom: 1.8301610542vw;
  width: 126.7203513909vw;
  aspect-ratio: 1731/507;
  z-index: 1;
  margin-left: calc(50% - 50vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/sec/common/common_q_heading_back-pc.png");
}
@media (max-width: 768px) {
  .sec5 .quiz_container .common_q_heading_back {
    bottom: 24vw;
    width: 100%;
    aspect-ratio: 750/314;
    background-image: url("../images/sec/common/common_q_heading_back-sp.png");
  }
}
.sec5 .quiz_container .answer {
  position: relative;
  z-index: 2;
  bottom: 14.6412884334vw;
  cursor: pointer;
  width: clamp(243px, 24.0117130307vw, 328px);
}
@media (max-width: 768px) {
  .sec5 .quiz_container .answer {
    width: calc(50% - 13.3333333333vw);
    bottom: 26.6666666667vw;
  }
}
.sec5 .quiz_container .answer figure,
.sec5 .quiz_container .answer picture {
  position: relative;
  display: block;
}
.sec5 .quiz_container .answer figure img,
.sec5 .quiz_container .answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .quiz_result_container {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .quiz_result_container .result--answer {
  position: relative;
  display: block;
  width: min(100%, 78.2576866764vw);
  margin: 0 auto 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec5 .quiz_result_container .result--answer {
    width: 100%;
    margin: 0 auto 3.6603221083vw;
  }
}
.sec5 .quiz_result_container .result--answer picture {
  display: none;
}
.sec5 .quiz_result_container .result--answer picture img {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .quiz_result_container .result_message {
  position: relative;
  display: none;
  width: min(100%, 37.4816983895vw);
  margin: 0 auto 21.9619326501vw;
}
.sec5 .quiz_result_container .result_message p {
  position: relative;
  width: 100%;
  font-size: 1.5065885798vw;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.6603221083vw;
}
.sec5 .quiz_result_container .result_message p > span {
  display: block;
}
.sec5 .quiz_result_container .result_message p > span > span {
  display: inline-block;
}
.sec5 .quiz_result_container .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 768px) {
  .sec5 .quiz_result_container .result_message {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 26.6666666667vw;
  }
  .sec5 .quiz_result_container .result_message p {
    display: block;
    font-size: 4.2666666667vw;
    text-align: justify;
    margin-bottom: 6.6666666667vw;
  }
  .sec5 .quiz_result_container .result_message p > span {
    display: inline;
  }
  .sec5 .quiz_result_container .result_message p > span > span {
    display: inline;
  }
  .sec5 .quiz_result_container .result_message .result--hr {
    width: 100%;
    padding: 0 10px;
    aspect-ratio: 342/4;
  }
}
.sec5 .quiz_result_container.correct .result--answer picture.answer_correct {
  display: block;
}
.sec5 .quiz_result_container.correct .result_message {
  display: block;
}
.sec5 .quiz_result_container.correct .result_message p > span > span {
  color: var(--correct_color);
}
.sec5 .quiz_result_container.correct .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
.sec5 .quiz_result_container.incorrect .result--answer picture.answer_incorrect {
  display: block;
}
.sec5 .quiz_result_container.incorrect .result_message {
  display: block;
}
.sec5 .quiz_result_container.incorrect .result_message p > span > span {
  color: var(--incorrect_color);
}
.sec5 .quiz_result_container.incorrect .result--hr {
  background-image: url("../../assets/images/sec/common/common_line_blue.png");
}
.sec5 .what_you_can_do_wrap {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .what_you_can_do_wrap .what_you_can_do {
  position: relative;
  display: block;
  width: 72.1083455344vw;
  margin: 0 auto;
  padding: 7.3206442167vw 0;
}
.sec5 .what_you_can_do_wrap .what_you_can_do .what_you_can_do_content {
  position: relative;
  display: block;
  width: 100%;
}
.sec5 .what_you_can_do_wrap .what_you_can_do .what_you_can_do_content img {
  width: 100%;
}
@media (max-width: 768px) {
  .sec5 .what_you_can_do_wrap .what_you_can_do {
    width: 91.2vw;
    padding: 13.3333333333vw 0;
  }
}

.sec6 {
  position: relative;
  display: block;
  width: 100%;
}
.sec6 .sec6_container {
  position: relative;
  display: block;
  width: 100%;
  padding: 7.3206442167vw 0;
}
@media (max-width: 768px) {
  .sec6 .sec6_container {
    padding: 13.3333333333vw 0;
  }
}
.sec6 .sec6_container .sec6_title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  font-size: 2.2693997072vw;
  letter-spacing: 0.11em;
  margin-bottom: 1.8301610542vw;
}
@media (max-width: 768px) {
  .sec6 .sec6_container .sec6_title {
    font-size: 4.2666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
.sec6 .sec6_container .sec6_title > span {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
.sec6 .sec6_container .sec6_title > span.sec6_title--large {
  font-size: 2.5622254758vw;
}
@media (max-width: 768px) {
  .sec6 .sec6_container .sec6_title > span.sec6_title--large {
    font-size: 4.8vw;
  }
}
.sec6 .sec6_container .sec6_desc {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  font-size: 1.2445095168vw;
  margin-bottom: 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec6 .sec6_container .sec6_desc {
    display: block;
    width: 90.6666666667vw;
    text-align: left;
    font-size: 4.8vw;
    margin: 0 auto 6.6666666667vw;
  }
}
.sec6 .sec6_container .sec6_desc > span {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .sec6 .sec6_container .sec6_desc > span {
    display: inline;
  }
  .sec6 .sec6_container .sec6_desc > span > span {
    display: inline;
  }
}
.sec6 .sec6_container .sec6_desc > span.sec6_desc--small {
  margin-top: 1em;
  font-size: 0.878477306vw;
}
@media (max-width: 768px) {
  .sec6 .sec6_container .sec6_desc > span.sec6_desc--small {
    display: block;
    font-size: 3.2vw;
  }
}
.sec6 .sec6_container picture {
  position: relative;
  display: block;
  width: 75.1098096633vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec6 .sec6_container picture {
    width: 93.3333333333vw;
  }
}
.sec6 .sec6_container picture img {
  display: block;
  width: 100%;
}

.sec7 {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7.3206442167vw;
}
@media (max-width: 768px) {
  .sec7 {
    margin-bottom: 13.3333333333vw;
  }
}
.sec7 .q7_intro {
  position: relative;
  display: block;
  width: min(100%, 51.9765739385vw);
  padding: 7.3206442167vw 1.4641288433vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sec7 .q7_intro {
    width: 100%;
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
.sec7 .q7_intro picture {
  position: relative;
  display: block;
  width: 100%;
}
.sec7 .q7_intro picture img {
  display: block;
  width: 100%;
}
.sec7 p {
  position: relative;
  display: block;
  width: 100%;
  font-size: 3.3674963397vw;
  text-align: center;
  margin-bottom: 3.6603221083vw;
}
@media (max-width: 768px) {
  .sec7 p {
    margin-bottom: 6.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.sec7 .total_checke_btn {
  position: relative;
  display: block;
  width: 68.3016105417vw;
  margin: 0 auto;
  cursor: pointer;
}
@media (max-width: 768px) {
  .sec7 .total_checke_btn {
    width: 92vw;
  }
}
.sec7 .total_checke_btn picture {
  position: relative;
  display: block;
  width: 100%;
}

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

*****************************************/
.lp_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 420px;
}
@media (max-width: 768px) {
  .lp_footer {
    justify-content: flex-end;
    min-height: unset;
  }
}
.lp_footer .f_btn {
  text-align: center;
  font-size: 15px;
  text-decoration: underline;
  margin-bottom: 30px;
}
.lp_footer .f_btn a {
  color: #0000ee;
}
@media (max-width: 768px) {
  .lp_footer .f_btn {
    font-size: 12px;
    margin-bottom: 25px;
  }
}
.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 {
  margin-top: 25px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 300;
  color: #c60419;
}
@media (max-width: 768px) {
  .lp_footer .footerContainer-copy {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 10px;
    padding: 1em 0;
    background-color: #a12e2b;
    color: #fff;
    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
                z-index

*****************************************/
.lp_header {
  z-index: 10;
}

.common_bg {
  z-index: -10000;
}

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

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

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

.tab_body_content_link_btn a {
  cursor: pointer;
  transition: opacity 0.25s;
  opacity: 1;
}
@media (any-hover: hover) {
  .tab_body_content_link_btn a: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;
  }
}

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

*****************************************/
.lp_main_result {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .mv_result {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .mv_result picture {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .mv_result picture img {
  position: relative;
  display: block;
  width: 100%;
}
.lp_main_result .result {
  position: relative;
  display: block;
  margin: 7.3206442167vw auto;
  width: 100%;
}
.lp_main_result .result .result_message p {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 3.6603221083vw;
  font-size: 2.3426061493vw;
  text-align: center;
}
@media (max-width: 768px) {
  .lp_main_result .result .result_message p {
    font-size: 4.2666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
.lp_main_result .result .result_message p span {
  display: block;
}
.lp_main_result .result .result_message .result--hr {
  display: block;
  width: min(100%, 47.1449487555vw);
  aspect-ratio: 644/8;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../../assets/images/sec/common/common_line_pink.png");
}
@media (max-width: 768px) {
  .lp_main_result .result .result_message .result--hr {
    width: 92.8vw;
    padding: 0 10px;
    aspect-ratio: 342/4;
  }
}
.lp_main_result .back_btn {
  display: block;
  margin: 0 auto;
  width: 29.6486090776vw;
  height: 4.6120058565vw;
  letter-spacing: 0.06em;
  background: #ec715f;
  border-radius: 100vh;
}
@media (max-width: 768px) {
  .lp_main_result .back_btn {
    width: 50.6666666667vw;
    height: 9.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}
.lp_main_result .back_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2.196193265vw;
  letter-spacing: 0.06em;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .lp_main_result .back_btn a {
    font-size: 4.2666666667vw;
  }
}/*# sourceMappingURL=style.css.map */