/* CSS Document */
.humb,.pc_none{
  display: none;
}
/* @media screen and (max-width: 768px){
* {
  outline: 1px solid red;
} */
/*

-------------------------------
共通
-------------------------------
*/
/* すべての要素のスクロールバーを非表示 */
@media screen and (max-width: 767px) {*::-webkit-scrollbar {
  width: 0;
  display: none;
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.body{
  padding:0;
  font-size:65%;
}
.wrapper{
  margin:0 auto 0;
  padding:40px 0;
  box-sizing: border-box;
}
ul.nav{
  display: block;
}
ul.nav li{
  display: block;
  text-align: left;
}
.over_width,.inner_width,#wrap{
  width:100%!important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.pc_none{
  display: block;
}
.sp_none{
  display: none !important;;
}
.index_section{
  margin-bottom:64px;
  padding:0 3%;
}
h2.section_title{
  font-family: var(--english-font);
  font-size:2rem;
}
h2.section_title span{
  font-size:1.4rem;
  display: block;
}
/*
-------------------------------
header
-------------------------------
*/
header{
  background-color: transparent;
}
body{
  font-size:1.5rem;
}
.sp_header{
  padding:10px 0 10px;
  box-sizing: border-box;
}
a.header_logo{
  width:157px;
  height:44px;
  background-size: cover;
  padding:0;
  text-align: center;
  display: flex;
  align-items: center;
  position:relative;
  z-index:15;
}
a.header_logo img{
  width:90%;
}
.fix_btn{
  width:65%;
  margin:0 auto;
  position:fixed;
  top:0;
  left:10px;
  
  border-radius: 5px;
  display: none;
  z-index:900;
}
.fix_btn.active{
  display: block;
  opacity: 0;
  animation-name: fadein;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
body:not(.home) header.sp_header a.header_logo{
  background: url(../images/common/logo_black.png) center center no-repeat;
  background-size: cover;
}
.sp_reserve_btn{
  width:80%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 290px;
  margin:30px auto 0;
}
.sp_reserve_btn a{
  display: block;
  width:100%;
  height:60px;
  border-radius:30px;
  text-align: center;
  line-height: 60px;
  font-size:1rem;
  /* border:1px solid #fff; */
  background-color: #6A4B34;
  color:#fff;
  font-weight:bold;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
}
.sp_reserve_btn a.line_reserve{
  background-color: #06C755;
}
.sp_reserve_btn a.tel_reserve{
  background-color: #0658C4;
  position:relative;
}
.sp_reserve_btn a.tel_reserve::before{
  content:"";
  position:absolute;
  width:13px;
  height:20px;
  background: url(../images/common/tel_icon.png) center center no-repeat;
  background-size: cover;
  left:60px;
  top:50%;
  transform: translateY(-50%);
}
/*
-------------------------------
footer
-------------------------------

*/
.map_movie{
  padding:35px 20px;
  display: block;
}
.map_movie p{
  font-size:0.8rem;
  text-align: center;
}
.map_movie .movie_box{
  width:100%;
}
.map_movie .movie_box video{
  margin-top:20px;
  width:100%;
}
.movie_2{
  background-color: #1977F3;
}
.movie_box.is-static .movie_btn{
  width:98px;
  height:98px;
}
.movie_box.is-static .movie_btn span{
  font-size:11px;
}
.footer_reserve_wrap{
  width:100%;
  margin:0 auto;
  padding:40px 0;
}
.footer_reserve_wrap h3{
  font-size:1.4rem;
  margin-bottom:1rem;
}
.footer_reserve_wrap p{
  font-size:11px;
  margin-bottom:25px;
}
.footer_reserve_wrap ul.contact_header{
  width:85%;
  margin:0 auto;
  justify-content: space-between;
}
.footer_reserve_wrap ul.contact_header li{
  width:calc((100% - 10px) / 2);
  
}
.footer_reserve_wrap ul.contact_header li a{
  width:100%;
  font-family:var(--f-f-normal);
  height:50px;
  line-height: 50px;
  border:1px solid #fff;
  border-radius:25px;
  font-size:14px;
}
footer{
  padding:0 0 20px;
  box-sizing: border-box;
}
.footer_wrap{
  display: block;
  padding:60px 20px 0;
}
.footer_info{
  text-align: center;
}
.footer_info p{
  font-size:12px;
  margin:12px auto;
}
.footer_wrap ul.footer_nav{
  width:100%;
  gap:20px;
  margin:40px auto;
}
.footer_wrap ul.footer_nav li{
  width:calc((100% - 20px) / 2);
  box-sizing: border-box;
  padding:0 10px 10px;
}
.footer_wrap ul.footer_nav li a{
  font-size:0.8rem;
}
.footer_wrap ul.footer_nav li::after{
  width:20px;
  height:20px;
}
.footer_copy{
  display: block;
  margin:0;
  text-align: center;
}
.footer_copy a{
  margin-bottom:1rem;
}
footer ul.contact_header.pc_none{
  margin:40px auto 0;
  justify-content: center;
  width:90%;
  display: flex;
}
footer ul.contact_header li{
  width:calc((100% - 16px) / 2);

}
footer ul.contact_header li a{
  font-size:0.8rem;
  width:100%;
  height:50px;
  line-height: 50px;
  border-radius: 25px;
}
.fixed_cv{
  position: fixed;
  width:100%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 120%);
  z-index: 9999;
  padding-top:7px;
  opacity: 0;
  transition: .45s cubic-bezier(.22,1,.36,1);
  background-color: #fff;
}

.fixed_cv.is-show{
  transform: translate(-50%, 0);
  opacity: 1;
}
.fixed_cv p{
  font-size:14px;
  margin-bottom:7px;
  font-family: var(--f-f-mincho);
}
.fix_sp_content{
  display: flex;
}
.fixed_cv_btn{
  display: block;
  width:calc(100% / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f5feff;
  padding:0.8em 0;
  text-decoration: none;
  font-family: var(--f-f-mincho);
  font-size:14px;
  gap:8px;
  border-radius:7px 7px 0 0;
  /* font-weight:bold; */
}

.fixed_cv_btn.tel{ background:var(--main-blue); }
.fixed_cv_btn.line{ background:#06c755; }
.fixed_cv_btn.web{ background:#b08a57; }
/* ----------------------------------
kv
---------------------------------- */

.kv_info{
  background-color: #f5feff;
  padding:8px;
  width:90%;
  margin:24px auto;
}
.kv_info table{
  width:100%;
  background-color: #fff;
}
.kv_info table tr th,
.kv_info table tr td{
  padding:8px;
  font-size:12px;
  font-weight:initial;
} 
.top_kv {
  position: relative;
  margin-top:0;
  box-sizing: content-box;
  aspect-ratio: 15 / 24;
  overflow: hidden;
  margin-bottom:48px;
}
/* ----------------------------------
news
---------------------------------- */
.news_content{
  display: block;
}
.news_head{
  height:auto;
  width:100%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom:30px;
}
.news_head a{
  font-size:0.8rem;
  padding-right: 48px;
  padding-bottom:6px;
}
ul.news_list{
  width:100%;
}
.news-item{
  display: block;
}
.news-title a{
  font-size:0.9rem;
}
.news-item::before,
.news_head a::after{
  width:20px;
  height:20px;
  background: url(../images/index/news_arrow.png) center center no-repeat;
  background-size: cover;
}
/* ----------------------------------
feature
---------------------------------- */
.section_feature.index_section{
  margin-top:320px;
  width:calc(100% - 20px);
  margin-left: 0;
  margin-right:auto;
  position:relative;
  padding-bottom:110px;
  
}
.menu_title p.en_title{
  font-size:2.4rem;
  color:rgba(255,255,255,0.3);
  width:100%;
  display: block;
  line-height: 1.1;
}
.menu_title h3{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:5px;
  position:relative;
  z-index: 1;
  margin-top:-10px;
}
.menu_title h3 span{
  display: inline-block;
  padding:0 3px;
  color:var(--main-font-color);
  font-family: var(--f-f-mincho);
  font-size:2rem;
  background-color: #fff;
  font-weight:bold;
}
.menu_title p.menu_subtitle{
  font-size:1rem;
  margin-top:1em;
}
.section_feature .section_mintitle{
  display: inline-block;
  width:100%;
  transform:translate(0,0) rotate(0) ;
  font-size:60px;
}
.section_feature .section_mintitle::before{
  width:40px;
  height:1px;
  background-color: #fff;
  left:0;
}
.feature_image.image1{
  top:-30px;
  right:-10px;;
  width:120px;
  height:110px;
}
.feature.wrapper{
  padding-top:36px;
  width:100%;
}
.feature ul{
  margin-top:25px;
  gap:10px;
}
.feature ul li{
  width:calc((100% - 10px) / 2);
  padding:8px;
  font-size:0.9rem;
}
.feature_decoration{
  height:289px;
  margin-top:-143px;
}
.feature_title{
  display: none;
}
.feature_image.image2{
  top:90px;
  left:30px;
  width:120px;
  z-index: 1;
}
.feature_image.image3{
  left:50%;
  width:95px;
}
.feature_image.image4{
  width:260px;
}

/* ----------------------------------
solutions
---------------------------------- */
.section_solutions{
  margin-top:60px;
}
.wrapper.solution_head{
  display: block;
  padding:0 5%;
}
p.en.en_title{
  font-size:1rem;
  color:#D4AF37;
}
.solution_head h2{
  font-family:var(--f-f-mincho);
  font-size:1.5rem;
  margin:8px auto;
}
.solution_head h2 span{
  font-family:var(--f-f-mincho);
  font-size:2rem;
  color:var(--main-blue);
  font-weight:bold;
}
.solution_head p{
  font-size:1rem;
  margin-top:1em;
}
ul.solution_list{
  border-bottom:none
}
ul.solution_list li {
    width: calc(100% / 2);
    padding: 10px 10px 20px;
    border:none;
    
}
ul.solution_list li:not(:first-child),
ul.solution_list li:not(:nth-child(4)){
  border:none;
}
ul.solution_list li:first-child,
ul.solution_list li:nth-child(2),
ul.solution_list li:nth-child(3){
  border:none;
}
ul.solution_list li:nth-child(even){
  border-left:1px solid #D3DDE7;
}
ul.solution_list li{
  border-bottom:1px solid #D3DDE7!important;
}
p.solution_detail{
  border:none;
  margin-top:1em;
  font-size:1.25rem;
  padding-top:16px;
  padding-bottom:16px;
}
ul.solution_list li p.solution_txt{
  padding:0.5rem;
  font-size:0.8rem;
}
p.solution_detail::before,
p.solution_detail::after{
  width:90%;
}

/* ----------------------------------
clinic_info
---------------------------------- */
.clinic_info.index_section{
  padding-bottom:64px;
}
.wrapper.clinic_info_wrap{
  display: block;
  width:100%;
  padding:0;
}
.info_detail table{
  font-size:12px;
}

.info_detail, .info_map{
  width:100%;
}

.info_detail table tr th, .info_detail table tr td{
  padding:8px;
}
.info_detail ul.contact_header,
.info_detail a.contact_btn{
  font-size:0.8rem;
}
.info_detail a.contact_btn::after{
  width:20px;
  height:20px;
}
.info_image{
  margin-top:36px;
}
.info_image img{
  width:100%;
}
.info_map{
  margin-top:24px;
}
.info_map iframe{
  height:initial;
  aspect-ratio: 16 / 9;
}
.clinic_info::after {
  top:30px;
  height:100%;
}
.clinic_image{
  width:100%;
}
.clinic_image img{
  width:100%;
}
.clinic_image h2{
  font-size:2.8rem;
  right:12px;
}
/* ----------------------------------
about
---------------------------------- */
.about_wrapper{
  display: block;
}
.about_wrapper h3{
  writing-mode: initial;
  font-size:1.35rem;
  letter-spacing: 2px;
  margin-top:35px;
}
.about_wrapper h3 span{
  border-right:none;
  padding-right:0;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
h4.about_title{
  font-size:3.6rem;
  top:-30px;
  opacity: 1;
  left:10px;
}
h4.about_title span{
  font-size:1.2rem;
}
.about_content ul{
  display: block;
  gap:30px;
  width:100%;
}
.about_content ul li,
.about_content ul li img{
  width:100%;
  display: block;
}
.about_content ul li:not(:last-child){
  margin-bottom:30px;
}
p.about_list_title{
  font-size:1.1rem;
}
p.about_list_detail{
  font-size:0.8rem;
}
.about_bottom{
  padding:30px 0;
  width:100%;
  text-align: center;
  font-size:1.1rem;
}
/* ----------------------------------
reason
---------------------------------- */
.reason_head h3 span{
  font-size:3.2rem;
}
.section_reason ul{
  margin-top:30px;
  gap: 10px;
}
.section_reason ul li{
  width:calc((100% - 10px) / 2);
}
.section_reason ul li img{
  width:100%;
}
.section_reason ul li .reason_no{
  font-size:1.2rem;
  margin:0;
}
.reason_list_detail{
  margin:0;
  font-size:1rem;
}
.section_reason ul li:not(:last-child){
  margin-bottom:20px;
}
.reason_detail_txt{
  font-size:0.8rem;
  margin-top:15px;
}
.reason_btn{
  font-family: var(--english-font);
  font-size:1rem;
  color:var(--main-font-color);
  text-align: center;
  display: block;
  width:150px;
  margin:48px auto 0;
}
.reason_btn::before{
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  background: url(../images/index/news_arrow.png) center center no-repeat;
  background-size: cover;
  right:0;
  top:50%;
  transform: translateY(-50%);
}
.reason_btn::after{
  width:100%;
  height:1px;
  left:0;
  bottom:-8px;
  background-color: rgba(0, 0, 0, 0.2);
}
/* ----------------------------------
menu
---------------------------------- */
.menu_section.index_section{
  padding:0 0 36px;
}
.menu_wrapper{
  width:100%;
  display: block;
}
.menu_content h3.menu_title{
  font-size:3rem;
}
.menu_content h3.menu_title span{
  font-size:10px;
  display: block;
}
.menu_wrapper h3.sp_menu_title{
  display: block;
  margin-top:35px;
  writing-mode: initial;
  margin-bottom:35px;
  font-size:1.15rem;
  letter-spacing: 0;
  border-right:none;
  padding-right:none;
  text-decoration: underline;
  text-underline-offset: 7px;
}

ul.menu_list{
  display: flex;
  flex-wrap: wrap;
  width:95%;
  align-items: center;
  justify-content: center;
  margin:20px auto;
  gap:5px;
} 
ul.menu_list li{
  width:calc((100% - 10px) / 2);
  box-sizing: border-box;
}
ul.menu_list li:nth-child(6n),
ul.menu_list li:last-child{
  border-right:none;
}
ul.menu_list li:nth-child(n+18):nth-child(-n+23){
  border-bottom:none;
}
ul.menu_list li:nth-child(even),
ul.menu_list li:last-child{
  border-right:1px solid rgba(58,82,100,0.2);;
}
ul.menu_list li:nth-child(22),
ul.menu_list li:last-child{
  border-bottom:1px solid rgba(58,82,100,0.2)!important;
}
ul.menu_list li article{
  margin:0 auto 15px;
}
.menu_txt{
  font-size:0.9rem;
}
ul.menu_list li span{
  font-size:0.8rem;
  padding-top:1em;
}
/* ----------------------------------
pickup
---------------------------------- */
.pickup_wrap{
  width:100%;
}
.pickup_head{
  padding:0;
  flex-direction: column-reverse;
}
.pickup_head span{
  font-size:3.2rem;
}
h3.pickup_title{
  font-size:16px;
  padding-top:0.5em;
}
.pickup_section ul{
  width:100%;
  display: grid;
}
.pickup_section ul li{
  width:100%;
  padding:0 25px 25px;
}
p.pickup_menu_title{
  font-size:1.5rem;
}
p.pickup_menu_detail{
  font-size:0.8rem;
}
.pickup_wrap a{
  width:50%;
  max-width: 180px;;
}
.pickup_wrap a::after{
  width:20px;
  height:20px;
}
/* ----------------------------------
doctor
---------------------------------- */
h3.doctor_title{
  font-size:3.6rem;
}
h3.doctor_title span{
  display: block;
  font-size:16px;
}
.doctor_wrap{
  display: block;
}
.greeting{
  padding:90px 60px 40px;
  width:100%;
}
h3.doctor_name{
  font-size:1.75rem;
}
.greeting p{
  font-size:1rem;
}
.greeting a{
  font-size:0.8rem;
}
.doctor_image{
  width:100%;
}
.doctor_image_deco.deco_2 {
  top:140px;
  width:160px;
}
.doctor_image_deco.deco_3{
  width:186px;
  right:20px;
  bottom:-80px;
}

/* ----------------------------------
price
---------------------------------- */
.price_wrap{
  width:100%;
}
.price_head{
  width:60%;
  padding:24px 30px 0;
  box-sizing: border-box;
}
.price_head h3{
  font-size:2.2rem;
}
.price_wrap h2.section_title{
  font-size:3.8rem;
}
.price_head p{
  font-size:1rem;
  margin:4px auto 24px;
}
.price_head a{
  font-size:0.8rem;
  width:160px;
}
.price_image img{
  height:100%;
}
/* ----------------------------------
facility
---------------------------------- */
.facility_section{
  padding-top:0;
  padding-bottom:64px;

}
.facility_wrap{
  width:100%;
  max-width:100%;
  padding:0 5%;
}

.facility_gallery{
  display: block;
  width:100%;
}
.facility_main_image{
  width:100%;
  margin-bottom:8px;
}
.facility_main_image img{
  width:100%;
}
.facility_gallery ul{
  gap: 8px;
  width:100%;
}
.facility_gallery ul li{
  width:calc((100% - 8px) / 2);
}

.facility_main_image span,
.facility_gallery ul li span{
  display: inline-block;
  width:auto;
  text-align: center;
  padding:5px 8px;
  font-size:12px;
  top:4px;
  left:4px;
  z-index: 1;
}
/* ----------------------------------
movie
---------------------------------- */
.movie_box.is-follow{
    cursor: auto;
  }

  .movie_box.is-follow .movie_btn{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    width:124px;
    height:124px;
    font-size:0.7rem;
  }
/* ----------------------------------
blog
---------------------------------- */
.blog_content{
  display: block;
  margin-top:30px;
}
.blog_content article.blog-item{
  width:100%;
  margin-bottom:40px;
}
/* ----------------------------------
faq
---------------------------------- */
.index_section.faq{
  padding:0 5%;
}
.index_section.faq h2.section_title{
  font-size:3.8rem;
}
.faq_wrapper dl{
  padding:16px;
  font-size:14px;
}
.faq_wrapper dl dt::before, .faq_wrapper dl dd::before{
  width:32px;
  height:32px;
  line-height: 32px;
  top:0;
}
.faq_wrapper dl dt, .faq_wrapper dl dd{
  padding-left:40px;

}
/* ----------------------------------
ぱんくず
---------------------------------- */
.breadcrumbs{
  display: flex;
  align-items: center;
  padding:8px 20px;
  font-size:1rem;
}
.arrow{
  display: block;
  width:4px;
  height:4px;
  border-right:1px solid #3e3e3e;
  border-bottom:1px solid #3e3e3e;
  margin:1px 10px 0 7px;
  transform: rotate(-45deg);
}

/* ----------------------------------
recruit-page
---------------------------------- */
.recruit_mv{
  margin-top:60px;
}
.recruit_mv h2{
  font-family: var(--f-f-mincho);
  font-size:4rem;
  margin-bottom:1.6rem;
  padding-left:8px;
}
.recruit_mv figure{
  margin:0;
}
.recruit_mv figure img{
  width:100%;
}
.message{
  position:relative;
}
.message_head{
  display: block;
  justify-content: space-between;
}
.message_head img{
  width:100%;
}
p.message_text{
  writing-mode: inherit;
  font-family: var(--f-f-mincho);
  color:var(--main-color);
  font-size:3.6rem;
  text-align: center;
  line-height: 1.5;
  margin-top:1em;
}
.message_detail{
  font-size:1.6rem;
  margin-top:3rem;
  padding:2rem;
}
.message::after{
  content:"";
  position:absolute;
  top:-50%;
  transform: translateY(50%);
  left:-100%;
  width:200%;
  height:100%;
  background: url(../images/recruit/recruit_bg.jpg) bottom center no-repeat;
  background-size: contain;
  z-index: -1;
}
.condition table{
  width:100%;
  margin:60px auto;
  font-size:2rem;
}
.condition table tr th,
.condition table tr td{
  padding:16px;
  box-sizing: border-box;
}
.condition table tr th{
  font-weight:bold;
  width:30%;
}
.condition table tr:nth-child(odd){
  background-color: #e8e8e8;
}
.condition table tr:nth-child(even){
  background-color: #f7f7f7;
}

/* ARCHIVE */
.archive_news{
  margin-top:100px;
  width:100%;
  max-width: 1280px;
  padding:0 5%;
}
h3.sub_title{
  font-size:2.4rem;
  font-family:var(--english-font);
}
p.view_all a{
  font-size:1rem;
  font-family:var(--english-font);
}
.news_head ul{
  display: flex;
  justify-content: flex-end;
}
.news_head ul li{
  padding-left:2em;
  font-size:1.2rem;
  font-family: var(--english-font);
}
.cp_list{
  margin-top:40px;
}

.cp_link p{
  display: block;
  font-size:0.8rem;

}
.cp_link p img{
  width:50%;
}
.taxonomy_date,.taxonomy_title{
  display: block;
}
.taxonomy_date{
  margin-top:10px;
  text-align: left;
  width:50%;
}

.cp_link p::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right:20px;
  top:63px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(45deg);
  color: inherit;
}
.post_content{
  width: 100%;
  padding:0 5%;
  box-sizing: border-box;
}
.post_content figure,
.post_content figure img{
  width:100%;
}
/* ----------------------------------
post_content
---------------------------------- */
.post_info{
  padding-right:1rem;
  font-size:1.2rem;
}
/* ----------------------------------
template
---------------------------------- */
.temp_mv{
  background: url(../images/sp/temp_title_bg.png) center center no-repeat;
  background-size: cover;
  padding:54px 16px;
}
.temp_mv h2{
  width:100%;
  font-size:3rem;
  padding-top:32px;
  padding-bottom:32px;
}
.temp_mv h2 span{
  font-size:1rem;
}
.temp_head{
  margin:64px auto;
  padding:0 16px;
}
.temp_head p{
  font-size:0.9rem;
  line-height: 2;
}
.temp_index{
  width:calc(100% - 32px);
  margin:0 auto;
  padding:24px 16px;
  font-size:0.8rem
}
.temp_index h3{
  font-size:1.2rem;
}
.temp_content_wrapper{
  padding:60px 0;
  margin-top:60px;
}
.temp_sec{
  padding:0 16px;
}
section.temp_sec:nth-child(even){
  padding:60px 16px;
  box-sizing: border-box;
}
.temp_head img{
  width:100%;
}
.temp_sec img{
  margin-top:32px;
  width: 100%;
  max-width:100%;
  height: auto;
  display: block;
}
.temp_sec_head.ta_c{
  padding:6px 8px 24px;
}
.temp_sec_head.ta_c::before{
  display: none;
}
.temp_sec h3{
  font-size:1.5rem;
  padding:0 4px;
  margin:5px auto 0;
}
.temp_sec h4{
  font-size:1.2rem;
}
.sec_inner{
  margin-top:20px;
}
.sec_inner p{
  font-size:0.9rem;
  line-height: 2;
}
.sec_inner ul li{
  font-size:14px;
  line-height:1.7;
}
.sec_link ul{
  display: block;
}
.sec_link ul li{
  width:80%;
  margin:0 auto 16px;
}
.sec_inner table thead tr th{
  padding:8px;
}
.sec_inner table tbody tr th{
  width:30%;
  padding:8px;

}
.sec_inner table thead tr th,
.sec_inner table tbody tr th,
.sec_inner table tbody tr td{
  font-size:12px;
}
.temp_card_content{
  padding:16px;
  margin-top:32px;
}
.temp_card_content ul{
  flex-direction: column;
  gap: 8px 4px;
}
ul.temp_list{
  font-size:0.8rem;
  padding-left:2em;
}
.temp_card_content ul.temp_list{
  padding-left:0;
}
.temp_card_content ul.temp_list li{
  font-size:0.8rem;
  padding:0 1em;
}
.temp_card_content ul li{
  width:100%;
}

.sec_inner dl{
  padding:0;
}
.sec_inner dl dt{
  padding-left:40px;
  font-size:1.1rem;
  margin-bottom:40px;
}
.sec_inner dl dt::before {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  text-align: center;
  transform: translateY(0);
  top:0;
}
.sec_inner dl dt::after{
  bottom:-20px;
}
.sec_inner dl dd{
  font-size:0.9rem;
}
.sec_inner table.price_table thead tr th{
  width:50%;
  font-size:0.9rem;
}
/* ----------------------------------
contact
---------------------------------- */
  .contact-form.dental-form .form-row {
    margin-bottom: 20px;
  }

  .contact-form.dental-form .form-label {
    font-size: 15px;
  }

  .contact-form.dental-form .form-input,
  .contact-form.dental-form .form-select,
  .contact-form.dental-form .form-textarea {
    padding: 12px 14px;
    font-size: 16px;
  }

  .contact-form.dental-form .submit-btn {
    width: 100%;
    padding: 18px 20px;
  }

  .contact-form.dental-form .privacy-box {
    padding: 16px;
  }
  #wpcf7cpcnf table tr th{
    display: none;
  }
}