@charset "UTF-8";
.Diagnosis h2, .Other h2 {
  color: #212121;
  font-size: 137.5%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px; }
  .Diagnosis h2:after, .Other h2:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    margin: 10px auto;
    background: #e60127; }
@media screen and (max-width: 994px) {
  .Diagnosis h2, .Other h2 {
    padding-bottom: 0;
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .Diagnosis, .Other {
    padding-bottom: 40px; }
    .Diagnosis h2, .Other h2 {
      font-size: 112.5%; } }

.Diagnosis {
  padding-bottom: 60px; }
  .Diagnosis .DiagnosisPointList {
    margin-top: 40px; }
    .Diagnosis .DiagnosisPointList li:nth-child(n+2) {
      margin-top: 5px; }
    .Diagnosis .DiagnosisPointList dl {
      display: flex;
      font-size: 81.25%; }
      .Diagnosis .DiagnosisPointList dl dt {
        position: relative;
        width: 13em;
        padding-right: 1em;
        flex-shrink: 0; }
        .Diagnosis .DiagnosisPointList dl dt:after {
          content: "：";
          position: absolute;
          right: 0; }
      .Diagnosis .DiagnosisPointList dl dd {
        padding-left: 1em; }
    @media screen and (max-width: 767px) {
      .Diagnosis .DiagnosisPointList li:nth-child(n+2) {
        margin-top: 10px; }
      .Diagnosis .DiagnosisPointList dl {
        display: block; }
        .Diagnosis .DiagnosisPointList dl dt:after {
          position: static; } }

.CaseExapmple .BoxPatternA {
  padding: 0; }
  .CaseExapmple .BoxPatternA + .BoxPatternA {
    margin: 0;
    margin-top: 30px; }
  .CaseExapmple .BoxPatternA .Inner {
    background: #f2f2f2;
    display: flex;
    align-items: center;
    height: 170px; }
    .CaseExapmple .BoxPatternA .Inner .ImageBlock {
      margin: 20px; }
      .CaseExapmple .BoxPatternA .Inner .ImageBlock img {
        display: block;
        width: 200px; }
    .CaseExapmple .BoxPatternA .Inner .DetailBlock {
      width: calc(100% - 240px);
      padding-right: 16px; }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock h3 {
        font-size: 112.5%;
        font-weight: bold;
        min-height: auto;
        margin: 0 0 10px;
        padding: 0;
        background: none;
        color: #212121; }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock p {
        font-size: 81.25%;
        padding: 0;
        margin: 0; }
  .CaseExapmple .BoxPatternA .ListStyle2 {
    list-style: none;
    margin: 0;
    padding: 0; }
    .CaseExapmple .BoxPatternA .ListStyle2 li {
      margin: 0;
      margin-top: 5px;
      padding: 0;
      padding-left: 1em;
      text-indent: -1em;
      background: none; }

@media screen and (max-width: 994px) {
  .CaseExapmple .Example {
    height: auto; }
    .CaseExapmple .Example .DetailBlock {
      padding: 20px 20px 20px 0; }
  .CaseExapmple .BoxPatternA .Inner {
    height: auto; }
    .CaseExapmple .BoxPatternA .Inner .DetailBlock {
      padding: 20px 20px 20px 0; } }
@media screen and (max-width: 767px) {
  .CaseExapmple .Example {
    flex-direction: column;
    padding: 20px 0; }
    .CaseExapmple .Example .DetailBlock {
      width: 80%;
      padding: 0; }
      .CaseExapmple .Example .DetailBlock h3 {
        font-size: 93.75%; }
  .CaseExapmple .BoxPatternA .Inner {
    flex-direction: column;
    padding: 20px 0; }
    .CaseExapmple .BoxPatternA .Inner .DetailBlock {
      width: 80%;
      padding: 0; }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock h3 {
        font-size: 93.75%; } }