@charset "UTF-8";
/* -------------------------------------------
12のメニュー
-------------------------------------------*/
/* メニュー以下共通 */
.menuttl {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  height: 350px;
  background-color: #222529;
  color: #FFFFFF;
  text-align: center;
}
.menuttl h1 {
  position: relative;
  display:block;
  background-image: linear-gradient(135deg, #816E1E 10%, #DBC075 100%);
  background-repeat: no-repeat;
  background-size: 15rem 0.1rem;
  background-position:bottom;
  text-align: center;
  font-size:2em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.3rem;
  padding: 200px 0 0.9rem 0;
}
.menuttl p {
  position: relative;
  display: block;  
  color: #DDDDDD;
  font-size: 1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  padding: 0.4rem 0 0 0;
}
.menudescription{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding: 50px 15% 20px 15%;
  margin: 0 auto;
}
.menudescription h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  line-height: 1.8em;
  padding: 0 0 30px 0;
  color: #fff;
}
.menudescription h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.3rem;
  line-height: 2rem;
  padding: 0 0 30px 0;
  color: #fff;
}
.menudescription p{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  padding: 0 0 30px 0;
  color: #fff;
}
.menucol{
  position: relative; 
  padding: 50px 0 50px 0;
}
.menucol:nth-child(2n) {
   background-color: #F7F7F7;
}
.menucol h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 80px 0;
}
.menucol h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.3rem;
  line-height: 2rem;
  padding: 0 0 10px 0;
}
.menucol p{
  padding: 0 0 2rem 0;
}

@media screen and (max-width: 640px) {
.menudescription{
  padding: 50px 20px 20px 20px;
}
.menucol h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.menucol h3 {
	text-align: center;
}
}
	

/* emax */
.mdbg_emax{
  background: url("../img/menu/m-emax.png") no-repeat center top / cover;
}
.emaxcasestudies{
  position: relative; 
  padding: 50px 0 80px 0;
  background-image: linear-gradient(180deg, rgba(93, 77, 58, 1), rgba(93, 77, 58, 0.66));
}	  
.emaxcasestudies h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 50px 0;
  color: #fff;
}  
.emaxcasestudies .casecol{
  max-width: 992px;
  background-color: #fff;
  margin: 30px auto 0 auto;
  padding: 30px 20px 20px 20px;
}
.emaxcasestudies .casecol .bfarrow{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 20px 0;
}
.emaxcasestudies .casestudy dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.emaxcasestudies .casestudy dt {
	flex-basis: 30%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
.emaxcasestudies .casestudy dd {
	flex-basis: 70%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
 .emaxcasestudies .casestudy dt:before {
	position:relative;
	content: "⚫︎";
    margin-right:2px;
    top:0;
    left:0;
}

@media screen and (max-width: 640px) {
.emaxcasestudies h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}

.emaxcasestudies{
  padding: 50px 30px 30px 30px;
}
.emaxcasestudies .casecol{
  width: 100%;
  background-color: #fff;
  margin: 20px auto 0 auto;
  padding: 20px 10px 20px 10px;
}
.emaxcasestudies .casestudy dl {
	flex-flow: column;
	padding-top: 30px;
}
.emaxcasestudies .casestudy dt {
	padding: 5px 10px 0 0;
}
.emaxcasestudies .casestudy dd {
	border-top: 1px solid #EBEBEB;
}
}

/* 長期症例 */
.mdbg_lt{
  background: url("../img/menu/m-lt.png") no-repeat center top / cover;
}
.ltttl{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 0.5rem;
	color: #e3bf00;
}

.ltttl:before,
.ltttl:after {
	content: '';
	width: 70px;
	height: 1px;
	background-color: #e3bf00;
}

.ltttl:before {
	margin-right: 20px;
}
.ltttl:after {
	margin-left: 20px;
}

.ltcasecap{
	font-size: 1em;
	line-height: 1.2em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}

.ltcase{
  max-width: 960px;
  margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
}

.ltcase .casestudy dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.ltcase .casestudy dt {
	flex-basis: 30%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
.ltcase .casestudy dd {
	flex-basis: 70%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
 .ltcase .casestudy dt:before {
	position:relative;
	content: "⚫︎";
    margin-right:2px;
    top:0;
    left:0;
}

.ltmessagecol{
  position: relative; 
  padding: 50px;
  background-image: linear-gradient(180deg, rgba(126, 65, 66, 1), rgba(126, 65, 66, 0.78));
}	  
.ltmessagecol h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 50px 0;
  color: #fff;
}
.ltmessagecol p {
  color: #fff;
}
.ltmessagecol img {
  max-width: 700px;
}

@media screen and (max-width: 640px) {
.ltmessagecol h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.ltcase{
	padding: 0 20px 0 20px;
}
	
.ltcase .casecol{
  width: 100%;
  background-color: #fff;
  margin: 20px auto 0 auto;
  padding: 20px 10px 20px 10px;
}
.ltcase .casestudy dl {
	flex-flow: column;
	padding-top: 30px;
}
.ltcase .casestudy dt {
	padding: 5px 10px 0 0;
}
.ltcase .casestudy dd {
	border-top: 1px solid #EBEBEB;
}
	
.ltmessagecol img {
  width: 100%;
}
}

/* インプラント */
.mdbg_implant{
  background: url("../img/menu/m-implamt.png") no-repeat center top / cover;
}
.implantmenu h3{
	text-align: center;
	font-weight: 300;
	padding: 0;
	margin: 0 0 10px 0;
}
.implantmenu nav{
  	width: 100%;
  	background-color: #222529;
	margin: 0 0 20px 0;
	padding: 12px 0 0 0;
	opacity: 0.8;
}
.implantmenu ul{
 	display: flex;
 	justify-content: space-around;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}
.implantmenu li a{
	color: #fff;
	margin: 0;
	padding: 0;

}
.implantmenu li a:link{
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.implantmenu li a:hover{
	display: block;
	opacity: 0.5;
	transition : 1s;	
	margin: 0;
	padding: 0;
}
.implantcol {
	background-image: linear-gradient(180deg, rgba(217, 213, 210, 1), rgba(217, 213, 210, 0.87));
}
@media screen and (max-width: 640px) {
.implantmenu ul{
 	display:block;
	text-align: center;	
}
.implantmenu li a{
	color: #fff;
	margin: 0;
	padding: 0;
}
.implantmenu li a:link{
	font-size: 0.9em;
	text-align: center;
}
.implantmenu li a:hover{
	margin: 0;
	padding: 0;
}
}


/* CT */
.mdbg_ct{
  background: url("../img/menu/m-ct.png") no-repeat center top / cover;
}
.ctcol{
	background-image: linear-gradient(180deg, rgba(168, 202, 240, 1), rgba(233, 240, 250, 1));
}
.ctcol h2{
	color: #556168;
	font-size: 2.2em;
	margin-bottom:30px;
}

/* 審美 */
.mdbg_shinbi{
  background: url("../img/menu/m-shinbi.png") no-repeat center top / cover;
}
.shinbilead h2{
	color: #04C5CC;
	filter: drop-shadow(3px 3px 5px rgba(255,255,255,1.00));
}
.shinbilead h3{
	padding: 0 0 0 0;
	color: #8B8B8B;
}

.shinbilead ul{
	background-color:rgba(255,255,255,0.50);
	padding: 15px;
	border-radius: 10px;
}
.shinbilead li{
	color: #04C5CC;
	padding: 0 0 0 20px;
	list-style: none;
	font-family: 'Noto Serif JP', serif;
  	font-weight: 300;
  	font-size: 1.2em;
	letter-spacing: 0.1rem;
	margin-left: 1em;
	text-indent: -0.6em;
}

.shinbilead p{
	color: #606060;
}
.shinbi_woman{
	background: url("../img/menu/shinbi_woman.jpg") no-repeat center top;
	background-size:cover;
	min-height: 300px;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 640px) {
.shinbilead h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.shinbilead li{
	padding: 0 0 0 10px;
  	font-size: 1.1em;
	margin-left: 1em;
	text-indent: -0.6em;
	line-height: 1.5em;
}
}


/* CEREC */
.mdbg_cerec{
  background: url("../img/menu/m-cerec.png") no-repeat center top / cover;
}

/* ジルコニア */
.mdbg_zirconia{
  background: url("../img/menu/m-zirconia.png") no-repeat center top / cover;
}

/* ホワイトニング */
.mdbg_whitening{
  background: url("../img/menu/m-whitening.png") no-repeat center top / cover;
}
.description_whitening h2,
.description_whitening h3,
.description_whitening p{
  color: #7A736B;
}
.step{
	color: #10CBCE;
	margin-right: 0.5em;
}
@media screen and (max-width: 640px) {
.description_whitening h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
}

/* 歯周病治療 */
.mdbg_periodontitis{
  background: url("../img/menu/m-periodontitis.png") no-repeat center center / cover;
}
.periodontitis_cavitron{
	background: url("../img/menu/periodontitis_cavitron.jpg") no-repeat center top;
	background-size:cover;
	min-height: 300px;
	padding: 0;
	margin: 0;
}



/* 大谷エンド */
.mdbg_otani{
  background: url("../img/menu/m-otani.png") no-repeat center top / cover;
}
.step_otani{
	color: #D34B22;
	margin-right: 0.5em;
}
.otanicol{
	max-width: 600px;
}
.otanicasestudies{
  position: relative; 
  padding: 50px 0 80px 0;
  background-image: linear-gradient(180deg, rgba(157,168,193,1.00), rgba(189,202,225,1.00));
}	  
.otanicasestudies h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 50px 0;
  color: #fff;
}  
.otanicasestudies .casecol{
  max-width: 992px;
  background-color: #fff;
  margin: 30px auto 0 auto;
  padding: 30px 20px 20px 20px;
}
.otanicasestudies .casecol .bfarrow{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 20px 0;
}
.otanicasestudies .casestudy dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.otanicasestudies .casestudy dt {
	flex-basis: 30%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
.otanicasestudies .casestudy dd {
	flex-basis: 70%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
.otanicasestudies .casestudy dt:before {
	position:relative;
	content: "⚫︎";
    margin-right:2px;
    top:0;
    left:0;
}

@media screen and (max-width: 640px) {
.otanicasestudies h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.otanicasestudies{
  padding: 50px 30px 30px 30px;
}
.otanicasestudies .casecol{
  width: 100%;
  background-color: #fff;
  margin: 20px auto 0 auto;
  padding: 20px 10px 20px 10px;
}
.otanicasestudies .casestudy dl {
	flex-flow: column;
	padding-top: 30px;
}
.otanicasestudies .casestudy dt {
	padding: 5px 10px 0 0;
}
.otanicasestudies .casestudy dd {
	border-top: 1px solid #EBEBEB;
}
}




/* 義歯治療 */
.mdbg_denture{
  background: url("../img/menu/m-denture.png") no-repeat center top / cover;
}
.denturecasestudies{
  position: relative; 
  padding: 50px 0 80px 0;
  background-image: linear-gradient(180deg, rgba(128, 210, 219, 1) 4%, rgba(120, 185, 219, 1));
}	  
.denturecasestudies h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 50px 0;
  color: #fff;
}  
.denturecasestudies .casecol{
  max-width: 992px;
  background-color: #fff;
  margin: 30px auto 0 auto;
  padding: 30px 20px 20px 20px;
}
.denturecasestudies .casecol .bfarrow{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 20px 0;
}
.denturecasestudies .casestudy dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.denturecasestudies .casestudy dt {
	flex-basis: 30%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
.denturecasestudies .casestudy dd {
	flex-basis: 70%;
	vertical-align: middle;
	padding: 10px 10px 0 0;
	font-weight: 400;
	border-top: 1px solid #ccc;
}
 .denturecasestudies .casestudy dt:before {
	position:relative;
	content: "⚫︎";
    margin-right:2px;
    top:0;
    left:0;
}

@media screen and (max-width: 640px) {
.denturecasestudies{
  padding: 50px 30px 30px 30px;
}
.denturecasestudies h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.denturecasestudies .casecol{
  width: 100%;
  background-color: #fff;
  margin: 20px auto 0 auto;
  padding: 20px 10px 20px 10px;
}
.denturecasestudies .casestudy dl {
	flex-flow: column;
	padding-top: 30px;
}
.denturecasestudies .casestudy dt {
	padding: 5px 10px 0 0;
}
.denturecasestudies .casestudy dd {
	border-top: 1px solid #EBEBEB;
}
}


/* 睡眠歯科 */
.mdbg_sleep{
  background: url("../img/menu/m-sleep.png") no-repeat center top / cover;
}
.sleepcol{
	background-image: linear-gradient(180deg, rgba(236, 217, 220, 1) 4%, rgba(226, 192, 210, 1));
}
.sleep_bed{
	background: url("../img/menu/sleep_bed.jpg") no-repeat center top;
	background-size:cover;
	min-height: 300px;
	padding: 0;
	margin: 0;
}