@charset "UTF-8";
/* ======================================================
pc
====================================================== */
@media (min-width: 1001px) {

    /* shinryokaGuide / bumonGuide
---------------------------------------------------------------------- */
  #shinryokaGuide,
  #bumonGuide {
    /* padding: 50px 0; */
  }
  .guideList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 35px;
  }
  .guideList li {
    width: calc((100% - 70px) / 3);
    border-radius: 40px;
    background-color: #fffefa;
    border:#e1d1a9 solid 2px;
  }
  .guideList li a {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px 35px;
  }
  .guideList li a .gNameIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .guideList li a .gNameIcon .gIcon {
    width: 39%;
    aspect-ratio: 1 /1;
  }
  .guideList li a .gNameIcon .gIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .guideList li a .gNameIcon .gName {
    width: 60%;
  }
  .guideList li a .gNameIcon .gName h4 {
    text-align: center;
    font-size: min( calc((24 /1260 ) * 100vw ) , 24px);
    font-weight: 500;
    line-height: 1.2;
  }
  /* arrow (base: /css/common_contents.css)
---------------------------------------------------------------------- */
  .guideList .arrow {
    max-width: 65px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .guideList .arrow img {
    width: 52px;
  }

  /* guideNote（歯科・泌尿器科の注釈）
---------------------------------------------------------------------- */
  .guideNote {
    font-size: 1.6rem;
    margin-top: 30px;
  }

}
/* Start pc
---------------------------------------------------------------------- */


/* Start sp
---------------------------------------------------------------------- */

@media (max-width: 1000px) {

    /* shinryokaGuide / bumonGuide
---------------------------------------------------------------------- */
  #shinryokaGuide,
  #bumonGuide {
    /* padding: 6.66667vw 0; */
  }
  .guideList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .guideList li {
    width: 48.45071%;
    border-radius: 5.33334vw;
    background-color: #fffefa;
    border:#e1d1a9 solid 2px;
    margin-bottom: 3.09858vw;
  }
  .guideList li a {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0.7rem 1rem 1rem;
  }
  .guideList li a .gNameIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .guideList li a .gNameIcon .gIcon {
    width: 39%;
    aspect-ratio: 1 /1;
  }
  .guideList li a .gNameIcon .gIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .guideList li a .gNameIcon .gName {
    width: 60%;
  }
  .guideList li a .gNameIcon .gName h4 {
    text-align: center;
    font-size: 3.46667vw;
    font-weight: 500;
    line-height: 1.2;
  }
  /* arrow: base styles now in /css/common_contents.css */

  /* guideNote（歯科・泌尿器科の注釈）
---------------------------------------------------------------------- */
  .guideNote {
    margin-top: 2vw;
  }

}
