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


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

#custom-order-mv{
	background-color:#fff;
	color:#444;
	position:relative;
	padding:10vw 10vw 5vw 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;
}
#custom-order-mv #common-header{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#custom-order-mv .txt-box{
	width:47.5%;
}
#custom-order-mv .ph{
	width:47.5%;
}
#custom-order-mv .ttl{
	margin-bottom:1.6vw;
}
#custom-order-mv .ttl .en{
	display:block;
	font-family: 'Playfair Display', serif;
	line-height:1;
	font-size:1vw;
	color:#A5874A;
}
#custom-order-mv .ttl .jp{
	display:block;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:2.2vw;
}
#custom-order-mv .copy{
	margin-bottom:1.6vw;
	color:#A5874A;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:1.8vw;
}

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

#custom-order-contents{
}
#custom-order-contents > ul > li{
	padding:10vw 10vw 5vw 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;
}
#custom-order-contents > ul > li:nth-child(even){
	background-color:#fff;
	color:#444;
}
#custom-order-contents .ph{
	width:46%;
}
#custom-order-contents .txt-box{
	width:49%;
}
#custom-order-contents > ul > li:nth-child(even) .txt-box{
	-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;
}

#custom-order-contents .copy{
	margin-bottom:1.6vw;
	color:#A5874A;
	font-family: 'Noto Serif JP', serif;
	line-height:1.5;
	font-size:2.5vw;
}
#custom-order-contents .achievement{
	border: solid 1px #3D3D3D;
	padding:1vw;
}
#custom-order-contents .achievement .ttl{
	color:#A5874A;
	line-height:1.5;
	font-size:1.2vw;
}


/* ドットの親要素 */
.slick-dots {
  position:relative;
  bottom:-2vw; /* 任意で位置調整OK */
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
}

/* 各ドット */
.slick-dots li {
  width: 12px;
  height: 12px;
}

/* ボタン部分 */
.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* アクティブ状態 */
.slick-dots li.slick-active button {
  background: #C7B181;
  transform: scale(1.2);
}

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

#individual-inquiries{
	padding:8vw 0;
	background:#272727;
}
#individual-inquiries .content-area{
}
#individual-inquiries .box{
	text-align:center;
}
#individual-inquiries .box .ttl{
	margin-bottom:1vw;
	font-size:1.2vw;
}
#individual-inquiries .box p{
	margin-bottom:2vw;
}
#individual-inquiries .box p:last-child{
	margin-bottom:0;
}





}



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

}


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


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

		
	/* +++++++++++++++++++++++++ */
	
	#custom-order-mv{
		background-color:#fff;
		color:#444;
		position:relative;
		padding:20vw 5vw;
	}
	#custom-order-mv #common-header{
		position:absolute;
		top:0;
		left:0;
		z-index:10;
	}
	#custom-order-mv .txt-box{
		width:100%;
		margin-bottom:10vw;
	}
	#custom-order-mv .ph{
		width:100%;
	}
	#custom-order-mv .ttl{
		margin-bottom:3vw;
	}
	#custom-order-mv .ttl .en{
		display:block;
		font-family: 'Playfair Display', serif;
		line-height:1;
		font-size:14px;
		color:#A5874A;
	}
	#custom-order-mv .ttl .jp{
		display:block;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:19px;
	}
	#custom-order-mv .copy{
		margin-bottom:3vw;
		color:#A5874A;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:16px;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#custom-order-contents{
	}
	#custom-order-contents > ul > li{
		padding:12vw 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;
	}
	#custom-order-contents > ul > li:nth-child(even){
		background-color:#fff;
		color:#444;
	}
	#custom-order-contents .ph{
		width:100%;
		margin-bottom:5vw;
	}
	#custom-order-contents .txt-box{
		width:100%;
	}
	
	#custom-order-contents .copy{
		margin-bottom:3vw;
		color:#A5874A;
		font-family: 'Noto Serif JP', serif;
		line-height:1.5;
		font-size:20px;
	}
	#custom-order-contents .achievement{
		border: solid 1px #3D3D3D;
		padding:4vw;
	}
	#custom-order-contents .achievement .ttl{
		color:#A5874A;
		line-height:1.5;
		font-size:18px;
	}
	
	
	/* ドットの親要素 */
	.slick-dots {
	  position:relative;
	  bottom:-2vw; /* 任意で位置調整OK */
	  left: 50%;
	  transform: translateX(-50%);
	  display: flex !important;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  z-index: 10;
	}
	
	/* 各ドット */
	.slick-dots li {
	  width: 12px;
	  height: 12px;
	}
	
	/* ボタン部分 */
	.slick-dots li button {
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background: rgba(255,255,255, 0.3);
	  border: none;
	  text-indent: -9999px;
	  cursor: pointer;
	  transition: all 0.3s ease;
	}
	
	/* アクティブ状態 */
	.slick-dots li.slick-active button {
	  background: #C7B181;
	  transform: scale(1.2);
	}
	
	/* +++++++++++++++++++++++++ */
	
	#individual-inquiries{
		padding:12vw 0;
		background:#272727;
	}
	#individual-inquiries .content-area{
	}
	#individual-inquiries .box{
		text-align:center;
	}
	#individual-inquiries .box .ttl{
		margin-bottom:1vw;
		font-size:16px;
	}
	#individual-inquiries .box p{
		margin-bottom:2vw;
	}
	#individual-inquiries .box p:last-child{
		margin-bottom:0;
	}
	
}