@charset "utf-8";
/* ======================================================

	structure CSS

========================================================= */
/* ======================================================

	body

========================================================= */
body {
	color:#333;
	font-size:18px;
	line-height:22.5px;
	line-height:2.25rem;/*150%*/
}

.container {
	width:100%;
	min-width:960px;
}

/* ======================================================

	header

========================================================= */
.header {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	border-bottom: 8px solid #d36da4;
	overflow: hidden;
}

.header h1 {
	height: auto;
	overflow: hidden;
	background: #d36ca4;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.header h1 span {
	height: auto;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	display: block;
}

.header_contents {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

.header_fl {
	float: left;
	height: auto;
	overflow: hidden;
}

.header_logo {
	margin-top: 15px;
	text-align: left;
}

.h_logoArea a:hover {
	opacity: 0.7;
	cursor: pointer;
}

.header_text_01 {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
	font-size: 14px;
}

.header_fr {
	float: right;
	width: 450px;
	height: auto;
	overflow: hidden;
	padding: 5px 0 10px 0;
}

.header_text_02 {
	height: auto;
	overflow: hidden;
	margin: 0 auto 5px;
	font-size: 13px;
}

.header_fl_01 {
	float: left;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.tel_m {
	font-size: 20px;
	color: #009ef4;
	margin-bottom: 5px;
}

.header_fr_01 {
	float: right;
	height: auto;
	overflow: hidden;
}

.tel_s {
	font-size: 20px;
	color: #f0a0ad;
	margin-bottom: 5px;
}

/* ======================================================

	mv

========================================================= */
.top_mvArea {
	height: auto;
	overflow: hidden;
	background: url(images/mvArea_bg.jpg) ;
}

.top_mvArea_inner {
	height: 420px;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

.mv_box {
	height: 390px;
	overflow: hidden;
	margin: 0 auto 20px;
	background: url(images/MV.png) no-repeat top center;
	position: absolute;
	width: 960px;
}

.mv_box p {
	overflow: hidden;
	padding: 2px 0 2px 0;
	font-size: 2.6rem;
}

/*各部位名称*/
.zentoudou {
	position: relative;
	right: -610px;
	top: 55px;
	width: 78px;
	height: 24px;
}

.choukeiktsudou {
	position: relative;
	right: -822px;
	top: 50px;
	width: 104px;
	height: 24px;
}

.shikotsudou {
	position: relative;
	right: -612px;
	top: 110px;
	width: 78px;
	height: 24px;
}

.jougakudou {
	position: relative;
	right: -612px;
	top: 185px;
	width: 78px;
	height: 24px;
}

.fukubikou_txt01 {
	position: relative;
	right: -570px;
	top: 230px;
	width: 220px;
	height: auto;
	padding: 0!important;
	font-size: 2.4rem!important;
	line-height: 3.0rem;
}

.fukubikou_txt01 span {
	color: #d36ca4;
}

.fukubikou_txt02 {
	position: relative;
	right: -20px;
	top: 135px;
	width: 340px;
	height: auto;
	padding: 0!important;
	font-size: 2.6rem!important;
	line-height: 3.6rem;
}

.top_mvArea h2 {
	height: auto;
	overflow: hidden;
	background: url(images/mvArea_inner_h2.png) no-repeat top center;
	text-align: center;
	padding: 100px 0 41px;
	margin: 0 auto 40px;
	font-weight: normal;
	font-size: 3.2rem;
}

.top_mvArea h2 span {
	color: #e83557;
}

/* ======================================================

	contents

========================================================= */
.contents{
	height: auto;
	overflow: hidden;
	margin: 0 auto 30px;
}

/* caseArea
========================================== */
.caseArea {
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #f0d9e5;
	padding: 60px 0;
}

.case_inner {
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}

.case_inner h2 {
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 auto 30px;
}

.case_box {
	height: auto;
	overflow: hidden;
	background: #fff;
	border: 1px solid #d36ca4;
	padding: 25px 55px 25px 0;
	margin: 0 auto 30px;
}

.case_box:last-child {
	margin: 0 auto;
}

.case_box h3 {
	height: auto;
	overflow: hidden;
	background: url(images/case_h3_ttl_bg.png) no-repeat top left;
	padding: 38px 0 38px 100px;
	margin: 0 auto 50px;
	font-size: 4.2rem;
	font-weight: normal;
}

.case_box dl {
	height: auto;
	overflow: hidden;
	margin: 0 0 30px 50px;
}

.case_box dl:last-child {
	height: auto;
	overflow: hidden;
	margin-bottom: 0px;
}

.case_box dt{
	height: auto;
	overflow: hidden;
	float: left;
	width: 185px;
}

.case_box dd {
	height: auto;
	overflow: hidden;
	float: right;
	width: 635px;
}

.case_box ul {
	
}

.case_box li {
	background: url(images/case_list_icon.png) no-repeat top 3px left;
	height: auto;
	overflow: hidden;
	margin: 0 auto 5px;
	padding: 0px 0 0px 15px;
}

.case_box li:last-child {
	margin: 0 auto;
}

/* inspectionArea
========================================== */
.inspectionArea {
	height: auto;
	overflow: hidden;
	background: url(images/mvArea_bg.jpg) ;
	padding: 60px 0;
}

.inspection_inner {
	background: url(images/inspection_bg.png) no-repeat;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
	padding: 235px 100px 270px;
	position: relative;
}

.inspection_txt01 {
	height: auto;
	overflow: hidden;
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.inspection_txt02 {
	color: #6d3553;
	position: absolute;
	width: 265px;
	top: 362px;
	right: 110px;
	font-size: 1.8rem;
	line-height: 3.0rem;
}

.inspection_inner p span {
	color: #e83557;
}

/* methodArea
========================================== */
.methodArea {
	height: auto;
	overflow: hidden;
	padding: 60px 0;
	margin: 0 auto 60px;
	background: #f0d9e5;
}

.methodArea h2 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.method_inner {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0 40px;
	background: #fff;
}

.method_txtArea {
	height: auto;
	overflow: hidden;
	background: url(images/method_txtArea_bg.png) no-repeat top right 50px;
	padding: 50px 70px 40px 0;
	margin: 0 auto 20px;
}

.method_txtArea p {
	height: auto;
	overflow: hidden;
	width: 570px;
	float: right;
}

.method_txtArea p span {
	color: #e54949;
}

.method_commentary {
	height: 290px;
	overflow: hidden;
	background: url(images/method_commentary.jpg) no-repeat;
	width: 850px;
	margin: 0 auto 30px;
	position: relative;
}

.method_commentary_inner {
	position: absolute;
	top: 80px;
	left: 40px;
}

.method_commentary dl {
	height: auto;
	overflow: hidden;
	margin: 0 auto 40px;
}

.method_commentary dl:last-child {
	margin: 0 auto;
}

.method_commentary dt {
	height: auto;
	overflow: hidden;
	padding: 5px 0;
	margin: 0 auto 10px;
	color: #ff858d;
	font-size: 3.0rem;
}

.method_commentary dd {
	color: #707070;
	font-size: 2.4rem;
}

.method_commentary p {
	
}

.method_txtArea02 {
	height: auto;
	overflow: hidden;
	background: url(images/method_txtArea02_bg.jpg) no-repeat;
	width: 855px;
	margin: 0 auto;
	padding: 81px 55px;
}

.method_txtArea02 p {
	height: auto;
	overflow: hidden;
	font-size: 2.4rem;
	line-height: 3.0rem;
}

.method_txtArea02 p span {
	color: #e54949;
}

/* voiceArea
========================================== */
.voiceArea {
	height: auto;
	overflow: hidden;
	background: url(images/voiceArea_bg.jpg) no-repeat;
	width: 960px;
	margin: 0 auto 60px;
	padding: 150px 60px 250px;
}

.voiceArea li {
	height: auto;
	overflow: hidden;
	margin: 0 auto 30px;
}

.voiceArea li:last-child {
	margin: 0 auto;
}

.voiceArea li:first-child dt {
	background: url(images/faq_Q1.jpg) no-repeat;
}

.voiceArea li:nth-child(2) dt {
	background: url(images/faq_Q2.jpg) no-repeat;
}

.voiceArea li:nth-child(3) dt {
	background: url(images/faq_Q3.jpg) no-repeat;
}

.voiceArea dl {
	height: auto;
	overflow: hidden;
}

.voiceArea dt {
	height: auto;
	overflow: hidden;
	padding: 17px 0 11px 90px;
	color: #fff;
}

.voiceArea dd {
	background: url(images/faq_A_icon.png) no-repeat top 15px left 40px #fff;
	height: auto;
	overflow: hidden;
	padding: 20px 30px 15px 120px;
}

/* information
========================================== */
.infoArea {
	height: auto;
	overflow: hidden;
}

.infoArea h2 {
	width: 100%;
	text-align: center;
	background: url(images/information_gb_img.png) no-repeat #f0d9e5;
	padding: 10px 0;
	margin: 0 auto 10px;
}

.infoArea_nner {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.info_matsutani {
	height:auto;
	overflow: hidden;
	float: left;
	width: 475px;
}

.info_leftArea {
	float: left;
	width: 215px;
	height: auto;
	overflow: hidden;
}

.info_leftArea figure {
	height:auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.info_googlemap {
	height:auto;
	overflow: hidden;
}

.info_rightArea {
	float: right;
	height: 395px;
	width: 248px;
	position: relative;
}

.info_rightArea h3 {
	height:auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.info_rightArea ul {
	height:auto;
	overflow: hidden;
	margin: 0 auto 20px;
}

.info_rightArea li {
	height:auto;
	overflow: hidden;
	margin: 0 auto 10px;
	font-size: 1.6rem;
}

.info_rightArea li:nth-child(2) {
	font-weight: bold;
}

.info_rightArea li:nth-child(2) span {
	font-size: 16px;
}

.info_rightArea li:last-child {
	margin: 0 auto;
}

.info_rightArea_btn {
	height:auto;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

.info_rightArea_btn a:hover {
	opacity: 0.7;
	cursor: pointer;
}

.info_senri {
	height:auto;
	overflow: hidden;
	float: right;
	width: 475px;
}

.info_txt {
	overflow: hidden;
	height: auto;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

/* ======================================================

	footer

========================================================= */
.footerArea {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #d36ca4;
	padding: 15px 0;
	text-align: center;
	color: #fff;
}

.copyright {
	font-size: 1.6rem;
}