@charset "utf-8";

/* ---------------------------------------- 
 - mainvisual
---------------------------------------- */
#mainvisual {
	background: url(../images/main_pc.jpg) center top no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) {
#mainvisual {
}
}

/* ---------------------------------------- 
 - sideMenu
---------------------------------------- */
#index #contents #contentsCol #sideMenu > ul > li.index > a {
	background: #1d8376;
}

/* ---------------------------------------- 
 - img
---------------------------------------- */
img.fl_L {
	float:left !important; margin: 0 20px 20px 0;
}
img.fl_R {
	float:right !important; margin: 0 0 20px 20px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main .read img.fl_R {
	width: 37.93%;
}
#contents #contentsCol #main .cause img.fl_L {
	width: 44.82%;
}
}

/* ---------------------------------------- 
 - contents
---------------------------------------- */
#contents #contentsCol #main section {
	margin-bottom:70px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main section{	
	margin:0 auto;
	margin-bottom:3.5em;
	font-size:12px;
}
}

/* read */
#contents #contentsCol #main .read {
	text-align: left;
}
#contents #contentsCol #main .read p {
	margin-bottom: 55px;
}
/*anchorBtnArea*/
#contents #contentsCol #main .read .anchorBtnArea {

}
#contents #contentsCol #main .read .anchorBtnArea li {
	width: 250px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}
#contents #contentsCol #main .read .anchorBtnArea li:first-child {
	margin-left: 0;
}
#contents #contentsCol #main .read .anchorBtnArea > li > a {
	width: 100%;
	background:#61c1ad url(../images/white_arr.png) 15px center no-repeat;
	display: block;
	color: #fff;
	padding: 15px 15px 15px 30px;
}
#contents #contentsCol #main .read .anchorBtnArea > li > a:hover {
	background:#1d8376 url(../images/white_arr.png) 15px center no-repeat;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#contents #contentsCol #main .read p {
		margin-bottom: 2em;
	}
	#contents #contentsCol #main .read img.fl_R {
		width: 37.93%;
	}
	/*anchorBtnArea*/
	#contents #contentsCol #main .read .anchorBtnArea {
		padding-top: 1em;
	}
	#contents #contentsCol #main .read .anchorBtnArea li {
		width: 100%;
		float: none;
		margin-top: 10px;
		margin-left: 0;
	}
	#contents #contentsCol #main .read .anchorBtnArea > li > a {
		width: 100%;
		background:#61c1ad url(../images/white_arr.png) 15px center no-repeat;
		display: block;
		color: #fff;
		padding: 15px 15px 15px 30px;
	}
	#contents #contentsCol #main .read .anchorBtnArea > li > a:hover {
		background:#61c1ad url(../images/white_arr.png) 15px center no-repeat;
	}
}

/* ---------------------------------------- 
 - whitening
---------------------------------------- */
#contents #contentsCol #main .whitening {
	
}
/*column*/
#contents #contentsCol #main .whitening .column {
	overflow: hidden;
}
#contents #contentsCol #main .whitening h5 {
	background-color: #ede9e9;
	padding: 1em 2em;
	margin-bottom: ;
	margin:3em auto 1.5em;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	#contents #contentsCol #main .whitening h5 {
		font-size: 14px;
		width:100%;
		margin:3em auto 1.5em;
	}
	#contents #contentsCol #main .whitening img.fl_L {
		width: 53%;
	}
	#contents #contentsCol #main .whitening .column img.fl_R {
		width: 37.93%;
	}
	#contents #contentsCol #main .whitening .column img.fl_L {
		width: 41.3%;
	}
}
/* ---------------------------------------- 
 - crown
---------------------------------------- */
#contents #contentsCol #main .crown {
	margin-bottom:34px;
}
#contents #contentsCol #main .crown .crownBox {
	overflow: hidden;
	padding: 3px;
}
#contents #contentsCol #main .crown dl {
	background: #f7f7ed;
	border-radius: 6px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #cdcdcd;
	margin-bottom: 36px;
	padding: 10px 22px;
	width: 374px;
}
#contents #contentsCol #main .crown dl:nth-child(even) {
	float: right;
}
#contents #contentsCol #main .crown dl:nth-child(odd) {
	float: left;
}
#contents #contentsCol #main .crown dl dt {
	margin-bottom: 15px;
	border-bottom: #b1b1a0 solid 1px;
}
/*table*/
#contents #contentsCol #main .crown dl dd.tableArea {
	margin-top:1em;
}
#contents #contentsCol #main .crown dl dd.tableArea table {
	width: 100%;
	border-collapse: collapse;
}
#contents #contentsCol #main .crown dl dd table th {
	width: 33%;
	padding: 0.25em 0.75em;
	text-align: left;
	vertical-align: middle;
	color: #333;
	background-color: #f7f6f5;
	border: 1px solid #999985;
	font-weight: bold;
}
#contents #contentsCol #main .crown dl dd table td {
	padding: 0.25em 0.75em;
	background-color: #fff;
	border: 1px solid #999985;
	font-size: 16px;
	letter-spacing: 0.75em;
	color: #ffd26d;
	text-align: center;
	text-indent: 0.5em;
}
#contents #contentsCol #main .crown dl dd table td span {
	color: #b7b6b6;
}


@media screen and (max-width: 768px) {
	#contents #contentsCol #main .crown dl {
		background: #f7f7ed;
		border-radius: 6px;
		box-sizing: border-box;
		box-shadow: 0 0 0 2px #fff, 0 0 0 3px #cdcdcd;
		margin-bottom: 36px;
		padding: 10px 22px;
		width: 100%;
	}
	#contents #contentsCol #main .crown .crownBox dl:last-child {
		margin-bottom: 0;
	}
	#contents #contentsCol #main .crown dl:nth-child(even) {
		float: none;
	}
	#contents #contentsCol #main .crown dl:nth-child(odd) {
		float: none;
	}
	#contents #contentsCol #main .crown dl dt {
		margin-bottom: 15px;
	}
	#contents #contentsCol #main .crown dl dt img {
		width: 100%; height: auto;
	}
	#contents #contentsCol #main .crown dl dd img {
		width: 27%;
	}
}

/* ---------------------------------------- 
 - typeOfTreatment
---------------------------------------- */
#contents #contentsCol #main .typeOfTreatment {
	margin-bottom: 0;
}
/*table*/
#contents #contentsCol #main .typeOfTreatment div.tableArea {
	margin-top:1em;
}
#contents #contentsCol #main .typeOfTreatment div.tableArea table {
	width: 100%;
	border-collapse: collapse;
}
#contents #contentsCol #main .typeOfTreatment div.tableArea table th {
	padding: 0.75em;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
	background-color: #f3f2ee;
	border: 1px solid #999985;
	font-weight: bold;
}
#contents #contentsCol #main .typeOfTreatment div.tableArea table td {
	padding: 0.75em;
	background-color: #fff;
	border: 1px solid #999985;
	line-height: 1.6;
}
#contents #contentsCol #main .typeOfTreatment div.tableArea table td li {
	position: relative;
	padding-left: 2.5em;
	margin-left: -1em;
}
#contents #contentsCol #main .typeOfTreatment div.tableArea table td li:before {
	content: "■";
	position: absolute;
	left: 1em;
	color: #8ce6e3;
	margin-right: 0.5em;
}

@media screen and (max-width: 768px) {
	#contents #contentsCol #main .typeOfTreatment div.tableArea table th {
		font-size: 14px;
	}
}