@charset "utf-8";

/* 料金表 fee
------------------------------------------------------------------*/
.list_fee01 li a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: calc(13 / var(--break) * 100vw) solid #fff;
	border-right: calc(13 / var(--break) * 100vw) solid transparent;
	border-left: calc(13 / var(--break) * 100vw) solid transparent;
	right: calc(15 / var(--break) * 100vw);
	top: 0;
	bottom: 0;
	margin: auto;
}
.tab_fee01 {
	width: 90%;
	max-width: 1240px;
	gap: 0 calc(40 / var(--break) * 100vw);
	border-bottom: 1px solid #fff;
}
.tab_fee01.tab02 {
	gap: 0 calc(20 / var(--break) * 100vw);
}
.tab_fee01 .col {
	width: calc(480 / var(--break) * 100vw);
}
.tab_fee01.tab02 .col {
	width: calc(320 / var(--break) * 100vw);
}
.tab_fee01 .col a {
	height: calc(60 / var(--break) * 100vw);
	border: 1px solid #fff;
	border-bottom: none;
	background: #ffffff1a;
	color: #fff;
	transition: .3s;
}
.tab_fee01 .col a:hover, .tab_fee01 .col a.active {
	opacity: 1;
	color: #cdbb94;
	border-color: #cdbb94;
	transition: .3s;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.tab_fee01 {
		width: calc(702 / var(--break) * 100vw);
		max-width: 100%;
		gap: 0 2%;
	}
	.tab_fee01.tab02 {
		gap: 0 2%;
	}
	.tab_fee01 .col {
		width: 49%;
	}
	.tab_fee01.tab02 .col {
		width: 32%;
	}
	.tab_fee01 .col a {
		height: calc(80 / var(--break) * 100vw);
		font-size: .875rem;
		letter-spacing: 0;
	}
	.tab_fee01.tab02 .col a {
		height: calc(100 / var(--break) * 100vw);
	}
}