@charset "utf-8";




@media screen and (min-width:768px){
/*pc・タブレットcss*/

.top-ttl01{
	margin-bottom:3vw;
	text-align:center;
}
.top-ttl01 .en{
	display:block;
	font-size:80px;
	font-family: 'Playfair Display', serif;
	color:#A5874A;
	line-height:1.4;
}
.top-ttl01 .jp{
	display:block;
	font-size:18px;
	line-height:1.4;
	font-family: 'Noto Serif JP', serif;
}
/* +++++++++++++++++++++++++ */

#mv{
	position:relative;
}
#mv .mv-slider{
	width:calc(100% - 5vw);
}
#mv .mv-logo-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#mv .mv-logo-box .inner{
	width:28vw;
	text-align:center;
}
#mv .mv-logo-box .tagline{
	display:block;
	margin-bottom:2.4vw;
	font-size:1.2vw;
	line-height:1.6;
	letter-spacing:0.3em;
	font-family: 'Noto Serif JP', serif;
	color:#C6B180;
	-webkit-animation: Mv_Tagline 0.8s ease 0s;
	animation: Mv_Tagline 0.8s ease 0s;
}
@-webkit-keyframes Mv_Tagline {
	0% {
	opacity:0;
	transform: translateY(1vw);
	}
	100% {
	opacity:1;
	transform: translateY(0);
	}
}


#mv .mv-logo-box .logo .st0 {
	stroke:#fff;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 1;
	-webkit-animation: Mv_Logo 3s ease-in 0s forwards;
	animation: Mv_Logo 3s ease-in 0s forwards;
}

@keyframes Mv_Logo {
	0% {
		stroke-dashoffset: 2000;
		fill: transparent;
	}
	40% {
		stroke-dashoffset: 2000;
		fill: transparent;
	}
	70% {
		fill: transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill: #fff;
		stroke: transparent; /* ← ここも同様に */
	}
}


/* +++++++++++++++++++++++++ */

#concept{
	padding:10vw 0;
	background:url(../img/top/concept_bg_top.svg) no-repeat left top / 50% auto , url(../img/top/concept_bg_bottom.svg) no-repeat right bottom / 50% auto;
	font-size:18px;
	line-height:2.4;
}

.concept-box01{
	margin-bottom:8vw;
	text-align:center;
	font-size:20px;
}
.concept-box01 .ttl{
	margin-bottom:1.5vw;
}
.concept-box01 .ttl .en{
	display:block;
	margin-bottom:1.5vw;
	color:#C6B180;
	font-family: 'Playfair Display', serif;
	line-height:1;
	font-size:1.4vw;
}
.concept-box01 .ttl .jp{
	display:block;
	color:#C6B180;
	font-family: 'Noto Serif JP', serif;
	line-height:1.3;
	font-size:2.2vw;
	letter-spacing:0.2em;
}


.concept-box02{
	padding-bottom:8vw;
	margin-bottom:8vw;
	position:relative;
}
.concept-box02:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:10%;
	height:1px;
	margin-left:-5%;
	background:rgba(255,255,255,0.2);
}

.concept-box02 li{
	margin-bottom:8vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.concept-box02 li:last-child{
	margin-bottom:0;
}
.concept-box02 li:nth-child(even) .txt{
	padding-left:5vw;
	padding-right:0;
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}
.concept-box02 .ph{
	width:46%;
}
.concept-box02 .concept-box02-01 .ph{
	width:36%;
	margin-left:5vw;
	margin-top:7vw;
}
.concept-box02 .concept-box02-01 .ph figcaption{
	font-size:70%;
	line-height:1.5;
	padding-top:0.5em;
}

.concept-box02 li:nth-child(even) .ph{
	padding-right:7vw;
}

.concept-box02 .txt{
	width:49%;
	padding-right:7vw;
}
.concept-box02 .txt{
	width:49%;
}
.concept-box02 .txt .year{
	display:block;
	font-family: 'Playfair Display', serif;
	color:rgba(255,255,255,0.1);
	line-height:1;
	font-size:3vw;
	margin-right:0.5vw;
	margin-bottom:2vw;
}
.concept-box02 .txt .year .no{
	font-size:9vw;
}
.concept-box02 .txt .copy{
	margin-bottom:1.5vw;
	color:#C6B180;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:2vw;
}
.concept-box02 .txt .logo{
	margin-bottom:1.5vw;
}
.concept-box02 .txt .letter-body{
}


.concept-box03{
	padding-bottom:8vw;
	margin-bottom:8vw;
	position:relative;
	padding-left:20vw;
	padding-right:20vw;
	text-align:center;
}
.concept-box03:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:10%;
	height:1px;
	margin-left:-5%;
	background:rgba(255,255,255,0.2);
}
.concept-box03:last-child{
	padding-bottom:0;
	margin-bottom:0;
}
.concept-box03:last-child:before{
	display:none;
}

.concept-box03 .copy{
	margin-bottom:2.5vw;
	color:#C6B180;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:2vw;
}
.concept-box03 .ph{
	margin-bottom:2.5vw;
}
.concept-box03 .year{
	display:block;
	font-family: 'Playfair Display', serif;
	color:rgba(255,255,255,0.1);
	line-height:1;
	font-size:3vw;
	margin-right:0.5vw;
	margin-bottom:2vw;
	text-align:center;
}
.concept-box03 .year .no{
	font-size:9vw;
}

/* +++++++++++++++++++++++++ */

#products{
	background-color:#fff;
	padding:8vw 0;
	color:#1B1B1B;
}
#products a{
	color:#1B1B1B;
}
#products .content-area{
	max-width:1100px;
}
#products .products-list li{
	margin:0 1.5vw;
	font-size:14px;
	line-height:1.8;
}
#products .products-list li .item{
	position:relative;
	z-index:2;
}
#products .products-list li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:10px 0 40px 0;
}
#products .products-list li a:hover{ opacity:1; }

#products .products-list li a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:7px;
	background-color:#F5F2E9;
	transition: all 0.4s ease;
	opacity:0;
	transform: scale(0.9);
	transform-origin: center;
	transition: all 0.4s ease;
	z-index: 0;	
}
#products .products-list li a:hover:before{
	opacity: 1;
	transform: scale(1);
}
#products .products-list li .cat{
	text-align:center;
	color:#A5874A;
	font-size:14px;
	font-family: 'Playfair Display', serif;
}
#products .products-list li .p-name{
	margin-bottom:10px;
	text-align:center;
	font-size:26px;
	line-height:1.4;
	font-family: 'Noto Serif JP', serif;
}
#products .products-list li .p-disc{
	padding:0 1vw;
}
#products .products-list li .arrow {
	position: absolute;
	bottom:20px;
	right:20px;
	width: 20px;
	height: 1px;
	border-radius: 9999px;
	background-color:#000;
	margin-left:10px;
	transition: transform 0.4s ease;
}
#products .products-list li .arrow:before {
	content: "";
	position: absolute;
	top: calc(50% - 0.5px);
	right: 0;
	width: 8px;
	height: 1px;
	border-radius: 9999px;
	background-color:#000;
	transform: rotate(45deg);
	transform-origin: calc(100% - 0.5px) 50%;
}


/* +++++++++ */

#products .products-list .slick-track {
  display: flex;
}
#products .products-list .slick-slide {
  height: auto !important;
}


/* slick 矢印（#products .products-list 内限定） */
#products .products-list .slick-prev,
#products .products-list .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 46px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	outline: none;
}
/* 矢印部分 */
#products .products-list .slick-prev:before,
#products .products-list .slick-next:before {
	content: "";
	position: absolute;
	top: 0%;
	width: 30px;
	height: 30px;
	border-top: 2px solid #A6884A;
	border-right: 2px solid #A6884A;
	transition: all .4s;
}
#products .products-list .slick-prev:before{
	margin: 7px 0 0 7px;
	left:0;
  transform: rotate(-135deg);
}
#products .products-list .slick-next:before {
	margin: 7px 7px 0 0;
	right: 0%;
  transform: rotate(45deg);
}

/* 配置位置の調整（必要に応じて調整） */
#products .products-list .slick-prev { left: -20px; }
#products .products-list .slick-next { right: -20px; }



/* +++++++++++++++++++++++++ */

#dealers{
	padding:8vw 0;
	background: url(../img/top/dealers_bg.jpg) no-repeat top center / cover fixed;
}
#dealers .content-area{
	max-width:1100px;
}
#dealers .dealers-list{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#dealers .dealers-list li{
	width:45%;
}
#dealers .ttl-box{
	padding-bottom:24px;
	margin-bottom:18px;
	border-bottom: solid 1px rgba(255,255,255,0.5);
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#dealers .ttl-box .ttl{
	font-size:22px;
}

/* +++++++++++++++++++++++++ */

#with-taoc{
	padding:8vw 0;
	background-color:#272727;
}
#with-taoc .content-area{
	max-width:1100px;
}
#with-taoc .with-taoc-list{
	margin-bottom:6vw;
}
#with-taoc .with-taoc-list li{
	margin-bottom:3.5vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#with-taoc .with-taoc-list .ph{
	width:34%;
}
#with-taoc .with-taoc-list .txt{
	width:58%;
}
#with-taoc .with-taoc-list .ttl{
	position:relative;
	padding-bottom:24px;
	margin-bottom:18px;
	font-size:26px;
	font-family: 'Noto Serif JP', serif;
}
#with-taoc .with-taoc-list .ttl:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:20%;
	height:1px;
	background:#A6884A;
}

/* +++++++++++++++++++++++++ */

#faq{
	background-color:#fff;
	padding:8vw 0;
	color:#1B1B1B;
}
#faq .content-area{
	max-width:1100px;
}
#faq a{
	color:#1B1B1B !important;
	text-decoration:underline;
}
#faq .accordion-box dt{
	position:relative;
	color:#A5874A;
	font-size:20px;
	cursor:pointer;
	padding:1.8vw 3vw 1.8vw 2.5vw;
	font-family: 'Noto Serif JP', serif;
	border-top: solid 1px #E9E9E9;
}
#faq .accordion-box dt:before{
	content:"Q";
	position:absolute;
	top:1.5vw;
	left:0;
	font-size:2vw;
	font-family: 'Playfair Display', serif;
	color:#A5874A;
}
#faq .accordion-box dt:first-child{
	border-top:none;
}

#faq .accordion-box dd{
	position:relative;
	padding:0 0 3vw 2.5vw;
}
#faq .accordion-box dd:before{
	content:"A";
	position:absolute;
	top:-0.2vw;
	left:0;
	font-size:2vw;
	font-family: 'Playfair Display', serif;
	color:#C5AE7E;
}

#faq .accordion-box dd {
	display:none;
}
#faq .accordion-box .accordion_icon,
#faq .accordion-box .accordion_icon span {
	display: inline-block;
	transition: all .4s;
}
#faq .accordion-box .accordion_icon {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
	width: 26px;
	height: 26px;
}
#faq .accordion-box .accordion_icon span {
	position: absolute;
    left: 0;
    width: 100%;
	height: 1px;
    background-color:#C7B48D;
}
#faq .accordion-box .accordion_icon span:nth-of-type(1) {
	top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
#faq .accordion-box .accordion_icon span:nth-of-type(2) {
	display:block;
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#faq .accordion-box dt.active .accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
#faq .accordion-box dt.active .accordion_icon span:nth-of-type(2) {
	display:none;
}


}



@media screen and (min-width:768px) and ( max-width:1460px) {
	

}


@media screen and (min-width:768px) and ( max-width:1366px) {
	


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

	
	.top-ttl01{
		margin-bottom:5vw;
		text-align:center;
	}
	.top-ttl01 .en{
		display:block;
		font-size:40px;
		font-family: 'Playfair Display', serif;
		color:#A5874A;
		line-height:1.6;
	}
	.top-ttl01 .jp{
		display:block;
		font-size:12px;
		line-height:1.4;
		font-family: 'Noto Serif JP', serif;
	}
	/* +++++++++++++++++++++++++ */
	
	#mv{
		position:relative;
	}
	#mv .mv-slider{
	}
	#mv .mv-logo-box{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#mv .mv-logo-box .inner{
		width:50vw;
		text-align:center;
	}
	#mv .mv-logo-box .tagline{
		display:block;
		margin-bottom:4vw;
		font-size:3vw;
		line-height:1.4;
		letter-spacing:0.3em;
		font-family: 'Noto Serif JP', serif;
		color:#C6B180;
		-webkit-animation: Mv_Tagline 0.8s ease 0s;
		animation: Mv_Tagline 0.8s ease 0s;
	}
	@-webkit-keyframes Mv_Tagline {
		0% {
		opacity:0;
		transform: translateY(1vw);
		}
		100% {
		opacity:1;
		transform: translateY(0);
		}
	}
	
	
	#mv .mv-logo-box .logo .st0 {
		stroke:#fff;
		stroke-dasharray: 2000;
		stroke-dashoffset: 0;
		stroke-width: 1;
		-webkit-animation: Mv_Logo 3s ease-in 0s forwards;
		animation: Mv_Logo 3s ease-in 0s forwards;
	}
	
	@keyframes Mv_Logo {
		0% {
			stroke-dashoffset: 2000;
			fill: transparent;
		}
		40% {
			stroke-dashoffset: 2000;
			fill: transparent;
		}
		70% {
			fill: transparent;
		}
		100% {
			stroke-dashoffset: 0;
			fill: #fff;
			stroke: transparent; /* ← ここも同様に */
		}
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#concept{
		padding:12vw 0;
		background:url(../img/top/concept_bg_top.svg) no-repeat left top / 70% auto , url(../img/top/concept_bg_bottom.svg) no-repeat right bottom / 70% auto;
	}
	
	.concept-box01{
		margin-bottom:8vw;
		text-align:center;
		padding: 0 5vw;
	}
	.concept-box01 .ttl{
		margin-bottom:1.5vw;
	}
	.concept-box01 .ttl .en{
		display:block;
		margin-bottom:3vw;
		color:#C6B180;
		font-family: 'Playfair Display', serif;
		line-height:1;
		font-size:12px;
	}
	.concept-box01 .ttl .jp{
		display:block;
		color:#C6B180;
		font-family: 'Noto Serif JP', serif;
		line-height:1.3;
		font-size:22px;
		letter-spacing:0.2em;
	}
	
	
	.concept-box02{
		padding-bottom:12vw;
		margin-bottom:12vw;
		position:relative;
	}
	.concept-box02:before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:30%;
		height:1px;
		margin-left:-15%;
		background:rgba(255,255,255,0.2);
	}
	
	.concept-box02 li{
		margin-bottom:12vw;
		padding: 0 5vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.concept-box02 li:last-child{
		margin-bottom:0;
	}
	.concept-box02 .ph{
		width:100%;
		margin-bottom:2vw;
		padding: 0 10vw;
	}
	.concept-box02 .txt{
		width:100%;
	}
	.concept-box02 .txt .year{
		display:block;
		font-family: 'Playfair Display', serif;
		color:rgba(255,255,255,0.1);
		line-height:1;
		font-size:30px;
		margin-bottom:2vw;
	}
	.concept-box02 .txt .year .no{
		font-size:60px;
	}
	.concept-box02 .txt .copy{
		margin-bottom:3vw;
		color:#C6B180;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:20px;
	}
	.concept-box02 .txt .logo{
		margin-bottom:3vw;
		width:70%;
	}
	.concept-box02 .txt .letter-body{
	}
	.concept-box02 .concept-box02-01 .ph{
	}
	.concept-box02 .concept-box02-01 .ph figcaption{
		font-size:70%;
		line-height:1.5;
		padding-top:0.5em;
	}
	
	.concept-box03{
		padding-bottom:12vw;
		margin-bottom:12vw;
		position:relative;
		padding-left:5vw;
		padding-right:5vw;
	}
	.concept-box03:before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:30%;
		height:1px;
		margin-left:-15%;
		background:rgba(255,255,255,0.2);
	}
	.concept-box03:last-child{
		padding-bottom:0;
		margin-bottom:0;
	}
	.concept-box03:last-child:before{
		display:none;
	}
	
	.concept-box03 .copy{
		margin-bottom:5vw;
		color:#C6B180;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:20px;
		text-align:center;
	}
	.concept-box03 .ph{
		margin-bottom:2.5vw;
	}
	
	.concept-box03 .year{
		display:block;
		font-family: 'Playfair Display', serif;
		color:rgba(255,255,255,0.1);
		line-height:1;
		font-size:30px;
		margin-bottom:2vw;
		text-align:center;
	}
	.concept-box03 .year .no{
		font-size:60px;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#products{
		background-color:#fff;
		padding:8vw 10vw;
		color:#1B1B1B;
	}
	#products a{
		color:#1B1B1B;
	}
	#products .content-area{
		max-width:1100px;
	}
	#products .products-list li{
		margin:0 1.5vw;
		font-size:14px;
		line-height:1.8;
	}
	#products .products-list li .item{
		position:relative;
		z-index:2;
	}
	#products .products-list li a{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		padding:2vw 0 6vw 0;
	}
	#products .products-list li a:hover{ opacity:1; }
	
	#products .products-list li a:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border-radius:7px;
		background-color:#F5F2E9;
		transition: all 0.4s ease;
		opacity:0;
		transform: scale(0.9);
		transform-origin: center;
		transition: all 0.4s ease;
		z-index: 0;	
	}
	#products .products-list li a:hover:before{
		opacity: 1;
		transform: scale(1);
	}
	#products .products-list li .cat{
		text-align:center;
		color:#A5874A;
		font-size:11px;
		font-family: 'Playfair Display', serif;
	}
	#products .products-list li .p-name{
		margin-bottom:3vw;
		text-align:center;
		font-size:20px;
		line-height:1.4;
		font-family: 'Noto Serif JP', serif;
	}
	#products .products-list li .p-disc{
		padding:0 1vw;
		font-size:12px;
	}
	#products .products-list li .arrow {
		position: absolute;
		bottom:0px;
		right:3vw;
		width: 20px;
		height: 1px;
		border-radius: 9999px;
		background-color:#000;
		margin-left:10px;
		transition: transform 0.4s ease;
	}
	#products .products-list li .arrow:before {
		content: "";
		position: absolute;
		top: calc(50% - 0.5px);
		right: 0;
		width: 8px;
		height: 1px;
		border-radius: 9999px;
		background-color:#000;
		transform: rotate(45deg);
		transform-origin: calc(100% - 0.5px) 50%;
	}
	
	
	/* +++++++++ */
	
	#products .products-list .slick-track {
	  display: flex;
	}
	#products .products-list .slick-slide {
	  height: auto !important;
	}
	
	
	/* slick 矢印（#products .products-list 内限定） */
	#products .products-list .slick-prev,
	#products .products-list .slick-next {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		display: block;
		width: 8.6vw;
		height:8.6vw;
		padding: 0;
		border: none;
		background: transparent;
		cursor: pointer;
		outline: none;
	}
	/* 矢印部分 */
	#products .products-list .slick-prev:before,
	#products .products-list .slick-next:before {
		content: "";
		position: absolute;
		top: 0%;
		width: 5vw;
		height: 5vw;
		border-top: 2px solid #A6884A;
		border-right: 2px solid #A6884A;
		transition: all .4s;
	}
	#products .products-list .slick-prev:before{
		margin: 7px 0 0 7px;
		left:0;
	  transform: rotate(-135deg);
	}
	#products .products-list .slick-next:before {
		margin: 7px 7px 0 0;
		right: 0%;
	  transform: rotate(45deg);
	}
	
	/* 配置位置の調整（必要に応じて調整） */
	#products .products-list .slick-prev { left: -20px; }
	#products .products-list .slick-next { right: -20px; }
	
	
	
	/* +++++++++++++++++++++++++ */
	
	#dealers{
		padding:12vw 0;
		background: url(../img/top/dealers_bg.jpg) no-repeat top center / cover fixed;
	}
	#dealers .content-area{
	}
	#dealers .dealers-list{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#dealers .dealers-list li{
		width:100%;
		margin-bottom:12vw;
	}
	#dealers .ttl-box{
		padding-bottom:3vw;
		margin-bottom:3vw;
		border-bottom: solid 1px rgba(255,255,255,0.5);
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		
	}
	#dealers .ttl-box .ttl{
		font-size:20px;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#with-taoc{
		padding:8vw 0;
		background-color:#272727;
	}
	#with-taoc .content-area{
	}
	#with-taoc .with-taoc-list{
		margin-bottom:6vw;
	}
	#with-taoc .with-taoc-list li{
		margin-bottom:12vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#with-taoc .with-taoc-list .ph{
		width:100%;
		margin-bottom:5vw;
	}
	#with-taoc .with-taoc-list .txt{
		width:100%;
		font-size:12px;
	}
	#with-taoc .with-taoc-list .ttl{
		position:relative;
		padding-bottom:4vw;
		margin-bottom:3vw;
		font-size:18px;
		font-family: 'Noto Serif JP', serif;
	}
	#with-taoc .with-taoc-list .ttl:before{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		width:30%;
		height:1px;
		background:#A6884A;
	}
		
	
/* +++++++++++++++++++++++++ */

	#faq{
		background-color:#fff;
		padding:8vw 0;
		color:#1B1B1B;
	}
	#faq .content-area{
		max-width:1100px;
	}
	#faq a{
		color:#1B1B1B !important;
		text-decoration:underline;
	}
	#faq .accordion-box dt{
		position:relative;
		color:#A5874A;
		font-size:15px;
		line-height:1.5;
		cursor:pointer;
		padding:4vw 8vw;
		font-family: 'Noto Serif JP', serif;
		border-top: solid 1px #E9E9E9;
	}
	#faq .accordion-box dt:before{
		content:"Q";
		position:absolute;
		top:2.5vw;
		left:0;
		font-size:6vw;
		font-family: 'Playfair Display', serif;
		color:#A5874A;
	}
	#faq .accordion-box dt:first-child{
		border-top:none;
	}
	
	#faq .accordion-box dd{
		position:relative;
		padding:0 0 4vw 8vw;
	}
	#faq .accordion-box dd:before{
		content:"A";
		position:absolute;
		top:-2vw;
		left:0;
		font-size:6vw;
		font-family: 'Playfair Display', serif;
		color:#C5AE7E;
	}
	
	#faq .accordion-box dd {
		display:none;
	}
	#faq .accordion-box .accordion_icon,
	#faq .accordion-box .accordion_icon span {
		display: inline-block;
		transition: all .4s;
	}
	#faq .accordion-box .accordion_icon {
		position:absolute;
		right:0;
		top:50%;
		margin-top:-1.5vw;
		width: 5vw;
		height: 5vw;
	}
	#faq .accordion-box .accordion_icon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color:#C7B48D;
	}
	#faq .accordion-box .accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	#faq .accordion-box .accordion_icon span:nth-of-type(2) {
		display:block;
		top: 5px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	#faq .accordion-box dt.active .accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	#faq .accordion-box dt.active .accordion_icon span:nth-of-type(2) {
		display:none;
	}
		
		
		
		
	
	
	
	
	
	
}