@charset "utf-8";

/* --------- common --------- */
.nobr{line-height: normal !important;}

/* --------- denture --------- */
#denture {margin-bottom: 60px;}
#denture section {margin-bottom: 20px;}
.denture_sub, .denture_type{padding-bottom: 20px;}
.denture_sub section, .denture_type section{padding-top: 20px;}
#denture h3{
	background: none;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding: .5em 0 .25em 0;
	text-align: center;
	font-weight: bold;
}
#denture h4{
	border-top: 1px #604846 solid;
	border-bottom: 1px #604846 solid;
	background-color: #f5f5f5;
	font-size: 16px;
	line-height: 2.3em;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 0 0 28px;
	margin: 0 0 18px 0;
	text-align: left;
	color: #000;
}
#denture h5{
	color: #777;
	background-color:#FFF;
	border-bottom: dashed 2px #CCC;
	line-height:40px;
	margin-bottom:15px;
	text-align: center;
}
.intro{
	display: inline;
	font-weight: bold;
	text-align: center;
}

/* --------- denture_type --------- */
.denture_type_intro{
	text-align: center;
	background-color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	color: #1e90ff;
	border: 2px #add8e6 solid;
	border-radius: 10px;
	padding: 10px;
	margin: 20px 0;
	line-height: 1.8em;
}
.point{
	width: 90%;
	margin: auto;
	background-color: #F79;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 10px !important;
}
.denture_type ul{
	margin: auto;
}
.denture_type ul li{
	font-size: 0.9em;
	text-align: left;
}


.float-left-img2{ float: none; margin:auto; display:block; max-width:95%; width:100%;}
.float-right-img2{ float: none; margin:auto; display:block; max-width:95%; width:100%;}
.up_denture .btn2{font-size: 1em; text-align: center; margin-top: 15px;}


.h5 {
	padding: 0.4em 0.5em;
	border-bottom: solid 3px #d7d7d7;
	margin-bottom:20px;
	font-weight:bold;
	color: #666;
	display: block;
}

/* ■■■■■■■■■ SP用 ■■■■■■■■■ */
@media screen and (max-width : 959px) {

	/* --------- common --------- */
	.main{padding-left: 0; padding-right: 0;}
	.denture_sub, .denture_type, .commitment, .sp-box{padding-left: 1em; padding-right: 1em;}
	.denture_sub img, .denture_type img, .commitment img{width: 100%; margin-bottom: 20px;}

	/* --------- denture_type --------- */
	.flex_box img{width: 80%; height: 80%; margin-bottom: 0;}
	.denture_type ul li{font-size: 1em;}
	#denture h5{
		border-top: dashed 2px #CCC;
		margin-top: 20px;
		text-align: center;
	}
}



/* ■■■■■■■■■ PC用 ■■■■■■■■■ */
@media screen and (min-width : 960px) {
	
	/* --------- common --------- */
	.float-left-img2{
		float: left;
		margin-right: 20px;
		margin-bottom:30px;
		margin-top:30px;
		display: block;
		max-width: 200px;
		width: 100%;
	}
	.float-right-img2{
		float: right;
		margin-left: 20px;
		display: block;
		max-width: 200px;
		width: 100%;
	}

	/* --------- denture_type --------- */
	.flex_box{display: flex; justify-content: space-between;}
	.flex_box div{width: calc(50% - 12px);}
}