@charset "utf-8";

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

	レーザー治療・顎関節症の治療 CSS

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


.laser #low_01 .rightArea {
	width: 30.6%;
	max-width: 190px;
}

.laser #low_01 #consult {
	width: 56%;
	padding: 1em 2em;
	background: #ffe8c5;
	border: 1px solid #ffe8c5;
	border-radius: 6px;
}

.laser #low_01 #consult h3 {
	color: #ff8630;
	font-weight: bold;
}



.laser #low_02 .rightArea {
	width: 30.6%;
	max-width: 190px;
}

.laser #low_02 h3 {
	margin-bottom: 10px;
	max-width: 250px;
}

.laser #low_02 p {
	margin-bottom: 20px;
}

.laser #low_02 p.last {
	margin: 0;
}



.laser #low_03 div {
	margin: 0 10% 40px 10%;
}

.laser #low_03 dl.leftArea,
.laser #low_03 dl.rightArea {
	padding-bottom: 15px;
	width: 42.8%;
	max-width: 210px;
	border: 1px solid #cccccc;
}


.laser #low_03 dl dt {
	margin-bottom: 10px;
}

.laser #low_03 dl dd {
	margin: 0 15px;
}



.laser #low_04 .leftArea {
	width: 20.1%;
	max-width: 125px;
}


/*############################################################################################*/
/* スマホ向け指定：～480px */
/*############################################################################################*/

@media only screen and (max-width: 480px) {

	.laser #low_01 #consult {
		width: 100%;
		width: auto;
	}

	.laser #low_03 div {
		margin: 0 0 40px 0;
	}

	.laser #low_03 dl.leftArea,
	.laser #low_03 dl.rightArea {
		width: 48%;
		max-width: 250px;
	}

	.laser #low_02 .rightArea {
		float: none;
		width: 100%;
		width: auto;
		max-width: 250px;
		margin: 0 auto 20px auto;
	}

}


/*############################################################################################*/
/* タブレット向け指定：481px～768px */
/*############################################################################################*/
@media only screen and (min-width: 481px) and (max-width: 906px) {

	.laser #low_01 #consult {
		width: 100%;
		width: auto;
	}

	.laser #low_03 div {
		margin: 0 0 40px 0;
	}

}