.result-maintitle__inner {
  display: none;
}

.nosp {
  display: inline;
  font-size: 10px;
}

.header__inner--image {
    display: none;
}

.makko_result_intro {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #263238;
    text-align: center;
}

.makko_result_intro_text {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

@media (max-width: 400px) {
    .makko_result_intro {
        gap: 8px;
        margin-bottom: 16px;
        justify-content: flex-start;
    }

    .makko_result_intro_text {
        font-size: 14px;
    }
}

/* 設問画面：HTML変更不要 */
#interpretContent.contwrap {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 48px 20px;
  background-color: #ffd166;
  background-image:
    radial-gradient(#ff9f1c 1.5px, transparent 1.5px),
    radial-gradient(#ff9f1c 1.5px, transparent 1.5px);
  background-position: 0 0, 11px 11px;
  background-size: 22px 22px;
}

#interpretContent.contwrap > .contwrap__inner,
#interpretContent.contwrap .mainsec,
#interpretContent.contwrap .mainwrap {
  box-sizing: border-box;
  width: 100%;
}

.topmain {
  box-sizing: border-box;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 44px 48px 48px;
  border: 3px solid #35251d;
  border-radius: 20px;
  background: #fffdf7;
  box-shadow: 12px 12px 0 #ff9f1c;
  color: #35251d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
}

.topmain .q-part {
  box-sizing: border-box;
  margin: 0 0 30px;
  padding: 21px 24px;
  border: 3px solid #35251d;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 5px 5px 0 #ffd166;
  color: #35251d;
  font-size: clamp(21px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .02em;
  text-align: center;
}

.topmain .q-part .q-part-uline {
  display: inline;
  padding: 0;
  border: 0;
  background-image: linear-gradient(transparent 68%, #fff176 68%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: inherit;
  text-decoration: none;
}

.topmain .answer.answerbox {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
margin: 20px;
}

.topmain .answer__item {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.topmain .answer__item .answer__item--href {
  box-sizing: border-box;
  width: 100%;
  min-height: 68px;
  margin: 0;
  padding: 16px 52px 16px 22px;
  appearance: none;
  border: 3px solid #35251d;
  border-radius: 12px;
  background-color: #ffffff;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) calc(100% - 44px), rgba(255, 255, 255, .42) calc(100% - 44px));
  box-shadow: 5px 5px 0 #35251d;
  color: #35251d;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .01em;
  text-align: left;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.topmain .answer__item:nth-child(1) .answer__item--href {
  background-color: #ffe0b2;
}

.topmain .answer__item:nth-child(2) .answer__item--href {
  background-color: #c9f2ef;
}

.topmain .answer__item:nth-child(3) .answer__item--href {
  background-color: #e3f8b8;
}

.topmain .answer__item:nth-child(4) .answer__item--href {
  background-color: #ffd5cf;
}

.topmain .answer__item:nth-child(5) .answer__item--href {
  background-color: #fff2a8;
}

.topmain .answer__item .answer__item--href:hover {
  transform: translate(3px, 3px);
  box-shadow: 2px 2px 0 #35251d;
  filter: saturate(1.08);
}

.topmain .answer__item .answer__item--href:active {
  transform: translate(5px, 5px);
  box-shadow: none;
}

.topmain .answer__item .answer__item--href:focus-visible {
  outline: 4px solid #ff9f1c;
  outline-offset: 4px;
}

.topmain .answer__item .answer__item--href:disabled {
  cursor: not-allowed;
  filter: grayscale(.7);
  opacity: .55;
}

@media (max-width: 600px) {
  #interpretContent.contwrap {
    padding: 24px 30px;
  }

  .topmain {
    width: 100%;
    margin: 0 auto;
    padding: 34px 24px 36px;
    border-radius: 14px;
    box-shadow: 7px 7px 0 #ff9f1c;
  }

  .topmain .q-part {
    margin-bottom: 26px;
    padding: 18px 18px;
    font-size: clamp(20px, 6vw, 26px);
  }

  .topmain .answer.answerbox {
    gap: 14px;
  }

  .topmain .answer__item .answer__item--href {
    min-height: 64px;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  #interpretContent.contwrap {
    padding: 24px 20px;
  }

  .topmain {
    width: 100%;
    padding: 28px 20px 30px;
  }

  .topmain .q-part {
    margin-bottom: 22px;
    padding: 16px 14px;
  }

  .topmain .answer__item .answer__item--href {
    min-height: 60px;
    padding: 13px 16px;
    border-radius: 10px;
    font-size: 14px;
  }
.topmain .answer.answerbox {
margin: 0px;
}

}

/* ---------- 共通レイアウト ---------- */
.makko_plan_result_page,
.makko_full_result_page,
.makko_supervisor_result_page,
.makko_tieup_result_page {
  box-sizing: border-box;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 48px 20px;
  background-position: 0 0, 11px 11px;
  background-size: 22px 22px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
  line-height: 1.8;
}

.makko_plan_result_page {
  color: #35251d;
  background-color: #ffd166;
  background-image: radial-gradient(#ff9f1c 1.5px, transparent 1.5px), radial-gradient(#ff9f1c 1.5px, transparent 1.5px);
}

.makko_full_result_page {
  color: #153b3d;
  background-color: #bdeeed;
  background-image: radial-gradient(#40bfc1 1.5px, transparent 1.5px), radial-gradient(#40bfc1 1.5px, transparent 1.5px);
}

.makko_supervisor_result_page {
  color: #29452a;
  background-color: #d9f99d;
  background-image: radial-gradient(#84cc16 1.5px, transparent 1.5px), radial-gradient(#84cc16 1.5px, transparent 1.5px);
}

.makko_tieup_result_page {
  color: #512d2b;
  background-color: #ffd1ca;
  background-image: radial-gradient(#ff8a80 1.5px, transparent 1.5px), radial-gradient(#ff8a80 1.5px, transparent 1.5px);
}

.makko_plan_result_wrap,
.makko_full_result_wrap,
.makko_supervisor_result_wrap,
.makko_tieup_result_wrap {
  box-sizing: border-box;
  position: relative;
  width: min(100%, 760px);
  overflow: hidden;
  border: 3px solid;
  border-radius: 20px;
  background: #ffffff;
}

.makko_plan_result_wrap { border-color: #432818; box-shadow: 12px 12px 0 #f77f00; }
.makko_full_result_wrap { width: min(100%, 800px); border-color: #153b3d; box-shadow: 12px 12px 0 #087f8c; }
.makko_supervisor_result_wrap { border-color: #29452a; box-shadow: 12px 12px 0 #65a30d; }
.makko_tieup_result_wrap { border-color: #512d2b; box-shadow: 12px 12px 0 #e85d5d; }

/* ---------- リボン ---------- */
.makko_plan_recommended_ribbon,
.makko_full_recommended_ribbon,
.makko_supervisor_recommended_ribbon,
.makko_tieup_recommended_ribbon {
  position: absolute;
  top: 22px;
  right: -42px;
  z-index: 2;
  width: 180px;
  padding: 5px 0;
  transform: rotate(38deg);
  border-top: 2px solid;
  border-bottom: 2px solid;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .13em;
  text-align: center;
}

.makko_plan_recommended_ribbon { border-color: #432818; background: #ff5a00; }
.makko_full_recommended_ribbon { border-color: #153b3d; background: #0093a3; }
.makko_supervisor_recommended_ribbon { border-color: #29452a; background: #6ebc00; }
.makko_tieup_recommended_ribbon { border-color: #512d2b; background: #ff5252; }

/* ---------- メイン情報 ---------- */
.makko_plan_result_main,
.makko_full_result_main,
.makko_supervisor_result_main,
.makko_tieup_result_main {
  padding: 44px 48px 38px;
}

.makko_plan_title_box,
.makko_full_title_box,
.makko_supervisor_title_box,
.makko_tieup_title_box {
  padding: 16px 20px;
  border: 3px solid;
  border-radius: 12px;
text-align: center;
}

.makko_plan_title_box { border-color: #432818; background: #fff3bf; box-shadow: 5px 5px 0 #ffd166; }
.makko_full_title_box { border-color: #153b3d; background: #d9f7f2; box-shadow: 5px 5px 0 #55c7c5; }
.makko_supervisor_title_box { border-color: #29452a; background: #ecfccb; box-shadow: 5px 5px 0 #bef264; }
.makko_tieup_title_box { border-color: #512d2b; background: #fff0ed; box-shadow: 5px 5px 0 #ffaaa1; }

.makko_plan_title,
.makko_full_title,
.makko_supervisor_title,
.makko_tieup_title {
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .02em;
}

.makko_plan_subtitle,
.makko_full_subtitle,
.makko_supervisor_subtitle,
.makko_tieup_subtitle {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.makko_plan_subtitle { color: #ff5a00; }
.makko_full_subtitle { color: #006d77; }
.makko_supervisor_subtitle { color: #4d7c0f; }
.makko_tieup_subtitle { color: #d94f55; }

.makko_plan_price,
.makko_full_price,
.makko_tieup_price {
  padding: 17px 20px;
  border: 3px solid;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 800;
  text-align: center;
}

.makko_plan_price {
  margin: 28px 0 24px;
  border-color: #432818;
  background: #ff9f1c;
  font-size: clamp(16px, 4vw, 18px);
}

.makko_full_price,
.makko_tieup_price {
  margin: 28px 0 8px;
  font-size: clamp(18px, 4vw, 20px);
}

.makko_full_price { border-color: #153b3d; background: #2ec4b6; }
.makko_tieup_price { border-color: #512d2b; background: #ff806f; }

.makko_plan_tax,
.makko_tieup_tax {
  font-size: 12px;
  font-weight: 500;
}

.makko_full_tax {
  font-size: 11px;
  font-weight: 600;
}

.makko_full_price_note,
.makko_tieup_price_note {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.makko_plan_description,
.makko_full_description,
.makko_supervisor_description,
.makko_tieup_description {
  font-size: 15px;
}

.makko_plan_description { color: #725f54; }
.makko_full_description { color: #536f70; }
.makko_supervisor_description { margin-top: 28px; color: #5a7055; }
.makko_tieup_description { color: #765a57; }

/* ---------- おすすめ理由 ---------- */
.makko_plan_reason_box,
.makko_full_reason_box,
.makko_supervisor_reason_box,
.makko_tieup_reason_box {
  padding: 32px 48px 40px;
  border-top: 3px solid;
}

.makko_full_reason_box,
.makko_supervisor_reason_box {
  padding-bottom: 38px;
}

.makko_plan_reason_box { border-color: #432818; background: #fff3bf; }
.makko_full_reason_box { border-color: #153b3d; background: #e5faf7; }
.makko_supervisor_reason_box { border-color: #29452a; background: #f1fbdc; }
.makko_tieup_reason_box { border-color: #512d2b; background: #fff0ed; }

.makko_plan_reason_title,
.makko_full_section_title,
.makko_supervisor_section_title,
.makko_tieup_reason_title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.makko_plan_reason_icon,
.makko_full_section_icon,
.makko_supervisor_section_icon,
.makko_tieup_reason_icon {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 2px solid;
  border-radius: 8px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
}

.makko_plan_reason_icon,
.makko_tieup_reason_icon {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
}

.makko_plan_reason_icon { border-color: #432818; background: #ff5a00; }
.makko_full_section_icon { border-color: #153b3d; background: #0093a3; }
.makko_supervisor_section_icon { border-color: #29452a; background: #6ebc00; }
.makko_tieup_reason_icon { border-color: #512d2b; background: #ff5252; }

.makko_plan_reason_list ul,
.makko_full_reason_list ul,
.makko_supervisor_reason_list ul,
.makko_tieup_reason_list ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.makko_full_reason_list ul,
.makko_supervisor_reason_list ul {
  gap: 11px;
}

.makko_plan_reason_list li,
.makko_full_reason_list li,
.makko_supervisor_reason_list li,
.makko_tieup_reason_list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #000000;
  font-size: 14px;
}

.makko_plan_list_marker,
.makko_full_list_badge,
.makko_supervisor_list_badge,
.makko_tieup_list_marker {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 2px solid;
  border-radius: 7px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.makko_plan_list_marker { border-color: #432818; background: #ff9f1c; box-shadow: 2px 2px 0 #432818; }
.makko_full_list_badge { border-color: #153b3d; background: #2ec4b6; box-shadow: 2px 2px 0 #153b3d; }
.makko_supervisor_list_badge { border-color: #29452a; background: #84cc16; box-shadow: 2px 2px 0 #29452a; }
.makko_tieup_list_marker { border-color: #512d2b; background: #ff806f; box-shadow: 2px 2px 0 #512d2b; }

.makko_plan_reason_list li:nth-child(2) .makko_plan_list_marker { background: #ff6b6b; }
.makko_plan_reason_list li:nth-child(3) .makko_plan_list_marker { background: #2ec4b6; }
.makko_plan_reason_list li:nth-child(4) .makko_plan_list_marker { background: #f77f00; }
.makko_full_reason_list li:nth-child(2) .makko_full_list_badge { background: #00a7a5; }
.makko_full_reason_list li:nth-child(3) .makko_full_list_badge { background: #ffb703; }
.makko_full_reason_list li:nth-child(4) .makko_full_list_badge { background: #ef8354; }
.makko_full_reason_list li:nth-child(5) .makko_full_list_badge { background: #087f8c; }
.makko_supervisor_reason_list li:nth-child(2) .makko_supervisor_list_badge { background: #a3e635; color: #29452a; }
.makko_supervisor_reason_list li:nth-child(3) .makko_supervisor_list_badge { background: #ffdd57; color: #29452a; }
.makko_supervisor_reason_list li:nth-child(4) .makko_supervisor_list_badge { background: #65a30d; }
.makko_tieup_reason_list li:nth-child(2) .makko_tieup_list_marker { background: #f4a261; }
.makko_tieup_reason_list li:nth-child(3) .makko_tieup_list_marker { background: #e76f8a; }
.makko_tieup_reason_list li:nth-child(4) .makko_tieup_list_marker { background: #e85d5d; }

/* ---------- フルスクラッチ版：実装例 ---------- */
.makko_full_examples_box {
  padding: 32px 48px 40px;
  border-top: 3px solid #153b3d;
  background: #fff8d8;
}

.makko_full_examples_icon { background: #ffb703; }

.makko_full_examples_grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
}

.makko_full_example_item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 14px 16px;
  border: 2px solid #153b3d;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 4px 4px 0 #55c7c5;
  color: #294e50;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.makko_full_example_number {
  display: inline-block;
  margin-right: 10px;
width: 28px;
  color: #087f8c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}

/* ---------- 監修者版：注意書き ---------- */
.makko_supervisor_notice_box {
  padding: 30px 48px 36px;
  border-top: 3px solid #29452a;
  background: #fff9c7;
}

.makko_supervisor_notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border: 2px solid #29452a;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 4px 4px 0 #d4d94f;
  color: #5d6043;
  font-size: 12px;
  line-height: 1.8;
}

.makko_supervisor_notice_icon {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 2px solid #29452a;
  border-radius: 50%;
  background: #ffdd57;
  color: #29452a;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

/* ---------- お問い合わせ ---------- */
.makko_plan_contact_box,
.makko_full_contact_box,
.makko_supervisor_contact_box,
.makko_tieup_contact_box {
  padding: 0 48px 44px;
}

.makko_plan_contact_box { background: #fff3bf; }
.makko_full_contact_box { background: #fff8d8; }
.makko_supervisor_contact_box { background: #fff9c7; }
.makko_tieup_contact_box { background: #fff0ed; }

.makko_plan_contact_button a,
.makko_full_contact_button a,
.makko_supervisor_contact_button a,
.makko_tieup_contact_button a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border: 3px solid;
  border-radius: 50px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.makko_plan_contact_button a { border-color: #432818; background: #ff5a00; box-shadow: 3px 5px 0 #432818; }
.makko_full_contact_button a { border-color: #153b3d; background: #0093a3; box-shadow: 3px 5px 0 #153b3d; }
.makko_supervisor_contact_button a { border-color: #29452a; background: #6ebc00; box-shadow: 3px 5px 0 #29452a; }
.makko_tieup_contact_button a { border-color: #512d2b; background: #ff5252; box-shadow: 3px 5px 0 #512d2b; }

.makko_plan_contact_arrow,
.makko_full_contact_arrow,
.makko_supervisor_contact_arrow,
.makko_tieup_contact_arrow {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  transition: transform .2s ease;
}

.makko_plan_contact_button a:hover,
.makko_full_contact_button a:hover,
.makko_supervisor_contact_button a:hover,
.makko_tieup_contact_button a:hover {
  transform: translate(3px, 3px);
}

.makko_plan_contact_button a:hover { background: #f45d01; box-shadow: 3px 3px 0 #432818; }
.makko_full_contact_button a:hover { background: #006d77; box-shadow: 3px 3px 0 #153b3d; }
.makko_supervisor_contact_button a:hover { background: #4d7c0f; box-shadow: 3px 3px 0 #29452a; }
.makko_tieup_contact_button a:hover { background: #d94f55; box-shadow: 3px 3px 0 #512d2b; }

.makko_plan_contact_button a:hover .makko_plan_contact_arrow,
.makko_full_contact_button a:hover .makko_full_contact_arrow,
.makko_supervisor_contact_button a:hover .makko_supervisor_contact_arrow,
.makko_tieup_contact_button a:hover .makko_tieup_contact_arrow {
  transform: translateX(4px);
}

.makko_plan_contact_button a:focus-visible { outline: 4px solid #ffbf69; outline-offset: 4px; }
.makko_full_contact_button a:focus-visible { outline: 4px solid #65d6ce; outline-offset: 4px; }
.makko_supervisor_contact_button a:focus-visible { outline: 4px solid #bef264; outline-offset: 4px; }
.makko_tieup_contact_button a:focus-visible { outline: 4px solid #ffaaa1; outline-offset: 4px; }

/* ---------- レスポンシブ ---------- */
@media (max-width: 600px) {
  .nosp { display: none; }

  .makko_plan_result_page,
  .makko_full_result_page,
  .makko_supervisor_result_page,
  .makko_tieup_result_page {
    padding: 24px 30px;
  }

  .makko_plan_result_wrap,
  .makko_full_result_wrap,
  .makko_supervisor_result_wrap,
  .makko_tieup_result_wrap {
    border-radius: 14px;
  }

  .makko_plan_result_wrap { box-shadow: 7px 7px 0 #f77f00; }
  .makko_full_result_wrap { box-shadow: 7px 7px 0 #087f8c; }
  .makko_supervisor_result_wrap { box-shadow: 7px 7px 0 #65a30d; }
  .makko_tieup_result_wrap { box-shadow: 7px 7px 0 #e85d5d; }

  .makko_plan_result_main,
  .makko_full_result_main,
  .makko_supervisor_result_main,
  .makko_tieup_result_main {
    padding: 34px 24px 28px;
  }

  .makko_plan_reason_box,
  .makko_full_reason_box,
  .makko_supervisor_reason_box,
  .makko_tieup_reason_box {
    padding: 26px 24px 30px;
  }

  .makko_full_examples_box,
  .makko_supervisor_notice_box {
    padding: 26px 24px 32px;
  }

  .makko_full_examples_grid { grid-template-columns: 1fr; }

  .makko_plan_contact_box,
  .makko_full_contact_box,
  .makko_supervisor_contact_box,
  .makko_tieup_contact_box {
    padding: 0 24px 30px;
  }

  .makko_plan_recommended_ribbon,
  .makko_full_recommended_ribbon,
  .makko_supervisor_recommended_ribbon,
  .makko_tieup_recommended_ribbon {
    right: -48px;
  }
}

@media (max-width: 400px) {
  .makko_plan_result_page,
  .makko_full_result_page,
  .makko_supervisor_result_page,
  .makko_tieup_result_page {
    padding: 24px 20px;
  }

  .makko_plan_result_main,
  .makko_full_result_main,
  .makko_supervisor_result_main,
  .makko_tieup_result_main {
    padding: 28px 20px 25px;
  }

  .makko_full_reason_box,
  .makko_supervisor_reason_box,
  .makko_tieup_reason_box,
  .makko_full_examples_box,
  .makko_supervisor_notice_box,
  .makko_full_contact_box,
  .makko_supervisor_contact_box,
  .makko_tieup_contact_box {
    padding-right: 20px;
    padding-left: 20px;
  }

.makko_full_price_note,
.makko_tieup_price_note {
  display: block;
}

}


@media (max-width: 430px) {

.makko_plan_title_box,
.makko_full_title_box,
.makko_supervisor_title_box,
.makko_tieup_title_box {
text-align: left;
}

}