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

.w202 {
	width: 21.0416667%;
}

.w212 {
	width: 22.0833333%;
}

.w227 {
	width: 23.645833%;
}

.w247 {
	width: 25.7291667%;
}

.w251 {
	width: 26.1458333%;
}

.w300 {
	width: 31.25%;
}

.w358 {
	width: 37.2916667%;
}

.w692 {
	width: 72.0833333%;
}

.w727 {
	width: 75.7291667%;
}

.w758 {
	width: 78.9583333%;
}

@media only screen and (max-width: 640px) {
	.w202 {
		width: 100%;
	}
	.w247 {
		width: 100%;
		text-align: center;
	}
	.w692 {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.w758 {
		width: 100%;
		text-align: center;
	}
}

.mh54 {
	min-height: 54px;
}

.mh75 {
	min-height: 75px;
}

.mh96 {
	min-height: 96px;
}

.mh117 {
	min-height: 117px;
}

.mh180 {
	min-height: 180px;
}

.mh33 {
	min-height: 33px;
}

@media only screen and (max-width: 768px) {
	.mh33 {
		min-height: 40px;
	}
	.mh54 {
		min-height: 40px;
	}
	.mh75 {
		min-height: 40px;
	}
	.mh96 {
		min-height: 40px;
	}
	.mh117 {
		min-height: 40px;
	}
	.mh180 {
		min-height: 40px;
	}
}

.inline {
	display: inline !important;
}

.clearboth {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

span.redArea {
	position: relative;
	width: auto;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	background: #bb1111 !important;
}

/* subnav */

.subArea {
	margin: 70px 0 30px;
	text-align: center !important;
}

.subArea ul {
	max-width: 722px;
	margin: 0 auto;
}

.subArea ul li {
	width: calc(234 / 722 * 100%);
	margin-right: calc(10 / 722 * 100%);
	float: left;
}

.subArea ul li.last {
	margin-right: 0;
}

@media only screen and (max-width: 640px) {
	.subArea ul {
		text-align: center;
	}
	.subArea ul li {
		width: 100%;
		margin: 0 auto 10px;
		float: none;
	}
	.subArea ul>*:first-child+*+*+* {
		width: 100%;
		margin: 0 auto 10px;
		;
	}
}

/* layout */

.mainView {
	position: relative;
	padding: 0 0 30px;
}

.cttl {
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

/*** MAIN ***/

/***** 01 ***********
********************/

@media only screen and (max-width: 768px) {
	ul.img3Area {}
	ul.img3Area li {
		width: 100%;
		float: none;
	}
}

.serviceArea {
	padding: 0 0 30px;
}

.serviceArea dl {
	margin: 0 0 0 2.60416678%;
	float: left;
}

.serviceArea dl dd {
	padding: 0 0 10px;
}

.serviceArea dl dd:before {
	position: relative;
	bottom: 1px;
	left: -10px;
	content: url(../imgs/icn-point.png);
}

.servicePhoto {
	margin-left: -10px;
}

@media only screen and (max-width: 640px) {
	.serviceArea dl {
		width: 100%;
		margin: 0;
	}
	.serviceArea dl dd:before {
		left: 0;
		margin: 0 10px 0 0;
	}
	.servicePhoto {
		margin-left: 0px;
	}
}

.qa {}

.qa dl {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 50px;
}

.qa dl.end {
	width: 62.5925926%;
	margin: 0 0 0 4.5%;
	float: left;
}

@media only screen and (max-width: 768px) {
	.qa dl.end {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
}

.qa dl dt {
	width: 4.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}

@-moz-document url-prefix() {
	.qa dl dt {
		padding: 10px 0.72916667%;
	}
}

.qa dl.end dt {
	width: 7.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}

@-moz-document url-prefix() {
	.qa dl.end dt {
		padding: 10px 0.72916667%;
	}
}

.qa dl dt.q2 {
	position: relative;
	width: 4.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}

.qa dl.end dt.q2 {
	position: relative;
	width: 7.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}

.qa dl dt.q2 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.qa dl dd {
	width: 90%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}

.qa dl.end dd {
	width: 87%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}

.qa dl dd.a2 {
	width: 90%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}

.qa dl.end dd.a2 {
	width: 87%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}

@media only screen and (max-width: 768px) {
	.qa dl dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 img {
		right: auto;
	}
	.qa dl.end dt.q2 img {
		right: auto;
	}
	.qa dl dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl.end dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	.qa dl.end dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	.ph {
		width: 100%;
		text-align: center;
	}
}

/***** 02 ***********
********************/

.sec1 {
	padding: 0 0 50px;
}

.sec1 ul {}

.sec1 ul li {}

.sec1 ul li p {
	padding: 0 2% 10px;
	letter-spacing: 0.01em;
}

.sec1 ul li p:before {
	position: relative;
	bottom: 1px;
	left: -5px;
	content: url(../imgs/icn-point.png);
}

@media only screen and (max-width: 768px) {
	.sec1 ul li {
		width: 100%;
		float: none;
	}
	.sec1 ul>*:first-child+* {
		text-align: center;
	}
}

.sec2 {}

.sec2 ul {}

.sec2 ul li {
	width: 24%;
	margin: 0 0 0 1%;
	float: left;
}

.sec2 ul li h4 {
	padding: 0 0 15px;
	font-size: 13px;
	letter-spacing: 0.01em;
}

.sec2 ul li h4:before {
	position: relative;
	bottom: 1px;
	margin: 0 3px 0 0;
	content: url(../imgs/icn-point.png);
}

.sec2 ul li p {
	font-size: 12px;
}

@media only screen and (max-width: 768px) {
	.sec2 ul li {
		width: 100%;
		margin: 0 0 30px;
		;
		float: none;
	}
}

.sec3 {
	padding: 0 0 70px;
}

.sec3 ul {}

.sec3 ul li {
	width: 24%;
	margin: 0 0 0 1%;
	float: left;
}

.sec3 ul>*:first-child+*+* {
	width: 49%;
}

.sec3 ul li h4 {
	padding: 20px 0 15px;
	font-size: 13px;
	letter-spacing: 0.01em;
}

.sec3 ul li h4:before {
	position: relative;
	bottom: 1px;
	margin: 0 3px 0 0;
	content: url(../imgs/icn-point.png);
}

.sec3 ul li p {
	font-size: 12px;
}

@media only screen and (max-width: 768px) {
	.sec3 ul li {
		width: 50%;
		margin: 10px 0 20px;
		;
		text-align: center;
		float: left;
	}
	.sec3 ul>*:first-child+*+* {
		width: 100%;
		text-align: left;
		float: none;
	}
}

/***** 03 ***********
********************/

.sec1C {}

.sec1C ul {}

.sec1C ul li {
	width: 80.8333333%;
	border-right: solid 1px #8d242b;
	float: left;
}

.sec1C ul li img {
	width: 100%;
}

.sec1C ul li:first-child {
	width: 18.9583333%;
	border-left: solid 1px #8d242b;
	border-right: none;
}

.sec1C ul li span {
	padding: 10px;
	background: #f4f2eb;
}

.sec1C ul li span.ttl {
	padding: 0 0 5px;
	margin: 0 0 10px;
	font-size: 16px;
	border-bottom: solid 1px #bb1111;
}

@media only screen and (max-width: 768px) {
	.sec1C ul li {
		width: 100%;
		border-left: solid 1px #8d242b;
		float: none;
	}
	.sec1C ul li img {
		width: auto;
	}
	.sec1C ul li:first-child {
		width: 100%;
		text-align: center;
		border-right: solid 1px #8d242b;
		background: #f4f2eb;
	}
}

.sec0 {
	padding: 0 0 70px;
}

.sec0 ul {}

.sec0 ul li {
	width: 74.0625%;
	text-align: center;
	background: #f8f8f8;
	float: left;
}

.sec0 ul li:first-child {
	width: 25.9375%;
	text-align: left;
}

.sec0 ul li h3 {
	padding: 30px 0 15px;
}

@media only screen and (max-width: 768px) {
	.sec0 ul li {
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
		float: none;
	}
	.sec0 ul li:first-child {
		width: 100%;
		margin: 0;
		text-align: none;
	}
	.sec0 ul li:first-child p {
		width: 50%;
		padding: 0 0 30px;
		float: left;
	}
	.sec0 ul li:first-child p img {
		width: 100%;
	}
}

/***** 04 ***********
********************/

@media only screen and (max-width: 960px) {}

@media only screen and (max-width: 480px) {}

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

@media only screen and (max-width: 640px) {}