@charset "UTF-8";
a {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

@media screen and (max-width: 767px) {
  .md_none {
    display: none !important; } }

.all_container {
  background: #fff; }

.header_container {
  width: 86.667%;
  max-width: none;
  height: 64px; }
  .result .header_container {
    width: 90.667%; }
  .header_container .table {
    width: 54.759%;
    max-width: 420px;
    height: 64px; }
    .result .header_container .table {
      width: 62.059%; }
  .header_container .logo3 {
    width: 23.539%;
    padding: 20.5px 0; }
    .result .header_container .logo3 {
      width: 22.5%;
      padding: 20.25px 0; }

.footer_container {
  height: 66px;
  padding: 17px 0 15px; }
  .footer_container .text {
    line-height: 1.7em;
    font-size: 10px; }

.sns_container {
  display: block;
  width: 49.6%;
  margin: 0 auto;
  padding: 7.85% 0 7.5%; }
  .result .sns_container {
    width: 57.231%;
    padding: 5% 0 12%; }
  .sns_container .title {
    width: 49.215%;
    margin: 0 auto 7.25%; }
    .result .sns_container .title {
      width: 82.259%; }
  .sns_container .list {
    width: 100%; }
    .sns_container .list > li {
      width: 24.732%;
      margin: 0 auto; }
      .sns_container .list > li:nth-child(2) {
        margin: 0 12.902%; }

.pagetop_container > a {
  width: 15.124%;
  padding-bottom: 5.216%; }

.modal_content[data-target="profile"] > a {
  width: 90.667%;
  height: 22px;
  margin: 0 auto; }

.profile_container {
  background: url(../images/common/modal_bg_top_md.png) center top no-repeat;
  background-size: 100% auto;
  width: 90.667%;
  margin: 0 auto; }
  .profile_container::before {
    background: url(../images/common/modal_bg_bottom_md.png) center bottom no-repeat, url(../images/common/modal_bg_middle_md.png) center top repeat-y;
    background-size: 100% auto; }

.profile_inner {
  padding: 14.667% 10.295% 12.267%; }
  .profile_inner .content + .content {
    margin-top: 10.295%; }
  .profile_inner .left, .profile_inner .right {
    float: none !important;
    width: 100% !important; }
  .profile_inner .head {
    margin: 7.408% 0 5.556%;
    padding: 0 0 3.704%; }
    .profile_inner .head > strong {
      font-size: 1.25em; }
    .profile_inner .head > span {
      font-size: 0.75em; }
  .profile_inner .body > br {
    display: none; }

.desc_container {
  padding: 0 7.038% 12.593%; }
  .content + .desc_container {
    margin-top: 18.519%; }
  .desc_container .title {
    width: 88.889%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .desc_container .img {
    float: none;
    width: 88.889%; }
  .desc_container .text {
    float: none;
    margin: 9.26% auto;
    font-size: 0.813em;
    text-align: center; }
  .desc_container .button > a {
    width: 100%;
    padding: 22.728% 0 0; }

.about_container::before {
  margin: -13% auto 0; }

.about_container .left, .about_container .right {
  float: none;
  width: 100%; }

.about_container .sub {
  margin: 0 0 0 26.934%; }

.about_container .list {
  margin: -6% auto 0; }
  .about_container .list > li {
    width: 48.534% !important;
    max-width: none !important; }

.about_container .bg {
  background: url(../images/index/about_bg_md.png) center bottom no-repeat;
  background-size: 100% 100%;
  width: 95.334%;
  margin: 10% 0 0 auto;
  padding: 4% 14% 10.667% 9.334%; }

.explain_inner {
  background: url(../images/result/desc_container_bg_md.png) center bottom no-repeat;
  background-size: 100% auto;
  width: 100%;
  margin: 10.667% auto 6.667%; }

.explain_content {
  width: 88%;
  margin: 0 6% 0 auto;
  padding: 0 0 6%; }
  .explain_content .title {
    width: 84.849%; }
  .explain_content .img {
    float: none;
    width: 69.697%;
    margin: 0 auto; }
  .explain_content .text {
    float: none;
    margin: 4.546% auto 0;
    line-height: 1.847em;
    font-size: 0.813em;
    text-align: center; }
  .explain_content .button {
    padding: 6.061% 0 10.607%; }
    .explain_content .button > a {
      width: 81.819%;
      padding-top: 15.152%; }

.main_container {
  min-height: calc(100vh - 130px); }

.index_container::after {
  background: url(../images/index/index_bg_md.png) center center no-repeat;
  background-size: 100% auto;
  width: 45%;
  height: auto;
  top: auto;
  bottom: 0;
  margin: 0 0 21.539%;
  padding: 40% 0 0; }

.index_container .copy {
  padding: 3% 0 4%; }
  .index_container .copy > strong, .index_container .copy > span {
    font-size: 1.25em;
    color: #f04650; }

.index_container .link > a {
  border-radius: 80px;
  width: 83.077%;
  max-width: 540px;
  padding: 21.539% 0 0; }

.index_container .text {
  width: 47.077%;
  margin: 0 0 0 7.923%;
  padding: 5% 0 10%;
  font-size: 0.75em;
  text-align: justify; }
  .index_container .text > br {
    display: none; }

.question_inner {
  background: url(../images/question/question_bg_md.png) right top no-repeat;
  background-size: 100% 100%;
  max-width: 750px;
  height: 168vw;
  max-height: 1260px;
  margin: 0 auto; }
  .index .question_inner {
    background: url(../images/result/result_bg_top_md.png) center top no-repeat, url(../images/result/result_bg_bottom_md.png) center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    max-height: none; }
    .index .question_inner::before {
      content: "";
      position: absolute;
      background: url(../images/result/result_bg_middle_md.png) center top repeat-y;
      background-size: 100% auto;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      margin: 29.334% auto 32%; }

.question_content {
  background: transparent;
  width: 86.667%;
  height: 100%;
  max-height: none;
  margin: 0 auto;
  padding: 10% 0 6.667%; }
  .index .question_content {
    padding: 10% 0 6.667%; }

.question_head .num {
  width: 48px;
  height: 48px;
  margin: 0 auto 3.5%;
  padding: 16px 0; }

.question_head .text {
  font-size: 17px; }

.question_reply {
  width: 83.077%;
  padding: 11% 0 11.5%;
  font-size: 0; }
  .question_reply > li {
    display: inline-block;
    float: none;
    width: 48.889%; }
    .question_reply > li:last-child {
      margin-top: 5.5%; }

.question_progress {
  background: url(../images/question/line_md.png) center bottom no-repeat;
  background-size: 100% auto;
  width: 84.616%; }
  .question_progress .bar {
    margin: 0 auto 3.5%; }
  .question_progress .text {
    padding: 0 0 13%;
    font-size: 13px; }

.question_button {
  width: 83.077%;
  margin: 7% auto 0; }
  .question_button > li {
    float: none !important;
    width: 100%; }
    .question_button > li + li {
      margin-top: 3.5%; }

.result_inner {
  background: url(../images/result/result_bg_top_md.png) center top no-repeat, url(../images/result/result_bg_bottom_md.png) center bottom no-repeat;
  background-size: 100% auto;
  max-width: 750px;
  margin: 0 auto; }
  .result_inner::before {
    content: "";
    position: absolute;
    background: url(../images/result/result_bg_middle_md.png) center top repeat-y;
    background-size: 100% auto;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 29.334% auto 6.5%; }

.result_content {
  background: transparent;
  width: 86.667%;
  min-height: 630px;
  margin: 0 auto;
  padding: 10% 0 6.667%; }

.first_container {
  width: 100%; }
  .first_container .head {
    background: none;
    padding: 0; }
    .first_container .head .right {
      position: static;
      float: none;
      margin: 0 auto !important;
      padding: 4% 0 2% !important;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      .first_container .head .right + .left {
        background: url(../images/result/result_line1.png) left bottom repeat-x;
        background-size: auto 4px;
        padding-bottom: 12.308%; }
      .result01 .first_container .head .right {
        width: 55.385%; }
      .result02 .first_container .head .right {
        width: 72.308%; }
      .result03 .first_container .head .right {
        width: 86.462%; }
      .result04 .first_container .head .right {
        width: 70.154%; }
      .result05 .first_container .head .right {
        width: 67.385%; }
      .result06 .first_container .head .right {
        width: 64.924%; }
      .result07 .first_container .head .right {
        width: 62.462%; }
      .result08 .first_container .head .right {
        width: 64.308%; }
      .result09 .first_container .head .right {
        width: 71.693%; }
    .first_container .head .sub {
      margin-bottom: 0.5em;
      font-size: 0.938em;
      text-align: center; }
    .first_container .head .title {
      line-height: 1.157em;
      font-size: 2em;
      text-align: center; }
  .first_container .row {
    margin: 0 auto; }
    .first_container .row::before {
      content: none; }
    .first_container .row .left {
      background: url(../images/result/result_line1.png) left bottom repeat-x;
      background-size: auto 4px;
      padding: 12.308% 0 11.693%; }
    .first_container .row .right {
      float: none !important;
      width: 83.077% !important;
      margin: 0 auto !important;
      padding: 11.693% 0; }
    .first_container .row .title {
      font-size: 1.438em;
      text-align: center; }
    .first_container .row .sub {
      line-height: 1.53em;
      font-size: 1.063em;
      text-align: center; }
  .first_container .left {
    float: none !important;
    width: 83.077% !important;
    margin: 0 auto !important; }
  .first_container .bal {
    width: 85.186% !important;
    margin: 0 auto; }
  .first_container .sns {
    position: static;
    margin: 3.704% auto 0;
    text-align: center; }
    .first_container .sns > li {
      width: 17.038%;
      margin: 0 0 0 5.556%; }
      .first_container .sns > li:first-child {
        width: 20.741%;
        margin: 0; }
  .first_container .text {
    font-size: 0.813em; }

.advice_container {
  padding: 12.308% 0 10.77%; }
  .advice_container .title {
    width: 54.77%;
    margin: 0 auto; }
  .advice_container .profile {
    width: 100%;
    margin-top: -2.307%; }
    .advice_container .profile::before {
      content: none; }
    .advice_container .profile::after {
      content: "";
      display: block;
      clear: both; }
    .advice_container .profile > li {
      display: block;
      float: left;
      width: 50%; }
      .advice_container .profile > li:first-child > a {
        margin: 0 6.154% 0 auto; }
      .advice_container .profile > li:last-child > a {
        margin: 0 auto 0 6.154%; }
      .advice_container .profile > li > a {
        display: block;
        position: static;
        width: 67.693%;
        padding-top: 27.693%; }
  .advice_container .comment {
    width: 100%;
    margin: 10.77% auto 0; }
    .advice_container .comment > li {
      margin: 0 auto 3.847%; }
    .advice_container .comment figure {
      float: left;
      position: static;
      width: 21.539%;
      margin: 0 5px 0 4.616%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .advice_container .comment p {
      float: left;
      background: transparent;
      width: 61.539%;
      padding: 0.7em 0 0;
      font-size: 0.813em;
      color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .advice_container .comment p::before {
        content: none; }

.latter_container {
  width: 100%;
  padding: 12.308% 0 0; }
  .latter_container .example, .latter_container .objective, .latter_container .phrase, .latter_container .case {
    width: 83.077%;
    margin: 0 auto;
    padding: 0; }
    .latter_container .example::before, .latter_container .example::after, .latter_container .objective::before, .latter_container .objective::after, .latter_container .phrase::before, .latter_container .phrase::after, .latter_container .case::before, .latter_container .case::after {
      content: none; }
  .latter_container .example {
    background: url(../images/result/result_line1.png) left bottom repeat-x;
    background-size: auto 4px;
    padding: 0 0 11.693%; }
  .latter_container .objective {
    padding: 12.308% 0 11.693%; }
    .latter_container .objective .list > li + li {
      margin-top: 1.5em; }
  .latter_container .phrase {
    padding: 12.308% 0 11.693%; }
    .latter_container .phrase .list > li + li {
      margin-top: 1.5em; }
  .latter_container .case {
    padding: 12.308% 0 11.693%; }
    .latter_container .case .bal {
      margin-bottom: 1em; }
    .latter_container .case .list > li + li {
      margin-top: 2.5em; }
    .latter_container .case .list > li:empty {
      display: none; }
    .latter_container .case .sub {
      line-height: 1.5em; }
      .latter_container .case .sub > strong {
        padding: 0.25em 0 0;
        font-size: 1.384em; }
    .latter_container .case .list > li .img {
      width: 31.482%; }
    .latter_container .case .list > li .cap {
      width: 68.518%; }
    .latter_container .case .list > li.vertical .img {
      width: 50%; }
    .latter_container .case .link {
      width: 66.667%;
      padding-top: 14.815%; }
  .latter_container .bal {
    width: 85.186% !important; }
  .latter_container .title {
    line-height: 1.53em;
    font-size: 1.063em; }
  .latter_container .list {
    display: block; }
    .latter_container .list > li {
      display: block;
      background: none !important;
      width: 100% !important;
      padding: 0 !important; }
      .latter_container .list > li p {
        font-size: 0.813em; }
  .latter_container .text {
    line-height: 1.847em;
    font-size: 0.813em;
    text-align: justify; }
    .latter_container .text > br {
      display: none; }

.back_container {
  padding: 0 0 18.462%; }
  .back_container > a {
    width: 83.077%;
    padding-top: 15.385%; }

#floatingCirclesG {
  margin: 10% auto 6.667%; }
  .result_content #floatingCirclesG {
    margin: 10% auto 7.693%; }

.f_circleG_range {
  position: absolute;
  width: 14.934vw;
  height: 14.934vw;
  margin-top: 73.847% !important; }

#loading_text {
  font-weight: bold;
  font-size: 0.8em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  position: relative;
  top: 24em;
  text-align: center; }