@charset "utf-8";

/**テスト用****/
.titles{margin: 0; padding:0;}
h1{background:none; margin:0; padding:0;}
h1#title_data img{object-fit:cover;}
.title_pc{display:block;}
.title_sp{display:none;}

h1#title_data img{height:650px;}
@media screen and (max-width:1200px) {
h1#title_data img{height:650px;}
}
@media screen and (max-width:960px) {
h1#title_data img{height:auto; object-fit: contain;}
}

@media screen and (max-width:1200px) {
.fluid_container{height:auto;}
h1#title_data img{object-position: center;}
}
@media screen and (max-width:960px) {
.title_pc{display:none;}
.title_sp{display:block;}
h1#title_data img{height:auto; object-fit: contain;}
}

/************/



h2{position:relative; font-size:1.9em; color:#333333; font-weight:bold; margin-top:1.3em; margin-bottom:1em; text-align:center;}
h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom:0; /*下線の上下位置調整*/
  display: inline-block;
  width:40%; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
	background-color:#996600;
  background-image: linear-gradient(90deg, #ffffff 0%, #996600 46%, #ffffff 100%);
}

div#Home{width:100%; margin:0 auto; padding:12px 0;}

div#Navi{padding:0; margin:0;}

/*スライド*
slick_asahi.css
/************/



.data{width:auto; padding:20px 0 80px 0; margin:0 auto;}
#many_ope{ background-color:#FEF8DA;}

#expert_ope{background-color:#EDF4F8;}
#operation{ padding:20px 0 0;}
#operation #operation_tab{width:1200px; margin:0 auto;}
#SNS{ padding:0;}
#case{background-color:#FEFCF0;}
#case .case_tab{width:1200px; margin:0 auto;}
#experience{}
#video_explanation{}
#video_explanation .links{text-align:center;}

#clinic{ background-color:#FBF5E7;}
#retreatment{ background-color:#EFEEEC;}
#aftercare{}
#counselor{ background-color:#ECF1F4;}
#topics{}

p.links{margin:24px 0;}
p.links a{background-color:#E3CD93; color:#333333; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:10px 20px;}
p.links a:hover{text-decoration:none; background-color:#D8C072;}


@media screen and (max-width:1224px) {
div#Home{width:98%;}
#operation #operation_tab{width:90%;}
#case .case_tab{width:90%;}
}


/****ボタンを押して若返り効果をご覧ください。*/
div.inf001{margin:0 auto 80px; width:1020px; display: flex;
  justify-content: space-between;
  flex-wrap: wrap;}
div.inf001:after{content:""; clear:both; display:block;}
div.inf001 div.ph{width:450px; margin-right:12px;}
div.inf001 div.txt{width: calc(100% - 462px);	padding-top:4px;}
div.inf001 div.txt img{max-width:100%;}
div.inf001 div.txt p.img{text-align:center; margin:2px 0;}
/*施術を見るボタン*/
#info { margin-top:12px; border-bottom:4px solid #CE9B05;}
#info p{margin:0; line-height:0;}
#info img{width:109px;}
/*写真*/
#slideshow {margin:0 auto; max-width:400px; border: 2px solid #666666;	margin-top: 2px; padding:12px;	clear:both;}
#image {width: 400px;	height: 402px;}
#hidden {display: none;	text-align:center;}
#image .inner {position: relative;}
#image_before, #image_after {position: absolute; top: 0; left: 0;}
#image_after{opacity: 0;}
@media screen and (max-width:1120px) {
div.inf001{margin:0 auto 40px; width:90%;}
}
@media screen and (max-width:800px) {
div.inf001{display:block;}
div.inf001 div.ph{width:auto; margin:0 auto; float:none; margin-right:0; text-align:center;}
div.inf001 div.txt{width:auto; margin-top:20px;	padding-top:4px;}
div.inf001 div.txt .links{text-align:center;}
}
@media screen and (max-width:560px) {
div.inf001{margin:0 auto 40px; width:90%;}
div.inf001 div.ph{width:auto; margin:0 auto; float:none; margin-right:0;}
div.inf001 div.txt{width:auto;	float:none; margin-top:20px;	padding-top:4px;}

#slideshow{width:auto;}
#image { margin:0 auto; width: 310px; height: 302px;}
#hidden{display: none;	text-align:center;}
#image .inner{position: relative;}
#image .inner img{width:300px;}
#image_before, #image_after {position: absolute; top: 0; left: 0;}
#image_after {opacity: 0;}
}
@media screen and (max-width:350px) {
#image .inner img{width:270px;}
}

/*クリニック紹介*/
.clinicFrame{width:980px; margin:0 auto;}

.contact{display:flex; justify-content:center; margin-bottom:30px;}
.contact img{width:210px; padding:0 6px;}

.clinic_list{display:grid; width:980px; justify-content:center; gap:6px; grid-template-columns: 1fr 1fr 1fr;}
.clinic_list span.bl{display:block;}
.clinic_list a{text-decoration:none; color:#333333;}
.clinic_list ul{width:280px; padding:6px; margin-bottom:30px; background-color:#FFFFFF; border:1px solid #CC9900;}
.clinic_list strong{font-size:1.4em;}
.cp_arrows::before,
.cp_arrows::after {
  content: '';
}
.cp_arrows{
  position: relative;
  vertical-align: middle;
  display:block;
   margin-left:auto;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background:#CC9900;
}
.cp_arrows::after {
  position: absolute;
  top: 5px;
  right: 5px;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  top: 8px;
  right: 10px;
  transform: rotate(45deg);
}
@media screen and (max-width:1080px) {
.contact{display:block; text-align:center; margin:0 auto 30px;}
.clinic_list{ width:auto;}
.clinic_list ul{width:auto; margin:0 auto 24px;}
}
@media screen and (max-width:790px) {
.clinic_list{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width:560px) {
.clinic_list{grid-template-columns: 1fr;}

}


/*他院からの再治療・修正・追加施術*/
.retreatmentFrame{width:980px; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;}
.retreatmentFrame .data{width:60%;}
.retreatmentFrame .ph{width:38%;}


/*アフターケア*/
.aftercareFrame{width:980px; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;}
.aftercareFrame .data{width:58%;}
.aftercareFrame .ph{width:40%;}
.box{margin:20px 0; display:flex; justify-content:space-between;}
.box img{width:110px;}

/*院長カウンセリングについて*/
.counselorFrame{width:980px; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;}
.counselorFrame .data{width:70%;}
.counselorFrame .ph{width:28%;}
.dr_names{text-align:right;}


/*お知らせ*/
.topics_list{ width:980px; margin:auto;}
.topics_list a{color:#333333;}
.topics_list p{margin:24px 0;}
.topics_list dl{display:flex; justify-content: space-between; width:100%; flex-wrap: wrap; box-sizing: border-box;}
.topics_list dt{border-bottom:1px solid #CC9900 ; font-weight:bold; width:130px; padding:12px 0;}
.topics_list dd{border-bottom:1px solid #CCCCCC; padding:12px 0; width:calc(100% - 130px);}
@media screen and (max-width:1080px) {
.clinicFrame, .retreatmentFrame, .aftercareFrame, .counselorFrame, .topics_list{ width:94%; margin:auto;}
}

@media screen and (max-width:900px) {
div#Navi{padding:0; margin:0; height:0;}
}

@media screen and (max-width:750px) {
.retreatmentFrame .data, .aftercareFrame .data, .counselorFrame .data{width:auto; margin:0; padding:4px 0;}
.retreatmentFrame .ph, .aftercareFrame .ph, .counselorFrame .ph{margin:0 auto; padding:4px 0; width:auto; text-align:center;}
.aftercareFrame .ph{width:50%;}
p.links{text-align:center; margin:12px 0;}
.dr_names{text-align:center; margin:12px 0;}
.box img{width:66px;}
}

@media screen and (max-width: 560px) {
.topics_list dl{flex-flow: column;}
.topics_list dt, .topics_list dd{width:auto;}
.topics_list dt{border:none; padding-bottom:0;}

h2 span{display:block;}
}