@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
/* ----------------------------------------------------------------
reset
----------------------------------------------------------------- */
html, body, 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, 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, div, div, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

body {
  font-family: "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  -webkit-text-size-adjust: none;
}

img {
  width: 100%;
  vertical-align: bottom;
}

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

body {
  background-color: #fff;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  opacity: 0.6;
}

button {
  color: #000;
}

.Bg img, .Result_Bg img {
  height: auto;
}

.Header {
  height: 7.037037037vh;
  max-height: 76px;
}

.Footer {
  height: 5.1851851852vh;
  max-height: 56px;
}

.Result_Header {
  height: 12.6666666667vw;
  max-height: 76px;
}

.Result_Footer {
  height: 9.3333333333vw;
  max-height: 56px;
}

.Result_Contain, .Contain {
  box-shadow: 0px 0px 26px #030303;
}

.Bg {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr min(100%, 600px) 1fr;
  align-items: center;
  justify-items: center;
}
@media screen and (max-width: 600px) {
  .Bg {
    grid-template-columns: 1fr 100% 1fr;
  }
}

.Contain {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  min-height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  min-height: calc(var(--vh, 1vh) * 100);
  overflow-y: hidden;
  background-color: #000;
}
@media screen and (max-width: 600px) {
  .Contain {
    width: 100%;
    height: 100vh;
    max-width: none;
  }
}

.Header {
  z-index: 1;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background-color: #000000;
  display: flex;
  align-items: center;
  padding-left: 2.6666666667%;
}
@media screen and (max-width: 600px) {
  .Header {
    height: 7.037037037%;
  }
}
.Header_Logo {
  width: 18.7962962963vh;
  max-width: 203px;
  padding-bottom: min(0.3703703704vh, 4px);
  display: grid;
}
@media screen and (max-width: 600px) {
  .Header_Logo {
    width: 34.6643835616%;
  }
}
.Header_Logo p {
  display: grid;
}

.Footer {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: #000000;
}
@media screen and (max-width: 600px) {
  .Footer {
    height: 5.1851851852%;
  }
}
.Footer_Text {
  text-align: center;
  font-size: min(1.8518518519vh, 20px);
  color: #fff;
}
@media screen and (max-width: 600px) {
  .Footer_Text {
    font-size: min(3.3333333333vw, 20px);
  }
}

.Wrapper {
  height: calc(100vh - (min(7.037037037vh, 76px) + min(5.1851851852vh, 56px))); /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100 - (min(7.037037037vh, 76px) + min(5.1851851852vh, 56px)));
}
@media screen and (max-width: 600px) {
  .Wrapper {
    height: calc(100vh - 12.2222222222%); /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    height: calc(var(--vh, 1vh) * 100 - 12.2222222222%);
  }
}

.Wrapper_Top {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.Wrapper_Top * {
  color: #fff;
}

.Top {
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_top.webp);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.Top_audience01, .Top_audience02, .Top_audience03, .Top_audience04 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.Top_audience01 {
  background-image: url(../img/bg_audience_01.webp);
  animation: bound01 0.35s alternate infinite;
}
@keyframes bound01 {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center top min(-0.8333333333vh, -9px);
  }
}
.Top_audience02 {
  background-image: url(../img/bg_audience_02.webp);
  animation: bound02 0.27s alternate infinite;
}
@keyframes bound02 {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center top min(-1.3888888889vh, -15px);
  }
}
.Top_audience03 {
  background-image: url(../img/bg_audience_03.webp);
  animation: bound02 0.31s alternate infinite;
}
@keyframes bound02 {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center top min(-1.2037037037vh, -13px);
  }
}
.Top_audience04 {
  background-image: url(../img/bg_audience_04.webp);
  animation: bound02 0.3s alternate infinite;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@keyframes bound02 {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center top min(-0.9259259259vh, -10px);
  }
}
.Top_Center {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10%;
}
.Top_Center_Text {
  width: 45.6349206349vh;
  max-width: 492.8571428571px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .Top_Center_Text {
    width: min(82.1428571429vw, 492.8571428571px);
  }
}
.Top_Center_Text::before {
  display: block;
  content: "";
  position: absolute;
  background-image: url(../img/im_speech.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 10.1587301587vh;
  max-width: 109.7142857143px;
  height: 10.3703703704vh;
  max-height: 97px;
  right: -1px;
  top: -6px;
  transform: translateY(-100%);
}
@media screen and (max-width: 600px) {
  .Top_Center_Text::before {
    max-width: none;
    max-height: none;
    width: 22.3790322581%;
    height: 67.8321678322%;
  }
}
.Top_Banner {
  width: 41.2698412698vh;
  max-width: 445.7142857143px;
  display: flex;
  justify-content: space-between;
  margin-top: min(2.2222222222vh, 24px);
}
@media screen and (max-width: 600px) {
  .Top_Banner {
    margin-top: 4%;
    width: min(74.2857142857vw, 445.7142857143px);
  }
}
.Top_Banner_Item {
  width: 12.9365079365vh;
  max-width: 139.7142857143px;
}
@media screen and (max-width: 600px) {
  .Top_Banner_Item {
    width: 31.3461538462%;
  }
}
.Top_Text {
  text-align: center;
  font-size: min(2.037037037vh, 22px);
  margin-top: min(2.6851851852vh, 29px);
  line-height: 1.6818181818;
}
@media screen and (max-width: 600px) {
  .Top_Text {
    width: 100%;
    font-size: min(3.6666666667vw, 22px);
    margin-top: 4.8333333333%;
  }
}
.Top_btn {
  width: 45.6349206349vh;
  max-width: 492.8571428571px;
  margin: 0 auto;
  position: relative;
  background-color: #CC0033;
  border-radius: 90px;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .Top_btn {
    width: min(82.1428571429vw, 492.8571428571px);
  }
}
.Top_btn::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/tx_annotation.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: min(1.1111111111vh, 12px);
  left: 0;
  right: 0;
  margin: auto;
  width: min(35vh, 378px);
  height: min(3.8888888889vh, 42px);
  transform: translateY(-100%);
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .Top_btn::before {
    width: 97.9274611399%;
    height: 53.164556962%;
    top: 15.1898734177%;
  }
}
.Top_Link {
  display: block;
  width: 100%;
  height: 100%;
}
.Top_Bottom {
  max-width: 100%;
  margin-top: min(6.2962962963vh, 68px);
}
@media screen and (max-width: 600px) {
  .Top_Bottom {
    margin-top: min(9.7142857143vw, 58.2857142857px);
  }
}
.Top_Bottom_Text {
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
  font-size: min(1.4814814815vh, 16px);
  max-width: 100%;
}
@media screen and (max-width: 600px) {
  .Top_Bottom_Text {
    width: 92.1666666667vw;
    font-size: min(2.6666666667vw, 16px);
  }
}

.Diagnosis {
  max-height: calc(100vh - (min(7.037037037vh, 76px) + min(5.1851851852vh, 56px)));
  height: 100vh;
  background-image: url(../img/bg_diagnosis.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  padding: 0 8.8571428571%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Diagnosis_Top {
  cursor: pointer;
  width: min(28.8571428571vw, 173.1428571429px);
  height: min(9.7142857143vw, 58.2857142857px);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: min(8.8571428571vw, 53.1428571429px);
  top: min(5.7142857143vw, 34.2857142857px);
}
.Diagnosis_Top_Text {
  color: #000000;
  font-weight: 700;
  font-size: min(3.5714285714vw, 21.4285714286px);
}
.Diagnosis_Question {
  width: 100%;
  background-color: #CC0033;
  color: #fff;
  text-align: center;
  position: relative;
}
.Diagnosis_Question::before {
  display: block;
  content: "";
  position: absolute;
  width: min(14.1428571429vw, 84.8571428571px);
  height: min(11vw, 66px);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  left: min(5.1428571429vw, 30.8571428571px);
  top: 0;
  transform: translateY(-50%);
}
.Diagnosis_Question_Title {
  font-size: min(5.4285714286vw, 32.5714285714px);
  font-weight: 700;
}
.Diagnosis .Question_List_Flex {
  display: flex;
  justify-content: space-between;
}
.Diagnosis .Question_Item {
  width: min(28.5714285714vw, 171.4285714286px);
  height: min(17.1428571429vw, 102.8571428571px);
  color: #CC0033;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Diagnosis .Question_Item {
  cursor: pointer;
}
.Diagnosis_Bottom {
  z-index: 1;
  width: min(82.5714285714vw, 495.4285714286px);
  position: absolute;
  bottom: min(2.5714285714vw, 15.4285714286px);
  right: 0;
  left: 0;
  margin: auto;
}
.Diagnosis .Meter {
  width: 100%;
  height: 100%;
  position: relative;
}
.Diagnosis .Meter_Box {
  position: absolute;
  bottom: 10.9%;
  left: 0;
  transition: 0.2s;
  transition-property: width;
}
.Diagnosis .Meter_Line {
  display: block;
  height: min(3.4285714286vw, 20.5714285714px);
  background-color: #E80000;
  position: relative;
  border-radius: 43px;
}
.Diagnosis .Meter_Line::before, .Diagnosis .Meter_Line::after {
  display: block;
  position: absolute;
  content: "";
  width: min(6vw, 36px);
  height: min(6vw, 36px);
  border-radius: 50%;
  background-color: #E80000;
  top: 0;
  bottom: 0;
  margin: auto;
}
.Diagnosis .Meter_Line::after {
  right: 0;
  background-image: url(../img/im_meter_ball.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Diagnosis .Meter_Box_Q1 {
  width: 16.6666666667%;
}
.Diagnosis .Meter_Box_Q2 {
  width: 33.3333333333%;
}
.Diagnosis .Meter_Box_Q3 {
  width: 50%;
}
.Diagnosis .Meter_Box_Q4 {
  width: 66.6666666667%;
}
.Diagnosis .Meter_Box_Q5 {
  width: 75%;
}
.Diagnosis .Meter_Box_Q6 {
  width: 91.6666666667%;
}
.Diagnosis .Meter_Box_Max {
  width: 100%;
}

.Q1-1 {
  display: flex;
  padding: min(8vw, 48px) min(9.5714285714vw, 57.4285714286px);
  flex-direction: column;
  justify-content: space-between;
}
.Q1-1::before {
  background-image: url(../img/tx_Q1.webp);
}
.Q1-1 .Question_Item {
  font-size: min(6.4285714286vw, 38.5714285714px);
  font-weight: 700;
}
.Q1-1 .Question_List_Flex {
  margin-top: min(4.2857142857vw, 25.7142857143px);
}

.Q2-1 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q2-1::before {
  background-image: url(../img/tx_Q2.webp);
}
.Q2-1 .Question_Item {
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
  width: 100%;
  height: min(20vw, 120px);
}
.Q2-1 .Question_List {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q2-1 .Question_Item_Text {
  color: #CC0033;
}
.Q2-1 .Question_Item_Maker {
  color: #CC0033;
}
.Q2-1 .Question_Item_Maker {
  background: linear-gradient(transparent 60%, #FCEB00 60%);
}

.Q3-1 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q3-1::before {
  background-image: url(../img/tx_Q3.webp);
}
.Q3-1 .Question_Item {
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
  width: 100%;
  height: min(20vw, 120px);
}
.Q3-1 .Question_List {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q3-1 .Question_Item_Text {
  color: #CC0033;
}
.Q3-1 .Question_Item_Maker {
  color: #CC0033;
}
.Q3-1 .Question_Item_Maker {
  background: linear-gradient(transparent 60%, #FCEB00 60%);
}

.Q3-2 {
  padding: min(3.5982008996vh, 48px) min(4.304990362vh, 57.4285714286px);
}
.Q3-2::before {
  width: min(7.0678946241vh, 94.2857142857px);
  height: min(4.9475262369vh, 66px);
  left: min(2.3131291497vh, 30.8571428571px);
  top: 0;
}
.Q3-2 .Diagnosis_Question_Title {
  font-size: min(5.4285714286vw, 32.5714285714px);
}
.Q3-2::before {
  background-image: url(../img/tx_Q3.webp);
}
.Q3-2 .Question_List {
  margin-top: min(1.2850717498vh, 17.1428571429px);
  display: flex;
  flex-direction: column;
  gap: min(1.0280573999vh, 13.7142857143px);
}
.Q3-2 .Question_Item {
  width: 100%;
  height: min(4.4977511244vh, 60px);
  font-size: min(4.2857142857vw, 25.7142857143px);
  font-weight: 700;
}

.Q3-3 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q3-3::before {
  background-image: url(../img/tx_Q3.webp);
}
.Q3-3 .Question_Item {
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
  width: 100%;
  height: min(20vw, 120px);
}
.Q3-3 .Question_List {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q3-3 .Question_Item_Text {
  color: #CC0033;
}
.Q3-3 .Question_Item_Maker {
  color: #CC0033;
  background: linear-gradient(transparent 60%, #FCEB00 60%);
}

.Q4-1 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q4-1::before {
  background-image: url(../img/tx_Q4.webp);
}
.Q4-1 .Question_Item {
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
  width: 100%;
  height: min(20vw, 120px);
}
.Q4-1 .Question_List {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q4-1 .Question_Item_Text {
  color: #CC0033;
}
.Q4-1 .Question_Item_Maker {
  color: #CC0033;
  background: linear-gradient(transparent 60%, #FCEB00 60%);
}

.Q4-2 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q4-2::before {
  background-image: url(../img/tx_Q4.webp);
}
.Q4-2 .Question_Item {
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
  width: 100%;
  height: min(20vw, 120px);
}
.Q4-2 .Question_List {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q4-2 .Question_Item_Text {
  color: #CC0033;
}
.Q4-2 .Question_Item_Maker {
  color: #CC0033;
  background: linear-gradient(transparent 60%, #FCEB00 60%);
}

.Q4-3 {
  display: flex;
  padding: min(8vw, 48px) min(9.5714285714vw, 57.4285714286px);
  flex-direction: column;
  justify-content: space-between;
}
.Q4-3::before {
  background-image: url(../img/tx_Q4.webp);
}
.Q4-3 .Question_List_Flex {
  margin-top: min(11.7142857143vw, 70.2857142857px);
}
.Q4-3 .Question_Item {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  position: relative;
}
.Q4-3 .Question_Item_Caption {
  cursor: auto;
  position: absolute;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  top: min(-0.7142857143vw, -4.2857142857px);
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  font-weight: 700;
  font-size: min(4.2857142857vw, 25.7142857143px);
  transform: translateY(-100%);
}
.Q4-3 .Question_Item_Caption::before, .Q4-3 .Question_Item_Caption::after {
  display: block;
  content: "";
  position: absolute;
  width: min(3.5714285714vw, 21.4285714286px);
  height: min(0.5714285714vw, 3.4285714286px);
  border-radius: 10px;
  background-color: #fff;
}
.Q4-3 .Question_Item_Caption::before {
  transform: rotate(45deg);
  left: -1em;
  bottom: 0.4em;
}
.Q4-3 .Question_Item_Caption::after {
  transform: rotate(-45deg);
  right: -1em;
  bottom: 0.4em;
}

.Q5-1 {
  padding: min(11.4285714286vw, 68.5714285714px) min(9.5714285714vw, 57.4285714286px);
}
.Q5-1::before {
  background-image: url(../img/tx_Q5.webp);
}
.Q5-1 .Question_List {
  display: flex;
  flex-direction: column;
  row-gap: min(5.7142857143vw, 34.2857142857px);
}
.Q5-1 .Question_Item {
  width: 100%;
  font-size: min(4.5714285714vw, 27.4285714286px);
  font-weight: 700;
}

.Q5-2, .Q5-3 {
  display: flex;
  padding: min(8vw, 48px) min(9.5714285714vw, 57.4285714286px);
  flex-direction: column;
  justify-content: space-between;
}
.Q5-2::before, .Q5-3::before {
  background-image: url(../img/tx_Q5.webp);
}
.Q5-2 .Question_List_Flex, .Q5-3 .Question_List_Flex {
  margin-top: min(11.7142857143vw, 70.2857142857px);
}
.Q5-2 .Question_Item, .Q5-3 .Question_Item {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  position: relative;
}
.Q5-2 .Question_Item_Caption, .Q5-3 .Question_Item_Caption {
  cursor: auto;
  position: absolute;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  top: min(-0.5714285714vw, -3.4285714286px);
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  font-weight: 700;
  font-size: min(3.1428571429vw, 18.8571428571px);
  transform: translateY(-110%);
}
.Q5-2 .Question_Item_Caption::before, .Q5-2 .Question_Item_Caption::after, .Q5-3 .Question_Item_Caption::before, .Q5-3 .Question_Item_Caption::after {
  display: block;
  content: "";
  position: absolute;
  width: min(3.5714285714vw, 21.4285714286px);
  height: min(0.5714285714vw, 3.4285714286px);
  border-radius: 10px;
  background-color: #fff;
}
.Q5-2 .Question_Item_Caption::before, .Q5-3 .Question_Item_Caption::before {
  transform: rotate(45deg);
  left: -1.5em;
  bottom: 0.4em;
}
.Q5-2 .Question_Item_Caption::after, .Q5-3 .Question_Item_Caption::after {
  transform: rotate(-45deg);
  right: -1.5em;
  bottom: 0.4em;
}

.Q6-1, .Q6-2, .Q6-3, .Q6-4 {
  display: flex;
  padding: min(8vw, 48px) min(9.5714285714vw, 57.4285714286px);
  flex-direction: column;
  justify-content: space-between;
}
.Q6-1::before, .Q6-2::before, .Q6-3::before, .Q6-4::before {
  background-image: url(../img/tx_Q6.webp);
}
.Q6-1 .Question_List_Flex, .Q6-2 .Question_List_Flex, .Q6-3 .Question_List_Flex, .Q6-4 .Question_List_Flex {
  margin-top: min(14.2857142857vw, 85.7142857143px);
}
.Q6-1 .Question_Item, .Q6-2 .Question_Item, .Q6-3 .Question_Item, .Q6-4 .Question_Item {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  position: relative;
  line-height: 1.1666666667;
}
.Q6-1 .Question_Item_Caption, .Q6-2 .Question_Item_Caption, .Q6-3 .Question_Item_Caption, .Q6-4 .Question_Item_Caption {
  cursor: auto;
  position: absolute;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  top: min(-0.8571428571vw, -5.1428571429px);
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  font-weight: 700;
  font-size: min(3.1428571429vw, 18.8571428571px);
  transform: translateY(-100%);
}
.Q6-1 .Question_Item_Caption::before, .Q6-1 .Question_Item_Caption::after, .Q6-2 .Question_Item_Caption::before, .Q6-2 .Question_Item_Caption::after, .Q6-3 .Question_Item_Caption::before, .Q6-3 .Question_Item_Caption::after, .Q6-4 .Question_Item_Caption::before, .Q6-4 .Question_Item_Caption::after {
  display: block;
  content: "";
  position: absolute;
  width: min(3.5714285714vw, 21.4285714286px);
  height: min(0.5714285714vw, 3.4285714286px);
  border-radius: 10px;
  background-color: #fff;
  bottom: 0.4em;
}
.Q6-1 .Question_Item_Caption::before, .Q6-2 .Question_Item_Caption::before, .Q6-3 .Question_Item_Caption::before, .Q6-4 .Question_Item_Caption::before {
  transform: rotate(45deg);
  left: -1.4em;
}
.Q6-1 .Question_Item_Caption::after, .Q6-2 .Question_Item_Caption::after, .Q6-3 .Question_Item_Caption::after, .Q6-4 .Question_Item_Caption::after {
  transform: rotate(-45deg);
  right: -1.4em;
}

.Load {
  width: 100%;
  max-height: calc(100vh - (min(7.037037037vh, 76px) + min(5.1851851852vh, 56px)));
  height: 100vh;
  background-color: #CC0033;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Load_Img_Wrap {
  width: min(68.4285714286vw, 410.5714285714px);
  height: min(21.4285714286vw, 128.5714285714px);
  position: relative;
  background-image: url(../img/bg_load.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.Load_Img_Wrap .Load_Img:first-child {
  z-index: 3;
  animation: Load1 4s infinite;
}
.Load_Img_Wrap .Load_Img:nth-child(2) {
  z-index: 2;
  opacity: 0;
  animation: Load2 4s infinite;
}
.Load_Img_Wrap .Load_Img:last-child {
  z-index: 1;
  opacity: 0;
  animation: Load3 4s infinite;
}
.Load_Img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes Load1 {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes Load2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes Load3 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.DN {
  display: none !important;
}

* {
  color: #000000;
}

.Result_Bg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: grid;
  grid-template-columns: 1fr min(100%, 600px) 1fr;
  align-items: center;
  justify-items: center;
}

.BG_img {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.BG_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.Result_Left {
  width: 66.8181818182%;
  max-width: 441px;
}

.Side {
  width: 100%;
  height: 100%;
}

.Sticky_Box {
  width: 100%;
  min-height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  min-height: calc(var(--vh, 1vh) * 100);
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .Sticky_Box {
    height: calc(100vh - 12.2222222222%); /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    height: calc(var(--vh, 1vh) * 100 - 12.2222222222%);
  }
}

.Left_Img {
  width: 67.4242424242%;
  max-width: 441px;
}

.Right_Img {
  width: 66.8181818182%;
  max-width: 441px;
}

.Result_Contain {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #000;
}

.Result_Header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  display: flex;
  align-items: center;
  padding-left: 2.6666666667%;
}
.Result_Header_Logo {
  width: 34.7602739726%;
  padding-bottom: getMax(4);
  display: grid;
}
.Result_Header_Logo p {
  display: grid;
}

.Result_Footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: #000000;
}
.Result_Footer_Text {
  text-align: center;
  font-size: min(2.8571428571vw, 17.1428571429px);
  color: #fff;
}

.Result_Wrapper {
  padding: min(12.6666666667vw, 76px) 0 min(9.3333333333vw, 56px) 0;
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
}
.Result_Wrapper * {
  color: #000;
}

.Inner {
  background-color: #FAD7C6;
  padding: 6.8571428571% 4.5714285714% 5.7142857143%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(4.5714285714vw, 27.4285714286px);
}

.WINNER_Bg {
  background-color: #D5E6ED;
}

.Toto_Bg {
  background-color: #F1EECB;
}

.Result_Panel {
  background-color: #fff;
  padding: min(5.7142857143vw, 34.2857142857px) min(4.2857142857vw, 25.7142857143px);
  width: 100%;
  text-align: center;
}

.Result {
  width: 44.4285714286%;
  padding-bottom: min(2.2857142857vw, 13.7142857143px);
}

.Type_Title {
  font-size: min(4vw, 24px);
  font-weight: 700;
}
.Type_Text_Type {
  width: 50.5208333333%;
  margin: 0 auto;
  display: block;
}
.Type_Text_Type_Toto {
  width: 94.7916666667%;
}
.Type_Speech {
  width: 100%;
  margin-top: 5.7142857143%;
  color: #fff;
  padding: 3.4285714286% 0;
  font-size: min(4.2857142857vw, 25.7142857143px);
  position: relative;
  font-weight: 500;
  background-color: #CC0033;
}
.Type_Speech::after {
  display: block;
  position: absolute;
  content: "";
  width: min(7.7142857143vw, 46.2857142857px);
  height: min(5vw, 30px);
  background-image: url(../img/im_red_bottom_triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateY(95%);
  margin: auto;
}
.Type_SpeechP {
  padding: 4%;
}
.Type_SpeechF {
  font-size: min(4vw, 24px);
}
.Type_Maker {
  background-color: #FCEB00;
  margin: 7.2857142857% auto 0;
  font-size: min(5.4285714286vw, 32.5714285714px);
  font-weight: 700;
}
.Type_Maker_Wrap {
  width: -moz-fit-content;
  width: fit-content;
  margin: 13.8333333333% auto 0;
}
.Type_Maker_Wrap02 {
  position: relative;
}
.Type_Maker_Wrap02::after {
  display: block;
  content: "＊1";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  font-size: min(2.2857142857vw, 13.7142857143px);
  font-weight: 700;
}
.Type_Maker_Top {
  line-height: 1.1;
  font-size: min(8.5714285714vw, 51.4285714286px);
  font-weight: 700;
  margin: 9.4285714286% auto 0;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(transparent 70%, #FCEB00 0%);
}
.Type_Maker_Text_Inner {
  background: linear-gradient(transparent 60%, #FCEB00 0%);
}
.Type_Maker_Top_WINNER {
  font-size: min(6.8571428571vw, 41.1428571429px);
  line-height: 1.6;
  font-weight: 700;
  margin-top: min(7.1428571429vw, 42.8571428571px);
}
.Type_Maker_Top_02 {
  position: relative;
}
.Type_Maker_Top_02::before, .Type_Maker_Top_02::after {
  display: block;
  position: absolute;
  width: min(0.8571428571vw, 5.1428571429px);
  height: min(13.7142857143vw, 82.2857142857px);
  border-radius: min(1vw, 6px);
  background-color: #000;
  transform-origin: bottom;
}
.Type_Maker_Top_02::before {
  content: "";
  left: -2%;
  bottom: 0;
  transform: rotate(-40deg);
}
.Type_Maker_Top_02::after {
  content: "";
  right: -2%;
  bottom: 0;
  transform: rotate(40deg);
}
.Type_Maker_Top_04 {
  letter-spacing: -0.07em;
}
.Type_Maker_Caption {
  width: 100%;
  text-align: right;
  margin-top: 1.1428571429%;
  font-size: min(2.2857142857vw, 13.7142857143px);
  font-weight: 700;
}
.Type_Fs48 {
  font-size: min(6.8571428571vw, 41.1428571429px);
}
.Type_Fs55 {
  font-size: min(7.8571428571vw, 47.1428571429px);
}
.Type_Number {
  font-size: min(12.7142857143vw, 76.2857142857px);
}
.Type_Strong {
  font-size: min(7.1428571429vw, 42.8571428571px);
}
.Type_Img_Caption {
  font-size: min(5.4285714286vw, 32.5714285714px);
  font-weight: 700;
  margin-top: 3.4285714286%;
}
.Type_Img_Caption02 {
  margin-top: 7.1428571429%;
}
.Type_Img_Caption_FL {
  font-size: min(6.2857142857vw, 37.7142857143px);
}
.Type_Img_Caption_WINNER {
  margin-top: 5.7142857143%;
}
.Type_Img_Caption_Toto {
  margin-top: 6.5714285714%;
  font-size: min(6.2857142857vw, 37.7142857143px);
}
.Type_Top_Img {
  width: 100%;
  margin-top: 4.2857142857%;
}
.Type_Top_Img_WINNER {
  width: 64.5833333333%;
  margin: 8.5714285714% auto 0;
}
.Type_Top_Img02 {
  width: 70.4861111111%;
  margin: 5.7142857143% auto 0;
}
.Type_Top_Img03 {
  width: 61.4583333333%;
  margin: 5.7142857143% auto 0;
}
.Type_Img_Small {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  text-align: center;
  margin-top: 2.8571428571%;
}
.Type_Text {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  text-align: center;
  margin-top: 2.8571428571%;
}
.Type_Text_Small {
  font-size: min(3.7142857143vw, 22.2857142857px);
  text-align: center;
  margin-top: 1.1428571429%;
  font-weight: 700;
}
.Type .Advice_Text_Wrap {
  margin-top: 4.2857142857%;
  display: flex;
  flex-direction: column;
  row-gap: min(2.8571428571vw, 17.1428571429px);
}
.Type .Advice_Text_Wrap .Advice_Text {
  font-size: min(3.7142857143vw, 22.2857142857px);
}
.Type .Advice_Text_Wrap .Advice_Text:first-child {
  font-weight: 700;
}
.Type .Advice_Text_Wrap .Advice_Text_Bold {
  font-weight: 700;
}
.Type .Advice_Text_Wrap_WINNER {
  text-align: left;
  width: 81.25%;
  margin: 3.4285714286% auto 0;
}
.Type .Advice_Text_Wrap_WINNER .Advice_Text {
  font-size: min(3.7142857143vw, 22.2857142857px);
  font-weight: 700;
  padding-left: 2em;
  position: relative;
}
.Type .Advice_Text_Wrap_WINNER .Advice_Text::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.Type_Link {
  width: 93.75%;
  display: block;
  margin: 5.7142857143% auto 0;
}

.Promotion_Title {
  width: 100%;
  margin-top: 5.7142857143%;
  color: #fff;
  padding: 3.4285714286% 0;
  font-size: min(4.2857142857vw, 25.7142857143px);
  position: relative;
  font-weight: 500;
  background-color: #CC0033;
  margin-top: 0;
}
.Promotion_Title::after {
  display: block;
  position: absolute;
  content: "";
  width: min(7.7142857143vw, 46.2857142857px);
  height: min(5vw, 30px);
  background-image: url(../img/im_red_bottom_triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateY(95%);
  margin: auto;
}
.Promotion_Maker {
  line-height: 1.1;
  font-size: min(8.5714285714vw, 51.4285714286px);
  font-weight: 700;
  margin: 9.4285714286% auto 0;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(transparent 70%, #FCEB00 0%);
}
.Promotion_Text_Wrap03 {
  margin-top: 8%;
}
.Promotion_Text {
  font-size: min(5.4285714286vw, 32.5714285714px);
  font-weight: 700;
  margin-top: 4.2857142857%;
}
.Promotion_Text_WINNER {
  font-size: min(5.4285714286vw, 32.5714285714px);
  font-weight: 700;
  margin: 7.1428571429% auto 0;
}
.Promotion_Text02 {
  font-size: min(5.1428571429vw, 30.8571428571px);
  margin-top: 4.2857142857%;
  font-weight: 700;
}
.Promotion_Sub_Text_WINNER {
  font-size: min(5.1428571429vw, 30.8571428571px);
  font-weight: 700;
  text-align: center;
  margin-top: 2.8571428571%;
}
.Promotion_Sub_Text_WINNER02 {
  margin-top: 5.7142857143%;
}
.Promotion_Img {
  width: 100%;
  margin-top: 4.2857142857%;
}
.Promotion_Img_WINNER {
  width: 64.5833333333%;
  margin: 5.7142857143% auto 0;
}
.Promotion_Img02 {
  width: 70.4861111111%;
  margin: 4% auto 0;
}
.Promotion_Link {
  width: 93.75%;
  display: block;
  margin: 5.7142857143% auto 0;
}
.Promotion_Maker_Wrap02 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 11.8571428571% auto 0;
}
.Promotion_Maker_Wrap02::after {
  display: block;
  content: "＊1";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  font-size: min(2.2857142857vw, 13.7142857143px);
  font-weight: 700;
}
.Promotion_Maker_Top_02 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 11.8571428571% auto 0;
}
.Promotion_Maker_Top_02::before, .Promotion_Maker_Top_02::after {
  display: block;
  position: absolute;
  width: min(0.8571428571vw, 5.1428571429px);
  height: min(13.7142857143vw, 82.2857142857px);
  border-radius: min(1vw, 6px);
  background-color: #000;
  transform-origin: bottom;
}
.Promotion_Maker_Top_02::before {
  content: "";
  left: -2%;
  bottom: 0;
  transform: rotate(-40deg);
}
.Promotion_Maker_Top_02::after {
  content: "";
  right: -2%;
  bottom: 0;
  transform: rotate(40deg);
}
.Promotion_Long_Title::before {
  left: 3%;
  bottom: -16%;
}
.Promotion_Long_Title::after {
  right: 3%;
  bottom: -16%;
}
.Promotion_Maker_Top_03 {
  font-size: min(7.8571428571vw, 47.1428571429px);
  letter-spacing: -0.05em;
}
.Promotion_Fs42 {
  font-size: min(6vw, 36px);
}
.Promotion_Fs55 {
  font-size: min(7.8571428571vw, 47.1428571429px);
}
.Promotion_Maker_Caption {
  width: 100%;
  text-align: right;
  margin-top: 1.1428571429%;
  font-size: min(2.2857142857vw, 13.7142857143px);
  font-weight: 700;
}
.Promotion_Number {
  font-size: min(12.7142857143vw, 76.2857142857px);
}
.Promotion_Number02 {
  font-size: min(11.4285714286vw, 68.5714285714px);
}
.Promotion_Forecast_Wrap {
  margin-top: 5.7142857143%;
  display: flex;
  flex-direction: column;
  row-gap: min(2.8571428571vw, 17.1428571429px);
}
.Promotion_Forecast_Wrap dt {
  font-weight: 700;
  font-size: min(3.7142857143vw, 22.2857142857px);
  margin-bottom: 1.1428571429%;
}
.Promotion_Forecast_Wrap dd {
  font-size: min(3.7142857143vw, 22.2857142857px);
  font-weight: 500;
}
.Promotion_forecast {
  text-align: left;
}

.Buy_Title {
  width: 100%;
  margin-top: 5.7142857143%;
  color: #fff;
  padding: 3.4285714286% 0;
  font-size: min(4.2857142857vw, 25.7142857143px);
  position: relative;
  font-weight: 500;
  background-color: #CC0033;
  margin-top: 0;
}
.Buy_Title::after {
  display: block;
  position: absolute;
  content: "";
  width: min(7.7142857143vw, 46.2857142857px);
  height: min(5vw, 30px);
  background-image: url(../img/im_red_bottom_triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateY(95%);
  margin: auto;
}
.Buy_Point {
  width: 97.2222222222%;
  background-color: #FCEBE2;
  font-size: min(4.2857142857vw, 25.7142857143px);
  font-weight: 700;
  line-height: 2;
  margin: 9% auto 3.4285714286%;
}
.Buy_List {
  display: flex;
  -moz-column-gap: min(0.6428571429vw, 3.8571428571px);
       column-gap: min(0.6428571429vw, 3.8571428571px);
}
.Buy_List .Buy_Item:first-child {
  width: 49.6527777778%;
}
.Buy_List .Buy_Item:last-child {
  width: 46.5277777778%;
}
.Buy_List .Buy_Text {
  margin-top: min(4.5714285714vw, 27.4285714286px);
  font-size: min(3.7142857143vw, 22.2857142857px);
  font-weight: 500;
}
.Buy_Img {
  width: 55.7291666667%;
  margin: 0 auto;
}
.Buy_Step {
  margin-top: min(5.7142857143vw, 34.2857142857px);
  padding-left: 8%;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: min(2.5714285714vw, 15.4285714286px);
}
.Buy_Step .Buy_Step_Item {
  font-weight: 700;
  font-size: min(3.7142857143vw, 22.2857142857px);
  padding-left: 1.5em;
  position: relative;
}
.Buy_Step .Buy_Step_Item:first-child::before {
  position: absolute;
  display: block;
  content: "";
  width: min(1vw, 6px);
  height: min(3.7142857143vw, 22.2857142857px);
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/tx_ol_1.webp);
  background-position: center;
  background-size: contain;
}
.Buy_Step .Buy_Step_Item:last-child::before {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  display: block;
  content: "";
  width: min(1.7142857143vw, 10.2857142857px);
  height: 4.3333333333vw;
  background-repeat: no-repeat;
  background-image: url(../img/tx_ol_2.webp);
  background-position: center;
  background-size: contain;
}
.Buy_Link {
  width: 93.75%;
  display: block;
  margin: 5.7142857143% auto 0;
}

.Bottom_Text {
  font-weight: 700;
  font-size: min(4vw, 24px);
  margin: min(5.7142857143vw, 34.2857142857px) auto 0;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.Bottom_Text:hover::after {
  opacity: 0.6;
}
.Bottom_Text::after {
  pointer-events: none;
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
}

.Again {
  position: relative;
  width: 70.2830188679%;
  margin-top: 12.4285714286%;
}
.Again::before {
  content: "";
  display: block;
  position: absolute;
  width: 97.9865771812%;
  height: min(7.4285714286vw, 44.5714285714px);
  background-image: url(../img/tx_annotation_red.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-105%);
}
.Again_Link {
  display: block;
  width: 100%;
  margin: 0 auto;
}