@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/bridge/bridge_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/bridge/bridge_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 .cont01{
  width: 1160px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
}
.sec01 .cont-title{
  font-size:20px;
  font-family:"游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  padding:0 3vw 2vw 3vw;
}
.sec01 .cont_text{
  padding:0 3vw;
}
.sec01 .column_box01{
  width: 1100px;
  max-width: 100%;
  padding: 40px 60px;
  margin: 0 auto 80px;
  background-color: #fff;
  box-sizing: border-box;
}
.sec01 .column_box_title{
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
  color:#333333;
  border-bottom:0.75px solid #4D4D4D;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.sec01 .cont_text01{
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: justify;
  padding:0 8vw;
  margin-top:49px;
}
.sec01 .list01{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sec01 .column_box01 .list_item{
  position: relative;
  border:solid 2px;
  border-color: #C67375;
  width: 204px;
  max-width: 33%;
  padding: 50px 20px;
  box-sizing: border-box;
  max-width: 30%;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
}
.sec01 .column_box01 .list_item:nth-of-type(1){
  margin-right: 60px;
  margin-bottom:40px;
}
.sec01 .column_box01 .list_item:nth-of-type(2){
  margin-right: 60px;
  margin-bottom:40px;
}
.sec01 .column_box01 .list_item:nth-of-type(3){
  margin-bottom:40px;
}
.sec01 .column_box01 .list_item:nth-of-type(4){
  margin-right: 60px;
  margin-bottom:40px;
}
.sec01 .column_box01 .list_item:nth-of-type(5){
  margin-bottom:40px;
}
.sec01 .cont01_2{
  width: 732px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
}
/* .sec01 .column_box01 .list_item:nth-child(-n+5){
  margin-bottom: 40px
} */
.sec01 .column_box{
  width: 1100px;
  max-width: 100%;
  padding: 40px 60px;
  margin: 0 auto 80px;
  background-color: #F3EEE7;
  box-sizing: border-box;
}
.sec01 .column_box_subtitle{
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #333333;
    border-bottom: 0.75px solid #4D4D4D;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.sec01 .cont_text {
  margin-bottom: 40px;
}
.sec01 .column_btn{
  text-align:center;
  margin-bottom: 10px;
}
.sec01 .about_btn{
  background-color:#F3EEE7;
}
.sec01 .about_btn:first-of-type{
  margin-right:12vw;
}

/* sec02 */
.sec02{
  margin-bottom:100px;
}
.sec02 .point01 .textbox{
  margin-right:3vw;
}

.sec02 .point02 .textbox{
  margin-left:3vw;
}
.sec02 .point02{
  flex-direction: row-reverse;
}

.sec02 .point03 .textbox{
  margin-right:3vw;
}
.sec02 .point03{
  margin-bottom:5vw;
}


/*  */
@media screen  and (max-width: 1280px) and (min-width: 768px){
  .sec01 .column_box01 .list_item{
  border:solid 2px;
  border-color: #C67375;
  width: 149px;
  padding: 30px 8px;
  box-sizing: border-box;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
}
}
/* スマホ */
@media screen and (max-width: 767px){
  .sec01 .cont-title{
    font-size:4.7vw;
    font-feature-settings: "palt";
    padding: 0 3vw 2vw 3vw;
  }
  .sec01 .cont01_2{
    width: 732px;
    max-width: 100%;
    margin: 0 auto;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
    /* padding:0 4vw; */
  }
  .sec01 .cont01{
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
  }
  .sec01 .about_btn{
    display:flex;
    flex-flow: column;
    font-size:4vw;
    width:82.5vw;
  }
  .sec01 .about_btn:not(:last-of-type) {
    margin-bottom:7vw;
  }
  .sec01 .column_box{
    padding: 5.5vw;
    margin: 0 auto 13.8vw;
    background-color: #F3EEE7;
    box-sizing: border-box;
  }
  .sec01 .column_box_title{
    font-size: 4.5vw;
    text-align: center;
    letter-spacing: 0.1em;
    color: #333333;
    border-bottom: 0.75px solid #4D4D4D;
    margin-bottom:10vw;
    padding-bottom:3vw;
  }
  .sec01 .column_box01{
    width: 1100px;
    max-width: 100%;
    padding: 40px 0px;
    margin: 0 auto 4vw;
    background-color: #fff;
    box-sizing: border-box;
  }
  .sec01 .cont_text01{
    font-size:4vw;
    padding: 0 0;
    margin-top: 4.2vw;
  }
  .sec01 .column_box01 .list_item:nth-of-type(1){
    margin-right: 1vw;
    margin-bottom:1vw;
  }
  .sec01 .column_box01 .list_item:nth-of-type(2){
    margin-right: 0;
    margin-bottom:1vw;
  }
  .sec01 .column_box01 .list_item:nth-of-type(3){
    /*width:100vw;*/
    margin-bottom:1vw;
    margin-right: 1vw;
  }
  .sec01 .column_box01 .list_item:nth-of-type(4){
    margin-right: 0;
    margin-bottom:1vw;
  }
  .sec01 .column_box01 .list_item:nth-of-type(5){
  margin-bottom:1vw;
  }
  .sec01 .column_box01 .list_item{
    font-size: 4.2vw; /*3.4vw;*/
    position: relative;
    border: solid 2px;
    border-color: #C67375;
    width: 42.6vw; /*30%;*/
    max-width: initial; /*33%;*/
    padding: 5vw 0.1vw;
    box-sizing: border-box;
    max-width: initial; /*30%;*/
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  }
  .sec01 .cont_text {
    margin-bottom: 8vw;
  }
.sec01 .column_btn{
  margin-bottom: initial;
}
  .sec01 .about_btn:first-of-type{
    margin:0 auto;
    margin-bottom:7vw;
  }
  .sec01 .column_box_subtitle {
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5vw;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 4vw; /*2.6vw;*/
    padding-bottom:4vw

  }
.sec02{
  margin-bottom:13.5vw;
}
.sec02 .point01{
  margin-bottom:10vw;
}
.sec02 .point02{
  margin-bottom:10vw;
}
.sec02 .point03{
  margin-bottom:10vw;
}
.sec02 .point03 .textbox{
  margin-right:0;
}
.sec02 .point02 .textbox{
  margin-left:0;
}

}





/* 共通部分 */
@media screen and (max-width: 767px) {
  .check_list_box .check_text{
    padding: 0 5vw;
    font-size: 4vw;
    text-align: left;
  }

  .check_list_box .check_list_title::before {
  content: "";
  position: absolute;
  top: 116%;
  transform: translateY(-50%);
  right: 0px;
  background: url(/images/common/text_checklist.webp) center / contain no-repeat;
  width: 61px;
  height: 50px;
}
/*.footer .info_box .left .telbox{
  width: 300px;
  background-color: rgba(51, 51, 51, 0.8);
  padding: 15px 20px;
  box-sizing: border-box;
  margin-right: 85px;
} */
.footer .info_box .left .telbox .text01{
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #fff;
}
.footer .info_box .left .telbox .tel_num{
font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
font-size: 25px;
font-weight: 200;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}

}