@charset "UTF-8";
/* =================================
うちの子の性格診断
================================= */
body.personality_type footer {
  margin: 0; }

div.personality_type {
  font-family: noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
  background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_l.png") left top no-repeat, url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_r.png") right bottom no-repeat;
  padding-bottom: 37px;
  margin-bottom: -37px; }
  div.personality_type img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; }
  div.personality_type a {
    color: inherit;
    text-decoration: none; }
    div.personality_type a:hover {
      text-decoration: none;
      opacity: .75; }
  div.personality_type button {
    all: unset;
    cursor: pointer; }
  div.personality_type small {
    display: block; }
  div.personality_type h2 .title_sp {
    display: none; }
  div.personality_type h2 span {
    display: block;
    font-family: noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-size: min(16px, 5vw);
    letter-spacing: .02em;
    line-height: 1.5;
    padding-left: 1%;
    color: #333; }
  div.personality_type h2 img {
    margin: 5% 0; }
  div.personality_type .btn_q {
    width: 100%;
    color: #ffffff;
    background: #76b833;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: opacity .2s ease-in;
    border-radius: 999px; }
    div.personality_type .btn_q:hover {
      text-decoration: none;
      opacity: .8; }
  div.personality_type .question_box {
    display: none; }
  div.personality_type .active {
    display: block; }
  div.personality_type .fade-in,
  div.personality_type .fade-out {
    transition: opacity .3s ease; }
  div.personality_type .fade-in {
    opacity: 1; }
  div.personality_type .fade-out {
    opacity: 0; }
  div.personality_type .question_top {
    padding: min(143px, 20vw) 0 min(151px, 21vw); }
    div.personality_type .question_top .flex_area {
      display: flex;
      align-items: center;
      position: relative;
      max-width: 778px;
      margin: 0 auto min(70px, 4.4vw);
      gap: clamp(20px, 8vw, 58px); }
      div.personality_type .question_top .flex_area::before {
        content: "";
        position: absolute;
        left: 50%;
        width: 1px;
        height: 96%;
        background: rgba(0, 0, 0, 0.12); }
      div.personality_type .question_top .flex_area > div {
        width: 0;
        flex: 1 1 auto;
        min-width: 0;
        padding-top: 1%; }
        div.personality_type .question_top .flex_area > div h2 {
          padding-left: 24px; }
      div.personality_type .question_top .flex_area .mascot {
        position: absolute;
        top: 75%;
        left: 78%;
        transform: translateX(-50%);
        width: min(163px, 21%); }
    div.personality_type .question_top p {
      width: auto;
      flex: 1 1 0;
      min-width: 0;
      padding-left: min(25px, 4.5vw);
      font-size: min(16px, 1.8vw);
      color: #222;
      letter-spacing: 0.01em;
      line-height: 2;
      font-feature-settings: "palt"; }
    div.personality_type .question_top .btn_start {
      display: block;
      position: relative;
      width: min(252px, 28.6vw);
      margin: 0 auto;
      padding: min(19px, 2.6vw) min(42px, 5.8vw); }
  div.personality_type .question > .question_box {
    padding-top: 3.5%;
    padding-bottom: 13%; }
  div.personality_type .question .common-message h2 strong {
    font-size: min(22px, calc(18px + 0.5vw)); }
  div.personality_type .question .common-message h2 em {
    color: #76b833;
    font-style: normal;
    margin-left: .3em; }
  div.personality_type .question .chart_area {
    max-width: 280px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 0; }
    div.personality_type .question .chart_area::before {
      content: "";
      width: 100%;
      height: 1px;
      background: #76b833;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      margin: auto; }
    div.personality_type .question .chart_area span {
      font-family: noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      font-weight: 400;
      color: #76b833;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #76b833;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      background: #ffffff;
      font-size: 13px; }
      div.personality_type .question .chart_area span.current {
        background: #76b833;
        width: 36px;
        height: 36px;
        color: #ffffff; }
  div.personality_type .question h3 {
    max-width: 925px;
    font-size: min(24px, calc(18px + 0.8vw));
    font-weight: 400;
    line-height: 1.5;
    margin: 0 auto min(40px, calc(20px + 2vw));
    padding: 5px 0 5px min(55px, calc(40px + 1.5vw));
    box-sizing: border-box;
    background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_q.png") no-repeat left center/min(38px, calc(28px + 1vw)); }
  div.personality_type .question .choice_area {
    max-width: 925px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: min(16px, 2.2vw); }
    div.personality_type .question .choice_area > div {
      width: calc((100% - min(32px, 4.4vw)) / 3);
      max-width: 220px;
      padding: min(25px, 3.5vw) min(12px, 1.7vw) min(20px, 2.8vw);
      border: 2px solid rgba(0, 0, 0, 0.12);
      box-sizing: border-box;
      border-radius: min(10px, 1.4vw);
      background: #ffffff;
      cursor: pointer;
      position: relative;
      z-index: 0;
      transition: border-color .2s ease-in, background .2s ease-in; }
      div.personality_type .question .choice_area > div:hover {
        border-color: #76b833;
        background: #edf7e0; }
      div.personality_type .question .choice_area > div button {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%; }
    div.personality_type .question .choice_area dt {
      font-size: clamp(20px, 4.4vw, 32px);
      font-family: noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      font-weight: 400;
      color: #76b833;
      margin-bottom: min(8px, 1.1vw);
      text-align: center;
      line-height: 1; }
    div.personality_type .question .choice_area dd {
      margin-bottom: min(20px, 2.8vw);
      letter-spacing: 0;
      text-align: center;
      font-size: clamp(12px, 2.1vw, 15px);
      line-height: 1.5; }
    div.personality_type .question .choice_area img {
      width: 100%;
      max-width: 150px; }
  div.personality_type .name_input {
    max-width: 920px;
    padding: 0 0 min(103px, 14.3vw);
    position: relative;
    isolation: isolate;
    background: url(https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_file_pc.png) no-repeat center min(44.8px, 6.2vw)/contain; }
    div.personality_type .name_input .name_input_box {
      position: relative;
      width: 36.5%;
      padding-top: min(137px, 15vw);
      margin-left: 25.7%;
      margin-bottom: 4%; }
      div.personality_type .name_input .name_input_box span {
        letter-spacing: .025em; }
      div.personality_type .name_input .name_input_box h2 img {
        margin: 2.5% 0; }
    div.personality_type .name_input .question_lead {
      font-size: min(26px, 3.5vw);
      margin-bottom: 1%;
      text-align: center;
      font-weight: bold; }
    div.personality_type .name_input .name_input_area {
      padding-left: 2%;
      margin: 0 auto min(25px, 4vw);
      width: 52%; }
      div.personality_type .name_input .name_input_area label {
        display: block;
        font-size: min(16px, 2.7vw);
        letter-spacing: .02em;
        color: #222;
        margin-bottom: min(10px, 1.3vw);
        font-feature-settings: "palt"; }
      div.personality_type .name_input .name_input_area .pet_name_input {
        width: 100%;
        padding: 3.4% 7%;
        border: 1px solid #333;
        border-radius: min(5px, 0.6vw);
        font-size: min(16px, 2vw);
        letter-spacing: .01em;
        background: #fff; }
        div.personality_type .name_input .name_input_area .pet_name_input::placeholder {
          color: #222; }
    div.personality_type .name_input .btn_mascot_area {
      position: relative;
      width: 26.9%;
      margin: auto; }
      div.personality_type .name_input .btn_mascot_area .btn_result {
        padding: min(20px, 1.3vw) min(65px, 4.1vw); }
      div.personality_type .name_input .btn_mascot_area .mascot {
        position: absolute;
        width: min(163px, 21vw);
        margin: 0; }
  @media (max-width: 719px) {
    div.personality_type {
      background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_l_smp.png") left top/55% no-repeat, url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_r_smp.png") right bottom/68% no-repeat, #ffffff; }
      div.personality_type .question_top h2,
      div.personality_type .name_input h2 {
        text-align: center; }
      div.personality_type h2 .title_pc {
        display: none; }
      div.personality_type h2 .title_sp {
        display: block; }
      div.personality_type .question_top {
        width: 70%;
        padding: 10.3% 0 0;
        text-align: center; }
        div.personality_type .question_top .flex_area {
          display: block;
          margin-bottom: 5%; }
          div.personality_type .question_top .flex_area::before {
            content: none; }
          div.personality_type .question_top .flex_area > div {
            width: auto;
            padding-left: 0;
            margin-bottom: 17%; }
          div.personality_type .question_top .flex_area .mascot {
            width: 21vw;
            position: unset;
            margin-bottom: 10%; }
        div.personality_type .question_top p {
          width: auto;
          padding-left: 0; }
        div.personality_type .question_top .btn_start {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column-reverse;
          width: 73%; }
        div.personality_type .question_top .btn_q--text {
          font-size: min(20px, calc(16px + 0.8vw));
          padding: 14px 48px; }
      div.personality_type .question {
        padding-bottom: 14.5%; }
        div.personality_type .question small {
          margin-bottom: 0; }
        div.personality_type .question h2 {
          margin-bottom: 20px; }
        div.personality_type .question .chart_area {
          max-width: 210px;
          margin-bottom: 20px; }
          div.personality_type .question .chart_area span {
            font-size: 11px;
            width: 20px;
            height: 20px;
            background: #ffffff; }
            div.personality_type .question .chart_area span.current {
              width: 30px;
              height: 30px; }
        div.personality_type .question h3 {
          font-size: min(20px, calc(16px + 0.8vw));
          margin-bottom: 20px;
          padding-left: min(42px, calc(32px + 1.5vw));
          background-size: min(30px, calc(22px + 1vw));
          line-height: 1.4; }
        div.personality_type .question .choice_area {
          flex-direction: column;
          gap: 12px; }
          div.personality_type .question .choice_area > div {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 5%;
            padding: 15px 5%;
            max-width: none;
            border-radius: 8px; }
          div.personality_type .question .choice_area dt {
            font-size: min(28px, calc(22px + 1vw)); }
          div.personality_type .question .choice_area dd {
            font-size: min(14px, calc(12px + 0.3vw));
            margin-bottom: 12px;
            line-height: 1.4; }
          div.personality_type .question .choice_area img {
            width: 100%;
            max-width: 100px;
            margin: 0; }
      div.personality_type .name_input {
        padding-bottom: 30%;
        background: none; }
        div.personality_type .name_input::before {
          inset: 3% -1% 0 0;
          background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_file_smp.png") no-repeat center top/100% auto; }
        div.personality_type .name_input .common-message span {
          font-size: 2.13vw; }
        div.personality_type .name_input .name_input_box {
          width: 50%;
          margin: 0 auto;
          padding-top: 21.5%;
          margin-bottom: 9%; }
        div.personality_type .name_input .question_lead {
          letter-spacing: .025em;
          margin-bottom: 8.4%; }
        div.personality_type .name_input .name_input_area {
          width: 41%; }
          div.personality_type .name_input .name_input_area .pet_name_input {
            padding: min(15.5px, 2.1vw) min(27px, 3.6vw); }
        div.personality_type .name_input .btn_mascot_area {
          width: 37%; }
          div.personality_type .name_input .btn_mascot_area .btn_result {
            padding: 8.5% 29%; }
          div.personality_type .name_input .btn_mascot_area .mascot {
            position: absolute;
            top: -19.3vw;
            bottom: 0;
            left: -23.5vw;
            right: auto; } }

/* =================================
うちの子の性格診断 結果ページ
================================= */
.personality_type_A1 footer,
.personality_type_A2 footer,
.personality_type_A3 footer,
.personality_type_A4 footer,
.personality_type_A5 footer {
  margin: 0; }

.personality_type_result {
  width: 100%;
  padding: 4% 0;
  box-sizing: border-box;
  font-family: noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_l.png") left top no-repeat, url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_r.png") right bottom no-repeat;
  padding-bottom: 37px;
  margin-bottom: -37px; }
  .personality_type_result .inner {
    max-width: 640px;
    padding-bottom: 7.5%;
    margin: 0 auto; }
  .personality_type_result p {
    font-size: min(24px, 3.8vw); }
  .personality_type_result .result_type {
    text-align: center;
    margin-bottom: 11%;
    font-size: min(24px, 3.8vw);
    line-height: 1.5; }
  .personality_type_result .result_main {
    width: 89%;
    padding: 9.5% 0 4%;
    margin: auto;
    background: top center / cover no-repeat; }
    .personality_type_result .result_main .q_title {
      display: flex;
      align-items: center;
      padding-left: 8%;
      margin-bottom: 5%; }
      .personality_type_result .result_main .q_title span {
        font-size: min(24px, 3.8vw);
        letter-spacing: -.04em;
        margin-bottom: 0.5%; }
      .personality_type_result .result_main .q_title .sub {
        font-size: min(15px, 1.8vw); }
      .personality_type_result .result_main .q_title img {
        width: 31.4%; }
    .personality_type_result .result_main .type_img {
      width: 68%;
      margin: 0 auto 6.5%; }
    .personality_type_result .result_main .q_text {
      width: 90%;
      font-size: min(24px, 3.8vw);
      letter-spacing: .07em;
      line-height: 1.6;
      margin: 0 auto 4.8%;
      font-feature-settings: "palt"; }
      .personality_type_result .result_main .q_text span {
        display: block;
        font-size: min(28.8px, 4.5vw);
        letter-spacing: .025em;
        font-weight: bold;
        color: #fa8897;
        text-align: center; }
  .personality_type_result .rating_wrap {
    width: 83%;
    margin: auto; }
    .personality_type_result .rating_wrap .rating_row {
      display: flex;
      align-items: center;
      gap: 4.5%;
      padding: 3% 0 1.5%;
      border-bottom: 2px dotted #e0c8c8; }
      .personality_type_result .rating_wrap .rating_row:last-child {
        border-bottom: none; }
    .personality_type_result .rating_wrap .rating_label {
      width: 36.5%;
      padding-left: 2%;
      font-size: min(24px, 3.8vw);
      font-weight: bold;
      letter-spacing: -.06em;
      flex-shrink: 0; }
    .personality_type_result .rating_wrap .rating_paws {
      display: flex;
      gap: 6.5%;
      align-items: center; }
      .personality_type_result .rating_wrap .rating_paws img {
        width: min(37.8px, 5.9vw);
        height: min(37.8px, 5.9vw);
        object-fit: contain; }
  .personality_type_result .type_detail {
    width: 89%;
    padding: 6% 0;
    margin: 0 auto 13%;
    background: #ffeef1; }
    .personality_type_result .type_detail .more_detail {
      width: 87%;
      margin: auto;
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.4s ease; }
      .personality_type_result .type_detail .more_detail.is_open {
        max-height: 3000px; }
      .personality_type_result .type_detail .more_detail h3 {
        margin-bottom: 4%;
        text-align: center;
        font-weight: bold;
        letter-spacing: .05em; }
      .personality_type_result .type_detail .more_detail p {
        font-size: min(24px, 3.8vw);
        letter-spacing: .025em;
        line-height: 1.6; }
    .personality_type_result .type_detail .brain_section {
      margin-bottom: 16%; }
      .personality_type_result .type_detail .brain_section h3 {
        font-size: min(26.9px, 4.2vw); }
    .personality_type_result .type_detail .q_brain {
      width: 66.6%;
      margin: auto; }
    .personality_type_result .type_detail .charm_section h3 {
      margin: 0;
      font-size: min(26.9px, 4.2vw); }
    .personality_type_result .type_detail .charm_section p {
      text-align: center;
      margin-bottom: 3%; }
    .personality_type_result .type_detail .q_charm {
      width: 62.3%;
      margin: 0 auto 12%; }
    .personality_type_result .type_detail .more_section {
      padding: 6% 6% 9%;
      margin-bottom: 5%;
      border-radius: 10px;
      font-size: min(24px, 3.8vw);
      letter-spacing: .02em;
      line-height: 1.6;
      background: #fa8897;
      color: #fff; }
      .personality_type_result .type_detail .more_section h3 {
        padding-bottom: 5%;
        margin-bottom: 7.5%;
        font-size: min(28.8px, 4.5vw);
        letter-spacing: -.03em;
        border-bottom: 1px dotted #fff; }
        .personality_type_result .type_detail .more_section h3 + p {
          margin-bottom: 9.5%; }
    .personality_type_result .type_detail dl {
      letter-spacing: .02em; }
    .personality_type_result .type_detail dd {
      position: relative;
      padding-left: 4%;
      letter-spacing: -.05em; }
    .personality_type_result .type_detail dd::before {
      content: '・';
      position: absolute;
      left: 0; }
    .personality_type_result .type_detail .more_feature dl {
      margin-bottom: 10%; }
  .personality_type_result .more_btn_wrap {
    position: relative;
    width: 74.7%;
    margin: 0 auto; }
  .personality_type_result .more_btn_towan {
    position: absolute;
    left: -23%;
    bottom: -183%;
    width: 28%;
    z-index: 2;
    pointer-events: none; }
  .personality_type_result .more_btn {
    display: block;
    width: 100%;
    padding: 3.5% 9%;
    margin: 0 auto;
    border-radius: 50px;
    background: #fa8897; }
    .personality_type_result .more_btn.is_close {
      width: 46%;
      padding: 2.8% 14%; }
  .personality_type_result #js_more_detail {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.8s ease, opacity 0.8s ease; }
  .personality_type_result #js_more_detail.is_open {
    max-height: 2200px;
    opacity: 1; }
  .personality_type_result .share {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto; }
  .personality_type_result .share_btn {
    display: block;
    width: 100%;
    padding: min(7.5px, 1.8vw) 0;
    border: none;
    border-radius: min(7px, 0.8vw);
    font-size: min(28.8px, 4.5vw);
    letter-spacing: .15em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    margin-bottom: 3%;
    font-feature-settings: "palt"; }
    .personality_type_result .share_btn_save {
      display: flex;
      justify-content: center;
      gap: 6.6%;
      font-size: min(24px, 3.8vw);
      letter-spacing: .025em;
      font-weight: bold;
      color: #333;
      border: 2px solid #333;
      padding: 2.3% 0;
      margin-bottom: 4%;
      background: #fff; }
      .personality_type_result .share_btn_save img {
        align-self: center;
        width: 4.6%; }
    .personality_type_result .share_btn_copyhash {
      width: 69%;
      font-size: min(24px, 3.8vw);
      letter-spacing: .05em;
      font-weight: 400;
      color: #333;
      border: 1px solid #ccc;
      padding: 2.3% 0;
      margin-bottom: 20%;
      background: #eee; }
    .personality_type_result .share_btn_share {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 3%;
      background: #fff;
      color: #333;
      border: 2px solid #333;
      margin-bottom: 1.2%; }
      .personality_type_result .share_btn_share img {
        height: 1.2em;
        width: auto; }
    .personality_type_result .share_btn_copyurl {
      padding: min(13px, 1vw);
      background: #b2b1b1;
      color: #fff;
      font-size: min(22px, 3.8vw);
      font-weight: 400; }
  .personality_type_result .share_note {
    font-size: min(22px, 3.5vw);
    letter-spacing: -.025em;
    color: #333;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 3%; }
  .personality_type_result .share_apps_label {
    width: 71%;
    font-size: min(22px, 3.5vw);
    letter-spacing: -.025em;
    color: #878787;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 3%;
    margin-bottom: 2.5%; }
    .personality_type_result .share_apps_label::before, .personality_type_result .share_apps_label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: #ccc; }
  .personality_type_result .share_apps {
    width: 31%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25%;
    margin-bottom: 16.8%; }
    .personality_type_result .share_apps img {
      height: min(32px, 5vw);
      width: auto !important;
      flex-shrink: 0; }
      .personality_type_result .share_apps img.icon_tiktok {
        height: min(33px, 5.5vw); }
      .personality_type_result .share_apps img.icon_line {
        height: min(20px, 3.5vw); }
  .personality_type_result .share_hashtag,
  .personality_type_result .share_label,
  .personality_type_result .share_url_label {
    font-size: min(24px, 3.8vw);
    letter-spacing: -.05em;
    color: #333;
    margin: 0; }
  .personality_type_result .share_hashtag {
    letter-spacing: -0.01em;
    margin-bottom: 1%; }
  .personality_type_result .share_label {
    margin-bottom: 5%; }
  .personality_type_result .share_url_label {
    font-weight: bold;
    margin-bottom: 4%; }
  .personality_type_result .share_url {
    width: 100%;
    padding: min(4px, 1.5vw) 2.2%;
    background: #fff;
    border: 1px solid #333;
    border-radius: 5px;
    font-size: min(24px, 3.8vw);
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    margin-bottom: 3%; }
  .personality_type_result .share_x_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.9%;
    width: 60%;
    margin-bottom: 3%; }

.personality_type_A1 .result_main {
  background-image: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_type_amaenbo_bg.png"); }

.personality_type_A2 .result_main {
  background-image: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_type_mypace_bg.png"); }
  .personality_type_A2 .result_main .q_text span {
    color: #5bc8ef; }
.personality_type_A2 .type_detail {
  background: #ebfaff; }
  .personality_type_A2 .type_detail .more_section {
    background: #5bc8ef; }
.personality_type_A2 .more_btn {
  background: #5bc8ef; }

.personality_type_A3 .result_main {
  background-image: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_type_wanpaku_bg.png"); }
  .personality_type_A3 .result_main .q_text span {
    color: #ffa252; }
.personality_type_A3 .type_detail {
  background: #fff1e6; }
  .personality_type_A3 .type_detail .more_section {
    background: #ffa252; }
.personality_type_A3 .more_btn {
  background: #ffa252; }

.personality_type_A4 .result_main {
  background-image: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_type_shikkari_bg.png"); }
  .personality_type_A4 .result_main .q_text span {
    color: #6a9c67; }
.personality_type_A4 .type_detail {
  background: #e4f5e3; }
  .personality_type_A4 .type_detail .more_section {
    background: #6a9c67; }
.personality_type_A4 .more_btn {
  background: #6a9c67; }

.personality_type_A5 .result_main {
  background-image: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_type_shincyou_bg.png"); }
  .personality_type_A5 .result_main .q_text span {
    color: #9160de; }
.personality_type_A5 .type_detail {
  background: #ece9f4; }
  .personality_type_A5 .type_detail .more_section {
    background: #9160de; }
.personality_type_A5 .more_btn {
  background: #9160de; }

@media (max-width: 719px) {
  .personality_type_result {
    background: url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_l_smp.png") left top/55% no-repeat, url("https://z-studio.jp/towan_images/hp/freepage/shindan/towan_q_bg_top_r_smp.png") right bottom/68% no-repeat; } }