@charset "UTF-8";

#gnav ul li a{
	font-weight: normal;
}
#path{
	overflow: hidden;
}
/* ▼▼▼ QAISの約束
=====================================*/
.sec_list > a{
	display: block;
}

/* ▼ sec01
----------------------------------------*/
#sec01{
	font-size: 14px;
	margin-bottom: 120px;
	}
	#sec01 h2{
		margin: 30px auto;
		font-size: 26px;
		text-align: center;
		font-weight: 500;
	}
	#sec01 .logo_list{
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 600px;
		margin: 0 auto 30px;
	}
	#sec01 .logo_list li{
		flex: 1;
		text-align: center;
	}
	#sec01 .logo_list li:not(:last-child){
		margin-right: 20px;
	}
	#sec01 #map svg{
		width: 100%;
	}
	#sec01 #map g{
		transition: .3s;
	}
	#sec01 #map g:hover{
		fill: #f00;
	}
	#sec01 .store_list h3 {
		padding-bottom: 10px;
		margin-bottom: 25px;
		border-bottom: 1px solid #035B7F;
		font-size: 22px;
		color: #035B7F;
	}
	#sec01 .store_list ul li{
		width: 49%;
		margin-bottom: 60px;
	}
	#sec01 .store_list ul li p{
		line-height: 1.6;
	}
	#sec01 .store_list ul li p.shop_name{
		margin-bottom: 5px;
		font-weight: bold;
	}
	#sec01 .store_list ul li p.address{
		margin-bottom: 10px;
	}
	#sec01 .store_list ul li .icon_box{
		display: flex;
	}
	#sec01 .store_list ul li .icon_box p{
		margin-right: 10px;
	}
	#sec01 .store_list ul li .icon_box p.icon{
		display: flex;
		height: 40px;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		padding: 0 10px;
		color: #035B7F;
		border: 2px solid #035B7F;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: -.05em;
	}
	#sec01 .store_list ul li .map a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: #035B7F;
		width: 115px;
		height: 40px;
		color: #fff!important;
		font-weight: bold;
		text-align: center;
	}
	/* 写真あり */
	#sec01 .store_list ul li.flex_box > div{
		flex: 1;
	}
	#sec01 .store_list ul li .photo{
		margin-right: 3%;
	}
	/* 写真1枚 */
	/* 写真2枚 */
	#sec01 .store_list ul li.photo_two{
		width: 100%;
	}
	#sec01 .store_list ul li.photo_two .photo.flex_box > p{
		flex: 1;
	}
	#sec01 .store_list ul li.photo_two .photo.flex_box > p:nth-child(1){
		margin-right: 10px;
	}

/* ▼ sec02
----------------------------------------*/
#sec02 h2{
	color: #035B7F;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
	}
	#sec02 h2:before{
		content: "";
		position: absolute;
		top: -50px;
		right: 0;
		left: 0;
		margin: auto;
		background: url("../img/store/store_icon_balloon.svg") center / 42px 35px no-repeat;
		display: block;
		width: 42px;
		height: 35px;
	}
	/* スライダー */
	#sec02 .slider_comment li{
		background: #fff;
		padding: 40px 20px;
		margin: 0 10px;
	}
	#sec02 .slider_comment li.bg_blue{ background: #EDF5F8;}
	#sec02 .slider_comment li.bg_yellow{ background: #F8F8ED;}
	#sec02 .slider_comment li.bg_green{ background: #EDF5F3;}
	#sec02 .slider_comment li h3{
		font-size: 18px;
	}
	#sec02 .slider_comment li p.comment{
		background-color: #fff;
		background-image:
		linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
		background-size: 6px 100%,100% 2.5em;
		line-height: 2.5em;
  		padding: 0 1em;
		margin-bottom: 20px;
	}
	#sec02 .slider_comment li.bg_blue p.comment{
		background-color: #EDF5F8;
	  background-image:
	  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #EDF5F8 0%, #EDF5F8 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
	}
	#sec02 .slider_comment li.bg_yellow p.comment{
		background-color: #F8F8ED;
	  background-image:
	  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #F8F8ED 0%, #F8F8ED 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
	}
	#sec02 .slider_comment li.bg_green p.comment{
		background-color: #EDF5F3;
	  background-image:
	  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #EDF5F3 0%, #EDF5F3 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
	}
	#sec02 .slider_comment li p.name{
		font-size: 14px;
		text-align: right;
	}
	/* arrowsカスタム */
	#sec02 .slider_comment .slick-prev,
	#sec02 .slider_comment .slick-next{
		width: 20px;
		height: 55px;
		top: 50%;
		}
		#sec02 .slick-next:before,
		#sec02 .slick-prev:before{
			content: "";
			width: 20px;
			height: 55px;
			background: url(../img/top/icon_slider_voice_arrow.svg)no-repeat center center/cover;
			position: absolute;
			top: 0;
		}
		#sec02 .slick-next:before{
			right: 0;
		}
		#sec02 .slick-prev:before{
			transform: scale(-1, 1);
			left: 0;
		}
		#sec02 .slick-prev:before, .slick-next:before{
			opacity: 1;
		}

/* ▼ products
----------------------------------------*/
#products{
	padding: 100px 0 150px;
	}
	#products .sec_read{
		margin: 0 auto 20px;
		text-align: center;
	}
	#products .kome{
		margin: 0 auto 100px;
		text-align: center;
	}
/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {
	/* ▼ sec01
	----------------------------------------*/
	#sec01{
		margin-bottom: 60px;
		}
		#sec01 .logo_list li:not(:last-child){
			margin-right: 15px;
		}
		#sec01 #map svg{
			height: auto;
		}
		#sec01 .logo_list li:nth-child(1) img{
			width: 50px;
		}
		#sec01 h2{
			font-size: 20px;
		}
		#sec01 .store_list h3 {
			margin-bottom: 20px;
			font-size: 20px;
		}
		#sec01 .store_list ul li{
			width: 100%;
			padding-top: 50px;
			margin:-50px auto 50px;
		}
		/* 写真あり */
		#sec01 .store_list ul li .photo{
			display: flex;
			margin: 0 auto 15px;
		}

	/* ▼ sec02
	----------------------------------------*/
	#sec02 h2{
		font-size: 18px;
	}
	#sec02 h2:before{
		top: -35px;
		background: url("../img/store/store_icon_balloon.svg") center / 25px 23px no-repeat;
		width: 25px;
		height: 23px;
	}
	/* スライダー */
	#sec02 .slider_comment li{
		padding: 30px 20px;
	}
	#sec02 .slider_comment li h3{
		font-size: 18px;
	}
		/* スライダー */
		#sec02 .slider_comment li{
			padding: 30px 20px;
		}
		#sec02 .slider_comment li h3{
			font-size: 18px;
		}
		#sec02 .slider_comment li p{
			font-size: 14px;
		}
		/* arrowsカスタム */
		#sec02 .slider_comment .slick-prev,
		#sec02 .slider_comment .slick-next{
			height: 40px;
			}
			#sec02 .slick-next:before,
			#sec02 .slick-prev:before{
				height: 40px;
			}
			#sec02 .slick-next:before{
				right: 10px;
			}
			#sec02 .slick-prev:before{
				left: 10px;
			}

	/* ▼ products
	----------------------------------------*/
	#products{
		padding: 60px 0;
		}
		#products .sec_read,
		#products .kome{
			text-align: left;
		}
		#products .kome{
			margin: 0 auto 40px;
		}
}