@charset "UTF-8";
/* placeholder */
:placeholder-shown {
  color: #666666; }

::-webkit-input-placeholder {
  color: #666666; }

::-moz-placeholder {
  color: #666666;
  opacity: 1; }

:-ms-input-placeholder {
  color: #666666; }

/*========================================
  splash
========================================*/
.diagnosis_splash {
  width: 1200px;
  padding: 80px 96px;
  margin: 0 auto; }
  .diagnosis_splash .splash_main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    height: 480px;
    background: url("../img/splalsh_bg.jpg") no-repeat center center;
    background-size: cover;
    -webkit-border-radius: 40px;
    border-radius: 40px; }
    .diagnosis_splash .splash_main h1 {
      padding: 20px 40px;
      background-color: #44D3C3;
      font-size: 3.4rem;
      color: #FFF;
      -webkit-border-radius: 20px 0 0 20px;
      border-radius: 20px 0 0 20px; }
  .diagnosis_splash .splash_body {
    margin-top: 60px;
    text-align: center; }
    .diagnosis_splash .splash_body p img {
      margin: 0 auto; }

@media screen and (max-width: 768px) {
  .diagnosis_splash {
    width: 100%;
    padding: 60px 20px; }
    .diagnosis_splash .splash_main {
      height: 360px;
      -webkit-border-radius: 30px;
      border-radius: 30px; }
      .diagnosis_splash .splash_main h1 {
        padding: 16px 30px;
        font-size: 2.8rem;
        color: #FFF;
        -webkit-border-radius: 16px 0 0 16px;
        border-radius: 16px 0 0 16px; } }
@media screen and (max-width: 480px) {
  .diagnosis_splash {
    padding: 40px 20px; }
    .diagnosis_splash .splash_main {
      display: block;
      position: relative;
      height: 300px;
      -webkit-border-radius: 20px;
      border-radius: 20px; }
      .diagnosis_splash .splash_main h1 {
        position: absolute;
        right: 0;
        bottom: 40px;
        padding: 12px 24px;
        font-size: 2.4rem;
        color: #FFF;
        -webkit-border-radius: 12px 0 0 12px;
        border-radius: 12px 0 0 12px; }
    .diagnosis_splash .splash_body {
      margin-top: 40px;
      text-align: center; }
      .diagnosis_splash .splash_body p img {
        margin: 0 auto; } }
/*========================================
  summary
========================================*/
.diagnosis_summary {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 96px; }

@media screen and (max-width: 768px) {
  .diagnosis_summary {
    width: 100%;
    padding: 40px 20px; } }
/* .diagnosis - lead */
.diagnosis_lead h2 {
  margin-bottom: 1em;
  padding: 15px 30px;
  background-color: #887644;
  text-align: center;
  font-size: 3.4rem;
  color: #FFF;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
.diagnosis_lead p {
  line-height: 1.75;
  text-align: center;
  font-weight: bold;
  font-size: 2rem; }

@media screen and (max-width: 768px) {
  .diagnosis_lead h2 {
    font-size: 2.8rem; }
  .diagnosis_lead p {
    font-size: 2rem; } }
@media screen and (max-width: 480px) {
  .diagnosis_lead h2 {
    font-size: 2.4rem; }
  .diagnosis_lead p {
    font-size: 1.6rem;
    text-align: left; }
    .diagnosis_lead p br {
      display: none; }
    .diagnosis_lead p .lw {
      display: inline; }
    .diagnosis_lead p + p {
      margin-top: 1em; } }
/* .diagnosis - box */
.diagnosis_box {
  margin-top: 60px; }
  .diagnosis_box .box_head {
    padding: 15px 30px;
    background-color: #887644;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0; }
    .diagnosis_box .box_head h3 {
      text-align: center;
      font-size: 3.4rem;
      color: #FFF; }
  .diagnosis_box .box_body {
    padding: 60px 100px;
    border: 4px solid #887644;
    border-top: none;
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px; }
    .diagnosis_box .box_body ul li::marker {
      color: #887644; }
    .diagnosis_box .box_body .box_summary {
      margin-bottom: 60px;
      font-size: 2.8rem; }
    .diagnosis_box .box_body .box_item dt {
      padding: 10px 20px;
      background-color: #44D3C3;
      font-weight: bold;
      font-size: 2.8rem;
      color: #FFF;
      -webkit-border-radius: 12px;
      border-radius: 12px; }
      .diagnosis_box .box_body .box_item dt:not(:first-child) {
        margin-top: 60px; }
    .diagnosis_box .box_body .box_item dd {
      margin-top: 1em;
      font-size: 2.8rem; }
      .diagnosis_box .box_body .box_item dd.trouble_item {
        position: relative; }
        .diagnosis_box .box_body .box_item dd.trouble_item .item_img {
          position: absolute;
          right: -20px;
          bottom: -60px; }
      .diagnosis_box .box_body .box_item dd.vision_image {
        font-size: 2rem; }
        .diagnosis_box .box_body .box_item dd.vision_image .colset {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          align-items: stretch;
          margin-top: 40px; }
          .diagnosis_box .box_body .box_item dd.vision_image .colset .col_left p, .diagnosis_box .box_body .box_item dd.vision_image .colset .col_right p {
            margin-top: 0.5em;
            text-align: center;
            color: #887644; }
      .diagnosis_box .box_body .box_item dd .step_flow li {
        text-align: center;
        font-size: 2rem; }
        .diagnosis_box .box_body .box_item dd .step_flow li strong {
          display: block;
          margin-top: 1em;
          padding: 5px 10px;
          background-color: #887644;
          color: #FFF; }
        .diagnosis_box .box_body .box_item dd .step_flow li p {
          margin-top: 1em; }
    .diagnosis_box .box_body .application_summary {
      border-collapse: collapse;
      font-weight: bold;
      font-size: 2.8rem; }
      .diagnosis_box .box_body .application_summary th, .diagnosis_box .box_body .application_summary td {
        padding: 1em 0;
        border-bottom: 1px solid #707070; }
      .diagnosis_box .box_body .application_summary th {
        position: relative;
        padding-right: 1em;
        vertical-align: top;
        text-align: left;
        white-space: nowrap; }
        .diagnosis_box .box_body .application_summary th::before {
          content: "\0025a0";
          display: inline-block;
          vertical-align: middle;
          margin: 0 0.25em 0.25em 0;
          font-size: 2rem;
          color: #887644; }
        .diagnosis_box .box_body .application_summary th::after {
          content: "：";
          display: block;
          position: absolute;
          right: 0;
          top: 1em;
          width: 1em;
          text-align: center; }
      .diagnosis_box .box_body .application_summary .note {
        display: inline-block;
        margin-top: 1em;
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.25;
        font-size: 68%; }
      .diagnosis_box .box_body .application_summary .btn {
        width: 100%; }

@media screen and (max-width: 768px) {
  .diagnosis_box {
    margin-top: 60px; }
    .diagnosis_box .box_head {
      padding: 15px 10px; }
      .diagnosis_box .box_head h3 {
        text-align: center;
        font-size: 2.8rem;
        color: #FFF; }
    .diagnosis_box .box_body {
      padding: 30px 16px; }
      .diagnosis_box .box_body .box_summary {
        margin-bottom: 40px;
        font-size: 2rem; }
        .diagnosis_box .box_body .box_summary ul.default {
          font-size: 1.6rem; }
      .diagnosis_box .box_body .box_item dt {
        padding: 10px 20px;
        font-size: 2.4rem; }
      .diagnosis_box .box_body .box_item dd {
        font-size: 2rem; }
        .diagnosis_box .box_body .box_item dd.trouble_item {
          position: relative; }
          .diagnosis_box .box_body .box_item dd.trouble_item .item_img {
            position: absolute;
            right: -20px;
            bottom: auto;
            top: -135px;
            width: 180px; }
        .diagnosis_box .box_body .box_item dd.vision_image {
          font-size: 1.6rem; }
          .diagnosis_box .box_body .box_item dd.vision_image .colset {
            display: block;
            margin-top: 40px; }
            .diagnosis_box .box_body .box_item dd.vision_image .colset .col_left, .diagnosis_box .box_body .box_item dd.vision_image .colset .col_right {
              margin-top: 30px; }
      .diagnosis_box .box_body .application_summary {
        font-size: 2rem; } }
@media screen and (max-width: 480px) {
  .diagnosis_box {
    margin-top: 60px; }
    .diagnosis_box .box_head {
      padding: 15px 10px; }
      .diagnosis_box .box_head h3 {
        text-align: center;
        font-size: 2rem;
        color: #FFF; }
    .diagnosis_box .box_body {
      padding: 30px 16px; }
      .diagnosis_box .box_body .box_summary {
        margin-bottom: 40px;
        font-size: 2rem; }
        .diagnosis_box .box_body .box_summary ul.default {
          font-size: 1.6rem; }
      .diagnosis_box .box_body .box_item dt {
        padding: 10px 20px;
        font-size: 2rem; }
      .diagnosis_box .box_body .box_item dd {
        font-size: 1.6rem; }
        .diagnosis_box .box_body .box_item dd.trouble_item {
          margin-top: 0; }
          .diagnosis_box .box_body .box_item dd.trouble_item .item_img {
            position: static;
            width: 100%;
            margin-bottom: 1em; }
      .diagnosis_box .box_body .box_item .step_flow li {
        font-size: 1.6rem; }
        .diagnosis_box .box_body .box_item .step_flow li p {
          margin-top: 1em;
          text-align: left; }
          .diagnosis_box .box_body .box_item .step_flow li p br {
            display: none; }
      .diagnosis_box .box_body .application_summary {
        border-bottom: 1px solid #000;
        font-size: 1.4rem; }
        .diagnosis_box .box_body .application_summary th, .diagnosis_box .box_body .application_summary td, .diagnosis_box .box_body .application_summary tr, .diagnosis_box .box_body .application_summary thead, .diagnosis_box .box_body .application_summary tbody {
          display: block; }
        .diagnosis_box .box_body .application_summary th {
          padding: 1em 0 0;
          border: none;
          border-top: 1px solid #000; }
          .diagnosis_box .box_body .application_summary th::after {
            display: none; }
        .diagnosis_box .box_body .application_summary td {
          margin-left: 30px;
          padding: 0.5em 0 1em;
          border-top: 1px dashed #000;
          border-bottom: none; }
        .diagnosis_box .box_body .application_summary .note {
          display: inline-block;
          margin-top: 1em;
          padding-left: 1em;
          text-indent: -1em;
          line-height: 1.25;
          font-size: 68%; }
        .diagnosis_box .box_body .application_summary .btnEet {
          margin-top: 1em; } }