@charset "utf-8";


/* */
#qc{
	line-height:1.8em;
	color:#432c1f;
}
#qc .sp-br-show{
	display: none;
}
/*
#qc .pc-video{
	display: block;
}
#qc .sp-video{
	display: hidden;
}
	*/
@media screen and (max-width:800px) { 
	#qc .sp-br{
		display: none;
	}
	#qc .sp-br-show{
		display: block;
	}
	/*
	#qc .pc-video{
		display: none;
	}
	#qc .sp-video{
		display: block;
	}
		*/
}

/* -------------------------------------------------
 * ヘッダー
 * ------------------------------------------------- */
#qc .quality-head-sec{
	padding:0;
	position: relative;
	overflow: hidden;
	height:800px;
	display: flex;
	align-items: center;
	color:#fff;
}
#qc .quality-head-sec .container{
	width: 1080px;
}
#qc .quality-head-sec .quality-head-block{
	text-align:center;
	position: relative;
}
#qc .quality-head-sec .title-top{
	text-align: center;
	font-size:26px;
	font-weight: 900;
	text-shadow: 2px 2px 1px #333333dd;
	color:#fff;
	margin-bottom:75px;
}
/*
#qc .quality-head-sec h1{
	text-align:center;
	padding:5px 0 40px 0;
	font-size:24px;
	font-weight: 900;
	text-shadow: 2px 2px 1px #333333dd;
}
	*/
#qc .quality-head-sec .en{
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
	margin-top:10px;
}
#qc .quality-head-sec .lead-text{
	font-weight: 800;
	margin-top:30px;
	font-size:18px;
	line-height:1.8;
	text-shadow: 1px 2px 6px #4b4b4b;
}
#qc .quality-head-sec .quality-title{

}
#qc .quality-head-sec .quality-title .q-wrap{
	position: relative;
	display: inline-block;
	margin-top: 5px;
	transform: skewX(-10deg);
}
#qc .quality-head-sec .quality-title .q-wrap::before{
	animation: bg-bar 5.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	background: linear-gradient(to right, #ffffff88 0%,#ffffffdd 50%,#ffffff55 100%);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: left center;
	border-radius: 5px;
}
#qc .quality-head-sec .quality-title .in-text {
	color: #432c1f;
	display: inline-block;
	font-size: 24px;
	font-weight: 900;
	padding: 7px 15px;
	position: relative;
	z-index: 1;
}
@keyframes bg-bar {
	0% {
	  opacity: 0;
	  transform: scaleX(0) translateX(-5%);
	}
	30% {
	  transform: scaleX(1) translateX(0);
	}
	100% {
	  transform: scaleX(1) translateX(0);
	}
	30%, 100% {
	  opacity: 1;
	}
}



/* 3つの品質方針
--------------------------------------------- */
#qc .quality-head-sec .point3-block{
	display: flex;
	justify-content: space-between;
	padding:80px 0 0 0;
}
#qc .quality-head-sec .point3-block .point-box{
	padding:25px 0;
	width:31%;
	text-align: center;
	position: relative;

}
#qc .quality-head-sec .point3-block .point-box:before{
    transform: skewX(-10deg);
    content: ""; 
    position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    z-index: -1;
    background-color:#00FBFF;
	background: linear-gradient(300deg, #ffffffdd 0%, #ffffff88 100%);
	box-shadow: 0px 0px 8px #4d4d4daa;
	border-radius:5px;
}

#qc .quality-head-sec .point3-block .point-box .point-title{
	position: absolute;
	top:-20px;
	text-align:center;
	left:0;
	right:0;
	margin:auto;
}
#qc .quality-head-sec .point3-block .point-box .point-title span{
	background:#ddd;
	display: inline-block;
	padding:5px 15px;
	min-width:150px;
	border-radius:5px;
	font-weight: 900;
	box-shadow: 0px 0px 8px #ccccccaa;
	color:#fff;
}
#qc .quality-head-sec .point3-block .point-box .point-text{
	margin-top:10px;
	font-size:20px;
	font-weight: 900;
	color:#432c1f;

}

#qc .quality-head-sec .point3-block .point-box .point-title span.ippin{
	background: linear-gradient(134deg, #ff496b 0%, #d52143 100%);
}
#qc .quality-head-sec .point3-block .point-box .point-title span.kaiteki{
	background: linear-gradient(134deg, #07cf22 0%, #267706 100%);
}	
#qc .quality-head-sec .point3-block .point-box .point-title span.soukai{
	background: linear-gradient(134deg, #26a8ff 0%, #7949ff 100%);
}


/* video
--------------------------------------------- */
#qc .quality-head-sec .bg-video{
	width: 100%;
	height: 100vh;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -5;
}
#qc .quality-head-sec .bg-video::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .3;
}
#qc .quality-head-sec .bg-video video{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
#qc .quality-head-sec .video-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .4) 50%);
    background-size: 3px 3px;
    z-index: -3;
}


@media screen and (max-width:800px) { 

	#qc .quality-head-sec{
		position: relative;
		overflow: hidden;
		height:auto;
		align-items: stretch;
		padding-bottom:50px;
		background: linear-gradient(172deg, #fa880d 0%, #f88f1f 100%);

	}
	#qc .quality-head-sec .container{
		width: 100%;
	}

	#qc .quality-head-sec .title-top{
		font-size: 28px;
		margin-top:140px;
		margin-bottom:10px;
	}
	#qc .quality-head-sec h1{
		font-size:28px;
		margin-bottom:165px;
	}

	#qc .quality-head-sec .quality-head-block{
		padding: 0 25px;
		z-index: 3;
	}
	#qc .quality-head-sec .quality-title .q-wrap{
		display: block;
	}
	#qc .quality-head-sec .quality-title .in-text {
		font-size: 14px;
		line-height: 1.6;
		padding:3px 0;

	}
	#qc .quality-head-sec .quality-title .in-text-sub {
		font-size: 11px;
		line-height: 1.4;
		padding:3px 0;
	}
	#qc .quality-head-sec .en{
		font-size:11px;
	}

	#qc .quality-head-sec .lead-text{
		margin-top:30px;
		font-size:14px;
		text-align: left;
		font-weight: 600;
		text-shadow:1px 1px 2px #292929;
	}

	#qc .quality-head-sec .bg-video{
		width: 100%;
		height:300px;
		z-index: 0;

	}
	#qc .quality-head-sec .video-overlay {
		width: 100%;
		height: 300px;
		z-index: 2;

	}
	#qc .quality-head-sec .bg-video video{
		-o-object-fit: cover;
		object-fit: cover;
		min-width: auto;
		min-height: auto;
		width: 100%;
		height: 300px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: 1;
	}

	
	/* 3つの品質方針
	--------------------------------------------- */
	#qc .quality-head-sec .point3-block{
		padding:60px 0 0 0;
		flex-wrap: wrap;
	}
	#qc .quality-head-sec .point3-block .point-box{
		width:100%;
		margin-bottom:35px;
		padding:15px 0;

	}
	#qc .quality-head-sec .point3-block .point-box:before{
		background-color:#fff;
		background: linear-gradient(300deg, #ffffffee 0%, #ffffffcc 100%);
	}
	
	#qc .quality-head-sec .point3-block .point-box .point-title span{
	}
	#qc .quality-head-sec .point3-block .point-box .point-text{
		margin-top:10px;
		font-size:16px;
		font-weight: 900;
		color:#432c1f;
	}

	#qc .quality-head-sec .point3-block .point-box .point-title span.ippin{
		background: linear-gradient(134deg, #ff496b 0%, #d52143 100%);
	}
	#qc .quality-head-sec .point3-block .point-box .point-title span.kaiteki{
		background: linear-gradient(134deg, #07cf22 0%, #267706 100%);
	}	
	#qc .quality-head-sec .point3-block .point-box .point-title span.soukai{
		background: linear-gradient(134deg, #26a8ff 0%, #7949ff 100%);
	}

}



/*
 * 
 * -------------------------------- */
#qc .inter-title{
	padding:100px 0 100px 0 ;
	background:#fa880d;
    background: linear-gradient(172deg, #fa880d 0%, #de5931 100%);
}
#qc .inter-title h2{
	font-size:32px;
	text-align:center;
	font-weight: 900;
	color: #fff;
}

@media screen and (max-width:800px) { 
	#qc .inter-title{
		padding:50px 0 50px 0 ;
	}
	#qc .inter-title h2{
		font-size:22px;
	}

}


/*
 * 
 * -------------------------------- */
#qc .feature-layout{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:60px;
}
#qc .feature-layout-reverse{
	flex-direction:row-reverse;
}
#qc .feature-layout .t-box{
	width:55%;
}
#qc .feature-layout .t-box p{
	margin-top:2em;
}

#qc .feature-layout .p-box{
	flex:1;
}

#qc .feature-layout .feature-img-box{
	margin-left:50px;
}
#qc .feature-layout-reverse .feature-img-box{
	margin-left:0;
	margin-right:50px;
}

#qc .feature-layout .feature-img-box img{
	width:100%;
	border-radius:5px;
	box-shadow: 0px 5px 12px #87867d8a;
}





/*
 * タイトル
 * -------------------------------- */
#qc .feature-head-block{
	display:flex;
	align-items:center;
	align-items: stretch;
	margin-bottom:20px;
}

#qc .feature-head-block .num-box{
	background: linear-gradient(66.89deg, #14747a 0%, #45ad91 100%);
	background: linear-gradient(66.89deg, #fa880d 0%, #de5931 100%);
	border-radius:5px;
	width:60px;
	color:#fff;
	text-align:center;
	font-size:32px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#qc .feature-head-block .num-box span{
	display:flex;
	align-content:center;
	align-items:center;
}


#qc .feature-head-block .title-box{
	flex:1;
	margin-left:20px;
	font-weight:900;
	padding: 4px 0;
}
#qc .feature-head-block .title-box h2{
	font-size:40px;
	line-height:1.2;
}

#qc .feature-head-block .title-box .sub-title{
	font-size:20px;
	margin-top:15px;

}



#qc .feature-point{
	box-shadow: 6px 6px 12px rgba(34, 117, 122, .24);
	margin:50px 0 0px 0;
	border-radius:15px;
	background:#fff;
}

#qc .feature-point .feature-point-inner{
	display:flex;
	padding:15px;
}
#qc .feature-point .feature-point-inner .title-box{
	width:160px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-weight:800;
	color:#ed721d;
}
#qc .feature-point .feature-point-inner .list-box{
	flex:1
}

#qc .feature-point .feature-point-inner .list-box ul{
	padding:0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}


#qc .feature-point .feature-point-inner .list-box ul li{
	list-style-type:none;
	padding:5px 0px 5px 35px;
	margin-right:20px;
	width:42%;
	text-indent:-1.7em;
	font-weight: 600;
	line-height: 1.0;
}


#qc .feature-point .feature-point-inner .list-box ul li i{
	color:#ed721d;
	font-size:24px;
	vertical-align:-4px;
}

#qc .feature-point .feature-point-inner .list-box ul.type2{
	border-top:solid 1px #ddd;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top:10px;
	margin-left:3px;
}
#qc .feature-point .feature-point-inner .list-box ul.type2 a{
	color:#fff;
	transition: 0.5s;
	background:#d6750c;
	border:solid 1px #d6750c;
	padding:7px 10px;
	border-radius:5px;
}
#qc .feature-point .feature-point-inner .list-box ul.type2 li i{
	color:#fff;
}
#qc .feature-point .feature-point-inner .list-box ul.type2 a:hover{
	background:#ffffff;
	color:#d6750c;
}
#qc .feature-point .feature-point-inner .list-box ul.type2 li a:hover i{
	color:#d6750c;
}





#qc .q-sec{
	padding:150px 0 0 0;
}
#qc .q-sec-01{

}
#qc .q-sec-02{
	background:#fff7e4;
}

#qc .q-sec-split{
    background: linear-gradient(0deg, #fff7e4 0%, #fff7e4 55%, #ffffff 55%);
	padding-bottom:15px;
}

#qc .q-sec-split-reverse{
    background: linear-gradient(0deg, #ffffff 0%, #ffffff 55%, #fff7e4 55%);
	padding-bottom:15px;
}
#qc .q-sec-split-last{
    background: linear-gradient(0deg, #fa880d 0%, #fa880d 55%, #ffffff 55%);
	padding-bottom:15px;
}





@media screen and (max-width:800px) { 
	#qc .feature-point .feature-point-inner{
		flex-wrap: wrap;
	}
	#qc .feature-point .feature-point-inner .title-box{
		width:100%;
		margin-bottom:20px;
	}
	#qc .feature-point .feature-point-inner .list-box ul li{
		width:100%;
		margin-right:0;
		font-size:14px;
		padding-bottom:1px;
	}
	#qc .feature-point .feature-point-inner .list-box ul.type2 li{
		font-size:14px;
		margin-bottom:10px;
	}
	/* --- */	
	#qc .feature-layout{
		flex-direction:column-reverse;
	
	}
	#qc .feature-layout .t-box{
		width:100%;
	}
	#qc .feature-layout .t-box p{
		font-size:14px;
		line-height: 1.8;
		padding-left:20px;
		padding-right:20px;
	}
	
	#qc .feature-layout .p-box{
		width:100%;
		padding:0;
		flex: auto;
	}
	#qc .feature-layout .feature-img-box{
		margin-left:0px;
		margin-bottom:30px;
	}
	#qc .feature-layout .feature-img-box img{
		border-radius: 0;
	}
	#qc .feature-layout-reverse .feature-img-box{
		margin-left:0;
		margin-right:0px;
	}

	

	/* --- */

	#qc .q-sec{
		padding:100px 0 0 0;
	}
	#qc .q-sec .container{
		padding-left:0px;
		padding-right:0px;
	}
	#qc .q-sec-split .container{
		padding-left:30px;
		padding-right:30px;
	}
	#qc .q-sec-split-last .container{
		padding-left:20px;
		padding-right:20px;
	}
	/* --- */
	#qc .feature-head-block .num-box{
		width:60px;
		font-size:26px;
		border-radius:0 5px 5px 0;
	}
	#qc .feature-head-block .title-box{
		margin-left:10px;
	}
	#qc .feature-head-block .title-box h2{
		font-size:24px;
		line-height:1.2;
	}
	#qc .feature-head-block .title-box .sub-title{
		font-size:16px;
		margin-top:5px;	
	}
	
}



/* スライドポイント 
----------------------------------------- */
#qc .feature-slide-point{
	box-shadow: 0px 5px 12px rgba(34, 117, 122, .54);
	box-shadow: 0px 5px 12px #7a70228a;
	margin:80px 0 0px 0;
	border-radius:15px;
	background:#fff;
	position: relative;
	padding:50px 35px 25px 35px;
	border: solid 2px #1a7b7d;
	border: solid 2px #fa880d;
}
#qc .feature-slide-point h2{
	background: linear-gradient(66.89deg, #14747a 0%, #45ad91 100%);
	background: linear-gradient(66.89deg, #fa880d 0%, #de5931 100%);
	box-shadow: 0px 5px 12px rgba(34, 117, 122, .24);
	box-shadow: 0px 5px 12px #7a70228a;
	border-radius:5px;
	width:300px;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-size:18px;
	position: absolute;
	top:-25px;
	left:0;
	right:0;
	margin: 0 auto;
}


/* -------------------------------------------------------------------
 * room-swiper
 *------------------------------------------------------------------- */
 #qc .room-slider-block{
	width:100%;
	background: #fff;
	overflow: hidden;
}
#qc .room-slider-block .room-swiper {
	user-select: none;
	overflow: hidden;
	width: 100%;
	border-radius:5px;
}

#qc .room-slider-block .room-swiper .room-swiper-slide {
	width:320px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .img-box{
	width:280px;
	width:100%;
	overflow: hidden;
	border-radius:5px;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .img-box img{
	border-radius:5px;
	width:100%;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .text-box{
	flex:1;
	width:100%;
}

#qc .room-slider-block .room-swiper .room-swiper-slide .point-text{
	text-align:left;
	padding:0px 0px 5px 0px;
	font-size:15px;
	font-weight:500;
	line-height: 1.6;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .point-text span{
	font-size:12px;
	line-height:1.2;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .point-text .hosoku{
	font-size:12px;
	line-height:1.2;
	text-align: right;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .point-text a{
	color:#d64b21;
}
#qc .room-slider-block .room-swiper .room-swiper-slide .point-text a:hover{
	color: #f06338;
}
#qc .room-slider-block .room-swiper .swiper-button-prev,
#qc .room-slider-block .room-swiper .swiper-button-next{
	top:calc(50% - 10px);
	box-shadow: 0px 5px 12px rgba(34, 117, 122, .24);
	background: linear-gradient(66.89deg, #fa880d 0%, #de5931 100%);
	width:40px;
	height:40px;
	border-radius:50%;
	color:#fff;
	transition: 0.5s;

}

#qc .room-slider-block .room-swiper .swiper-button-prev{
	left: calc(50% - 560px);
}
#qc .room-slider-block .room-swiper .swiper-button-next{
	right: calc(50% - 560px);
}
#qc .room-slider-block .room-swiper .swiper-button-next::after,
#qc .room-slider-block .room-swiper .swiper-button-prev::after{
	font-size:18px;
}
#qc .room-slider-block .room-swiper .swiper-button-prev:hover,
#qc .room-slider-block .room-swiper .swiper-button-next:hover{
	background: linear-gradient(66.89deg, #24848a 0%, #55bda1 100%);
	background: linear-gradient(66.89deg, #f8870f 0%, #f06338 100%);
}

@media screen and (max-width:800px) { 
	#qc .feature-slide-point{
		margin-top:10px;
	}
	#qc .room-slider-block .room-swiper .room-swiper-slide {
		width:100%;
	}
	#qc .room-slider-block .room-swiper .swiper-button-prev{
		left: -15px;
	}
	#qc .room-slider-block .room-swiper .swiper-button-next{

		right: -15px;
	}
	#qc .room-slider-block .room-swiper .room-swiper-slide .text{
		font-size:12px;
	}
	#qc .room-slider-block .sp-guide-text{
		display: block;
		text-align:center;
		font-size:12px;
		margin-bottom:5px;
		color:#888;
	}
	
	#qc .room-slider-block .room-swiper .room-swiper-slide .point-text{
		font-size:14px;
	}
}




/* -------------------------------------------------------------------
 * footer-news-section
 *------------------------------------------------------------------- */
 #qc .footer-news-section{
	background:#fffbf2;
	padding:100px 0 100px 0 ;
	text-align:center;
    background: linear-gradient(180deg, #fa880d 0%, #fc8608 100%);
	color: #fff;
}
#qc .footer-news-section h3{
	text-align: center;
	font-size:32px;
	margin-bottom:50px;
}
#qc .footer-news-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#qc .footer-news-block a{
	display: flex;
	width:340px;
	background:#fff;
	border-radius:15px;
	box-shadow: 6px 6px 12px rgba(122, 69, 34, 0.24);
	margin-bottom:30px;
	color:#432c1f;
	font-size:16px;
	font-weight: 600;
	line-height: 1.5;
	transition: 0.5s;
}
#qc .footer-news-block::after{
  content:"";
  display: block;
  width:30%;
}
#qc .footer-news-block a:hover{
	transform: translateY(-0.1875em);
	color:#6d4228;
}

#qc .footer-news-block a .news-box{
}
#qc .footer-news-block a .news-box .img-box{
	overflow: hidden;
	border-radius:15px 15px 0 0;
}
#qc .footer-news-block a .news-box .img-box img{
	width:100%;
	border-radius:15px 15px 0 0;

}
#qc .footer-news-block a .news-box p{
	margin:0;
	padding: 5px 20px 15px 20px;
	text-align: left;
}

@media screen and (max-width:800px) { 
	#qc .footer-news-section{
		padding-left:20px;
		padding-right:20px;
	}
	#qc .footer-news-section h3{
		font-size:24px;
	}
	#qc .footer-news-block a{
		width:100%;
		font-size:14px;
	}
}




/* -------------------------------------------------------------------
 * Visionへのリンク
 *------------------------------------------------------------------- */
.vision-link-block{
	box-shadow: 6px 6px 12px rgba(34, 117, 122, .24);
    margin: 70px 0 0px 0;
    border-radius: 15px;
    background: #fff;

}
.vision-link-box{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.vision-link-box .img-box{
	width: 400px;
	padding:15px;
}
.vision-link-box .img-box .qa-img1{
	margin-bottom:15px;
}
.vision-link-box .img-box img{
	width: 100%;
}

.vision-link-box .text-box{
	flex:1;
	text-align: left;
	padding:20px;
}
.vision-link-box .btn-box{
	text-align: right;
}
.vision-link-box .btn-box span{
	display: inline-block;
	background:#eee;
	border-radius: 5px;
	padding:5px 20px;
		transition: 0.3s;
}
.vision-link-block:hover .vision-link-box .text-box{
	color:#555;
}
.vision-link-block:hover .vision-link-box .btn-box span{
	background: linear-gradient(180deg, #fa880d 0%, #fc8608 100%);
	color:#fff;
}
@media screen and (max-width:800px) { 
	.vision-link-box .img-box .qa-img2{
		width: 90%;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}
	.vision-link-box .text-box{
		padding-top:0;;
	}
	.vision-link-box .btn-box{
		padding-top:20px;
	}
}


/* -------------------------------------------------------------------
 * Vision
 *------------------------------------------------------------------- */
.qa-vision-section{
}
.qa-vision-header{
	background: linear-gradient(172deg, #fa880d 0%, #de5931 100%);
	text-align:center;
	padding: 100px 0 100px 0;
}
.qa-vision-header h1{
	text-align:center;
	color:#fff;
}
@media screen and (max-width:800px) { 
	.qa-vision-header h1{
		font-size:20px;
		padding-left:20px;
		padding-right:20px;
		line-height: 1.5;
	}
}

/* スライド上キャッチ
--------------------------------------------------- */
.qa-text-block{
	padding-top:100px;
}
.qa-text-block .catch-text{
	text-align:center;
	margin-bottom:50px;
}
.qa-text-block .catch-text .qa-img1{
	margin-bottom:40px;
}
.qa-text-block .catch-text .qa-img2{
	width:500px;
	margin:0 auto;
	text-align:center;
}
.qa-text-block .catch-text .qa-img2 img{
	width:100%;
}

.qa-text-block .comment-text{
	padding-bottom:80px;
	text-align:center;
}
@media screen and (max-width:800px) { 
	.qa-text-block .catch-text .qa-img1{
		width:92%;
		margin:0 auto 30px auto;
	}
	.qa-text-block .catch-text .qa-img1 h2{
		text-align: center;
	}
	.qa-text-block .catch-text .qa-img1 h2 img{
		width:100%;
	}
	.qa-text-block .catch-text .qa-img2{
		width:80%;
		margin:0 auto;
	}
	.qa-text-block .comment-text{
		padding-left:20px;
		padding-right:20px;
		text-align: left;
	}
}


/* スライド
--------------------------------------------------- */
.qa-slide-block{
    background: linear-gradient(0deg, #fff7e4 0%, #fff7e4 55%, #ffffff 55%);
    padding-bottom: 15px;
}
@media screen and (max-width:800px) { 
	.qa-slide-block{
	    padding-left:20px;
		padding-right:20px;
	}

}


/* vision -> 品質のこだわりリンク
--------------------------------------------------- */
.qa-link-block{
	padding:100px 0;
	background:#fff7e4;
}
.qa-link-block h2{
	font-size: 28px;
	text-align:center;
	line-height: 1.2;
}
.qa-link-block .qa-links{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:0;
	padding:0;
	padding:50px 0;
	flex-wrap:wrap;
}
.qa-link-block .qa-links li{
	width:32%;
	margin-bottom:20px;
}
.qa-link-block .qa-links li a{
	display:block;
	border:solid 1px #ccc;
	border-radius:3px;
	background:#fff;
	transition:0.5s;
}
.qa-link-block .qa-links li a:hover{
	border-color:#e30d6c;
}
.qa-link-block .qa-links li a .btn-box{
	display:flex;
}
.qa-link-block .qa-links li a .btn-box .img-box {
	align-content:center;
	width:120px;
}
.qa-link-block .qa-links li a .btn-box .img-box img{
	width:100%;
	height:auto;
	vertical-align:top;
}
.qa-link-block .qa-links li a .btn-box .title-box {
	align-content:center;
	font-weight:700;
	padding-left:10px;
	font-size:15px;
}

@media screen and (max-width:800px) { 
	.qa-link-block h2{
		font-size: 20px;
		margin-bottom:40px;
	}
	.qa-link-block .qa-links{
		padding:20px;
	}
	.qa-link-block .qa-links li{

		width: 100%;
	}

}