@charset "utf-8";

/* nakanobu-central-dental.com
 * Style sheet for the HTML5
 * Last modify 2017/03/01 07:01
 */


/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
#greeting p:first-child {
	padding-top: 68%;
	background: url("../img/first_time/bg_greeting01_sp.jpg") no-repeat center top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#greeting .sign {
	margin-top: 25px;
	font-size: 14px;
	text-align: right;
}
#greeting .sign img {
	width: 87px;
	vertical-align: top;
}
#treatmentFlow h3 {
	margin: 15px 0;
	padding: 10px 0;
	border-radius: 22px;
	background: #6fb92c;
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
#treatmentFlow p.taC {
	font-size: 18px;
}
#treatmentFlow .flowWrap01 {
	margin: 25px 0 0;
	padding: 10px;
	background: #ffffff;
}
#treatmentFlow .arrow01 {
	margin: 0 0 20px;
	padding: 0 0 65px;
	background: url("../common/img/img_arrow01_sp.png") no-repeat center bottom;
	-webkit-background-size: 28px;
	background-size: 28px;
}
#treatmentFlow .skip div.arrow01 {
	margin: 0;
	padding: 0 22% 0 0;
	background: url("../common/img/img_arrow02_sp.png") no-repeat 93% bottom;
	-webkit-background-size: 28px;
	background-size: 28px;
}
	#treatmentFlow .skip div.arrow01 .arrow01 {
		margin: 15px 0 0;
		padding: 55px 0 0;
		background-position: center top;
	}
		#treatmentFlow .skip p {
			margin: 0 0 20px;
			padding: 0 0 65px;
			background: url("../common/img/img_arrow01_sp.png") no-repeat center bottom;
			-webkit-background-size: 28px;
			background-size: 28px;
		}
	#treatmentFlow .qaWrap01 {
		margin: 20px 0 15px;
		padding: 25px 20px 10px;
		background: #f4f9e9 url("../img/first_time/bg_qa01_sp.png") repeat-x left top;
		-webkit-background-size: 21px;
		background-size: 21px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
		-moz-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
		box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	}
		#treatmentFlow .qaWrap01 dt {
			margin-bottom: 10px;
			background: url("../common/img/ico_q01_sp.png") no-repeat left top;
		}
		#treatmentFlow .qaWrap01 dd {
			background: url("../common/img/ico_a01_sp.png") no-repeat left top;
		}
		#treatmentFlow .qaWrap01 dt,
		#treatmentFlow .qaWrap01 dd {
			padding: 2.4% 0 3.03% 18%;
			-webkit-background-size: 14%;
			background-size: 14%;
			text-align: left;
			font-size: 16px;
		}
		#treatmentFlow .arrow01 .taC img {
			height: 16px;
			margin: 0 0 3.12%;
		}
	#download .wrap {
		padding: 6.25%;
		border-radius: 15px;
		background: #faf3ec;
	}
		#download .wrap span {
			color: #f783ad;
		}
	#download .flL {
		float: none;
	}
	#download .wrap01 li span {
		color: #6fb92d;
	}
	#download .wrap01 a {
		color: #6fb92d;
		font-weight: bold;
		text-decoration: none;
	}
	#download .wrap01 a:hover {
		color: #ff8a00;
		font-weight: bold;
	}
		#download .wrap01 a:hover span {
			color: #ff8a00;
		}
	#download .btn {
		margin: 25px auto 0;
	}
	#download .btn p {
		margin: 1% auto 0;
		text-align: center;
	}
	#download .ul_basic01.note {
		margin-top: 25px;
	}
	.pluginBanner {
		margin: 25px 0 0;
	}
	.pluginBanner .sp {
		display: inline;
		color: #727171;
	}
	.pluginBanner div {
		margin: 25px 0 0;
		text-align: center;
	}
	#info li strong,
	#info li b {
		color: #fa8305;
	}
	#info li b {
		font-weight: normal;
	}
	#info li span {
		color: #6fb92c;
	}
	#info .card01 {
		padding-bottom: 15%;
		background: url("../img/first_time/img_card01_sp.png") no-repeat center bottom;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#webReservation ul {
		margin: 25px 0 0;
	}
		#webReservation li:nth-child(2) {
			display: none;
		}
	#webReservation ul.ul_basic01 {
		margin-left: 15px;
	}

/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (min-width: 481px) {

}

/*********************
LARGER DEVICES
*********************/
@media only screen and (min-width: 641px) {
#content #greeting h2 {
	margin: 30px 0 25px;
}
#greeting .greetingWrap02 {
	padding: 0 300px 0 0;
	background: url("../img/first_time/bg_greeting01.jpg") no-repeat right top;
	-webkit-background-size: 260px;
	background-size: 260px;
}
#greeting p,
#greeting p:first-child {
	padding: 0 0 36px;
	background: url("../img/first_time/img_line01.png") repeat left top;
	line-height: 36px;
}
#greeting .sign {
	margin-top: 0;
	padding: 0;
	background: url("../img/first_time/img_line01.png") repeat left top;
	line-height: 36px;
}
#greeting .sign img {
	width: 87px;
	margin-bottom: 3px;
	vertical-align: middle;
}
#treatmentFlow h3 {
	font-size: 22px;
}
#treatmentFlow p.taC {
	font-size: 22px;
}
#treatmentFlow .flowWrap01 {
	margin: 30px 0 0;
	padding: 30px 160px;
}
#treatmentFlow .arrow01 {
	margin: 0 0 20px;
	padding: 0 0 70px;
}
#treatmentFlow .skip div.arrow01 {
	margin: 0;
	padding: 0 22% 0 0;
}
	#treatmentFlow .skip div.arrow01 .arrow01 {
		margin: 20px 0 0;
		padding: 55px 0 0;
	}
		#treatmentFlow .skip p {
			margin: 0 0 20px;
			padding: 0 0 70px;
		}
		#treatmentFlow .arrow01 .taC img {
			height: 20px;
			margin: 0 0 3.12%;
		}
	#treatmentFlow .qaWrap01 {
		background: #f4f9e9 url("../img/first_time/bg_qa01.png") repeat-x left top;
		-webkit-background-size: 21px;
		background-size: 21px;
	}
		#treatmentFlow .qaWrap01 dt {
			margin-bottom: 10px;
			background: url("../common/img/ico_q01.png") no-repeat left top;
		}
		#treatmentFlow .qaWrap01 dd {
			background: url("../common/img/ico_a01.png") no-repeat left top;
		}
		#treatmentFlow .qaWrap01 dt,
		#treatmentFlow .qaWrap01 dd {
			padding: 5px 0 15px 45px ;
			-webkit-background-size: 34px;
			background-size: 34px;
			font-size: 16px;
		}
	#download .wrap {
		padding: 30px;
	}
	#download .detail {
		float: left;
		width: 600px;
	}
	#download .btn {
		float: right;
		width: 300px;
		margin: 0 auto;
	}
	#download .btn p {
		margin: 5px auto 0;
	}
	.pluginBanner {
		margin: 25px 0 0;
	}
	.pluginBanner:after {
		content: "";
		display: block;
		clear: both;
	}
		.pluginBanner ul {
			float: right;
			width: 710px;
		}
		.pluginBanner div {
			float: left;
			width: 190px;
			margin: 5px 0 0;
			text-align: left;
		}
	#download .ul_basic01.note {
		margin-top: 0;
	}
	.pluginBanner .sp {
		display: none;
	}
	.pluginBanner .pc {
		display: inline;
		color: #727171;
	}
	#info .card01 {
		padding: 0 430px 20px 0;
		background: url("../img/first_time/img_card01.png") no-repeat right top;
		-webkit-background-size: 394px;
		background-size: 394px;
	}
	#webReservation ul {
		margin: 25px 0;
		text-align: center;
	}
		#webReservation li {
			display: inline-block;
			margin: 0 10px;
		}
		#webReservation li:nth-child(2) {
			display: inline-block;
		}
			#webReservation li a:hover {
				opacity: 0.8;
			}
	#webReservation ul.ul_basic01 {
		margin-left: 6px;
		text-align: left;
	}

}