@charset "utf-8";

/**
 * quality common
 */
.sNav.top {
	padding: 33px 0;
}
.sNav.bottom {
	padding: 65px 0 60px 0;
}
.sNav ul {
	text-align: center;
}
.sNav li {
	display: inline-block;
	margin: 5px;
	line-height: 0;
}
.sNav li a {
	display: inline-block;
}
.col4Area.hlArea {
	margin-left: -27px;
}
.col4Area.hlArea + .col4Area {
	margin-top: 35px;
}
.col4Area.hlArea li {
	padding-left: 27px;
}
.col4Area.hlArea .image + .title {
	margin-top: 15px;
}
.col4Area.hlArea .title {
	margin-bottom: 10px;
}
.col4Area .col2 {
	width: 50%;
}
.col4Area .col2 .imageArea {
	width: 100%;
}
.col4Area .col2 .image{
	margin-bottom: 20px;
}
.text02 small {
	font-size: 10px;
}
@media only screen and (max-width:640px) {
	.sNav.top {
		padding: 30px 0 !important;
	}
	.sNav.bottom {
		padding: 40px 0!important;
	}
	.sNav + .caption {
		padding-bottom: 30px!important;
	}
}
@media only screen and (max-width:600px) {
	.col4Area.hlArea  {
		margin-left: 0;
	}
	.col4Area.hlArea li {
		width: 100%;
		padding: 0;
	}
	.col4Area.hlArea + .col4Area,
	.col4Area.hlArea li + li {
		margin-top: 35px;
	}
	.col4Area.hlArea li .image img {
		width: 100%;
	}

	.col4Area .col2 .imageArea {
		width: 100%;
	}
}

/**
 * quality01
 */
.quality01 {
	background-color: #000;
}
.quality01 .bg {
	border-top: #474747 solid 1px;
	background: url(../imgs/01/bg-01.jpg) no-repeat center top;
	background-size: cover;
}
.quality01 #mainContent {
	color: #000;
}
.quality01 .sttl,
.quality01 .titleA {
	text-align: left;
}
.quality01 .sNav.bottom {
	padding-top: 85px;
}
.quality01 .sNav + .cap {
	padding-bottom: 50px;
}
/* kitchen */
.quality01 #kitchen {
	padding: 25px 15px 110px;
}
.quality01 #kitchen .titleA {
	margin-bottom: 45px;
}
.quality01 #kitchen .titleA + .text01 {
	margin-bottom: 40px;
}
@media only screen and (max-width:600px) {
	.quality01 #kitchen {
		padding: 15px 15px 50px;
	}
	.quality01 #kitchen .titleA {
		margin-bottom: 20px;
	}
	.quality01 #kitchen .titleA + .text01 {
		margin-bottom: 30px;
	}
}
/* bathroom */
.quality01 #bathroom .sttl {
	margin-bottom: 45px;
}
@media only screen and (max-width:600px) {
	.quality01 #bathroom {
		padding-bottom: 20px;
	}
	.quality01 #bathroom .sttl {
		margin-bottom: 22px;
	}
	.quality01 #bathroom .set2 {
		margin-top: 15px;
	}
}

/**
 * quality02
 */
.quality02 {
	background-color: #000;
}
.quality02 .bg01 {
	border-top: #474747 solid 1px;
	background: url(../imgs/02/bg-01.jpg) no-repeat center top;
	background-size: cover;
}
.quality02 #mainContent {
	color: #000;
}
.quality02 .sttl,
.quality02 .titleA {
	text-align: left;
}
.quality02 .sNav + .cap {
	padding-bottom: 35px;
}
/* confortable */
.quality02 #confortable {
	padding: 25px 15px 80px;
}
.quality02 #confortable .titleA {
	margin-bottom: 45px;
}
.quality02 #confortable .titleA + .text01 {
	margin-bottom: 45px;
}
.quality02 #confortable .col4Area.hlArea + .col4Area,
.quality02 #confortable .oneBox {
	margin-top: 50px;
}
.quality02 #confortable .col4Area.hlArea .image + .title {
	margin-top: 20px;
}
.quality02 #confortable .col4Area.hlArea .title {
	margin-bottom: 15px;
}
.quality02 #confortable .oneBox .image {
	float: left;
	width: 230px;
}
.quality02 #confortable .oneBox .txt {
	margin-left: 257px;
}
.quality02 #confortable .oneBox .txt .title {
	margin-bottom: 15px;
}
@media only screen and (max-width:600px) {
	.quality02 #confortable {
		padding: 15px 15px 50px;
	}
	.quality02 #confortable .titleA {
		margin-bottom: 20px;
	}
	.quality02 #confortable .titleA + .text01 {
		margin-bottom: 30px;
	}
	.quality02 #confortable .col4Area.hlArea + .col4Area,
	.quality02 #confortable .oneBox {
		margin-top: 35px;
	}
	.quality02 #confortable .oneBox .image {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.quality02 #confortable .oneBox .image img {
		width: 100%;
	}
	.quality02 #confortable .oneBox .txt {
		margin-left: 0;
	}
}
/* multimedia */
.quality02 #multimedia {
	padding: 75px 0 110px;
	color: #000;
	background: url(../imgs/02/bg-02.jpg) no-repeat center top;
	background-size: cover;
}
.quality02 #multimedia .sttl {
	margin-bottom: 65px;
	text-align: left;
}
.quality02 #multimedia .cap {
	color: #000;
	font-size: 10px;
}
.quality02 #multimedia .gr01 {
	position: relative;
	margin-bottom: 70px;
	padding-right: 295px;
}
.quality02 #multimedia .gr01 .ttl {
	margin-bottom: 12px;
}
.quality02 #multimedia .gr01 .image {
	position: absolute;
	top: 0;
	right: 0;
}
.quality02 #multimedia .gr02 {
	margin: 0 0 80px -60px;
}
.quality02 #multimedia .gr02 > div {
	padding-left: 60px;
}
.quality02 #multimedia .gr02 .titleC,
.quality02 #multimedia .gr03 .titleC {
	margin-bottom: 23px;
	padding-bottom: 11px;
	border-bottom: #000 solid 1px;
}
.quality02 #multimedia .gr02 .cap {
	padding-top: 20px;
}
.quality02 #multimedia .gr02 .signBox {
	margin: 10px 0 0 -10px;
}
.quality02 #multimedia .gr02 .signBox li {
	padding: 15px 0 0 10px;
}
.quality02 #multimedia .gr02 .signBox li p,
.quality02 #multimedia .gr02 .right .bgcol {
	padding: 2px 0;
	background-color: #fff;
	border: #96afb6 solid 1px;
	text-align: center;
}
.quality02 #multimedia .gr02 .left .bgcol {
	margin-top: 30px;
	padding: 24px 15px;
	background-color: #134b5d;
	text-align: center;
}
.quality02 #multimedia .gr02 .right .bgcol {
	padding: 1px 0;
	margin-top: 20px;
}
.quality02 #multimedia .gr03 .left {
	width: 64%;
}
.quality02 #multimedia .gr03 .imgList {
	margin-left: -10px;
}
.quality02 #multimedia .gr03 .imgList li {
	padding-left: 10px
}
.quality02 #multimedia .gr03 .cap {
	padding-top: 15px;
	text-align: right;
}
.quality02 #multimedia .gr03 .right {
	width: 36%;
	padding-left: 50px;
}
@media only screen and (max-width:600px) {
	.quality02 #multimedia {
		padding: 50px 0;
	}
	.quality02 #multimedia .sttl {
		margin-bottom: 30px;
	}
	.quality02 #multimedia .gr01 {
		margin-bottom: 40px;
		padding-right: 0;
	}
	.quality02 #multimedia .gr01 .ttl {
		margin-bottom: 12px;
	}
	.quality02 #multimedia .gr01 .image {
		position: static;
		margin-top: 20px;
		text-align: center;
	}
	.quality02 #multimedia .gr02 {
		margin: 0 0 50px 0;
	}
	.quality02 #multimedia .gr02 .titleC {
		padding-bottom: 7px;
	}
	.quality02 #multimedia .gr02 .right {
		margin-top: 50px;
	}
	.quality02 #multimedia .gr02 .right .mt50 {
		margin-top: 30px;
	}
	.quality02 #multimedia .gr03 .left,
	.quality02 #multimedia .gr03 .right {
		width: 100%;
	}
	.quality02 #multimedia .gr03 .imgList li {
		text-align: center;
	}
	.quality02 #multimedia .gr03 .imgList li + li {
		margin-top: 15px;
	}
	.quality02 #multimedia .gr03 .right {
		margin-top: 30px;
	}
}

/**
 * quality03
 */
.quality03 {
	background-color: #002a44;
}
.quality03 .bg {
	border-top: #474747 solid 1px;
	background: url(../imgs/03/bg-01.jpg) no-repeat center top;
}
@media only screen and (min-width:1500px) {
	.quality03 .bg {
		background-size: 100% auto;
	}
}
.quality03 #mainContent {
	color: #fff;
}
.quality03 .sttl,
.quality03 .titleA {
	text-align: left;
}
.quality03 .titleA {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: #fff solid 1px;
}
.quality03 .titleB {
	margin-bottom: 13px;
	padding-bottom: 10px;
	border-bottom: #fff solid 1px;
}
.quality03 .titleB span {
	font-size: 16px;
}
.quality03 .sNav + .cap {
	padding-bottom: 35px;
}
@media only screen and (max-width:600px) {
	.quality03 .titleA {
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
}
/* area01 */
.quality03 #area01 {
	padding: 15px 0 110px;
}
.quality03 #area01 .sttl > * {
	display: block;
}
.quality03 #area01 .sttl .fl {
	float: left;
	padding: 15px 0 10px;
}
.quality03 #area01 .sttl .fr {
	float: right;
}
.quality03 #area01 .text01  {
	margin-bottom: 55px;
}
.quality03 #area01 .col2Area .image {
	width: 43%;
}
.quality03 #area01 .col2Area .text {
	width: 57%;
	padding-left: 30px;
}
.quality03 #area01 .col2Area .text .bgTxt {
	padding: 10px 15px;
	color: #313131;
	background-color: #aadff8;
}
.quality03 #area01 .col2Area .text .titleB {
	margin-top: 27px;
}
.quality03 #area01 .col2Area .text .bgTxt strong {
	font-size: 14px;
}
.quality03 #area01 .col2Area .text .bgTxt small {
	font-size: 10px;
}
@media only screen and (max-width:600px) {
	.quality03 #area01 {
		padding: 20px 0 50px;
	}
	.quality03 #area01 .sttl {
		margin-bottom: 30px;
	}
	.quality03 #area01 .sttl .fl {
		float: none;
		padding: 0 0 20px;
	}
	.quality03 #area01 .sttl .fr {
		float: none;
		text-align: center;
	}
	.quality03 #area01 .text01  {
		margin-bottom: 30px;
	}
	.quality03 #area01 .col2Area .image,
	.quality03 #area01 .col2Area .text {
		width: 100%;
	}
	.quality03 #area01 .col2Area .image {
		margin-bottom: 30px;
		text-align: center;
	}
}
/* area02 */
.quality03 #area02 {
	margin-bottom: 100px;
}
.quality03 #area02 .text01 {
	margin-bottom: 35px;
}
.quality03 #area02 .tbArea {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	table-layout: fixed;
}
.quality03 #area02 .tbArea > * {
	display: table-cell;
	vertical-align: middle;
}
.quality03 #area02 .tbArea .image {
	width: 43.5%;
}
.quality03 #area02 .tbArea .text {
	padding-left: 25px;
}
.quality03 #area02 .col3Area {
	margin-left: -50px;
}
.quality03 #area02 .col3Area li {
	padding-left: 50px;
}
.quality03 #area02 .cap {
	padding-top: 15px;
	color: #fff;
}
@media only screen and (max-width:600px) {
	.quality03 #area02 {
		margin-bottom: 50px;
	}
	.quality03 #area02 .text01 {
		margin-bottom: 30px;
	}
	.quality03 #area02 .tbArea {
		display: block;
	}
	.quality03 #area02 .tbArea > * {
		display: block;
	}
	.quality03 #area02 .tbArea .image {
		width: 100%;
		margin-bottom: 30px;
	}
	.quality03 #area02 .tbArea .text {
		padding-left: 0;
	}
	.quality03 #area02 .col3Area li + li {
		margin-top: 35px;
	}
	.quality03 #area02 .col3Area .ttl {
		text-align: center;
	}
	.quality03 #area02 .col3Area .image {
		text-align: center;
	}
}
/* area03 */
.quality03 #area03 {
	margin-bottom: 130px;
}
.quality03 #area03 .titleA small {
	font-size: 12px;
}
.quality03 #area03 .text01 {
	margin-bottom: 45px;
}
.quality03 #area03 .gr01 {
	margin-bottom: 40px;
}
.quality03 #area03 .gr01 .left {
	width: 35.5%;
}
.quality03 #area03 .gr01 .right {
	width: 64.5%;
	padding-left: 25px;
}
.quality03 #area03 .gr01 .right .titleB {
	position: relative;
	padding-bottom: 0;
}
.quality03 #area03 .gr01 .right .titleB small {
	display: block;
	margin-top: 5px;
	font-size: 10px;
}
.quality03 #area03 .gr01 .right .titleB .fr {
	float: right;
	display: block;
	padding-bottom: 7px;
}
.quality03 #area03 .gr01 .right .titleB .fl {
	float: left;
	display: block;
	padding-bottom: 10px
}
.quality03 #area03 .gr01 .right .col2Area .text02 {
	width: 43.55%;
}
.quality03 #area03 .gr01 .right .col2Area .image {
	width: 56.45%;
	padding-left: 23px;
}
.quality03 #area03 .gr02 {
	margin-bottom: 55px;
}
.quality03 #area03 .gr02 .titleB {
	margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.quality03 #area03 .gr02 .col4Area {
	margin: -12px 0 0 -12px;
}
.quality03 #area03 .gr02 .col4Area li {
	padding: 12px 0 0 12px;
}
.quality03 #area03 .gr03 {
	margin-bottom: 55px;
}
.quality03 #area03 .gr03 > .col2Area {
	margin-left: -50px;
}
.quality03 #area03 .gr03 > .col2Area + .col2Area {
	margin-top: 55px;
}
.quality03 #area03 .gr03 > .col2Area li {
	padding-left: 50px;
}
.quality03 #area03 .gr03 .inImage .col2Area .text02 {
	width: 40.4%;
}
.quality03 #area03 .gr03 .inImage .col2Area .image {
	width: 59.6%;
	padding-left: 20px;
}
.quality03 #area03 .gr03 .cap {
	padding-top: 30px;
	color: #fff;
}
.quality03 #area03 .gr04 .textArea {
	width: 41.5%;
}
.quality03 #area03 .gr04 .imageArea {
	display: table;
	width: 58.5%;
	padding-left: 35px;
	table-layout: fixed;
}
.quality03 #area03 .gr04 .imageArea > div {
	display: table-cell;
	vertical-align: bottom;
}
.quality03 #area03 .gr04 .imageArea .left {
	width: 44.36%;
}
.quality03 #area03 .gr04 .imageArea .right {
	color: #fff;
	padding: 0 0 0 15px;
}
.quality03 #area03 .gr04 .imageArea .right p {
	position: relative;
	padding-left: 1em;
}
.quality03 #area03 .gr04 .imageArea .right p span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
@media only screen and (max-width:600px) {
	.quality03 #area03 {
		margin-bottom: 50px;
	}
	.quality03 #area03 .text01 {
		margin-bottom: 30px;
	}
	.quality03 #area03 .gr01,
	.quality03 #area03 .gr02,
	.quality03 #area03 .gr03 {
		margin-bottom: 30px;
	}
	.quality03 #area03 .gr01 .left {
		margin-bottom: 20px;
	}
	.quality03 #area03 .gr01 .left,
	.quality03 #area03 .gr01 .right,
	.quality03 #area03 .gr01 .right .col2Area .text02,
	.quality03 #area03 .gr01 .right .col2Area .image {
		width: 100%;
		padding-left: 0;
	}
	.quality03 #area03 .gr01 .right .titleB {
		position: relative;
		padding-bottom: 0;
	}
	.quality03 #area03 .gr01 .right .titleB small {
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}
	.quality03 #area03 .gr01 .right .titleB .fr,
	.quality03 #area03 .gr01 .right .titleB .fl {
		float: none;
		display: block;
		padding-bottom: 7px;
	}
	.quality03 #area03 .gr01 .right .titleB .fr img {
		display: block;
	}
	.quality03 #area03 .gr01 .right .col2Area .image {
		margin-top: 20px;
		text-align: center;
	}
	.quality03 #area03 .gr02 {
		margin-bottom: 30px;
	}
	.quality03 #area03 .gr03 > .col2Area + .col2Area,
	.quality03 #area03 .gr03 > .col2Area li + li {
		margin-top: 30px;
	}
	.quality03 #area03 .gr03 .inImage .col2Area .text02,
	.quality03 #area03 .gr03 .inImage .col2Area .image {
		width: 100%;
		padding-left: 0;
	}
	.quality03 #area03 .gr03 .cap {
		padding-top: 20px;
	}
	.quality03 #area03 .gr04 .textArea,
	.quality03 #area03 .gr04 .imageArea {
		width: 100%;
		padding-left: 0;
	}
	.quality03 #area03 .gr04 .imageArea {
		display: block;
		margin-top: 30px;
	}
	.quality03 #area03 .gr04 .imageArea > div {
		display: block;
	}
	.quality03 #area03 .gr04 .imageArea .left {
		width: 100%;
	}
	.quality03 #area03 .gr04 .imageArea .right {
		padding: 15px 0 0;
	}
}
/* area04 */
.quality03 #area04 .text01 {
	margin-bottom: 30px;
}
.quality03 #area04 .gr01 {
	margin-bottom: 35px;
}
.quality03 #area04 .gr01 .image {
	width: 35.5%;
}
.quality03 #area04 .gr01 .textArea {
	width: 64.5%;
	padding-left: 25px;
}
.quality03 #area04 .gr02 .image01 {
	width: 44%;
}
.quality03 #area04 .gr02 .image02 {
	width: 56%;
	padding-left: 15px;
}
.quality03 #area04 .cap {
	padding-top: 10px;
	color: #fff;
}
@media only screen and (max-width:600px) {
	.quality03 #area04 {
		padding-bottom: 20px;
	}
	.quality03 #area04 .gr01 .image,
	.quality03 #area04 .gr01 .textArea {
		width: 100%;
		padding-left: 0;
	}
	.quality03 #area04 .gr01 .textArea {
		margin-top: 20px;
	}
	.quality03 #area04 .gr02 .image01,
	.quality03 #area04 .gr02 .image02 {
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	.quality03 #area04 .gr02 .image02 {
		margin-top: 15px;
	}
}


/**
 * quality04
 */
.quality04 {
	background-color: #f4f2f2;
}
.quality04 .bg {
	border-top: #474747 solid 1px;
	background: url(../imgs/04/bg.jpg) no-repeat center top;
}
.quality04 .sttl {
	text-align: left;
}
.quality04 .titleB span {
	font-size: 16px;
}
.quality04 .sNav.bottom {
	padding-bottom: 90px;
}
@media only screen and (min-width:1500px) {
	.quality04 .bg {
		background-size: 100% auto;
	}
}
.quality04 #area01 {
	padding: 25px 0 75px;
}
.quality04 #area01 .titleA {
	margin-bottom: 45px;
	text-align: left;
}
.quality04 #area01 .text01 {
	margin-bottom: 55px;
	text-align: left;
}
.quality04 #area01 .titleB {
	margin-bottom: 18px;
	padding-bottom: 15px;
	border-bottom: #9f9f9f solid 1px;
}
.quality04 #area01 .text02 {
	margin-bottom: 35px;
}
.quality04 #area01 .imageArea {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.quality04 #area01 .imageArea > * {
	display: table-cell;
	vertical-align: bottom;
}
.quality04 #area01 .imageArea .image01 {
	width: 36.5%;
}
.quality04 #area01 .imageArea .image02 {
	width: 63.5%;
	padding-left: 10px;
}
@media only screen and (max-width:600px) {
	.quality04 #area01 {
		padding: 20px 0 50px;
	}
	.quality04 #area01 .titleA,
	.quality04 #area01 .text01 {
		margin-bottom: 30px;
	}
	.quality04 #area01 .titleB {
		padding-bottom: 10px;
	}
	.quality04 #area01 .imageArea {
		display: block;
	}
	.quality04 #area01 .imageArea > * {
		display: block;
	}
	.quality04 #area01 .imageArea .image01,
	.quality04 #area01 .imageArea .image02 {
		width: 100%;
		padding-left: 0;
	}
	.quality04 #area01 .imageArea .image02 {
		margin-top: 10px;
	}
}
.quality04 #area02 .col3Area {
	margin-left: -50px;
}
.quality04 #area02 .col3Area + .col3Area {
	margin-top: 35px;
}
.quality04 #area02 .col3Area li {
	padding-left: 50px;
}
.quality04 #area02 li .image {
	margin-bottom: 15px;
}
.quality04 #area02 li .title {
	margin-bottom: 12px;
}
.quality04 #area02 li .text02 small {
	font-size: 10px;
}
@media only screen and (max-width:600px) {
	.quality04 #area02 {
		padding-bottom: 20px;
	}
	.quality04 #area02 .col3Area li + li {
		margin-top: 35px;
	}
	.quality04 #area02 li .image img {
		width: 100%;
	}
}


/**
 * quality05
 */
.quality05 {
	background-color: #f4f2f2;
}
.quality05 .bg {
	border-top: #474747 solid 1px;
	background: url(../imgs/05/bg-01.jpg) no-repeat center top;
}
.quality05 .sttl {
	text-align: left;
}
.quality05 .titleB span {
	font-size: 16px;
}
.quality05 .sNav.bottom {
	padding-bottom: 90px;
}
.quality05 .title {
	margin-bottom: 15px;
}
.quality05 .image + .title {
	margin-top: 20px;
}
@media only screen and (min-width:1500px) {
	.quality05 .bg {
		background-size: 100% auto;
	}
}
/* area01 */
.quality05 #area01 {
	padding: 25px 0 110px;
}
.quality05 #area01 .sttl {
	margin-bottom: 70px;
}
.quality05 #area01 .gr01,
.quality05 #area01 .gr03 {
	margin: 0 0 60px -50px;
}
.quality05 #area01 .gr01 > div,
.quality05 #area01 .gr03 li {
	padding-left: 50px;
}
.quality05 #area01 .gr01 .text02 + .text02 {
	margin-top: 20px;
}
.quality05 #area01 .gr02 {
	margin: 0 0 40px -50px;
}
.quality05 #area01 .gr02 li {
	padding-left: 50px;
}
.quality05 #area01 .gr03 {
	margin-bottom: 45px;
}
@media only screen and (max-width:600px) {
	.quality05 #area01 .gr01,
	.quality05 #area01 .gr02,
	.quality05 #area01 .gr03 {
		margin: 0 0 30px 0;
	}
	.quality05 #area01 .sttl {
		margin-bottom: 30px;
	}
	.quality05 #area01 {
		padding: 15px 0 50px;
	}
	.quality05 #area01 .gr01 .right,
	.quality05 #area01 .gr02 li + li,
	.quality05 #area01 .gr03 li + li {
		margin-top: 30px;
	}
	.quality05 #area01 .gr02 li .image img {
		width: 100%;
	}
}
/* area02 */
.quality05 #area02 {
	margin-bottom: 100px;
}
.quality05 #area02 .sttl {
	margin-bottom: 55px;
}
.quality05 #area02 .col2Area + .col2Area {
	margin-top: 45px;
}
.quality05 #area02 .col2Area .textArea {
	width: 30%;
}
.quality05 #area02 .col2Area .imageArea {
	width: 70%;
	padding-left: 50px;
}
.quality05 #area02 .col3Area {
	margin: 40px 0 0 -50px;
}
.quality05 #area02 .col3Area li {
	padding-left: 50px;
}
@media only screen and (max-width:600px) {
	.quality05 #area02 {
		margin-bottom: 50px;
	}
	.quality05 #area02 .sttl {
		margin-bottom: 30px;
	}
	.quality05 #area02 .col2Area .textArea,
	.quality05 #area02 .col2Area .imageArea {
		width: 100%;
		padding-left: 0;
	}
	.quality05 #area02 .col2Area .imageArea {
		margin-top: 20px;
	}
	.quality05 #area02 .col3Area {
		margin: 30px 0 0 0;
	}
	.quality05 #area02 .col3Area li + li {
		margin-top: 30px;
	}
	.quality05 #area02 .col3Area li .image img {
		width: 100%;
	}
}
/* area03 */
.quality05 #area03 .sttl {
	margin-bottom: 30px;
}
.quality05 #area03 .titleB {
	margin-bottom: 10px;
}
@media only screen and (max-width:600px) {
	.quality05 #area03 {
		padding-bottom: 20px;
	}
}