@charset "utf-8";
/*

color
赤#bd3361
黒#2a2a2a
グレー#a6a6a6
ライトグレー#f0f0f0
ブルー・グレー#dde6e6
文字用ブルー・グレー62a6a6
*/


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


	medical TOP
	
	
-----------------------------------*/
.medical_menu{
}
.medical_menu h2{
font-size:1.7rem;
border-left:4px solid #bd3361;
padding-left:1rem;
}
.medical_menu h2 span{
font-size:1.2rem;
}
.medical_menu > div{
border:1px solid #a6a6a6;
padding:20px;
width:32%;
background-position:right center;
background-repeat:no-repeat;
background-size:contain;
margin-bottom:20px;
text-shadow:-1px -1px 1px #FFF,-1px 1px 1px #FFF,1px -1px 1px #FFF,1px 1px 1px #FFF;
}

.medical_menu div.pick{
width:49%;

}
.medical_menu div.pick p{
margin-right:20%;
}

.medical_menu::after{
  content:"";
  display: block;
  width:32%;
	
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	.medical_menu{
		display:inherit;
	}
	.medical_menu div,
	.medical_menu div.pick{
		width:96%;
		margin:0 auto 20px;
		background-size:contain;
	}
}
/*---------------------------------


	medical page
	
	
-----------------------------------*/

.read{
background:url(../../medical/imgs/dummybg.jpg) right center no-repeat;
margin:30px auto;
padding:30px 0;
line-height:1.7;
}
/*
artificial
arthrosis
sas
pmtc
periodontal
implant
whitening
checkup
cosmetic*/
.read.orthodontic{
background:url(../../medical/imgs/orthodontic_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.artificial{
background:url(../../medical/imgs/artificial_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.arthrosis{
background:url(../../medical/imgs/arthrosis_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.sas{
background:url(../../medical/imgs/sas_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.pmtc{
background:url(../../medical/imgs/pmtc_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.periodontal{
background:url(../../medical/imgs/periodontal_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.implant{
background:url(../../medical/imgs/implant_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.whitening{
background:url(../../medical/imgs/whitening_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.checkup{
background:url(../../medical/imgs/checkup_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.cosmetic{
background:url(../../medical/imgs/cosmetic_bg.jpg) right center no-repeat;
background-size:contain;
}
.read.regenertion{
background:url(../../medical/imgs/regenertion_bg.jpg) right center no-repeat;
background-size:contain;
}

.read.maternity{
background:url(../../medical/imgs/maternity_bg.jpg) right center no-repeat;
background-size:contain;
}


.read_title{
color:#bd3361;
font-size:1.8rem;
margin-bottom:20px;
}
.read p{
width:70%;
}

/* 矯正バナー */
.orthodonticbanner {
	margin: 0 auto 20px;
	display: flex;

}
.orthodonticbanner .banner {
	margin:0 15px 0 0;
}
.orthodonticbanner .banner img {
	height: 60px;
	width: auto;
}
.orthodonticbanner .caution {
	flex: 1;
	border: 1px solid #bd3361;
	padding: 0.5rem 1rem;
	background: rgba(255, 255, 255, 0.5);
	
}
.read .orthodonticbanner {
	margin: 20px auto 0 0;
}
.read .orthodonticbanner img {
	margin:0 auto 10px 0;
}
.anker {
background:#bd3361;
color:#FFF;
padding:;
margin-bottom:30px;
font-size:1.4rem;
}
.anker ul li{
	margin: 8px 15px;
}
.anker ul li a{
	position:relative;
	padding-left:15px;
	color:#FFF;
}
.anker ul li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	margin-top:;
	border: 4px solid transparent;
	border-top: 6px solid #FFF;
}



.medical_page h2{
font-size:1.7rem;
padding-bottom:6px;
border-bottom: solid 1px #a6a6a6;
box-shadow: 0 2px 0 #FFF,0 3px 0 #a6a6a6;
}
.medical_page h2:first-letter{
color:#bd3361;
}

.medical_page h3{
font-size:1.4rem;
padding-bottom:6px;
margin-top:20px;
margin-bottom:20px;
border-bottom: solid 1px #bd3361;
font-weight:bold;
}

.medical_page h4{
	margin-top:10px;
	}
@media only screen and (min-width: 0px) and (max-width: 640px){
	.read p{
		width:96%;
		margin:0 auto;
	}
}
.medical_page img{
	max-width: 100%;
	
}
/* 治療list */
.type{
display: table;
width: 100%;
}
.typelist_title, .typelist{
display:table-row;
width: 100%;
}
.typelist_title p, .typelist p{
display:table-cell;
border-bottom:1px solid #dde6e6;
}
.typelist_title p{
padding:6px 10px;
}
.typelist p{
padding:12px 10px;
width:27%;
}
.typelist p:first-child{
width:19%;
}
.typelist_title{
background:#dde6e6;
}
.typelist{
}
@media only screen and (min-width: 0px) and (max-width: 640px){
.typelist_title p{
	display:none;
}
.typelist p,
.typelist p:first-child{
	display:block;
	width:100%;
}
.typelist p{
	display:flex;
}
.typelist p::before{
	display:block;
	min-width:5.5em;
	border-right:2px solid #dde6e6;
	margin:0 0.5em 0 0;
}
.typelist p:nth-of-type(2):before{
	content:'\7279\5FB4';
}
.typelist p:nth-of-type(3):before{
	content:'\30E1\30EA\30C3\30C8';
}
.typelist p:nth-of-type(4):before{
	content:'\30C7\30E1\30EA\30C3\30C8';
}
}


/* 説明list */
.descript{
display: table;
width: 100%;
margin-top:20px;
}
.descriptlist{
display:table-row;
}
.descriptlist p{
display:table-cell;
padding:12px 14px;
border-top:1px solid #dde6e6;
}
.descriptlist p:first-child{
background:#f0f0f0;
width:35%;
}
.descriptlist:last-child p{
border-bottom:1px solid #dde6e6;
}
@media only screen and (min-width: 0px) and (max-width: 640px){
.descript,
.descriptlist,
.descriptlist p,
.descriptlist p:first-child{
	display:inherit;
	width:100%;
}
}


/* 流れ　リスト */

.step{
}
.steplist{
border:2px solid #dde6e6;
display: table;
width: 100%;
position: relative;
margin-bottom:50px;
padding:20px;
}
.steplist:after {
position: absolute;
content:"";
display: block;
width:100%;
bottom: -50px;
height:50px;
left:0;
background:url(../../medical/imgs/icon_flow.png) center center no-repeat;
background-size:33px 30px;
}

.steplist p{
display:table-cell;
width:72%;
}
.steplist > p:first-child{
color:#bd3361;
width:28%;
font-size:1.4rem;
padding-right:25px;
}
.step div.steplist:last-child:after{
height:0;
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	.steplist,
	.steplist p,
	.steplist > p:first-child{
	display:inherit;
	width:100%;
	}
}



/**/
@media only screen and (min-width: 0px) and (max-width: 640px){
	.pageinner section .pageinner.flx,
	.medical_page .pageinner.flx{
	display:inherit;
	}
	.medical_page .pageinner.flx img{
	margin-bottom:10px;
	}
	.medical_page .pageinner > p{
	flex:1;
	}
}

/* 症例 */
.case{
display: table;
table-layout: fixed;
width:100%;
margin-bottom:40px;
}
.case .case_img:not(:first-child) h4{
margin-top:20px;
}
.case_txt{
display:table-cell;
width:30%;
vertical-align:top;
padding-right:15px;
}
.case_txt .profile{
border:#acacac solid 1px;
padding:1rem;
margin-bottom:15px;
}
.case_txt span{
font-size: 10px;
line-height: 14px;
display: block;
}
.case_img{
display:table-cell;
padding:0 10px;
}
.casewidth{
}
.casewidth .case_img{
display:inline-block;
}
.casewidth .case_img img{
max-height:110px;
width:auto;
}
db{
margin:-30px 0 0;
}
.case_img.bl3{
}
.case_img img{
max-width:100%;
height:auto;
max-height:380px;
margin:0 auto;
display:block;
}
.case_img.mini img{
max-width:60%;
}
.case div.case_img:last-child{
}
@media only screen and (min-width: 0px) and (max-width: 720px){
	.case,
	.case_txt{
	display:inherit;
	width:100%;
	}
	.case_txt{
	margin-bottom:10px;
	padding-right:0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 480px){
	.case_img{
	display:inherit;
	width:100%;
	padding:0;
	margin:0 auto;
	}
	.case_img img{
	max-height:280px;	
	}
	.case_img img.wmain{
	max-height:inherit;
	width: 100%;;
	}
	.case_img h4{
	margin:10px 0;
	}
}



/* Q&A */

.qa{
}
.qalist{
border-bottom:1px solid #a6a6a6;
display: table;
width: 100%;
}
.qalist p{
display:table-cell;
vertical-align:top;
padding:25px 0 25px 40px;
}
.qalist p:first-child{
width:35%;
background:url(../../medical/imgs/icon_qa_q.png) left 25px no-repeat;
background-size:30px auto;
padding-right:20px;
}
.qalist p:last-child{
background:url(../../medical/imgs/icon_qa_a.png) left 25px no-repeat;
background-size:30px auto;
}

@media only screen and (min-width: 0px) and (max-width: 720px){
	.qalist,
	.qalist p,
	.qalist p:first-child{
	display:inherit;
	width:100%;
	}
	.qalist p:last-child{
	padding:0px 0 25px 40px;
	background:url(../../medical/imgs/icon_qa_a.png) left top no-repeat;
	background-size:30px auto;
	}
}


/* 比較ブロック */
.contrast{
background:url(../../medical/imgs/icon_contrast.png) center center no-repeat;
background-size:6% auto;
}
.contrast div{
border:2px solid #dde6e6;
padding:15px;
width:46%;
}
.contrast ul{
}
.contrast ul li{
margin-top:10px;
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	.contrast{
	background:none;
	}
	.contrast,
	.contrast div{
	display:inherit;
	width:100%;
	}
	.contrast div:first-child:after{
	display:block;
	content:'';
	height:30px;
	background:url(../../medical/imgs/icon_contrast_sp.png) center center no-repeat;
	background-size:auto 30px;
	}
	.contrast div:first-child{
	border-bottom:none;
	}
	.contrast div:last-child{
	border-top:none;
	padding:0 15px 15px;
	}
}

/* 経過　説明 */
.progress{
background:url(../../medical/imgs/icon_next.png) center center no-repeat;
background-size:3% auto;
}
.progress div{
border:2px solid #dde6e6;
padding:15px;
width:48%;
}
.progress img{
width:100%;
margin-bottom:10px;
}





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


	medical parts
	
	
-----------------------------------*/

/* インプラント */
.inmplantpoint div{
width:30%;
text-align:left;
}
.inmplantpoint div img{
width:100%;
}
@media only screen and (min-width: 0px) and (max-width: 640px){
	.inmplantpoint div{
	width:100%;
	}
}