@charset "utf-8";
@media screen and (max-width: 1390px) {

  /* ----------------------------------------------- main visual */
  #main_visual {}
  /* text */
  #main_visual .as {}
  #main_visual .as dl {}
  #main_visual .as dl dt {}
  #main_visual .as dl dd {}
  @media screen and (max-width: 1150px) {
    #main_visual .as {
      width: 95%;
      left: 0;
      right: 0;
      margin: auto;
    }
    #main_visual .as dl {
      width: auto;
      margin-top: 18%;
    }
    #main_visual .as dl dt {
      font-size: 4.5rem;
    }
    #main_visual .as dl dd {
      font-size: 2.0rem;
    }
    @media screen and (max-width: 1150px) {
      #main_visual .as dl dt {
        font-size: 4.0rem;
      }
      @media screen and (max-width: 500px) {
        #main_visual .as {
          width: 90%;
        }
        #main_visual .as dl {
          width: auto;
          margin-top: 20%;
        }
        #main_visual .as dl dt {
          font-size: 3.0rem;
        }
        #main_visual .as dl dd {
          font-size: 1.7rem;
          line-height: 140%;
        }
        @media screen and (max-width: 350px) {
          #main_visual .as dl dt {
            font-size: 2.6rem;
          }
          #main_visual .as dl dd {
            font-size: 1.6rem;
          }
          #main_visual .as dl dd br {
            display: none;
          }
        }
      }
    }
  }
  /*スライド*/
  #bx-wrapper {}
  .bx-wrapper {}
  .bx-viewport {}
  .bxslider .slide {}
  .bxslider .slide img {}
  .bxslider .slide:not(.active-slide) img {}
  @media screen and (max-width: 850px) {
    .bx-wrapper {
      width: 100% !important;
    }
    .bxslider .slide {
      width: 100%;
      height: 450px;
    }
    .bxslider .slide img {
      width: 100%;
      height: 450px;
    }
    @media screen and (max-width: 500px) {
      .bxslider .slide {
        height: 370px;
      }
      .bxslider .slide img {
        height: 370px;
      }
    }
  }
  /*スライドページャー*/
  .bx-wrapper .bx-pager {}
  .bx-wrapper .bx-pager.bx-default-pager a {}
  .bx-wrapper .bx-pager.bx-default-pager a:hover {}
  .bx-wrapper .bx-pager.bx-default-pager a.active::before {}
  .bx-wrapper .bx-pager.bx-default-pager a:focus {}
  .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {}
  .bx-wrapper .bx-prev,.bx-wrapper .bx-next {}
  @media screen and (max-width: 1150px) {
    .bx-wrapper .bx-pager {
      top: auto;
      bottom: 150px;
      left: 30px;
    }
  }
  /* メニュー */
  #main_visual .menu {}
  #main_visual .menu ul {}
  #main_visual .menu ul li {}
  #main_visual .menu ul li::before {}
  #main_visual .menu ul li::after {}
  #main_visual .menu ul li:hover::after {}
  #main_visual .menu ul li a {}
  #main_visual .menu ul li:nth-child(1) a {}
  #main_visual .menu ul li:nth-child(2) a {}
  #main_visual .menu ul li:nth-child(3) a {}
  #main_visual .menu ul li:nth-child(4) a {}
  #main_visual .menu ul li a:link,
  #main_visual .menu ul li a:active,
  #main_visual .menu ul li a:visited {}
  #main_visual .menu ul li a::before {}
  #main_visual .menu ul li:last-child a::before {}
  @media screen and (max-width: 1100px) {
    #main_visual .menu ul {
      width: 97%;
    }
    @media screen and (max-width: 800px) {
      #main_visual .menu ul li a {
        font-size: 1.8rem;
        padding: 70px 5px 0px 5px;
        background-size: 75px auto;
      }
      #main_visual .menu ul li::after {
        bottom: -10px;
      }
      #main_visual .menu ul li:hover::after {
        width: 100px;
      }
      @media screen and (max-width: 600px) {
        #main_visual .menu ul {
          width: 100%;
          padding-top: 20px;
          border-radius: 0;
        }
        #main_visual .menu ul li::before {
          display: none;
        }
        #main_visual .menu ul li a {
          font-size: 1.5rem;
          padding: 60px 5px 0px 5px;
          background-size: 65px auto;
        }
        #main_visual .menu ul li a::before {
          height: 70px;
          top: 0;
          bottom: 0;
          margin: auto;
        }
        #main_visual .menu ul li::after {
          bottom: -12px;
        }
        #main_visual .menu ul li:hover::after {
          width: 50px;
        }
        @media screen and (max-width: 450px) {
          #main_visual .menu ul li::after {
            display: none;
          }
        }
      }
    }
  }

  /* ----------------------------------------------- main */
  main {}
  /* ----------------------------------------------- 見出し(h2) */
  main h2 {}
  main h2::before {}
  @media screen and (max-width: 1000px) {
    main h2 {
      font-size: 3.3rem;
    }
    @media screen and (max-width: 800px) {
      main h2 {
        font-size: 3.0rem;
      }
    }
  }
  /* ----------------------------------------------- ピックアップ */
  #pickup {}
  .pickup_inner {}
  /**/
  .swiper {}
  /**/
  #pickup .swiper-top {}
  #pickup .swiper-top ul {}
  /**/
  .swiper-button-next,
  .swiper-button-prev {}
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {}
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {}
  .swiper-button-next:after,
  .swiper-button-prev:after {}
  .swiper-button-next:after {}
  .swiper-button-prev:after {}
  /**/
  .swiper-wrapper li {}
  .swiper-wrapper li img {
    width: 100%;
    height: auto;
  }
  /* ----------------------------------------------- 最新情報 */
  #information {}
  .information_inner {}
  .information_inner h2 {}
  /**/
  #information .tab_wrap {}
  #information label {}
  #information .tab_label:hover {}
  #information label.top {/*先頭のみ*/}
  /* アクティブなタブ */
  #information .tab_switch:checked + .tab_label {}
  #information .tab_switch:checked + .tab_label + .tab_list {}
  /* ラジオボタン非表示 */
  #information .tab_switch {}
  /**/
  #information .tab_list {}
  #information .tab_list a {}
  #information .tab_list a:link,
  #information .tab_list a:active,
  #information .tab_list a:visited,
  #information .tab_list a:hover {}
  #information .tab_list a:hover {}
  #information .tab_list a::before {}
  #information .tab_list a:hover::before {}
  #information .tab_list a::after {}
  #information .tab_list dl {}
  #information .tab_list dl dt time {}
  #information .tab_list dl dt {}
  #information .tab_list dl span {}
  #information .tab_list dl span.important {}
  #information .tab_list dd {}
  /*file icon*/
  .tab_wrap a[href$=".pdf"] dd:after,
  .tab_wrap a[href$=".doc"] dd:after,
  .tab_wrap a[href$=".docx"] dd:after,
  .tab_wrap a[href$=".xls"] dd:after,
  .tab_wrap a[href$=".xlsx"] dd:after {}
  .tab_wrap a[href$=".pdf"] dd:after {}
  .tab_wrap a[href$=".doc"] dd:after {}
  .tab_wrap a[href$=".docx"] dd:after {}
  .tab_wrap a[href$=".xls"] dd:after {}
  .tab_wrap a[href$=".xlsx"] dd:after {}
  /*コメント*/
  #information .tab_list p {}
  /*一覧ボタン*/
  #information .btn_list {}
  #information .btn_list a {}
  #information .btn_list a:link,
  #information .btn_list a:active,
  #information .btn_list a:visited {}
  #information .btn_list a:hover {}
  #information .btn_list a::before {}
  #information .btn_list a:hover::before {}
  @media screen and (max-width: 1100px) {
    #information {
      margin: 70px 30px;
      padding: 55px 15px;
    }
    .information_inner {
      width: 95%;
    }
    #information .tab_list dl {
      display: -webkit-block;
      display: block;
    }
    #information .tab_list dt {
      padding-bottom: 5px;
    }
    #information .tab_list dl span {
      padding: 3px 12px;
      font-size: 1.2rem;
    }
    #information .tab_list dd {
      padding: 5px 0 0 0;
    }
    @media screen and (max-width: 700px) {
      #information {
        margin: 70px 15px;
        padding: 40px 5px;
      }
      /**/
      #information label {
        padding: 4px 10px;
        font-size: 1.4rem;
      }

      /* アクティブなタブ */
      #information .tab_switch:checked + .tab_label {
        margin-right: 5px;
      }
      /**/
      #information .tab_list a {
        margin: 10px;
        padding: 10px 40px 15px 20px;
      }
      #information .tab_list dd {
        font-size: 1.5rem;
      }
      /*一覧ボタン*/
      #information .btn_list {
        margin: 15px 0 0 0;
        text-align: center;
      }
    }
  }
  /* ----------------------------------------------- 岐阜市民病院の取り組み */
  #active {}
  .active_back {}
  .active_back::after {/*エリア下部の半円*/}
  .active_inner {}
  main #active h2 {}
  main #active h2::before {}
  main #active h2 span {}
  .active_flex {}
  .active_flex .general,
  .active_flex .medical {}
  .active_flex .general::before,
  .active_flex .medical::before {}
  .active_flex .general::after,
  .active_flex .medical::after {}
  .active_flex .general::after {}
  .active_flex .medical::after {}
  .active_flex a.sp_btn {}
  .active_flex .general h3,
  .active_flex .medical h3 {}
  .active_flex .general h3 {}
  .active_flex .medical h3 {}
  .active_flex .general p,
  .active_flex .medical p {}
  .active_flex .general ul,
  .active_flex .medical ul {}
  .active_flex .general ul {}
  .active_flex .medical ul {}
  .active_flex ul li {}
  .active_flex ul li:last-child {}
  .active_flex ul li a {}
  .active_flex ul li a:link,
  .active_flex ul li a:active,
  .active_flex ul li a:visited {}
  .active_flex ul li a:hover {}
  .active_flex ul li a::before {}
  .active_flex .general ul li a::before {}
  .active_flex .medical ul li a::before {}
  .active_flex ul li a:hover::before {}
  @media screen and (max-width: 1000px) {
    #active {
      position: relative;
      background-image: url("../../img/index_active_back.jpg");
      background-position: top center;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 2000px 300px;
      border-bottom-left-radius: 2000px 300px;
    }
    #active::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,0.5);
    }
    .active_back::after {/*エリア下部の半円*/
      display: none;
    }
    @media screen and (max-width: 900px) {
      .active_flex .general ul,
      .active_flex .medical ul {
        margin: 20px 30px 10px 30px;
      }
      @media screen and (max-width: 750px) {
        #active {
          margin-bottom: 100px;
        }
        main #active h2 {
          font-size: 3.0rem;
        }
        main #active h2 span {
          font-size: 1.4rem;
          margin-top: 10px;
        }
        .active_flex {
          display: -webkit-block;
          display: block;
        }
        .active_flex .sp_btn {
          position: relative;
          display: block;
          pointer-events: auto;
          cursor: pointer;
          text-decoration: none;
        }
        .active_flex .sp_btn::before {
          position: absolute;
          content: '';
          right: 25px;
          top: 25px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
        }
        .active_flex .active .sp_btn::before {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
        .active_flex .general .sp_btn::before {
          border-top: 2px solid #46b06d;
          border-right: 2px solid #46b06d;
        }
        .active_flex .medical .sp_btn::before {
          border-top: 2px solid #b891e6;
          border-right: 2px solid #b891e6;
        }
        .active_flex .general,
        .active_flex .medical {
          width: 95%;
          margin: 0 auto;
          padding: 20px;
          border-radius: 50px;
        }
        .active_flex .general {
          margin-bottom: 20px;
        }
        .active_flex .general::before,
        .active_flex .medical::before {
          display: none;
        }
        .active_flex .general::after,
        .active_flex .medical::after {
          top: 20px;
          left: 40px;
          right: auto;
        }
        .active_flex .general a,
        .active_flex .medical a {
          text-decoration: none;
          pointer-events: auto;
        }
        .active_flex .general h3,
        .active_flex .medical h3 {
          margin: 0 40px 0 120px;
          font-size: 2.5rem;
          line-height: 130%;
          text-align: left;
        }
        .active_flex .general p,
        .active_flex .medical p {
          margin: 0 40px 0 120px;
          text-align: left;
          font-size: 1.4rem;
          line-height: 130%;
        }
        .active_flex .general ul,
        .active_flex .medical ul {
          display: none;
        }
        .active_flex .active ul,
        .active_flex .active ul {
          display: block;
          margin-bottom: 20px;
        }
        @media screen and (max-width: 500px) {
          .active_flex .general::after,
          .active_flex .medical::after {
            top: 25px;
            width: 70px;
            height: 60px;
            background-size: cover;
          }
          .active_flex .general h3,
          .active_flex .medical h3 {
            margin: 0 40px 0 110px;
            font-size: 2.3rem;
          }
          .active_flex .general p,
          .active_flex .medical p {
            margin: 0 40px 0 110px;
            text-align: left;
          }
          .active_flex .general ul,
          .active_flex .medical ul {
            margin: 20px 20px 10px 20px;
          }
          .active_flex ul li a {
            font-size: 1.5rem;
          }
        }
      }
    }
  }

  /* ----------------------------------------------- バナー */
  .recruit_banner {}
  .recruit_banner li {}
  .recruit_banner li.recruit {}
  .recruit_banner li.resident {}
  .recruit_banner li::after {}
  .recruit_banner li:hover::after {}
  .recruit_banner li a {}
  .recruit_banner li a:link,
  .recruit_banner li a:active,
  .recruit_banner li a:visited {}
  .recruit_banner li a:hover {}
  .recruit_banner li a::before {}
  .recruit_banner li.recruit a::before {}
  .recruit_banner li.resident a::before {}
  .recruit_banner li a:hover::before {}
  .recruit_banner li a span {}
  @media screen and (max-width: 900px) {
    .recruit_banner {
      margin: 0px auto 80px auto;
    }
    .recruit_banner li a {
      font-size: 3.0rem;
    }
    @media screen and (max-width: 750px) {
      .recruit_banner {
        display: -webkit-block;
        display: block;
      }
      .recruit_banner li {
        width: 100%;
        margin-bottom: 10px;
      }
      .recruit_banner li a {
        font-size: 2.5rem;
      }
    }
  }
}