
#header .global li.treatment a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	background-color: #014099;
	height: 4px;
	display: block;
}


section.wrapper {
	border: 8px solid #e3edfa;
	padding: 25px;
}

section.wrapper h4 {
	border-left: none;
	padding-left: 0;
}


#caution {
	font-size: 14px;
}

#caution h2 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 20px;
}

@media(max-width:768px){
	#caution h2 {
		font-size: 16px;
		text-align: left;
		margin-bottom: 10px;
	}
}


#caution dl dt {
	font-weight: bold;
	margin-top: 10px;
	font-weight: bold;
}

#caution ul li {
	position: relative;	
	padding-left: 1.5em;
}

#caution ul li:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	background-color: #000;
	position: absolute;
	top: 9px;
	left: 6px;
}

/*

*/

main#general #visual {
	background-image: url(/general/img/visual_bg.jpg);
}

main#general .progress  {
	background-color: rgba(0,0,0,0.02);
	padding: 40px;
	margin-top: 40px;
}

main#general .progress li {
	overflow: hidden;
}

main#general .progress figure {
	float: left;
	margin-right: 20px;
	width: 200px;
}

@media(max-width:768px){
	main#general .progress figure {
		float: none;
		text-align: center;
		margin-right: 0;
		width: 100%;
	}
}

main#general .progress .title {
	padding-top: 32px;
}

@media(max-width:768px){
	main#general .progress .title {
		padding-top: 0;
	}
}

main#general #laser ul {
	margin-top: 28px;
	margin-bottom: -20px;
	text-align: center;
}

main#general #laser ul li {
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #014099;
	margin: 0 10px;
	margin-bottom: 20px;
	font-size: 18px;
	padding-top: 48px;
	font-weight: bold;
}

main#general #root .list {
	margin-top: 40px;
}

/*

*/

main#prevent #visual {
	background-image: url(/prevent/img/visual_bg.jpg);
}

/*

*/

main#ped #visual {
	background-image: url(/ped/img/visual_bg.jpg);
}

main#ped #family {
	background-color: #e3edfa;
	margin-bottom: -80px;
	margin-top: 80px;
	padding-bottom: 80px;
	padding-top: 80px;
}

@media(max-width:768px){
	main#ped #family {
		margin-bottom: -80px;
		margin-top: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

main#ped #family h2 {
	color: #014099;
}

main#ped #family .more {
	margin-top: 28px;
	text-align: center;
}

main#ped #family .more .btn {
	background-color: #fff;
}

main#ped #family .more .btn:hover {
	background-color: #014099;
}

/*

*/

main#surgery #visual {
	background-image: url(/surgery/img/visual_bg.jpg);
}

main#surgery #implant-comparison table td  p {
	margin: 0;
}

@media(max-width:768px){
	main#surgery #implant-comparison table {
		display: block;
	}	

	main#surgery #implant-comparison table thead {
		display: none;
	}	
	
	main#surgery #implant-comparison table tbody {
		display: block;
	}	


	main#surgery #implant-comparison table tr {
		display: block;
	}	
	
	main#surgery #implant-comparison table th {
		display: block;
		width: 100%;
		margin-top: -1px;
	}
	
	main#surgery #implant-comparison table td {
		display: block;
		margin-top: -1px;
	}
	
	main#surgery #implant-comparison table td  p.th {
		font-weight: bold;
		color: #014099;
	}
}

/*

*/

main#cancer #visual {
	background-image: url(/cancer/img/visual_bg.jpg);
}

main#cancer ol.flow {
	margin-bottom: -30px;

}

main#cancer ol.flow > li {
	padding-left: 84px;
	position: relative;
	padding-bottom: 30px;
}

@media(max-width:768px){
	main#cancer ol.flow > li {
		padding-right: 0;
		padding-left: 64px;
	}
}

main#cancer ol.flow > li:before {
	content: "";
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 34px;
	display: block;
	background-color: #014099;
}

@media(max-width:768px){
	main#cancer ol.flow > li:before {
		left: 26px;
		width: 2px;
	}
}

main#cancer ol.flow > li:last-child:before {
	display: none;
}

main#cancer ol.flow .marker {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
	text-align: center;
	background-color: #014099;
	color: #fff;
	font-family: 'Crimson Text', serif;
	font-size: 28px;
	line-height: 1;
	padding-top: 15px;
	border-radius: 50%;
}

@media(max-width:768px){
	main#cancer ol.flow .marker {
		width: 54px;
		height: 54px;
		font-size: 20px;
		padding-top: 12px;
	}
}

main#cancer ol.flow .marker:before {
	content: "STEP";
	display: block;
	font-size: 10px;
	margin-bottom: 2px;
}

main#cancer ol.flow .title {
	font-size: 24px;
	padding-top: 20px;
}

@media(max-width:768px){
	main#cancer ol.flow .title {
		font-size: 20px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
}

main#cancer ol.flow > li ul {
	margin: 0 -20px;
	overflow: hidden;
}

@media(max-width:768px){
	main#cancer ol.flow > li ul {
		margin-bottom: -20px;
	}
}

main#cancer ol.flow > li ul > li {
	width: 50%;
	float: left;
	padding: 0 20px;
}

@media(max-width:768px){
	main#cancer ol.flow > li ul > li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
}

main#cancer ol.flow > li ul > li p:first-child {
	background-color: #e3edfa;
	padding: 0 10px;
	text-align: center;;
	color: #014099;
	margin-bottom: 0;
	border: 10px solid #e3edfa;
	border-bottom: none;
}

main#cancer ol.flow > li ul > li p:first-child + p {
	border: 10px solid #e3edfa;
	padding: 20px;
}


main#cancer #type figure {
	text-align: center;
}

main#cancer #type figure {
	width: 600px;
	margin: 0 auto;
}

@media(max-width:768px){
	main#cancer #type figure {
		width: 100%;
	}
}

/*

*/

main#dentures #visual {
	background-image: url(/dentures/img/visual_bg.jpg);
}



/*

*/

main#visited #visual {
	background-image: url(/visited/img/visual_bg.jpg);
}

main#visited ol.flow {
	margin-bottom: -30px;

}

main#visited ol.flow li {
	padding-left: 84px;
	min-height: 210px;
	position: relative;
	padding-right: 350px;
	padding-bottom: 30px;
}

@media(max-width:768px){
	main#visited ol.flow li {
		padding-right: 0;
		padding-left: 64px;
	}
}

main#visited ol.flow li:before {
	content: "";
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 34px;
	display: block;
	background-color: #014099;
}

@media(max-width:768px){
	main#visited ol.flow li:before {
		left: 26px;
		width: 2px;
	}
}

main#visited ol.flow li:last-child:before {
	display: none;
}

main#visited ol.flow .marker {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
	text-align: center;
	background-color: #014099;
	color: #fff;
	font-family: 'Crimson Text', serif;
	font-size: 28px;
	line-height: 1;
	padding-top: 15px;
	border-radius: 50%;
}

@media(max-width:768px){
	main#visited ol.flow .marker {
		width: 54px;
		height: 54px;
		font-size: 20px;
		padding-top: 12px;
	}
}

main#visited ol.flow .marker:before {
	content: "STEP";
	display: block;
	font-size: 10px;
	margin-bottom: 2px;
}

main#visited ol.flow .title {
	font-size: 24px;
	padding-top: 20px;
}

@media(max-width:768px){
	main#visited ol.flow .title {
		font-size: 20px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
}

main#visited ol.flow figure {
	position: absolute;
	right: 0;
	top: 0;
	width: 320px;
}

@media(max-width:768px){
	main#visited ol.flow figure {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 20px;
	}
}


main#visited dl.faq {
	margin-bottom: -28px;
}

main#visited dl.faq dt {
	padding-left: 80px;
	min-height: 54px;
	padding-top: 16px;
	position: relative;
	font-size: 20px;
	color: #014099;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	margin-bottom: 10px;
}

@media(max-width:768px){
	main#visited dl.faq dt {
		padding-left: 64px;
		font-size: 18px;
		padding-top: 8px;
	}
}

main#visited dl.faq dt:before {
	content: "Q";
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #014099;
	border-radius: 50%;
	font-size: 24px;
	font-family: 'Crimson Text', serif;
}

main#visited dl.faq dd {
	padding-left: 80px;
	position: relative;
	margin-bottom: 28px;
}

@media(max-width:768px){
	main#visited dl.faq dd {
		padding-left: 64px;
	}
}

main#visited dl.faq dd:before {
	content: "A";
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #014099;
	background-color: #e3edfa;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	font-size: 24px;
	font-family: 'Crimson Text', serif;
}




/*

*/

main#ortho #visual {
	background-image: url(/ortho/img/visual_bg.jpg);
}

main#ortho #child-checklist .container {
	padding: 30px;
	background-color: #F4F4F4;
}

@media(max-width:768px){
	main#ortho #child-checklist .container {
		padding: 20px;
	}
}

main .title {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	line-height: 1.4;
	color: #014099;
	margin-bottom: 20px;
	font-size: 20px;
}

@media(max-width:768px){
	main .title {
		margin-bottom: 10px;
	}
}

main .copy {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	line-height: 1.4;
	color: #014099;
	margin-bottom: 10px;
	font-size: 24px;
}

@media(max-width:768px){
	main .copy {
		font-size: 18px;
	}
}

main#ortho #child-checklist ul {
	overflow: hidden;
	margin: 0 -5px -10px;
}

main#ortho #child-checklist ul li {
	float: left;
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px;
}

@media(max-width:768px){
	main#ortho #child-checklist ul li {
		width: 100%;
	}
}

main#ortho #child-checklist ul li:nth-child(2n+1) {
	clear: both;
}

main#ortho #child-checklist ul li p {
	background-color: #fff;
	line-height: 1.2;
	height: 100%;
	padding: 16px;
	border-radius: 8px;
}


/*

*/

main#aesthetic #visual {
	background-image: url(/aesthetic/img/visual_bg.jpg);
}