@charset "utf-8";

h2.index-border-pink.kansyu,
.seo-policy h2.index-border-pink,
section#qa h2.index-border-pink {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 120px;
	margin-top: -60px !important;
	text-align: center;
	font-size: 28px;
	padding-bottom: 5px;
	font-weight: normal;
	margin-bottom: 25px;
}
.contents-kansyu {
	background: #FEF7F8;
	padding: 45px 0 30px;
}
.contents-kansyuInner {
	width: 980px;
	margin: 0 auto;
}
.contents-kansyu ul, 
.contents-kansyu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contents-kansyu ul li {
	width: 480px;
	padding: 20px 15px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
}
.contents-kansyu ul li:nth-child(even) {margin-left: 20px;}
.contents-kansyu ul li:nth-child(2n+1) {clear: both;}
.contents-kansyuContainer01 {margin: 0 0 20px;}
.contents-kansyuContainer01left {
	width: 100px;
	float: left;
}
.contents-kansyuContainer01right {
	width: 340px;
	float: right;
}
.contents-kansyuContainer01name {
	font-size: 15px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.contents-kansyuContainer01name em {
	font-size: 24px;
	font-style: normal;
}
.contents-kansyuContainer01name em a {
	text-decoration:underline;
	color:#FF6699;
}
.contents-kansyuContainer01shikaku,
.contents-kansyuSpShikaku {
	background: #FAFAFA;
	font-size: 14px;
	padding: 10px;
	line-height: 1.4;
}
.contents-kansyuContainer01shikaku a {text-decoration: underline;}
.contents-kansyuContainer02 table,
.contents-kansyuSpWrap table {
	width: 100%;
	border-collapse: collapse;
}
.contents-kansyuContainer02 th,
.contents-kansyuContainer02 td,
.contents-kansyuSpWrap th,
.contents-kansyuSpWrap td {
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	padding: 5px;
	line-height: 1.4;
}
.contents-kansyuContainer02 th, 
.contents-kansyuSpWrap th {width: 55px;}
.contents-kansyuContainer02 tr,
.contents-kansyuSpWrap tr {border-bottom: 1px dashed #CCC;}
.contents-kansyuContainer02 tr:last-child,
.contents-kansyuSpWrap tr:last-child {border-bottom: none;}
.contents-kansyuSpWrap {display: none;}
.contents-kansyuSpFrame {
	width: 96%;
	border: 2px solid #F96499;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contents-kansyuSp {
	display: table;
	width: 100%;
	padding: 2%;
	background: #FEF7F8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contents-kansyuSpFrame + .contents-kansyuSpFrame {margin-top: 5px;}
.contents-kansyuSpDr, 
.contents-kansyuSpName, 
.contents-kansyuSpBtn {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contents-kansyuSpDr {
	width: 75px;
}
.contents-kansyuSpDr img {
	width: 68px;
	border: 1px solid #C7C7C7;
}
.contents-kansyuSpName {
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
	padding: 0 10px 0 0;
}
.contents-kansyuSpBtn {width: 120px;}
.contents-kansyuSpBtn a {
	background-color: #FF6699;
	color: #FFF;
	display: block;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	position: relative;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 1px #B71C62;
	font-size: 11px;
	text-indent: -3px;
	margin: 0 auto;
}
.contents-kansyuSpBtn a::after {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	content: "";
	width: 5px;
	height: 5px;
	top: 48%;
	top: -webkit-calc(50% - 3px);
	top: calc(50% - 3px);
	right: 5%;
	position: absolute;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
.contents-kansyuSpName {font-size: 11px;}
.contents-kansyuSpName em {
	font-size: 15px;
	font-style: normal;
}
.contents-kansyuSp + div {padding: 2%;}
.contents-kansyuComment .floatright {width: 710px!important;text-align:left;}
.contents-kansyuComment p {margin-top: 0;}
.contents-kansyu .accordion_head_sp {display: none;}
.kansyuComment-wrap {
	width: 980px;
	margin: 0 auto;
}
.seo-policy {
	width: 980px;
	margin: 0 auto 50px;
}
@media screen and (max-width: 640px) {
	h2.index-border-pink.kansyu,
	.seo-policy h2.index-border-pink,
	section#qa h2.index-border-pink {
		width: 100%;
		margin-top: 30px!important;
		margin-bottom: 20px;
		padding-top: 0;
		font-size: 20px;
	}
	.contents-kansyu {
		background: #FFF;
		padding: 0 0 5%;
	}
	.contents-kansyuInner { width:auto; }
	.contents-kansyuSpWrap {display: block;}
	.contents-kansyu .accordion_head_sp {display: inline-block;}
	.index-border-pink.kansyu {width: 96%;}
	.contents-kansyuComment .floatleft {
		width: 35%!important;
		float: left!important;
		padding: 0 2% 2% 0;
		font-size: 12px;
		line-height: 1.3;
	}
	.contents-kansyuComment .floatleft em {font-size: 15px;}
	.contents-kansyuComment .floatright {
		width: auto!important;
		float: none;
	}
	.contents-kansyu ul li {
		width: 96%;
		border: 2px solid #F96499;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:0;
		float: none;
	}
	.contents-kansyu ul li + li {margin-top: 5px;}
	.contents-kansyuContainer01 {
		width: 100%;
		padding: 2%;
		background: #FEF7F8;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
	}
	.contents-kansyu ul li:nth-child(even) {margin-left: auto;}
	.contents-kansyuContainer01name {
		font-size: 11px;
		padding: 0 10px 0 0;
	}
	.contents-kansyuContainer01name em {
		font-size: 15px;
		font-style: normal;
	}
	.contents-kansyuContainer01left {
		width: 75px;
		display: inline-block;
		text-align: left;
		float:none;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contents-kansyuContainer01left img {
		width: 68px;
		border: 1px solid #C7C7C7;
	}
	.contents-kansyuContainer01right {
		display: inline-block;
		float:none;
		width: -webkit-calc(100% - 210px);
		width: calc(100% - 210px);
		padding: 0 10px 0 0;
		text-align: left;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contents-kansyuProfile {
		margin-top: 2%;
		padding: 3%;
		background: #FFF;
	}
	.contents-kansyuProfile .contents-kansyuContainer01right {
		width: 100%;
		padding: 0;
	}
	.contents-kansyuSpBtn {
		width: 120px;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contents-kansyuProfile {
		clear:both;
	}
	.kansyuComment-wrap {width: 96%;}
	.seo-policy {
		width: 96%;
		margin: 0 auto 5%;
	}
}
.sejutsuJisseki {
	display: table;
	width: 980px;
	height: 80px;
	padding-bottom: 12px;
	background: url(../image_hc/contents/sejutsuJissekiBg.png) center top no-repeat;
	margin: 40px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sejutsuJissekiInner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.4;
}
.sejutsuJissekiIcon {
	font-size: 26px;
	padding: 0 10px 0 42px;
	position: relative;
	vertical-align: sub;
}
.sejutsuJissekiIcon::before {
	content: "";
	width: 32px;
	height: 22px;
	background: url(../image_hc/contents/sejutsuJissekiIcon.png);
	position: absolute;
	left: 5px;
	top: 5px;
}
.sejutsuJisseki strong {
	font-size: 40px;
	font-weight: bold;
	color: #F86499;
	padding: 0 5px 0 0;
	vertical-align: sub;
}
.sejutsuJisseki strong span {font-size: 28px;}
.sejutsuJisseki br {display: none;}
@media screen and (max-width: 640px) {
	.sejutsuJisseki {
		width: 100%;
		height: 0;
		padding-bottom: -webkit-calc((90 / 604) * 100%);
		padding-bottom: calc((90 / 604) * 100%);
		background-image: url(../image_hc/contents/sejutsuJissekiBgsp.png);
		background-size: 100% auto;
		position: relative;
		margin: 4% auto;
	}
	.sejutsuJissekiInner {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 13px;
		line-height: 1.1;
		vertical-align: top;
		padding: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sejutsuJissekiIcon {
		font-size: 15px;
		padding: 0 10px 0 26px;
		vertical-align: middle;
		font-weight: bold;
	}
	.sejutsuJissekiIcon::before {
		content: "";
		width: 20px;
		height: 12px;
		background-size: 100% auto;
		left: 3px;
		top: 4px;
	}
	.sejutsuJisseki strong {
		font-size: 20px;
		vertical-align: middle;
	}
	.sejutsuJisseki strong span {font-size: 13px;}
	.sejutsuJisseki br {display: block;}
}
/*--- 新デザイン実績 */
.reasoncases {
	width: 525px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	border: 1px solid #000;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-ms-border-radius: 45px;
	-o-border-radius: 45px;
	border-radius: 45px;
}
.reasoncases span {
	font-size: 58px;
	font-weight:bold;
}
.reasoncases span i {
	font-style: normal;
	font-size: 34px;
}
.reasoncase .note {
	text-align: center;
	font-size: 15px;
	margin: 10px 0 0;
}
@media screen and (max-width: 640px) {
	.reasoncases {
		width: 90%;
		font-size: 19px;
	}
	.reasoncases span {
		font-size: 24px;
	}
	.reasoncases span i {
		font-style: normal;
		font-size: 17px;
	}
	.reasoncase .note {
		text-align: center;
		font-size: 13px;
		margin: 5px 0 0;
	}
}

#seoDoctor {
	margin: 40px 0;
	padding: 30px 0;
	background: #F6F6F6;
	line-height: 1.4;
}
.seoDoctorInner {
	width: 980px;
	margin: 0 auto;
	font-size: 15px !important;
}
#seoDoctor h2 {
	text-align: center;
	font-size: 28px !important;
	font-weight: normal;
	padding: 0;
	margin: 0 0 20px;
}
#seoDoctor p {margin: 0 0 20px;}
.seoDoctorPhoto {text-align: center;}
#seoMedia {line-height: 1.4;}
.seoMediaInner {
	width: 980px;
	margin: 0 auto;
}
#seoMedia h2 {
	text-align: center;
	font-size: 28px !important;
	font-weight: normal;
	padding: 0;
	margin: 0 0 20px;
}
#seoMedia h2::before {
	content: "";
	width: 28px;
	height: 30px;
	background: url(../image_hc/common/seoMedia.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#seoMedia ul,
#seoMedia li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#seoMedia li {
	width: 310px;
	background: #F6F6F6;
	margin: 0 0 10px 6px;
	padding: 12px 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#seoMedia li:nth-child(2n),
#seoMedia li:nth-child(3n) {margin: 0 0 10px 22px;}
.seoMediaIndex {
	font-size: 15px;
	color: #C58E6D;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 15px -6px;
}
.seoMediaIndex .seoMediaDay {
	display: inline-block;
	height: 21px;
	font-size: 14px;
	background: #C58E6D;
	color: #FFF;
	padding: 0 10px;
	position: relative;
	margin: 0 10px 0 0;
}
.seoMediaIndex .seoMediaDay::before {
	content: "";
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #D6B098;
	border-left: 5px solid transparent; 
	position: absolute;
	left: 0;
	top: 20px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
#seoMedia h3 {
	padding: 0 15px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-align: left;
}
#seoMedia p {
	padding: 0 15px;
	margin: 0;
	font-size: 15px !important;
}
@media screen and (max-width: 640px) {
	#seoDoctor {
		margin: 4% 0 6%;
		padding: 3% 0;
		font-size: 13px !important;
	}
	.seoDoctorInner {
		width: 96%;
		font-size: 13px !important;
	}
	#seoDoctor h2 {
		font-size: 18px !important;
		margin: 0 0 2%;
		border: none;
	}
	#seoDoctor p {margin: 0 0 2%;}
	.seoMediaInner {width: 94%;}
	#seoMedia h2 {
		font-size: 18px !important;
		margin: 0 0 2%;
		border: none;
	}
	#seoMedia li {
		width: 100%;
		margin: 0;
		padding: 8px 0;
		float: none;
	}
	#seoMedia li:nth-child(2n),
	#seoMedia li:nth-child(3n) {margin: 2% 0 0 0;;}
	.seoMediaIndex {margin: 0 0 2% -6px;}
	#seoMedia h3 {
		padding: 0 3%;
		font-size: 13px !important;
	}
	#seoMedia p {
		padding: 0 3%;
		font-size: 13px !important;
	}
}
section#qa {margin: 0 auto 40px;}
.qa-frame {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBBBBB;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.qa-frame:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.qa-frame .qa-frame-dr {
	padding:2px;
	border:1px solid #EEE;
	float: left;
	margin-right: 15px;
}
.qa-frame .qa-frame-q {
	background-image: url(/image_hc/common/icon-square-pink.gif);
	padding-left: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	overflow:hidden;
	/zoom:1;
}
.qa-frame .qa-frame-q a:link,
.qa-frame .qa-frame-q a:visited {
	color:#333333;
}
.qa-frame .qa-frame-a {
	overflow:hidden;
	/zoom:1;
	font-size:13px;
}
.qa-frame a:link,
.qa-frame a:visited {
	color:#FF6699;
	text-decoration:underline;
}
.qa-frame a:hover {
	text-decoration:none;
}
section#qa .inner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 640px) {
	section#qa {margin: 0 auto 4%;}
	.qa-frame {
		padding-bottom: 2%;
		margin-bottom: 2%;
	}
	.qa-frame .qa-frame-dr {margin-right: 2%;}
	.qa-frame .qa-frame-q {
		background-position: left 5px;
	}
	section#qa .inner {width: 96%;}
}
#seoText {
	max-width: 980px;
	font-size: 13px;
	line-height: 1.4;
	border: 4px double #CCCCCC;
	padding: 20px;
	background:#FDFAF0;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
	#seoText {
		max-width: 96%;
		font-size: 12px;
		border: 4px double #CCCCCC;
		padding: 10px;
	}
}

