@charset "utf-8";
/*----------------title-------------------*/
#para_ttl {
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
	#para_ttl {
		background-size: auto;
	}
}

.li_indent > li{text-indent: -1em;padding-left: 1em;margin-bottom: 10px;}
.w100{width: 100%;}

.bg_ttl{
	padding: 180px 0;
	color: #fff;
	height: 60vh;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.bg_ttl{
	padding: 60px 15px;
	height: 30vh;
}
}
.bg_ttl_concept{
	background:url("../img/concept/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_case{
	background:url("../img/case/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_case{
	background:url("../img/case/sp_bg_ttl.webp") center top no-repeat;
}
}
.bg_ttl_blog{
	background:url("../img/blog/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
	.bg_ttl_blog{
	background:url("../img/blog/sp_bg_ttl.webp") center top no-repeat;
}
}
.bg_ttl_contact,.bg_ttl_confirmation,.bg_ttl_thanks{
	background:url("../img/contact/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
	.bg_ttl_contact,.bg_ttl_confirmation,.bg_ttl_thanks{
	background:url("../img/contact/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_invisalign{
	background:url("../img/invisalign/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_invisalign{
	background:url("../img/invisalign/sp_bg_ttl.webp") center top no-repeat;
}
}
.bg_ttl_privacy{
	background:url("../img/privacy/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_privacy{
	background:url("../img/privacy/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_voice{
	background:url("../img/voice/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_voice{
	background:url("../img/voice/sp_bg_ttl.webp") center top no-repeat;
}}

.bg_ttl_company{
	background:url("../img/comapny/bg_ttl.webp") center top no-repeat;
}
.bg_ttl_about{
	background:url("../img/about/bg_ttl.webp") center top no-repeat;
}
.bg_ttl_salon{
	background:url("../img/salon/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_salon{
	background:url("../img/salon/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_access{
	background:url("../img/access/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_access{
	background:url("../img/access/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_periodontosis{
	background:url("../img/periodontosis/bg_ttl.webp") center top no-repeat;
}

@media screen and (max-width: 767px) {
.bg_ttl_periodontosis{
	background:url("../img/periodontosis/sp_bg_ttl.webp") center top no-repeat;
}

}

.bg_ttl_childdentistry{
	background:url("../img/childdentistry/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {

.bg_ttl_childdentistry{
	background:url("../img/childdentistry/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_fee{
	background:url("../img/fee/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_fee{
	background:url("../img/fee/sp_bg_ttl.webp") center top no-repeat;
}
}
.bg_ttl_faq{
	background:url("../img/faq/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_faq{
	background:url("../img/faq/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_doctor{
	background:url("../img/doctor/bg_ttl.webp") center top no-repeat;
	background-position: center center !important;
}
@media screen and (max-width: 767px) {
.bg_ttl_doctor{
	background:url("../img/doctor/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_esthetic{
	background:url("../img/esthetic/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
	.bg_ttl_esthetic{
	background:url("../img/esthetic/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl_whitening{
	background:url("../img/white/bg_ttl.webp") center center no-repeat;;
}
@media screen and (max-width: 767px) {
	.bg_ttl_whitening{
	background:url("../img/white/sp_bg_ttl.webp") center center no-repeat;
}
}

.bg_ttl_implant{
	background:url("../img/implant/bg_ttl.webp") center center no-repeat;
}
@media screen and (max-width: 767px) {
	.bg_ttl_implant{
	background:url("../img/implant/sp_bg_ttl.webp") center center no-repeat;
}
}
.bg_ttl_total_beauty{
	background:url("../img/total_beauty/bg_ttl.webp") center top no-repeat;
}
@media screen and (max-width: 767px) {
.bg_ttl_total_beauty{
	background:url("../img/total_beauty/sp_bg_ttl.webp") center top no-repeat;
}
}

.bg_ttl .en{
	font-size: 2.4rem;
	letter-spacing:4px;
	text-transform: uppercase;
}
.bg_ttl .ja{
	font-size: 5rem;
	letter-spacing: 4px;
}
@media screen and (max-width: 767px) {

.bg_ttl .en{
	font-size: 1.6rem;
	letter-spacing:4px;
	text-transform: uppercase;
}
.bg_ttl .ja{
	font-size: 2.3rem;
	letter-spacing: 4px;
}
}



/*---------------flow----------------*/

.flow_num {
  position: relative;
  color: #000;
  font-size: 2.4rem;
  float: right;
  text-align: center;
  display: inline-block;
  padding: 20px;
  overflow: visible;
  font-family: 'Oswald', sans-serif;
  margin: 0px 0 50px 0;
  line-height: 1.1;
  z-index: 1;
  font-weight: 300;
  clear: both;
}
.flow_num::before {
  content: '';
  position: absolute;
  top: 42px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 20px;
  overflow: hidden;
  background-color: #fff100;
  z-index: -1;
}
.flow_num span {
  font-size: 6.4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .fl_bd {
    border: none;
  }
  .flow_num {
    margin: 0px auto;
    float: none;
  }
}

/* 審美 */

.shinbi_main {
	position: relative;
}
.shinbi_main::before{
	content: "";
	background: url("../img/top/img_04.webp") right top no-repeat;
	width: 45%;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 40px;
}
@media screen and (max-width: 767px) {
.shinbi_main {
	padding-bottom: 220px;
}
.shinbi_main::before{
	background: url("../img/top/img_04.webp") right top no-repeat;
	width: 95%;
	height: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-size: cover;
}
}

.border_b_gray{
	border-bottom:#d5d9e2 1px solid;
	padding-bottom:30px;
	margin-bottom:30px;
	}
@media screen and (max-width : 760px ) {
.border_b_gray{
	padding-bottom:15px;
	margin-bottom:15px;
	}
}



.box_02 {
	border: 1px solid #d5b52b;
	padding: 25px 30px;
	background: url("../img/common/bg_voice_bnr.jpg") right top no-repeat #fbfaff;
	color: #d5b52b;
}
@media screen and (max-width : 767px ) {
.box_02 {
	padding: 20px;
	text-shadow: #fbfaff 1px 1px 0px, #fbfaff -1px 1px 0px,#fbfaff 1px -1px 0px, #fbfaff -1px -1px 0px;
}
}
.btn_03{
	margin-left:160px;
	margin-top:12px;
	}
@media screen and (max-width : 767px ) {
.btn_03{
	margin-left:0px;
	margin-top:12px;
	}
}
.btn_03 a{
	display: inline-block;
	background:#d5b52b;
	padding:10px;
	width:210px;
	color:#fff !important;
	text-align:center;
	text-shadow: none;	
	}


.btn_04{
	margin: auto;width: 210px;
	}
@media screen and (max-width : 767px ) {
.btn_04{

	
	}
}
.btn_04 a{
	display: block;
	background:#56567e;
	padding:10px;
	color:#fff !important;
	text-align:center;
	text-shadow: none;	
	}



.ico_arrow_ye{
	background:url(../img/common/ico_arrow.jpg) right center no-repeat;
	padding-right:15px;
	}

.txt_03{
	display:block;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	color:#333366;
	font-size:24px;
	position:absolute;
	top:40px;
	left:30px;	
	}

.txt_03 span{position: relative;padding-top: 70px;}
.txt_03 span::before{  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0px;
  width: 1px;
  height: 60px;
  background-color: #333366;color: #333366;}
@media screen and (max-width : 760px ) {
.txt_03{
	display:block;
	writing-mode:lr-tb;
	-ms-writing-mode:lr-tb;
	-webkit-writing-mode:vertical-tb;
	font-size:18px;
	position: initial;top: 0;left: 0;
	margin-bottom:15px;
	}
.txt_03 span{position: relative;padding-top: 0px;font-weight: bold;}
	.txt_03 span::before{display: none;}
}
.box_03{
	background:#f7f7f7;
	padding:40px 50px 40px 120px;
	position:relative;
	}
@media screen and (max-width : 760px ) {
.box_03{
	padding:15px;
	}
}

.bg_esthetic_01{
	background:url(../img/esthetic/bg_menu_01.png) right top no-repeat,#333366;
	height:217px;
	padding:20px 260px 20px 30px;
	box-sizing:border-box;
	line-height:2;
	}
@media screen and (max-width : 760px ) {
.bg_esthetic_01{
	background:#333366;
	height:auto;
	padding:15px;
	line-height:1.6;
	}
}
	
.bg_esthetic_02{
	background:url(../img/esthetic/bg_menu_02.png) right top no-repeat,#56567e;
	height:214px;
	padding:20px 260px 20px 30px;
	box-sizing:border-box;
	line-height:2;
	}
@media screen and (max-width : 760px ) {
.bg_esthetic_02{
	background:#56567e;
	height:auto;
	padding:15px;
	line-height:1.6;
	}
}

.list_ex dt{
	width:67px;
	float:left;
	color:#fff;
	text-align:center;
	font-size:12px;

	}
.list_ex dd{
	padding-left: 20px;
	float:left;
	font-weight:bold;
	}

.list_ex dd p{
	text-indent:-1em;
	padding-left:1em;
}
@media screen and (max-width : 767px ) {
.list_ex dt{
	width:25%;
	color:#fff;
	text-align:center;
	font-size:12px;
	}
.list_ex dd{
	width:73%;padding-left: 0;
	float: right;
	font-weight:bold;
	}
}
.ex_01{width: 100%;}
.ex_01 dt{
	 background:#333366;margin-top: 2px;
}
.ex_01 dd{
	color:#333366;
}
.ex_02{width: 49%;}
.ex_02 dt{
	 background:#d5b52b;margin-top: 2px;
}
.ex_02 dd{
	color:#d5b52b;
}
@media screen and (max-width : 767px ) {
.ex_02{width: 100%;}
}

.bg_gray{
	background:#f7f7f7;
	box-sizing:border-box;
	}



/* ホワイトニング */
.white_main {
	position: relative;
}
.white_main::before{
	content: "";
	background: url("../img/white/img_00.jpg") right top no-repeat;
	width: 45%;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 40px;
}
@media screen and (max-width: 767px) {
.white_main {
	padding-bottom: 220px;
}
.white_main::before{
	background: url("../img/white/img_00.jpg") right top no-repeat;
	width: 95%;
	height: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-size: cover;
}
}

.w_fee_tbl tr th{width: 50%;font-weight: bold;padding: 5px;}
.w_fee_tbl tr td{width: 50%;padding: 5px;}
@media screen and (max-width: 767px) {
.w_fee_tbl {width: 100%;display: block;}
.w_fee_tbl tr {width: 100%;display: block;margin-bottom: 15px;}
.w_fee_tbl tr th{width: 100%;display: block;padding: 0;}
.w_fee_tbl tr td{width: 100%;display: block;padding: 0;}
}

.bg_white_02{
	background:url(../img/white/bg_02.jpg) right top no-repeat,#56567e;
	height:357px;
	padding:20px 260px 20px 30px;
	box-sizing:border-box;
	line-height:2;
	}
@media screen and (max-width : 760px ) {
.bg_white_02{
	background:#56567e;
	height:auto;
	padding:15px;
	line-height:1.6;
	}
}



.bg_white_03{
	background:url(../img/white/bg_03.jpg) right top no-repeat,#333366;
	padding:20px 260px 20px 30px;
	box-sizing:border-box;
	line-height:2;
	}
@media screen and (max-width : 760px ) {
.bg_white_03{
	background:#333366;
	height:auto;
	padding:15px;
	line-height:1.6;
	}
}



.bg_white_04{
	background:url(../img/white/bg_04.jpg) right top no-repeat,#56567e;
	padding:20px 260px 20px 30px;
	box-sizing:border-box;
	line-height:2;
	}
@media screen and (max-width : 760px ) {
.bg_white_04{
	background:#56567e;
	height:auto;
	padding:15px;
	line-height:1.6;
	}
}



.works_list{width: 640px;max-width: 90%;margin: 0 auto 60px auto;
display: flex;
justify-content: space-between;clear: both;
}
.works_list::after{display: none;}
.works_list > li{width: 30%;}
.works_list > li > a{display: block;padding: 10px;font-weight: bold;text-align: center;border: 1px solid #56567e; color: #56567e;background-color: #fff;}
.works_list > li > a:hover,.works_list > li.bgon > a{color: #fff;background-color: #56567e;}


@media screen and (max-width : 760px ) {
	.works_list{margin: 0 auto 60px auto;}
	.works_list > li > a{font-size: 1.2rem;padding: 8px;}
}
.white_area01{
display: flex;justify-content: space-between;flex-wrap: wrap;
}
.white_area01 > li{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float:left;
	width:49%;
	margin-bottom: 2%;
}
.white_area01 > li.bg_gray{padding: 20px;}

.white_area01::after{display: none;content: "";}

.white_area01 .left_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float:left;
	width:49%;
	margin-bottom: 2%;
	}
.white_area01 .right_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float:right;
	width:49%;
		margin-bottom: 2%;

	}
.pht_list02{width: 100%;}
@media screen and (max-width : 760px ) {
.white_area01 .left_area{
	float:none;
	width:100%;
	}
.white_area01 .right_area{
	float:none;
	width:100%;
	}
.white_area01 > li{
	width:100%;
	}
}

.pht_list02 li{
	float:left;
	width:49%;
	margin-right:2%;
	}
.pht_list02 li:nth-child(2n){
	margin-right:0;
	}
.pht_list02 li figure img{width: 100%;}

.pht_list03 li figure{width: 100%;}
.pht_list03 li figure img{width: 100%;}

.content_txt{padding: 30px;border: 1px solid #56567e;margin-top: 30px;}

@media screen and (max-width : 767px ) {
.content_txt{padding: 15px;}
}

.bg_arrow{background: url("../img/esthetic/arrow_bg.png") left 17px top 0px no-repeat;}
@media screen and (max-width : 767px ) {
	.bg_arrow{background: none;}
}
.bg_step01{
	background:url(../img/esthetic/num_01.png) left top no-repeat;
	padding-left:65px;
	}
.bg_step02{
	background:url(../img/esthetic/num_02.png) left top no-repeat;
	padding-left:65px;
	}
.bg_step03{
	background:url(../img/esthetic/num_03.png) left top no-repeat;
	padding-left:65px;
	}
.bg_step04{
	background:url(../img/esthetic/num_04.png) left top no-repeat;
	padding-left:65px;
	}
.bg_step05{
	background:url(../img/esthetic/num_05.png) left top no-repeat;
	padding-left:65px;
	}

.bg_step06{
	background: url(../img/common/num_06.png) left top no-repeat;
	padding-left:65px;
	}
	
@media screen and (max-width : 760px ) {
.bg_step01,
.bg_step02,
.bg_step03,
.bg_step04,
.bg_step05{
	background-size:25px;
	padding-left:35px;
	}

}
.lh_12{
	line-height:1.2;
	}
.bg_gray02{
	background:#f7f7f7;
	}
.ft_table.fee th,
.ft_table.fee td{
	text-align:left;
	}
	
.ft_table.fee td{
	font-weight:normal;width: 50%;
	}
.ft_table.fee td.first{
	font-weight:bold;
	}
@media screen and (max-width : 760px ) {
	.ft_table.fee td{
	font-weight:normal;width: auto;
	}
}

/* インプラント */
.imp_bl {padding: 30px;
display: flex;justify-content: space-between;flex-wrap: wrap;}
.imp_bl li{width: 48%;}
@media screen and (max-width : 760px ) {
	.imp_bl {padding: 15px 15px 0 15px;}
.imp_bl li{width: 100%;margin-bottom: 15px;}
}

.max600{max-width: 600px;}


/* 医師紹介 */

.doctor_main {
	position: relative;
}
.doctor_main::before{
	content: "";
	background: url("../img/doctor/img_01.jpg") right top no-repeat;
	width: 45%;
	height: 500px;
	position: absolute;
	top: 95px;
	left: 40px;
}
@media screen and (max-width: 767px) {
.doctor_main {
	padding-bottom: 220px;
}
.doctor_main::before{
	background: url("../img/doctor/img_01.jpg") right top no-repeat;
	width: 95%;
	height: 230px;
	left: 0;
	right: 0;bottom: 0;
	margin: 0 auto;
	background-size: cover;
}
}

.doctor_table{border-bottom: 1px solid #336;}
.doctor_table tr{border-left: 1px solid #336;border-top: 1px solid #336;}
.doctor_table tr td{border-right: 1px solid #336;padding: 15px;}


/* トータルビューティー */
.beauty_main {
	position: relative;
}
.beauty_main::before{
	content: "";
	background: url("../img/total_beauty/img_01.webp") right top no-repeat;
	width: 45%;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 40px;
}
@media screen and (max-width: 767px) {
.beauty_main {
	padding-bottom: 220px;
}
.beauty_main::before{
	width: 95%;
	height: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-size: cover;
}
}
.beauty_main02 {
	position: relative;
}
.beauty_main02::before{
	content: "";
	background: url("../img/total_beauty/img_06.webp") right top no-repeat;
	width: 45%;
	height: 500px;
	position: absolute;
	bottom: 0;
	right: 40px;
}
@media screen and (max-width: 767px) {
.beauty_main02 {
	padding-bottom: 220px;
}
.beauty_main02::before{
	width: 95%;
	height: 230px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-size: cover;
}
}
.box_ex{
	width: 100%;
	border-top:#eee 1px solid;
	border-right:#eee 1px solid;
}
.box_ex th,.box_ex td{
	width: 12.5%;
	border-bottom:#eee 1px solid;
	border-left:#eee 1px solid;
	padding: 15px;
		text-align: center;

}
@media screen and (max-width: 767px) {
	.box_ex th,.box_ex td{
		display: block;
	width: 100%;
	border-bottom:#eee 1px solid;
	border-left:#eee 1px solid;
	padding: 10px;
}
}
.box_ex th{
	background: #333366;
	font-weight: bold;
	color: #fff;
}