@charset "utf-8";
/*===========================
add
===========================*/
:root {
	--basic-color:#595959;
}


.txt-e h2,
.txt-e h3{
 font-family: "Cormorant Garamond", serif !important;
}


/*===========================
btn01
===========================*/
.btn01{
 margin-right: 40px;
}

.btn01 a {
	--arrow-color: #000; /* 矢印の色を設定 */
	display: inline-flex; /* 横並びに配置 */
	align-items: center; /* 垂直方向を中央に揃える */
	color: var(--arrow-color); /* 文字色を矢印の色と一致 */
	text-decoration: none; /* 下線を非表示 */
	position: relative; /* 疑似要素の位置基準 */
 transition: 0.3s;
}

.btn01 a::after {
	border-bottom: 1px solid var(--arrow-color); /* 下線のスタイルを矢印として設定 */
	border-right: 1px solid var(--arrow-color); /* 右線のスタイルを矢印として設定 */
	content: ''; /* 疑似要素のコンテンツを空に設定 */
	width: 30px; /* 矢印の幅を30pxに設定 */
	height: 10px; /* 矢印の高さを10pxに設定 */
	position: absolute; /* 親要素に対して絶対位置 */
	left: 100%; /* テキストの右端に配置 */
	transform: skewX(50deg); /* 矢印の傾きの調整 */
	transition: all .3s; /* なめらかな移動効果 */
}


/* マウスオーバー時の動き */
.btn01 a:hover{
 color: #5e5e5e;
}
.btn01 a:hover::after {
	margin-left: 10px; /* マウスオーバー時に矢印を10px右に移動 */
 --arrow-color: #5e5e5e;
}


/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}

.title-sahdow-none{
	text-shadow: none;
}



/*===========================
a
===========================*/
a:hover img{
	cursor:pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; 
    -moz-opacity:0.7; 
    -khtml-opacity: 0.7; 
    opacity:0.7;
    zoom:1;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}



/*===========================
f-wrap-cen
===========================*/
@media screen and (min-width: 601px) {
 .f-wrap-cen .f-item1-2{
  margin-right: 4%;
 }
 .f-wrap-cen .f-item1-2:nth-child(even){
  margin-right: 0;
 }


 .f-wrap-cen .f-item1-3{
  margin-right: 3%;
 }
 .f-wrap-cen .f-item1-3:nth-child(3),
 .f-wrap-cen .f-item1-3:nth-child(5){
  margin-right: 0;
 }
}

@media screen and (min-width: 769px) {
.f-wrap-cen .f-item1-3-t2{
  margin-right: 3%;
 }
 .f-wrap-cen .f-item1-3-t2:nth-child(3),
 .f-wrap-cen .f-item1-3-t2:nth-child(5){
  margin-right: 0;
 }
}




/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}



/*===========================
width
===========================*/
.w150px{
 width: 150px;
}

.w150px-center{
 width: 150px;
 margin: 0 auto;
}

.w200px{
 width: 200px;
}


.w100p,
li.w100p{
	width: 100% !important;
	display: block;
}


@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.w90Tablet{
		width: 90% !important;
		box-sizing: border-box;
	}

	.w80Tablet{
		width: 80% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp,
	.w90Tablet,
	.w80Tablet,
	.w50Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.width-sp-50 img{
		width: 50% !important;
	}
}


/*===========================
onOff
===========================*/
.pcOFFtabletONspOFF{display: none !important;}
.pcOFFtabletOFFspON{display: none;}

@media screen and (min-width: 769px) {
	.pcOFFtabletONspON{display: none !important;}
}

@media screen and (max-width: 768px) {
	.pcOFFtabletONspOFF{display: block !important;}
	.pcOFFtabletOFFspON{display: none;}
	.pcONtabletOFFspOFF{display: none !important;}
	.pcONtabletOFFspON{display: none;}
}

@media screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none !important;}
	.pcOFFtabletOFFspON{display: block;}
	.pcONtabletONspOFF{display: none;}
	.pcONtabletOFFspON{display: block;}
}