/* メインイメージ
-----------------------------------------------------------------------------*/
.aesthetic #m_img {background-image: url(../images/aesthetic/m_img.jpg);}



/* lead_box
-----------------------------------------------------------------------------*/
.aesthetic .lead_box .section {
	margin-bottom: 30px;
}
.aesthetic .med_point {
	margin-top: 30px;
	background-image: url(../images/aesthetic/img1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.aesthetic .med_point li {
	margin-top: 5px;
	color: #663300;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 2.0em;
	text-align: left;
	background: url(../images/icon_check2.png) no-repeat left .7em;
	background-size: 16px;
	padding-left: 28px;
}
.aesthetic .med_point li:first-child {
	margin-top: 0;
}

.aesthetic .lead_sub {
	text-align: center;
	letter-spacing: .05em;
	line-height: 2.4em;
}
.aesthetic .lead_sub .med_strong_o {
	margin-top: 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aesthetic .med_point {
	background-image: none;
}
.aesthetic .med_point li {
	line-height: 1.8em;
}
.aesthetic .lead_sub .med_strong_o {
	margin-top: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aesthetic .lead_box .section {
	margin-bottom: 5%;
}
.aesthetic .med_point {
	margin-top: 5%;
	background-image: none;
}
.aesthetic .med_point li {
	font-size: 100%;
	letter-spacing: normal;
	line-height: 1.8em;
	background-position: left .4em;
	background-size: 12px;
	padding-left: 20px;
}

.aesthetic .lead_sub {
	letter-spacing: normal;
	line-height: 1.8em;
}
.aesthetic .lead_sub .med_strong_o {
	margin-top: 5%;
}
}



/* 技工士
-----------------------------------------------------------------------------*/
.aesthetic .gikoshi .flt_l {
	width: 63%;
}
.aesthetic .gikoshi .flt_r {
	width: 33%;
}
.aesthetic .gikoshi .flt_l dl {
	padding-left: 5%;
	padding-right: 5%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aesthetic .gikoshi .flt_l,
.aesthetic .gikoshi .flt_r {
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aesthetic .gikoshi .flt_l {
	width: 100%;
}
.aesthetic .gikoshi .flt_r {
	width: 60%;
}
}



/* セラミックの優位性
-----------------------------------------------------------------------------*/
.aesthetic .ceramic {
	margin-bottom: 100px;
}
.aesthetic .ceramic .section {
	padding: 80px 0 50px;
	margin-bottom: 0;
}

/* 共通 */
.aesthetic .ceramic .med_index {
	margin-top: 80px;
	color: #139FCC;
	border-color: #58D0E2;
}
.aesthetic .ceramic .txt {
	text-align: center;
}
.aesthetic .ceramic .med_case_col2 {
	margin-bottom: 30px;
}

.aesthetic .ceramic .pickup_box {
	max-width: 760px;
	margin: 30px auto 0;
}
.aesthetic .ceramic .pickup_box dl {
	padding: 30px 5%;
	padding-right: 3%;
}
.aesthetic .ceramic .pickup_box dt {
	color: #139FCC;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.aesthetic .ceramic .pickup_box .flt_l {
	width: 61%;
}
.aesthetic .ceramic .pickup_box .flt_r {
	width: 36%;
	text-align: center;
}

/* ジルコニアとは */
.aesthetic .ceramic .zirconium dl {
	background: #fff url(../images/aesthetic/bg2.jpg) no-repeat right center;
	background-size: cover;
}
.aesthetic .ceramic .zirconium .flt_r {
	padding-top: 3%;
}

/* ハイブリッドセラミックとは */
.aesthetic .ceramic .about_hybrid dl {
	background: #fff;
}

/* 保険適用 */
.aesthetic .ceramic .hoken dl {
	background: #FEF9AF;
}
.aesthetic .ceramic .hoken dt {
	color: #FF9A1F;
}

/* 比較 */
.aesthetic .ceramic .tbl_hikaku {
	margin-top: 40px;
	position: relative;
}
.aesthetic .ceramic .tbl_hikaku .abs_img {
	position: absolute;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 182px;
	height: 172px;
	padding-top: 10px;
	z-index: 1;
}
.aesthetic .ceramic .tbl_hikaku table {
	width: 100%;
	position: relative;
	z-index: 0;
}

.aesthetic .ceramic .tbl_hikaku th {
	width: 50%;
	color: #fff;
	font-size: 126%;
	font-weight: normal;
	letter-spacing: .15em;
	line-height: 1.0em;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
.aesthetic .ceramic .tbl_hikaku th.col_silver {
	background: #B5B5B5;
	border-right: solid 2px #fff;
}
.aesthetic .ceramic .tbl_hikaku th.col_ceramic {
	background: #F9C026;
	border-left: solid 2px #fff;
}

.aesthetic .ceramic .tbl_hikaku td {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	vertical-align: top;
}
.aesthetic .ceramic .tbl_hikaku td.col_silver {
	border-right: dotted 2px #B1AA82;
	padding-left: 5%;
	padding-right: 10%;
}
.aesthetic .ceramic .tbl_hikaku td.col_ceramic {
	border-left: dotted 2px #B1AA82;
	padding-left: 10%;
	padding-right: 5%;
}
.aesthetic .ceramic .tbl_hikaku .demerit td {
	background: #fff;
}
.aesthetic .ceramic .tbl_hikaku .merit td {
	background: url(../images/aesthetic/bg1.png) repeat;
}
.aesthetic .ceramic .tbl_hikaku td dt {
	font-size: 120%;
	letter-spacing: .05em;
	line-height: 1.0em;
	margin-bottom: 10px;
}
.aesthetic .ceramic .tbl_hikaku .demerit dt {
	color: #B1AA81;
}
.aesthetic .ceramic .tbl_hikaku .merit dt {
	color: #FF9C20;
}
.aesthetic .ceramic .tbl_hikaku td dd {
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.8em;
	text-indent: -1.0em;
	margin-left: 1.0em;
}

.aesthetic .ceramic .txt_hosyo {
	margin-top: 100px;
	text-align: center;
	font-size: 106%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aesthetic .ceramic {
	margin-bottom: 10%;
}
.aesthetic .ceramic .section {
	padding: 8% 0;
}

/* 共通 */
.aesthetic .ceramic .med_index {
	margin-top: 8%;
}
.aesthetic .ceramic .med_case_col2 {
	margin-bottom: 3%;
}

.aesthetic .ceramic .pickup_box {
	margin: 5% auto 0;
}
.aesthetic .ceramic .pickup_box dd {
	letter-spacing: normal;
	line-height: 1.8em;
}

/* 比較 */
.aesthetic .ceramic .tbl_hikaku {
	margin-top: 6%;
}
.aesthetic .ceramic .tbl_hikaku .abs_img {
	width: 130px;
	height: 120px;
	padding-top: 10px;
}

.aesthetic .ceramic .tbl_hikaku td {
	padding-top: 20px;
	padding-bottom: 20px;
}
.aesthetic .ceramic .tbl_hikaku td.col_silver {
	padding-left: 3%;
	padding-right: 10%;
}
.aesthetic .ceramic .tbl_hikaku td.col_ceramic {
	padding-left: 10%;
	padding-right: 3%;
}

.aesthetic .ceramic .txt_hosyo {
	margin-top: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aesthetic .ceramic {
	margin-bottom: 10%;
}
.aesthetic .ceramic .section {
	padding: 8% 0;
}

/* 共通 */
.aesthetic .ceramic .med_index {
	margin-top: 10%;
}
.aesthetic .ceramic .txt {
	text-align: left;
}
.aesthetic .ceramic .med_case_col2 {
	margin-bottom: 5%;
}

.aesthetic .ceramic .pickup_box {
	margin: 5% auto 0;
}
.aesthetic .ceramic .pickup_box dl {
	padding: 5%;
	padding-right: 5%;
}
.aesthetic .ceramic .pickup_box .flt_l {
	width: 100%;
	float: none;
}
.aesthetic .ceramic .pickup_box .flt_r {
	padding-top: 3%;
	width: 100%;
	float: none;
}

/* ジルコニアとは */
.aesthetic .ceramic .zirconium dl {
	background-position: right bottom;
	background-size: contain;
}

/* 比較 */
.aesthetic .ceramic .tbl_hikaku {
	margin-top: 5%;
}
.aesthetic .ceramic .tbl_hikaku .abs_img {
	position: relative;
	padding-top: 0;
	width: 100px;
	height: 100px;
	margin: 0 auto 3%;
}

.aesthetic .ceramic .tbl_hikaku td,
.aesthetic .ceramic .tbl_hikaku td.col_silver,
.aesthetic .ceramic .tbl_hikaku td.col_ceramic {
	padding: 5%;
}
.aesthetic .ceramic .tbl_hikaku td dd {
	letter-spacing: normal;
	line-height: 1.6em;
}

.aesthetic .ceramic .txt_hosyo {
	margin-top: 10%;
}
}



/* 治療の流れ
-----------------------------------------------------------------------------*/
.aesthetic .prosess {
	margin-bottom: 0;
}

.aesthetic .prosess_list {
	background: url(../images/aesthetic/flow_bg.png) repeat-y left top;
}
.aesthetic .prosess_list li:last-child {
	background-color: #fff;
}
.aesthetic .prosess_list li {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 70px;
	_zoom: 1;
	overflow: hidden;
	margin-bottom: 20px;
}
.aesthetic .prosess_list li:nth-child(1) {
	background-image: url(../images/aesthetic/01.png);
}
.aesthetic .prosess_list li:nth-child(2) {
	background-image: url(../images/aesthetic/02.png);
}
.aesthetic .prosess_list li:nth-child(3) {
	background-image: url(../images/aesthetic/03.png);
}
.aesthetic .prosess_list li:nth-child(4) {
	background-image: url(../images/aesthetic/04.png);
}
.aesthetic .prosess_list dt {
	color: #139FCC;
	font-size: 124%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.aesthetic .prosess_list .flt_l {
	width: 66%;
}
.aesthetic .prosess_list .flt_r {
	width: 30%;
	text-align: center;
}

.aesthetic .prosess .txt_strong {
	margin-top: 80px;
	color: #FF991F;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 2.0em;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aesthetic .prosess_list dl {
	padding-top: 10px;
}
.aesthetic .prosess_list dd {
	letter-spacing: normal;
	line-height: 1.8em;
}
.aesthetic .prosess .txt_strong {
	margin-top: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aesthetic .prosess_list li {
	margin-bottom: 8%;
}
.aesthetic .prosess_list .flt_l {
	width: 100%;
	float: none;
}
.aesthetic .prosess_list .flt_r {
	margin-top: 3%;
	width: 100%;
	max-width: 200px;
	text-align: left;
	float: none;
}

.aesthetic .prosess .txt_strong {
	margin-top: 10%;
}
}



/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}

/* Mobile (Landscape)
------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}