<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

#m_img .m_img_area {
	background-image: url(../images/m_img.jpg);
}

/*全体共通
---------------------------------------------------------*/
/* 導入 */
.com_lead {
	margin-bottom: 80px;
}

/* タイトル */
.medical h4 {
	width: 94%;
	background: #AAD002;
	padding: 20px 3%;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-align: center;
}

/* ボックス */
.medical .in_box {
	padding: 50px 30px 120px;
}

/* スタイル */
.med_flt .img_l {
	text-align: center;
	float: left;
	margin-right: 3%;
	margin-bottom: 20px;
}
.med_flt .img_r {
	text-align: center;
	float: right;
	margin-left: 3%;
	margin-bottom: 20px;
}

.med_style1 dt {
	color: #736452;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.med_style1 dd {
	font-size: 95%;
	letter-spacing: 0.09em;
	line-height: 1.8em;
}

/* 区切り線 */
.med_line {
	border: none;
	border-top: 1px solid #D0DACB;
	max-width: 1000px;
	margin: 40px auto;
}

/* 黄色い斜線 */
.med_slash_y {
	background: repeating-linear-gradient(-45deg, #FFFB7C, #FFFB7C 2px, #fff 0, #fff 12px);
	background-size: 50px 50px;
}

/* フレーム付きボックス */
.med_frame_box {
	border: solid 5px #EAEEE8;
	margin-top:5%;
}
.med_frame_box h5 {
	background: #ccc;	/*適宜変更*/
	text-align: center;
	padding: 18px 3%;
	color: #444444;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.4em;
}

/* リンクボタン */
.med_btn {
	width: 100%;
	max-width: 300px;	/* 適宜変更 */
	margin: 30px auto 0;
}
.med_btn a {
	display: block;
	background: #ACA296;
	border-radius: 5px;
	padding: 14px 5px;
	color: #fff;
	font-size: 94%;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.4em;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding-right: 20px;
}
.med_btn a:hover {
	background: #8F8374;
}
.med_btn a::after {
	position: absolute;
	font-family: 'fontello';
	content: '\e800';
	font-size: 80%;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 導入 */
.com_lead {
	margin-bottom: 8%;
}

/* タイトル */
.medical h4 {
	letter-spacing: .05em;
}

/* ボックス */
.medical .in_box {
	padding: 5% 3% 10%;
}

/* スタイル */
.med_flt .img_l,
.med_flt .img_r {
	width: 36%;
}

/* 区切り線 */
.med_line {
	margin: 5% auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 導入 */
.com_lead {
	margin-bottom: 10%;
}

/* タイトル */
.medical h4 {
	font-size: 130%;
	letter-spacing: .05em;
	padding: 14px 3%;
}

/* ボックス */
.medical .in_box {
	padding: 6% 0 12%;
}

/* スタイル */
.med_flt .img_l,
.med_flt .img_r {
	float: none;
	max-width: 250px;
	margin: 0 auto 5%;
}
.med_flt .img_large {
	max-width: 100%;
}

.med_style1 dt {
	font-size: 120%;
	letter-spacing: normal;
}

/* 区切り線 */
.med_line {
	margin: 8% auto;
}

/* フレーム付きボックス */
.med_frame_box {
	border-width: 3px;
}
.med_frame_box h5 {
	padding: 15px 3%;
	font-size: 110%;
	letter-spacing: .05em;
}

/* リンクボタン */
.med_btn {
	margin-top: 5%;
}
.med_btn a {
	padding-left: 5%;
	text-align: left;
	letter-spacing:  normal;
}
}



/*チェック
---------------------------------------------------------*/
.med_check_box h5 {
	background: url(../images/bg_check.png) repeat;
	text-align: center;
	line-height: 1.0em;
	padding: 20px 3%;
}
.med_check_box .bg_white {
	background: #fff;
	padding: 30px 4%;
}

.med_check_box .check_list li {
	padding-left: 25px;
	position: relative;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.med_check_box .check_list li::before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border: solid 1px rgba(52,22,8,0.5);
}

.med_check_box .txt_strong {
	margin-top: 10px;
	text-align: center;
	color: #EAB232;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_check_box .bg_white {
	padding: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_check_box h5 {
	padding: 15px 3%;
}
.med_check_box .bg_white {
	padding: 5% 4%;
}

.med_check_box .txt_strong {
	letter-spacing: .05em;
}
}



/*流れ
---------------------------------------------------------*/
.med_flow_box {
	background: #E8F9F8;
	padding: 30px 60px;
}

.med_flow_box h5 {
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	color: #71D6D2;
	margin-bottom: 20px;
}

.med_flow_list {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}
.med_flow_list li {
	width: 20%;
	float: left;
}
.med_flow_list li p {
	max-width: 186px;
	margin: 0 auto;
}
.med_flow_list li .txt {
	text-align: left;
	margin-top: 5px;
}
.med_flow_list li.flow_arrow {
	width: 6.6666%;
	padding-top: 8%;
	text-align: center;
}
.med_flow_list li.flow_arrow img {
	max-width: 16px;
	margin: auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_flow_box {
	background: #E8F9F8;
	padding: 3% 5%;
}

.med_flow_box h5 {
	margin-bottom: 15px;
}

.med_flow_list li .txt {
	font-size: 90%;
	line-height: 1.4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow_box {
	background: #E8F9F8;
	padding: 5%;
}

.med_flow_box h5 {
	margin-bottom: 10px;
}

.med_flow_list li {
	width: 100%;
	float: none;
}
.med_flow_list li p {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.med_flow_list li .illust {
	width: 28%;
}
.med_flow_list li .txt {
	margin-top: 0;
	width: 62%;
	margin-left: 2%;
	font-size: 90%;
}
.med_flow_list li.flow_arrow {
	width: 100%;
	padding: 0;
}
.med_flow_list li.flow_arrow img {
	transform: rotate(90deg);
}
}

/*おすすめ
---------------------------------------------------------*/
.osusume {
	padding: 25px 50px;
	background: #f5f5f0;
	margin-top: 10px;
	margin-bottom: 30px;
}

.osusume .osusume_ttl h5 {
	text-align: center;
}

.osusume .osusume_ttl h5 span {
	background: url(../images/whitening/check.png)no-repeat left top;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.8em;
	color: #736452;
	padding-left: 30px;
}

.osusume .check {
	margin-top: 25px;
}

.osusume .check li {
	background: url(../images/whitening/checkbox.png)no-repeat;
	background-position: left 0 top 7px;
	padding-left: 30px;
	font-weight: 500;
	font-size: 110%;
	border-bottom: 1px solid #736452;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.osusume {
	padding: 15px 30px;
}

.osusume .check {
	margin-top: 10px;
}

.osusume .check li {
	background-position: left 0px top 7px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.osusume {
	padding: 20px;
}

.osusume .flex1 {
	flex-direction: column;
}

.osusume .check {
	margin-top: 10px;
}

.osusume .osusume_ttl h5 span {
	font-size: 150%;
	padding-top: 5px;
	padding-left: 40px;
}

}



/*QA
---------------------------------------------------------*/
.med_qa dt {
	position: relative;
	color: #756452;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	padding-left: 60px;
	padding-top: 5px;
	margin-bottom: 30px;
}
.med_qa dt span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #FFF40A;
	text-align: center;
	font-family: 'Overpass', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #756452;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 40px;
}

.med_qa dd {
	position: relative;
	padding-left: 39px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d0dacb;
}
.med_qa dd span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #aad002;
	text-align: center;
	font-family: 'Overpass', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #fff;
	font-size: 180%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 40px;
}



/* IE10 */
@media all and (-ms-high-contrast:none) {
.med_qa dt span,
.med_qa dd span {
	line-height: 55px;
}
}
/* IE11 */
@media all and (-ms-high-contrast:none) {
.med_qa dt span,
.med_qa dd span {
	line-height: 55px;
}
}

.med_qa dd div {
	padding: 5px 2% 30px;
}

.med_qa dd:last-child {
	border-bottom: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_qa dt {
	padding-left: 50px;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_qa dt {
	padding-top: 0;
	margin-bottom: 3%;
	padding-left: 50px;
}

.med_qa dd {
	margin-bottom: 5%;
}
.med_qa dd div {
	padding: 5px 5% 15px;
}
}

/* メリット、デメリット
------------------------------------------*/
.mdm_box {
	justify-content: space-between;
}

.mdm_box .merit, .mdm_box .demerit {
	width: 48.5%;
}

.mdm_box .merit dt {
	background: #FF9C6F;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: 110%;
	letter-spacing: .2em;
}

.mdm_box .merit dd {
	background: #FFF5F0;
	padding: 20px 30px;
}

.mdm_box .demerit dt {
	background: #71d6d2;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: 110%;
	letter-spacing: .2em;
}

.mdm_box .demerit dd {
	background: #F1FBFA;
	padding: 20px 30px;
}

.mdm_box .merit li,
.mdm_box .demerit li {
	position: relative;
	font-size: 94%;
	letter-spacing: normal;
	line-height:  1.6em;
	padding-left: 20px;
	margin-bottom: 5px;
}

.mdm_box .merit li::before{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid #FF9C6F;
  border-radius: 30px;
  position: absolute;
  top: .35em;
  left: 0px;
}

.mdm_box .demerit li::before,
.mdm_box .demerit li::after {
  display: block;
  content: '';
  width: 2px;
  height: 14px;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #71d6d2;
  border-radius: 10px;
  position: absolute;
  top: .3em;
  left: 5px;
}

.mdm_box .demerit li::after {
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mdm_box {
	flex-direction: column;
}

.mdm_box .merit, .mdm_box .demerit {
	width: 100%;
	margin-bottom: 5%;
}

.mdm_box .merit dd, .mdm_box .demerit dd {
	padding: 3%;
}
}



/*フッター診療メニュー
---------------------------------------------------------*/
#f_medical {
	background: repeating-linear-gradient(-45deg, #F5F5F0, #F5F5F0 2px, #fff 0, #fff 12px);
	background-size: 50px 50px;
	padding: 50px 0 40px;
}
#f_medical h5 {
	text-align: center;
	color: #746452;
	font-size: 130%;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: 30px;
}
#f_medical ul {
	margin-left: -2%;
}
#f_medical li {
	width: 23%;
	margin-left: 2%;
	float: left;
	margin-bottom: 15px;
}
#f_medical li a {
	display: block;
	padding: 15px;
	background: #FFF40A;
	color: #736452;
	font-size: 106%;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.2em;
	position: relative;
}
#f_medical li a::after {
	position: absolute;
	font-family: 'fontello';
	content: '\e800';
	font-size: 80%;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#f_medical {
	padding: 5% 0;
}
#f_medical h5 {
	margin-bottom: 3%;
}
#f_medical ul {
	margin-left: -1%;
}
#f_medical li {
	width: 24%;
	margin-left: 1%;
	margin-bottom: 10px;
}
#f_medical li a {
	padding: 15px 10px;
	font-size: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#f_medical {
	padding: 6% 0;
}
#f_medical h5 {
	margin-bottom: 5%;
}
#f_medical ul {
	margin-left: -2%;
}
#f_medical li {
	width: 48%;
	margin-left: 2%;
	margin-bottom: 10px;
}
#f_medical li a {
	padding: 15px 10px;
	font-size: 100%;
	letter-spacing: normal;
}
}



/*共通
---------------------------------------------------------*/

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}
</pre></body></html>