/* CSS Document */
.humb,.pc_none{
  display: none;
}
@media screen and (max-width: 1080px){
  .kv{
    margin-top:60px;
  }
}
@media screen and (min-width: 769px) and (max-width:1280px){
/*
-------------------------------
共通
-------------------------------
*/
:root {
  --main-font:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --main-font-color: #000;
  --english-font: "futura-pt", sans-serif;
  --f-f-mincho:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  --main-color:#c4a286;
}
.header_content {
  min-width: initial;
}
.header_content ul.nav li{
  font-size:18px;
}
.tab_none{
  display: none;
}
/* kv */

a.more_btn{
  width:140px;
}
/* about */
  .about{
    width:90%;
    margin-bottom:240px;
  }
  .section_title{
    margin-bottom:30px;
  }
  .section_sub_title{
    font-size:24px;
    margin-bottom:10px;
  }
  .section_about_text{
    margin-top:20px;
    font-size:16px;
  }
  .about_image{
    text-align: left;
    position:relative
  }
  
  .about_image img.about_image2 {
    width: 40%;
    max-width: 40%;
    position:absolute;
    bottom:-200px;
    right:50%;
    }

/* medical_content */
.medical_content{
  padding:0 7%;
}
.content_menu{
  margin-bottom:14vw;
}
.menu_text {
  display: block;
  padding: 20px 4% 20px 10%;
  width: 60%;
  position: absolute;
  bottom: -10vw;
  }
.menu_title{
  width:100%;
  padding-right:0;
  font-size:24px;
}
.medical_content_link{
  margin-top:20px;
  width:50%;
  max-width:130px;
}
.content_image h3{
  font-size:30px;
}
/* doctor */
.doctor{
  padding:0 7%;
}

/*
-------------------------------
introduction
-------------------------------
*/
.doctor_intro,.hospital_intro,.calendar,.access,.common_info{
  padding:0 5%;
}
.common_info_content{
  width:100%;
  min-width:100%;
  max-width:100%;
}
.common_info_disc,.common_info_calendar{
  width:45%;
}
/*
-------------------------------
company
-------------------------------
*/
.company_title{
  position: relative;
  padding-top:10.4vw;
  padding-bottom:10.4vw;
  margin-top:88px;
}
.company_title p{
  color:#fff;
  font-family:var(--english-font);
  font-size:60px;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.company_about{
  padding:100px 0;
  text-align: center;
}
.company_about h3{
  font-size:36px;
  font-family:var(--f-f-mincho);
  color:#c2aa99;
  font-weight:600;
  margin-bottom:1rem;
}
.company_about p{
  font-size:20px;
  margin-bottom:100px;
}
.about_inner{
  display: block;
}
.about_inner img{
  width:80%;
}
.company_about .about_inner p{
  width:80%;
  font-size: 24px;
  text-align: left;
  margin:10px auto 0;
}
.message{
  background-color: #c4a286;
  padding:100px 0;
  color:#fff;
  text-align: center;
}
.message_inner{
  display: block;
  flex-direction: row-reverse;
}
.message_image{
  width:80%;
}
.message_text{
  width:80%;
  margin:30px auto 0;
  text-align: left;
}
.message_text h3{
  font-weight:bold;
  font-size:24px;
}
.message_text p{
  margin-top:2rem;
  font-size:18px;
  line-height:1.7;
}
.message_image p{
  font-size:24px;
  margin-top:10px;
  font-family:var(--f-f-mincho);
}
/*
-------------------------------
recruit
-------------------------------
*/
.company_about.recruit p{
  margin-bottom:0;
}
.recruit_section{
  margin-bottom:100px;
}
.recruit_section h3,
.recruit_info h3{
  font-family: var(--f-f-mincho);
  font-size:36px;
  padding:15px;
  color:#fff;
  background-color: var(--main-color);
}
.recruit_section p{
  font-size:20px;
  padding:0 5%;
}
.recruit_info{
  margin:100px auto;
  font-size:16px;
}
.recruit_info h4{
  font-size:24px
}
.recruit_info dl dt{
  font-weight:bold;
  margin-bottom:7px;
}
.recruit_info ol{
  list-style-type: disc;
  padding-left:2rem;
}
.recruit_inner{
  margin-top:60px;
  padding:0 5%;
}
/*
-------------------------------
price
-------------------------------
*/
.price_table_content{
  padding:0 5%;
}
/*
-------------------------------
post
-------------------------------
*/
.post_info{
  padding:7px 5% 0 0;
}
.post_flex{
  padding:0 5% 0 0;
}
/*
-------------------------------
medical_content_under
-------------------------------
*/
.m_content_head,
.m_content_head.ex,
.m_content_wrap{
  padding:0 5%;
}
/*
-------------------------------
biyou
-------------------------------
*/
/* ul.biyou_nav li a{
  font-size:10px;
} */
ul.biyou_nav.worries li a{
  font-size:16px;
}
.worries_inner ul{
  font-size:16px;
}

.onayami_head figure{
  width:40%;
}
.biyou_onayami ul{
  font-size:16px;
}
.biyou_onayami ul li{
  line-height: 1.7;
}
.onayami_head figure img{
  width:100%;
}
.biyou_onayami table{
  width:100%;
  font-size:14px;
}
.biyou_onayami.datsumou table{
  font-size:16px;
  width:90%;
  margin:30px auto 0;
}
.biyou_onayami.datsumou table th{
  width:25%;
}
.biyou_onayami table th{
  width:30%;
}
.kv.clair_kv h1{
  font-size:36px;
}
.kv.clair_kv p{
  font-size:20px;
}
.shop_about h2{
  font-size:30px;
}
.shop_about p{
  font-size:18px;
}
.shop_menu.over_width{
  width:95%;
  margin:0 auto;
}
.clair_menu_title{
  padding-left:30px;
}
.shop_info{
  width:95%;
  margin:100px auto 0;
}
.banner_content a{
  width:45%;
}
.banner_content a img{
  width:100%;
}
/*
-------------------------------
shop
-------------------------------
*/
.shop_about.shop_clair{
  padding:0 2.5%;
}
.shop_about.shop_clair p{
  width:calc(100% -  57.5%);
  padding-right:30px;
  font-size:18px;
  margin:40px 0 0;
  text-align: left;
  line-height: 2;
}
[class^="shop_image"]{
  position:absolute;
  width: 25%;
}
.shop_image1{
  top:0;
  right:2.5%;
}
.shop_image2{
  top:270px;
  right:30%;
}
}
@media screen and (max-width:1180px){
  .clair_link{
    display: none;
    position:fixed;
    top:60px;
    left:40px;
    width:150px;
  }
  .about{
    max-width:750px;
  }
  .about_flex{
    width:90%;
    display: block;
    margin:200px auto;
  }
  .about_image{
    width:60%;
    margin:0 auto 100px;
  }
  .about_content{
    padding-right:0;
    margin:0 auto;
    width:100%;
  }
}