@charset "UTF-8";

/* Scss Document */

.list {

  padding: 50px 0 30px;

  background-color: #F7F8F8;

  width: 100%; }

  .list ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: flex-start;

    padding: 0 40px; }

  .list li {

    padding: 0 20px 20px; }

  .list a {

    font: 16px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    position: relative;

    color: #20325F; }



@media (min-width: 1024px) and (hover: hover) {

  .list a:hover {

    color: #589cd5; }

    .list a:hover:before {

      position: absolute;

      content: "";

      top: auto;

      bottom: -13px;

      left: 50%;

      -webkit-transform: translate(-50%, 0%);

      /* Safari用 */

      transform: translate(-50%, 0%);

      width: 8px;

      height: 8px;

      background-color: #589cd5;

      border-radius: 50%; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .list {

    padding: 20px 0 20px; }

    .list a {

      font: 16px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      position: relative;

      color: #20325F;

      /*&:hover{

      color: #20325F;

        &:before{

          display: none;



        }

      }*/ } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .list ul {

    max-width: 480px;

    margin: 0 auto; }

  .list li {

    width: calc(100% / 3);

    padding: 0;

    text-align: center;

    margin: 10px 0 10px; } }

/*max-width:1024px*/

/***************************************************/

.hospitals {

  padding: 80px 0 150px; }

  .hospitals .target {

    display: block;

    width: 100%;

    margin: -100px 0 0;

    padding: 100px 0 0; }

  .hospitals h2 {

    width: 100%;

    font: 22px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 700;

    color: #20325F;

    margin: 0 0 30px; }



/***************************************************/

.hospital_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  margin: 0 auto 100px;

  max-width: 1000px;

  width: calc(100% - 80px); }

  .hospital_box dl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    border-bottom: #DCDDDD 1px solid;

    width: calc((100% - 50px)/2);

    max-width: 500px;

    margin: 0 0 30px; }

  .hospital_box dt {

    font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    color: #20325F;

    border-left: #DCDDDD 3px solid;

    margin: 0 0 0;

    padding: 3px 0 5px 15px; }

    .hospital_box dt a {

      color: #20325F;

      /*&:hover{

        color:#00b9ef;

      }*/ }

  .hospital_box dd {

    padding: 5px 0 8px 15px;

    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 300;

    border-left: #20325F 3px solid; }

  .hospital_box a {

    display: inline-block; }

  .hospital_box .gmap {

    padding: 0 0 0 22px;

    margin: 0 20px 0 0;

    position: relative; }

    .hospital_box .gmap:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/hospital/icon-gmap.svg") center center no-repeat;

      background-size: contain;

      width: 15px;

      height: 25px;

      left: 0;

      top: 4px; }

  .hospital_box .tell {

    padding: 0 0 0 22px;

    position: relative; }

    .hospital_box .tell:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/hospital/icon-tell.svg") center center no-repeat;

      background-size: contain;

      width: 15px;

      height: 20px;

      left: 0;

      top: 4px; }



@keyframes hospital {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

@media (min-width: 1024px) and (hover: hover) {

  .hospital_box dt a:hover {

    color: #00b9ef; } }

@media (max-width: 1024px) {

  .hospital_box {

    margin: 0 auto 100px;

    max-width: 640px; }

    .hospital_box dl {

      width: 100%;

      max-width: 640px;

      margin: 0 0 30px; } }

/*max-width:768px*/

@media (max-width: 768px) {

  .hospital_box {

    width: calc(100% - 50px); }

    .hospital_box a {

      display: block; }

    .hospital_box .gmap {

      margin: 0 20px 5px 0; } }

/*max-width:480px*/