@charset "UTF-8";

/*
 * Summary:
 * 診療内容他、サイドに追従メニューがあるレイアウト
 * インフルエンザページ
 */

.medical-influenza {
  background-image: url(../img/medical_influenza/mv_influenza.webp);
}

#contents.influenza {
  .categorySidebar .sidebar-sticky-content .js-sidebar-links {
    @media (min-width: 768px){
      li:before {transition: all .4s;}
      li:not(.current) {
        &:before {
          content: "";
          width: 0;
        }
        a {
          padding-left: 0;
        }
      }
    }
  }
  /* .categorySidebar .sidebar-sticky-content .js-sidebar-links */

  .sectionTitle {
    text-align: left;
  }
  /* sectionTitle */
}
/* #contents.influenza */

/* END COMMON */




#contents.influenza {


  .mt2em {margin-top: 2em;}
  .mt3050 {
    margin-top: 30px;
    @media (min-width: 768px){
      margin-top: 50px;
    }
  }

  .section_about {
    text-align: left;
    line-height: 1.625;


    picture {
      aspect-ratio: 250 / 180;

      @media (min-width: 768px){
        min-width: 250px;
        width: 250px;
      }

      & img {
        border-radius: 10px;
      }
    }

    &.mt3050-1em {
      margin-top: 30px;
      @media (min-width: 768px){
        margin-top: calc(50px - 1em);
      }
    }

    .sentenceBody {
      font-size: 15px;
      line-height: 1.625;
      margin-top: 1em;

      @media (min-width: 768px){font-size: 16px;margin-top: 0;}
    }
  
    .sentenceBody.mt05 {margin-top: 0.5em;}
    .sentenceBody.c_blue {color:#334399;}

    .sentenceBody .mt_05 {margin-top: 0.5em;}
    .sentenceBody .mt_1 {margin-top: 1.0em;}
    .sentenceBody .c_blue {color:#334399;}
  

  }
  /* .section_about */
  .sentence_subbody {
    font-size: 15px;
    line-height: 1.625;
    text-align: left;
    margin-top: 1em;

    @media (min-width: 768px){
      font-size: 16px;
    }
  }
  /* sentence_subbody */


  .boxRounded.nodoca {
    position: relative;
    margin-top: 60px;

    .sentence {
      display: grid;
      gap: 0 20px;

      @media (max-width: 767px){
        grid-template-columns: repeat(1,1fr);
      }
    }

    .roundedHeader {
      color: #334399;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.4;

      @media (min-width: 768px){
        font-size: 18px;
        grid-area: 1 / 1 / 2 / 3;
      }
    }
    .checkList {
      margin-top: 20px;
      gap: 14px;


      li {
        width: 100%;
        max-width: initial;
        min-width: initial;
      }

      @media (min-width: 768px){
        margin-top: 30px;
        grid-area: 2 / 1 / 3 / 2;

        .mb-2 {margin-bottom: -2em;}
      }

      
    }

    picture {
      margin-top: 20px;

      @media (min-width: 768px){
        grid-area: 2 / 2 / 3 / 3;
        min-width: 250px;
        width: 250px;
        margin-top: 0;
      }

      & img {
        border-radius: 10px;
      }
    }

  }
  .boxRounded.nodoca:not(:last-child)::after {
    content: '';
    position: absolute;
    background-color: #334399;
    top: 100%; left: 0; right: 0;
    margin: auto;
    margin-top: 20px;
    width: 3.5rem;
    height: 2.0rem;
    clip-path: polygon(0 0,100% 0, 50% 100%);
  }
  /* .boxRounded.nodoca */

  .sectionSubTitle {
    color: #334399;
    font-size: 18px;
    font-weight: bold;
    margin-top: 1em;

    @media (min-width: 768px){
      font-size: 20px;
      margin-top: inherit;
    }
  }


}
/* #contents.influenza */