@charset "UTF-8";

/* 共通 */
.header .header_left .page_title{
  color:#fff;
}

.header .header_left .clinic_box .clinic_name01{
  color:#fff;
}

.header .header_left .clinic_box .clinic_name02{
  color:#fff;
}

.ul, ol{
  list-style-type:none;
}

.main_image {
    position: relative;
    height: 646px;
    padding-top: 0;
    box-sizing: border-box;
    background: url(/images/access/access_key.webp) center top/cover no-repeat;
    overflow: hidden;
}

.main_image .inner {
    width: 1025px;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
.main_image .text {
    position: relative;
    z-index: 5;
    padding-top: 300px;
    padding-left: 0;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 36px;
    letter-spacing: 0.2em;
    color: #fff;
    text-shadow: 0 0 5px rgba(155, 152, 152, 0.71);
}
.main_image .text:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -105px;
    top: 50%;
    transform: translateY(-50%);
    width: 221px;
    height: 221px;
    background: url(/images/common/key_logo.webp) center/contain no-repeat;
}
.point{
  margin-bottom:100px;
}
@media screen and (max-width: 767px) {
    .main_image {
      position: relative;
      height: 80vw;
      padding-top: 45.3vw;
      box-sizing: border-box;
      background: url(/images/access/access_key.webp) center top/cover no-repeat;
      overflow: hidden;
    }
    .main_image .inner {
      padding: 0 2.7vw;
    }
    .main_image .text {
      padding-top: 0;
      padding-left: 0;
      font-size: 5.8vw;
      text-align: center;
    }
    .main_image .text:before {
      left: 0;
      top: 4.3vw;
      width: 21.3vw;
      height: 21.3vw;
      background: url(/images/common/key_logo.webp) center/contain no-repeat;
    }
  }

  /* sec01 */
  .sec01 .sec_header{
    border:none;
    margin-bottom:50px;
  }
  .sec01 .dlist{
    width:1040px;
    max-width:100%;
    margin:0 auto;
  }
  .sec01 .row{
    display:flex;
    align-items:center;
    padding:30px 0;
    border-bottom:1px solid #333333;
  }
  .sec01 .term{
    width:230px;
    min-width:230px;
    text-align:center;
  }
  .sec01 .term_text{
    font-size:15px;
    font-family:"游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    letter-spacing: 0.2em;
    margin-top:10px;
  }
  .sec01 .desc{
    overflow: hidden;
  }
  .sec01 .desc_text01{
    font-size:16px;
    line-height:1.8em;
    letter-spacing: 0.15em;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;

  }
  .sec01 .googlemap{
    width:486px;
    max-width:100%;
    height:331px;
  }
  /* box */
  .sec01 .box_text{
    position: relative;
    z-index: 5;
    width: 780px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto 68px;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 2.3;
    margin-top:50px;
  }
  .sec01 .box_title:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 1px;
    margin: 0 auto;
    background: #000000;
  }
  .sec01 .box_title{
    position: relative;
    z-index: 2;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.2em;
    color: #333333;
    padding-bottom:38px;
  }




  .sec01 .access_box{
    margin-bottom:158px;
    margin-top:174px;
  }
  .sec01 .access_image{
    text-align:center;
  }

  /* sec02 */
  .sec02 .timetable{
    text-align:center;
    margin-bottom:100px;
  }


  @media screen and (max-width: 767px) {
/* sec01 */
  .sec01 .sec_title{
    font-size:4.8vw;
  }
  .sec01 .sec_header{
    margin-bottom:8vw;
  }
  .sec01 .row{
    display:block;
    align-items: center;
    padding: 6vw 0;
    border-bottom: 1px solid #333333;
  }
  .sec01 .term{
    width: 100%;
    min-width: auto;
    /* margin-bottom: 5.5vw; */
    text-align: center;
  }
  .sec01 .term_text{
    font-size: 5.5vw;
    letter-spacing: 0.2em;
    margin-bottom:2vw;
  }
  .sec01 .desc_text01{
    font-size:4vw;
  }
  .sec01 .googlemap{
    width: 100%;
    max-width: 100%;
  }
/* box */
  .sec01 .access_box{
    margin-top:15vw;
    margin-bottom:15vw;
  }
  .sec01 .box_title{
    font-size:5.3vw;
    padding-bottom:5vw;
  }
  .sec01 .box_text{
    margin:0 auto 10vw;
    margin-top:10vw;
  }
  .sec01 .googlemap iframe{
    width: 100%;
    height: 100%;
  }
  .sec02 .timetable{
    margin-bottom:13.5vw;
  }
}