@charset "utf-8";
.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.inner{
	max-width: 1000px;
	margin: auto;
}
main{
	color: #000;
	background: #fff;
}
.mvArea{
	width: 100%;
	height: 240px;
	background: url("../../img/quality/mv.jpg") top center / cover;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mvArea img{
	max-width: 375px;
}
/* quality */
.quality{
	padding: 120px 5%;
	background: #f7f8f6 url("../../img/quality/top_bg.png") no-repeat top right / 60% auto;
	color: #000;
}
.quality_ttl{
	width: 70%;
	margin: 0 auto 40px;
}
.quality_txt{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	margin-bottom: 60px;
}
.quality_list,
.quality_list02{
	max-width: 1000px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.quality_list li,
.quality_list02 li
{
	width: 48%;
	margin-bottom: 40px;
}
.quality_list li .img01{
	margin-bottom: 40px;
}

/* quality02 */
.quality02{
	padding: 120px 5% 60px;
	background: #fff;
}

/* room */
.room{
	padding: 0 5% 80px;
	color: #000;
}
.room_ttl{
	color: #000;
	font-size: 30px;
	margin-bottom: 10px;
}
.room_llist01,
.room_llist02{
	max-width: 1000px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.room_llist01{
	margin-bottom: 15px;
}
.room_llist01 li:first-child{
	width: 68%;
}
.room_llist01 li:last-child{
	width: 30%;
}
.room_llist02 li{
	width: 30%;
	margin-bottom: 30px;
}

/* btn */
#security,
#equipment{
	margin-top: -100px;
	padding-top: 100px;
}
.kitchen .btn_list{
	max-width: 760px;
	margin: 0 auto 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.kitchen .btn_list .active{
	width: 360px;
	background: #3a1062;
	padding: 15px 0;
	text-align: center;
}
.kitchen .btn_list .active .equipment{
	width: 40%;
}
.kitchen .btn_list .btn a .security{
	width: 75%;
	vertical-align: middle;
}
.kitchen .btn_list .btn a{
	display: block;
	width: 360px;
	background: #c7c7c7;
	padding: 15px 0;
	text-align: center;
}

/* kitchen */
.subttl{
	text-align: center;
	margin-bottom: 40px;
}
.subttl img{
	width: 141px;
}
.kitchen_ttl {
	font-size: 30px;
	margin-bottom: 40px;
	text-align: center;
}
.kitchen_bg{
	background: url("../../img/quality/kitchen_bg.png") no-repeat top center / cover;
}
.kitchen_img{
	width: 52%;
	padding: 30px 0 20px;
}
.kitchen_bg ul{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.kitchen_bg ul li{
	width: 48%;
	padding-bottom: 40px;
}
.kitchen_list,
.kitchen_list02,
.kitchen_list03,
.kitchen_list04,
.kitchen_list05{
	margin: 40px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.kitchen_list li{
	width: 23%;
	margin-bottom: 40px;
}
.kitchen_list.list01{
	margin-bottom: 10px;
}
.kitchen_list.list01 li:nth-child(n+9),
.kitchen_list.list02 li:nth-child(n+13){
	margin-bottom: 0;
}
.kitchen_list02{
	margin-top: 20px;
}
.kitchen_list02 li{
	width: 30%;
}
.kitchen_list03{
	margin-bottom: 120px;
}
.kitchen_list03 li{
	width: 48.5%;
}
.kitchen_list04{
	margin-bottom: 60px;
}
.kitchen_list04 li{
	width: 48.5%;
}
.kitchen_list04 li:first-child{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.kitchen_list04 li div{
	width: 47%;
}
.kitchen_list05 li{
	width: 23%;
	margin-bottom: 30px;
}

/* btn */
.security .btn_list{
	max-width: 760px;
	margin: 0 auto 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.security .btn_list .btn a{
	display: block;
	width: 360px;
	background: #c7c7c7;
	padding: 15px 0;
	text-align: center;
}
.security .btn_list .btn a .equipment{
	width: 40%;
}
.security .btn_list .security{
	width: 75%;
	vertical-align: middle;
}
.security .btn_list .active{
	width: 360px;
	background: #3a1062;
	padding: 15px 0;
	text-align: center;
}

/* security */
.security_bg{
	padding: 50px 0 30px;
	background: #e5eef2;
}
.security_list,
.security_list02{
	margin: 40px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.security_list li{
	width: 23%;
	margin-bottom: 40px;
}
.security_list li:nth-child(n+5){
	margin-bottom: 0;
}
.security_list02 li{
	width: 30%;
	margin-bottom: 40px;
}
.security .txt01{
	font-size: 10px;
	margin-bottom: 20px;
}

@media screen and (max-width: 750px) { 
	.inner{
		padding: 0 5%;
	}
	.mvArea{
		height: 200px;
	}
	.mvArea img{
		max-width: 55%;
	}
	.quality{
		padding: 60px 5%;
		background: #f7f8f6 url(../../img/quality/top_bg.png) no-repeat top right / 80% auto;
	}
	.quality_ttl{
		width: 100%;
	}
	.quality_ttl02{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.quality_txt{
		font-size: 15px;
		margin-bottom: 30px;
	}
	.quality_list,
	.quality_list02{
		display: block;
	}
	.quality_list li, .quality_list02 li{
		width: 100%;
	}
	.quality02{
		padding: 40px 5% 60px;
	}
	/* room */
	.room_ttl {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.room_llist01{
		display: block;
	}
	.room_llist01 li:first-child{
		width: 100%;
	}
	.room_llist02 li{
		width: 48%;
	}
	.room_llist02{
		margin-bottom: 40px;
	}
	/* kitchen */
	.kitchen .btn_list{
		display: block;
		margin-bottom: 50px;
	}
	.kitchen .btn_list .active{
		width: 80%;
    margin: 0 auto 20px;
	}
	.kitchen .btn_list .btn a {
    width: 80%;
    margin: 0 auto;
	}
	.kitchen_list,
	.kitchen_list02,
	.kitchen_list03,
	.kitchen_list04,
	.kitchen_list05{
		margin: 0 auto 40px;
	}
	.kitchen_ttl {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.kitchen_bg{
		background: #e5eef2;
		padding: 25px 0 30px;
		margin-bottom: 30px;
	}
	.kitchen_list02{
		display: block;
	}
	.kitchen_list li{
		width: 46%;
		margin: 0 auto 30px;
	}
	.kitchen_list.list01{
		margin-bottom: 0;
	}
	.kitchen_list.list01 li:nth-child(n+9),
	.kitchen_list.list02 li:nth-child(n+13){
		margin-bottom: 30px;
	}
	.kitchen_list li:nth-child(n+11),
	.kitchen_list.list02 li:nth-child(n+15),
	.kitchen_list05 li:nth-child(n+3){
	margin-bottom: 0;
	}
	.kitchen_list02{
		margin-top: 20px;
	}
	.kitchen_list02 li {
    width: 75%;
    margin: 0 auto 30px;
}
	.kitchen_list03{
		margin-bottom: 60px;
	}
	.kitchen_list03 li{
		width: 80%;
		margin: 0 auto 30px;
	}
	.kitchen_list04 li{
		width: 100%;
		margin: 0 auto;
	}
	.kitchen_list04 li div{
		width: 46%;
		margin: 0 auto 30px;
	}
	.kitchen_list05 li {
    width: 46%;
	}
	.security .btn_list{
		display: block;
	}
	.security .btn_list .btn a{
		width: 80%;
		margin: 0 auto 20px;
	}
	.security .btn_list .active{
		width: 80%;
		margin: 0 auto;
	}
	/* security */
	.security_bg{
		padding: 50px 0 30px;
		background: #e5eef2;
	}
	.security_list{
		margin: 40px auto 30px;
	}
	.security_list02{
		margin: 0 auto 30px;
	}
	.security_list li{
		width: 46%;
		margin-bottom: 30px;
	}
	.security_list li:nth-child(n+5){
		margin-bottom: 30px;
	}
	.security_list li:nth-child(n+7){
		margin-bottom: 0;
	}
	.security_list02 li{
		width: 44%;
		margin-bottom: 30px;
	}
	.security_list02 li:nth-child(n+5){
		margin-bottom: 0;
	}
	.security .txt01{
		font-size: 10px;
		margin-bottom: 10px;
	}
}