@charset "utf-8";
/* CSS Document */


/*---------------------------------

	インプラント治療 implant

---------------------------------*/
.implant p {
	font-family: 'Noto Sans JP', sans-serif;
}

main.implant section:not(.main_img):not(.access){
	padding: 80px 0 80px;
}

main.implant section:not(.main_img):not(.access) p{
	margin-bottom: 30px;
}

.dominance .flex {
	display: flex;
}

.dominance .flex div {
	width: 356px;
	height: auto;
	margin-left: 50px;
}

.dominance .flex>p {
	flex: 1;
}

.implant-fee {
	background-color: #f5f5f5;
}


/*---------------------------------

	インプラントをする前に 
	関節と筋肉と歯が揃って～ imp_k01

---------------------------------*/
.imp_k01{
	background-color: #f6f6f6;
	padding: 80px 0;
}

.imp_k01 p,
.imp_k01 ul,
.imp_k02 p,
.imp_k02 ul{
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 20px;
}

.imp_k01 h3,
.imp_k02 h3{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.imp_k01 .imp_k01_img,
.imp_k01 .imp_k01_img img{
	width: 640px;
	height: auto;
}

.imp_k01 .imp_k01_img{
	margin: 40px auto;
}

.imp_k01 ul.disc{
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 20px;
}

.imp_k01 .factor{
	background-color: #fff;
	border: 1px solid #a38a66;
	padding: 40px 0;
	margin-top: 50px;
}

.imp_k01 .factor h3{
	color: #a38a66;
	text-align: center;
	margin-bottom: 20px;
}

.imp_k01 .factor ul{
	width: 626px;
  margin: auto;
}

.imp_k01 .factor ul:last-of-type li{
	display: inline-block;
}


/*---------------------------------

	インプラントをする前に 
	噛み合わせの乱れ～ imp_k02

---------------------------------*/
.imp_k02{
	padding: 80px 0;
}

.imp_k02 .imp_k02_img{
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.imp_k02 .imp_k02_img div,
.imp_k02 .imp_k02_img img{
	width: 210px;
	height: auto;
}

.imp_k02 .sec{
	margin-bottom: 80px;
}



/*---------------------------------

	失ったままにしておくリスク
	抜けた歯の対合歯が伸びて出てくる risk

---------------------------------*/
main.tooth_loss section:not(.main_img):not(.access):not(.intro){
padding: 80px 0 80px;
}

main.tooth_loss section:not(.main_img):not(.access) p{
	margin-bottom: 20px;
}

main.tooth_loss section:not(.main_img):not(.access):not(.intro):not(.interview) p,
main.tooth_loss figcaption{
	font-family: 'Noto Sans JP', sans-serif;	
}

.risk .inner2>div{
	margin-bottom: 50px;
}

main.underlayer .risk h2{
	text-align: left;
	display: inline-block;
  padding-right: 20px;
}

.risk .flex{
	display: flex;
	justify-content: space-between;
}

.risk .flex .text{
	width: 526px;
}

.risk .flex .risk_img,
.risk .flex .img{
	width: 300px;
	height: auto;
}


/*---------------------------------

	失ったままにしておくリスク
	前歯のインプラント症例 loss_case

---------------------------------*/
.loss_case{
	background-color: #f6f6f6;
}

.loss_case .flex{
	display: flex;
	justify-content: space-between;
}

.loss_case .flex:first-of-type{
	justify-content: center;
	margin-bottom: 50px;
}

.loss_case .flex:last-of-type{
	margin: 50px auto;
}

.loss_case .flex:first-of-type>div:first-of-type,
.loss_case .flex:first-of-type img{
	width: 210px;
	height: auto;
}

.loss_case .flex:first-of-type>div{
	margin-left: 30px;
}

.loss_case .flex:last-of-type div,
.loss_case .flex:last-of-type img{
	width: 275px;
	height: auto;
}

.loss_case figcaption{
	width: 275px;
	margin: auto;
}

.loss_case .loss_case_title{
	border-bottom: 1px solid #a38a66;
}

.loss_case .loss_case_data p{
	display: flex;
	width: 400px;
}

.loss_case p>span:first-of-type{
	display: block;
	color: #757575;
	width: 75px;
}

.loss_case p>span:last-of-type{
	width: calc(100% - 75px);
}


/*---------------------------------

	失ったままにしておくリスク
	当院でインプラント治療を～ interview

---------------------------------*/
.interview{
	padding: 80px 0;
}

.interview .flex{
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.interview .flex div,
.interview .flex img{
	width: 280px;
	height: auto;
}

.interview .flex div{
	margin-right: 50px;
}

.interview .flex p{
	font-size: 2.4rem;
	color: #a38a66;
	align-self: center;
}

.interview dt{
	font-size: 2rem;
	background-color: #f6f6f6;
	line-height: 1.4;
	padding: 20px 30px 20px 70px;
	margin-left: 40px;
	text-indent: -40px;
}

.interview dt::before{
	content: "Q";
	display: inline-block;
	font-size: 3.2rem;
	color: #a38a66;
	width: 30px;
	padding-right: 10px;
	text-indent: 0;
}

.interview dd{
	font-family: 'Noto Sans JP', sans-serif;
	padding: 20px 10px 40px;
	margin-left: 40px;
}

/*---------------------------------

	入れ歯・ブリッジとの比較
	入れ歯との比較 #ireba

---------------------------------*/
#ireba,
#bridge{
	padding: 80px 0 80px;
}

#ireba{
	background-color: #f6f6f6;
	position: relative;
	margin-bottom: 269px;
}

#ireba::after{
	content: "";
	background-image: url("//www.ginza-dental.co.jp/images/implant_bridge/implant_bridge_01.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 538px;
	position: absolute;
	left: 0;
	bottom: -269px;
}

main.implant_bridge p,
main.implant_bridge ul,
main.implant_bridge tbody{
	font-family: 'Noto Sans JP', sans-serif;
}

main.implant_bridge .anchor p{
	font-family: 'Noto Serif JP', serif;
}

main.implant_bridge .br_sec{
	margin-bottom: 50px;
}

main.implant_bridge h3{
	font-size: 2.4rem;
	margin-bottom: 20px;
}

main.implant_bridge p{
	margin-bottom: 20px;
}

main.implant_bridge .br_sec_pick{
	background-color: rgba(255,255,255,0.8);
	position: relative;
	z-index: 10;
	padding: 70px 50px;
}

main.implant_bridge .br_sec_pick div:last-of-type{
	border: 1px solid #a38a66;
	padding: 50px;
	margin-top: 50px;
}

main.implant_bridge .br_sec_pick div:last-of-type h3{
	font-size: 2rem;
	color: #a38a66;
	text-align: center;
}


/*---------------------------------

	入れ歯・ブリッジとの比較
	ブリッジとの比較 #bridge

---------------------------------*/
#bridge th,
#bridge td{
	border: 1px solid #cccccc;
	padding: 10px;
}

#bridge td{
	padding: 20px;
}


#bridge tr:first-of-type th{
	background-color: #a99e8e;
	color: #fff;
}

#bridge tr:first-of-type th:first-of-type{
	background-color: rgba(0,0,0,0);
	border: none;
}

#bridge tr:nth-of-type(2) th,
#bridge tr:nth-of-type(2) td{
	background-color: #f8f4ed;
}

#bridge th:first-of-type{
	color: #a38a66;
	width: 140px;
}

#bridge th:not(:first-of-type),
#bridge td:not(:first-of-type){
	width: 360px;
}

#bridge table ul{
	list-style: disc;
	margin-left: 1em;
}

#bridge table li{
	margin-bottom: 15px;
}



/*---------------------------------

	インプラントの術式
	1回法の術式 step

---------------------------------*/
.step{
	padding: 80px 0;
}

.one_step{
	background-color: #f6f6f6;
}

.step ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.step li{
	margin-bottom: 30px;
}

.step li:nth-of-type(1),
.step li:nth-of-type(2){
	display: flex;
	flex-direction: column;
	width: 435px;
}

.step li div:not(.operative_img):first-of-type{
	font-size: 3.2rem;
	color: #a38a66;
	margin-bottom: 10px;
}

.step li p{
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 20px;
}

.step li .flex{
	display: flex;
}

.step .operative_img,
.step .operative_img img{
	width: 196px;
	height: auto;
}

.step .operative_img{
	margin-top: auto;
	margin-right: 10px;
}


/*---------------------------------

	治療_保険・保証 医療控除 deduction
	インプラントの保険・保証 #hosho

---------------------------------*/
#hosho{
	background-color: #f6f6f6;
}

main.deduction section[id]{
	padding: 80px 0;
}

main.deduction section[id] p{
	margin-bottom: 20px;
}

main.deduction section[id] p,
main.deduction section[id] li{
	font-family: 'Noto Sans JP', sans-serif;
}

.dedu_sec{
	margin-bottom: 50px;
}

.dedu_sec.flex{
	position: relative;
}

main.deduction h3{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

main.deduction  ul.num>li{
	margin-bottom: 10px;
}

.dedu-list {
	background-color: #EAE6E1;
	padding: 1.5em;
	list-style: disc;
}
.dedu-list.dedu-list--blue {
	background-color: #e0e8f1;
}

.dedu-list>li {
	margin: 0 0 .7em 1.5em;
	line-height: 1.66;
}

.dedu-text-blue {
	color: #0a55a0;
}

.dedu-text-red {
	color: #be0e00;
}

.dedu-text-link {
	text-decoration: underline;
	color: #767676;
}

.dedu-head {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 2rem;
    padding: 0 0 0 2.4rem;
    box-sizing: border-box;
    position: relative;
}

.dedu-head::after {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: #0a55a0;
    width: .6rem;
    height: 106%;
}

.dedu-sub-blue {
	color: #0a55a0;
	font-size: 1.8rem;
	font-weight: 500;
}

.dedu-table {
	border-collapse: collapse;
	table-layout: fixed;
	min-width: 700px;
	font-weight: bold;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
.dedu-table th,
.dedu-table td {
	text-align: center;
	vertical-align: middle;
	line-height: 1.46;
}
.dedu-table>thead>tr>th:not(:first-child) {
	background-color: #e0e8f1;
}
.dedu-table thead th {
	padding: 1em .8em;
	border-right: 2px solid#b9b9b9;
}
.dedu-table tbody th, .dedu-table tbody td {
	padding: 1em .8em;
	border: 2px solid #b9b9b9;
}
.dedu-table tbody th {
	border-left: transparent;
	width: 220px;
}
.dedu-table tbody td {
	width: 200px;
}
.dedu-table tbody>tr:first-child {
	background-color: #448cd2;
	color: #fff;
}
.dedu-table tbody>tr:not(:first-child)>th {
	background-color: #EAE6E1;
}
.dedu-table-mark {
	font-size: 3rem;
}
.dedu-table-mark.dedu-table-mark--red {
	color: #be0e00;
}
@media screen and (max-width: 787px) {
	.dedu-table-scroll {
		overflow-x: auto;
	}
	.dedu-table tbody th {
		width: 280px;
	}
}


/*---------------------------------

	治療_保険・保証 医療控除
	インプラントの医療控除 #koujo 

---------------------------------*/
#koujo table{
	margin: 50px auto 0;
}

#koujo th,
#koujo td{
	font-size: 1.1rem;
	font-family: 'Noto Sans JP', sans-serif;
	vertical-align: middle;
	border-right: 1px solid #dbd5ce;
	padding: 5px;
}

#koujo th{
	background-color: #978671;
	color: #fff;
}

#koujo td{
	color: #94826c;
}

#koujo tr:nth-of-type(odd) td{
	background-color: #f7f6f5;
}

#koujo tr:nth-of-type(even) td{
	background-color: #edeae7;
}

#koujo tr:nth-of-type(2) th{
	background-color: #b3a797;
	border-bottom: 1px solid #978671;
}

#koujo th:last-of-type,
#koujo td:last-of-type{
	border-right: none;
}


/*---------------------------------

	症例 case

---------------------------------*/

/* 202010804追加 */
.case-anchor{
	padding: 80px 0;
    background-color: #a99e8e;
}

.case-anchor__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1000px;
}

.case-anchor__item{
	font-size: 2.2rem;
    width: 317px;
	background-color: #fff;
	text-align: center;
	margin: 0 24px 24px 0;
}
.case-anchor__item:nth-child(3n){
	margin: 0 0 24px 0;
}

.case-anchor__link{
	display: block;
    color: #a99e8e;
	padding: 32px 20px;
	position: relative;
}

.case-anchor__link::after {
	content: "";
    display: block;
    width: 16px;
    height: 8px;
    background: url(../images/assets/arrow4.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.case-anchor--detail .case-anchor__link::after {
	content: "";
    display: block;
    width: 16px;
    height: 8px;
    background: url(../images/assets/arrow4.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(-90deg);
}

/* ここまで202010804追加 */

.case .anchor .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case .anchor p{
	font-size: 2.2rem;
	width: 317px;
	height: 100px;
	margin-bottom: 20px;
}

.case .anchor p::after {
    width: 16px;
    height: 8px;
}

.case section[id]{
	padding: 80px 0 80px;
}

.case section:nth-of-type(even){
	background-color: #f6f6f6;
}

.case section:nth-of-type(odd){
	background-color: #fff;
}

.case h2.line{
	margin-bottom: 60px;
}

.case section[id] li{
	width: 400px;
	margin-bottom: 50px;
}

.case li h3{
	font-size: 1.8rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
	position: relative;
	margin-bottom: 30px;
}

.case li h3::after{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #a38a66;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.case li h3 a{
	display: block;
	position: relative;
	padding: 0 10px 0 38px;
}

.case li h3 a::after{
	content: "";
	width: 10px;
	height: 18px;
	background-image: url("//www.ginza-dental.co.jp/images/assets/arrow2.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.case section[id] li span{
	font-size: 2.8rem;
	color: #a38a66;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.case .case_img,
.case .case_img img{
	width: 194px;
	height: 130px;
	/* object-fit: cover; */
}

.case .case_img{
	
}

.case .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.case .flex .case-thumb::after {
	content: "";
    width: 18px;
    height: 34px;
    background-image: url("//www.ginza-dental.co.jp/images/assets/arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 44.6%;
    transform: translateY(-50%) rotate(-90deg);
}

#full li:nth-of-type(8){
	display: flex;
	flex-direction: column;
}

#full li:nth-of-type(8) h3{
	margin-top: auto;
}

#comp ul{
	display: block;
}

#comp li{
	width: auto;
}

#comp li .flex{
	justify-content: flex-start;
}

#comp li .case_img{
	margin-right: 12px;
}



/*---------------------------------

	症例詳細 detail

---------------------------------*/
.detail{
	padding: 80px 0;
	background-color: #f6f6f6;
}

.detail .before_after{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.detail .before_after figure,
.detail .before_after figure div,
.detail .before_after figure img{
	width: 300px;
	height: auto;
}

.detail .before_after figure{
	margin: 10px;
}

.detail .before_after figcaption{
	font-size: 1.8rem;
}

.detail p{
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 16px;
}

.detail p:last-of-type{
	margin-bottom: 60px;
}

.detail h3{
	font-size: 2.4rem;
	margin-bottom: 32px;
}

.detail h3+ul{
	display: flex;
	justify-content: space-between;
}

.detail h3+ul li,
.detail h3+ul li div,
.detail h3+ul li img{
	width: 280px;
	height: auto;
}

.detail h3+ul li p{
	font-size: 1.4rem;
}

.case-detail-images{
  text-align: center;
}

.case-detail-images__pic{
  width: 70%;
  margin: 0 auto;
}

.case-detail-images-flex {
	display: flex;
	column-gap: 32px;
	margin: 0 0 60px;
}

.case-detail-images-flex-item {
	flex: 1;
}

.case-detail-images-flex-item__head {
	background-color: #dcd7d2;
	color: #757575;
	text-align: center;
	padding: 6px;
}

.case-detail-images-flex-item__image {
	margin: 0 !important;
}

.case-detail-images-w100 {
	margin: 0 0 40px;
}

.case-detail-subhead{
  text-align: center;
  background-color: #dcd7d2;
  padding: 12px;
  color: #757575;
}

.case-detail-menu{
  
}

.case-detail-menu__table{
  margin: 0 auto 60px;
}

.case-detail-menu__table tr th{
  padding: 12px;
  width: 24%;
  background-color: #ede4da;
  border-top: 1px dotted #998080;
  border-bottom: 1px dotted #998080;
}

.case-detail-menu__table tr td{
  padding: 12px;
  border-top: 1px dotted #998080;
  border-bottom: 1px dotted #998080;
}

.case-detail-prog {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.case-detail-prog p {
	text-align: left!important;
}

.detail__image {
	margin: 50px auto 0;
}







/*----------------------------------------------------------------
		スマホ
----------------------------------------------------------------*/
@media screen and (max-width:1023px){
/*---------------------------------

	インプラント治療 implant

---------------------------------*/
	main.implant section:not(.main_img):not(.access){
	padding: 40px 0 30px;
	}

	main.implant section:not(.main_img):not(.access) p{
		margin-bottom: 20px;
	}

	.dominance .flex{
		display: block;
	}

	.dominance .flex div,
	.dominance .flex img{
		max-width: 356px;
		width: 100%;
		height: auto;
		margin: 20px auto;
	}

	
	
	
/*---------------------------------

	インプラントをする前に 
	関節と筋肉と歯が揃って～ imp_k01(SP)

---------------------------------*/
	.imp_k01{
		padding: 40px 0;
	}

	.imp_k01 h3,
	.imp_k02 h3{
		font-size: 2rem;
	}

	.imp_k01 .imp_k01_img,
	.imp_k01 .imp_k01_img img{
		max-width: 620px;
		width: 100%;
		height: auto;
	}

	.imp_k01 .imp_k01_img{
		margin: 30px auto;
	}

	.imp_k01 .factor{
		padding: 30px 20px;
	}

	.imp_k01 .factor ul{
		width: 100%;
		margin: auto;
	}
	
	
/*---------------------------------

	インプラントをする前に 
	噛み合わせの乱れ～ imp_k02(SP)

---------------------------------*/
	.imp_k02{
		padding: 40px 0;
	}

	.imp_k02 .imp_k02_img{
		display: block;
		margin: 0 auto 40px;
	}
	
	.imp_k02 .imp_k02_img div{
		margin: auto;
	}

	.imp_k02 .sec{
		margin-bottom: 40px;
	}
	
	
	
/*---------------------------------

	失ったままにしておくリスク
	抜けた歯の対合歯が伸びて出てくる risk(SP)

---------------------------------*/
	main.tooth_loss section:not(.main_img):not(.access):not(.intro){
	padding: 40px 0 40px;
	}

	.risk .inner2>div{
		margin-bottom: 0;
	}
	
	main.underlayer .risk h2{
		padding-right: 10px;
	}

	.risk .flex{
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}

	.risk .flex .text{
		width: 100%;
	}

	.risk .flex .risk_img,
	.risk .flex .img{
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	
	.risk .flex .risk_img{
		margin: 0 auto 20px;
	}
	
	
	
/*---------------------------------

	失ったままにしておくリスク
	前歯のインプラント症例 loss_case(SP)

---------------------------------*/
	.loss_case .flex{
		display: block;
	}

	.loss_case .flex:first-of-type{
		margin-bottom: 40px;
	}

	.loss_case .flex:last-of-type{
		margin: 40px auto;
	}

	.loss_case .flex:first-of-type>div{
		margin: 0 auto 30px;
	}
	
	.loss_case .flex:last-of-type div{
		margin: auto;
	}

	.loss_case .loss_case_data p{
		display: flex;
		width: 100%;
	}
	
	.loss_case figure{
		margin-bottom: 20px;
	}
	
	
	
	
/*---------------------------------

	失ったままにしておくリスク
	当院でインプラント治療を～ interview(SP)

---------------------------------*/
	.interview{
		padding: 40px 0;
	}
	
	.interview .flex{
		display: block;
		margin-bottom: 50px;
	}

	.interview .flex div,
	.interview .flex img{
		width: 280px;
		height: auto;
	}

	.interview .flex div{
		margin: 0 auto 30px;
	}

	.interview .flex p{
		font-size: 1.8rem;
		text-align: center;
	}
	
	.interview dl{
		margin-left: -25px;
	}

	.interview dt{
		font-size: 1.8rem;
		background-color: #f6f6f6;
		line-height: 1.4;
		padding: 10px 10px 10px 35px;
		margin-left: 25px;
		text-indent: -25px;
	}

	.interview dt::before{
		content: "Q";
		display: inline-block;
		font-size: 2rem;
		color: #a38a66;
		width: 20px;
		padding-right: 5px;
		text-indent: 0;
	}

	.interview dd{
		font-family: 'Noto Sans JP', sans-serif;
		padding: 10px 10px 30px;
		margin-left: 25px;
	}
	
	
/*---------------------------------

	入れ歯・ブリッジとの比較
	入れ歯との比較 #ireba(SP)

---------------------------------*/
	#ireba,
	#bridge{
		padding: 40px 0;
	}

	#ireba{
		margin-bottom: 21vw;
	}

	#ireba::after{
		content: "";
		background-image: url("//www.ginza-dental.co.jp/images/implant_bridge/implant_bridge_01.jpg");
		background-repeat: no-repeat;
    background-size: contain;
    max-width: 684px;
    width: calc(100% - 10vw);
    height: 42vw;
    position: absolute;
    left: 0;
    bottom: -21vw;
}

	main.implant_bridge .anchor{
		position: relative;
    z-index: 1;
		margin-bottom: 0;
	}

	main.implant_bridge .br_sec{
		margin-bottom: 50px;
	}

	main.implant_bridge h3{
		font-size: 1.8rem;
	}

	main.implant_bridge .br_sec_pick{
		padding: 30px 20px;
	}

	main.implant_bridge .br_sec_pick div:last-of-type{
		padding: 30px 10px;
		margin-top: 40px;
	}

	main.implant_bridge .br_sec_pick div:last-of-type h3{
		font-size: 1.8rem;
	}


/*---------------------------------

	入れ歯・ブリッジとの比較
	ブリッジとの比較 #bridge(SP)

---------------------------------*/
	#bridge th,
	#bridge td{
		border: 1px solid #cccccc;
		padding: 10px;
	}

	#bridge td{
		font-size: 1.5rem;
		padding: 10px;
	}


	#bridge tr:first-of-type th{
		background-color: #a99e8e;
		color: #fff;
	}

	#bridge tr:first-of-type th:first-of-type{
		background-color: rgba(0,0,0,0);
		border: none;
	}

	#bridge tr:nth-of-type(2) th,
	#bridge tr:nth-of-type(2) td{
		background-color: #f8f4ed;
	}

	#bridge th:first-of-type{
		color: #a38a66;
		width: 40px;
		padding: 10px;
	}

	#bridge th:not(:first-of-type),
	#bridge td:not(:first-of-type){
		width: 360px;
	}

	#bridge table ul{
		list-style: disc;
		margin-left: 1em;
	}

	#bridge table li{
		margin-bottom: 15px;
	}
	

/*---------------------------------

	インプラントの術式
	1回法の術式 step(SP)

---------------------------------*/
	.step{
		padding: 40px 0;
	}

	.one_step{
		background-color: #f6f6f6;
	}

	.step ul{
		display: block;
	}

	.step li{
		margin-bottom: 30px;
	}

	.step li:nth-of-type(1),
	.step li:nth-of-type(2){
		display: block;
		width: auto;
	}

	.step li div:first-of-type{
		font-size: 2.4rem;
		margin-bottom: 0;
	}

	.step .operative_img,
	.step .operative_img img{
		width: 130px;
		height: auto;
	}



/*---------------------------------

	治療_保険・保証 医療控除
	インプラントの保険・保証 #hosho(SP)

---------------------------------*/
	#hosho{
		/*background-color: #f6f6f6;*/
		margin-bottom: 0;
	}

	main.deduction section[id]{
		padding: 40px 0;
	}

	.dedu_sec{
		margin-bottom: 40px;
	}

	.dedu_sec.flex{
		position: static;
	}

	main.deduction h3{
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.dedu_img{
		position: static;
		margin: auto;
	}
	
	main.deduction ul.num>li.no_indent{
		margin-left: 0;
		text-indent: 0;
	}

	main.deduction ul.decimal{
		list-style: decimal;
		background-color: #fff;
		padding: 30px 20px 30px 40px;
		margin-top: 30px;
	}


/*---------------------------------

	治療_保険・保証 医療控除
	インプラントの医療控除 #koujo

---------------------------------*/
	#koujo .table_wrap{
		width: 90vw;
		margin: 50px auto 0;
		overflow-x: scroll;
	}
	
	#koujo table{
		white-space: nowrap;
		margin: auto;
	}

	#koujo  th,
	#koujo  td{
		font-size: 1.1rem;
		font-family: 'Noto Sans JP', sans-serif;
		vertical-align: middle;
		border-right: 1px solid #dbd5ce;
		padding: 5px;
	}

	#koujo th{
		background-color: #978671;
		color: #fff;
	}

	#koujo td{
		color: #94826c;
	}

	#koujo tr:nth-of-type(odd) td{
		background-color: #f7f6f5;
	}

	#koujo tr:nth-of-type(even) td{
		background-color: #edeae7;
	}

	#koujo tr:nth-of-type(2) th{
		background-color: #b3a797;
		border-bottom: 1px solid #978671;
	}

	#koujo th:last-of-type,
	#koujo td:last-of-type{
		border-right: none;
	}

	
/*---------------------------------

	症例 case(SP)

---------------------------------*/

/* 202010804追加 */
.case-anchor{
	padding: 40px 0 24px;
}

.case-anchor__list{
	display: block;
  margin: 0 auto;
  max-width: initial;
  width: 70%;
}

.case-anchor__item{
	font-size: 1.6rem;
    width: 100%;
	background-color: #fff;
	text-align: center;
	margin: 0 0 16px;
}
.case-anchor__item:nth-child(3n){
	margin: 0 0 16px;
}

.case-anchor__link{
	display: block;
    color: #a99e8e;
	padding: 12px;
}

.case-anchor__link::after {
	content: "";
    display: block;
    width: 16px;
    height: 8px;
    background: url(../images/assets/arrow4.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

/* ここまで202010804追加 */

	.case .anchor{
		position: relative;
    z-index: 1;
	}

	.case .anchor p{
    font-size: 1.6rem;
    width: 250px;
    height: 50px;
    margin-bottom: 10px;
	}

	.case .anchor p::after {
			width: 14px;
			height: 6px;
	}
	
	.case .anchor p a{
		line-height: 50px;
	}

	.case section[id]{
		padding: 40px 0;
	}

	.case h2.line{
		margin-bottom: 40px;
	}

	.case section[id] li{
		width: 100%;
		max-width: 400px;
		margin: 0 auto 50px;
	}

	.case li h3{
		font-size: 1.6rem;
	}

	.case li h3 a{
		padding: 0 7px 0 33px;
	}

	.case li h3 a::after{
		width: 6px;
		height: 12px;
	}

	.case section[id] li span{
		font-size: 2.5rem;
	}

	.case .case_img,
	.case .case_img img{
		max-width: 194px;
		width: 100%;
		/* height: auto; */
		height: 97px;
	}

	.case .case_img{
		margin-right: 12px;
	}

	.case .flex{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.case .flex .case-thumb::after {
		right: 45%;
	}
	
	.case ul.flex{
		display: block;
	}

	#full li:nth-of-type(8){
		display: block;
	}

	#full li:nth-of-type(8) h3{
		margin-top: 0;
	}

	#comp ul{
		display: block;
	}

	#comp li{
		width: auto;
	}

	#comp li .flex{
		justify-content: flex-start;
	}

	#comp li .case_img{
		margin-right: 12px;
	}	

/*---------------------------------

	症例詳細 detail(SP)

---------------------------------*/
	.detail{
		padding: 40px 0;
		/*background-color: #f6f6f6;*/
	}

	.detail .before_after{
		/*display: flex;
		justify-content: center;
		margin-bottom: 30px;*/
	}

	.detail .before_after figure,
	.detail .before_after figure div,
	.detail .before_after figure img{
		max-width: 300px;
		width: 100%;
		height: auto;
	}

	.detail .before_after figure{
		/*margin: 10px;*/
	}

	.detail .before_after figcaption{
		/*font-size: 1.8rem;*/
	}

	.detail p{
		/*font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 20px;*/
	}

	.detail p:last-of-type{
		margin-bottom: 40px;
	}

	.detail h3{
		font-size: 1.6rem;
		margin-bottom: 30px;
	}

	.detail h3+ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.detail h3+ul::after{
		content: "";
		width: 300px;
	}
	
	.detail h3+ul li{
		margin: 0 10px;
	}
	
	.detail h3+ul li,
	.detail h3+ul li div,
	.detail h3+ul li img{
		max-width: 280px;
		width: 100%;
		height: auto;
	}

	.detail h3+ul li p{
		font-size: 1.4rem;
	}
	
	  .case-detail-images__pic{
		width: 80%;
	  }

	.case-detail-images-flex {
		display: block;
		margin: 0 0 40px;
	}

	.case-detail-images-flex-item {
		margin: 0 0 24px;
	}

	  
	  .case-detail-menu__table{
		margin: 0 auto 40px;
	  }
	  
	  .case-detail-menu__table tr th{
		  display: block;
		padding: 12px;
		width: 100%;
		border-top:none;
	  }
	  
	  .case-detail-menu__table tr td{
		display: block;
		border-top: none;
		border-bottom: none;
	  }
	  
	  .case-detail-prog {
		  width: 100%;
	  }
	  
}


/*----------------------------------------------------------------
		tb 20210805追加
----------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1023px){

	.case .flex .case-thumb::after {
		right: 46%;
	}

	.case-anchor{
		padding: 40px 0 24px;
	}
	
	.case-anchor__list{
	  display: block;
	  margin: 0 auto;
	  max-width: initial;
	  width: 80%;
	}
	
	.case-anchor__item{
		font-size: 1.6rem;
		width: 317px;
		margin: 0 auto 24px;
	}
	.case-anchor__item:nth-child(3n){
		margin: 0 auto 24px;
	}
	
	.case-anchor__link{
		padding: 12px 16px;
	}
	
	.case-anchor__link::after {
		content: "";
		display: block;
		width: 16px;
		height: 8px;
		background: url(../images/assets/arrow4.png) no-repeat center/contain;
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-50%);
	}

}