@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名

lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/




/*================================
共通パーツ
================================*/

/*table*/
/*-----------------------------*/
/*u-table01*/
.u-table01 {
	width: 100%;
}
.u-table01 th {
	width: 50%;
	padding: 6px 20px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: left;
	color: #5e3c0f;
	vertical-align: middle;
}
.u-table01 td {
	width: 50%;
	padding: 8px 20px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 1.8rem;
	line-height: 1.6;
	text-align: right;
	color: #5e3c0f;
	vertical-align: middle;
}


/*================================
メインビジュアル
===============================*/
.mv-content {
	background-image: url(img/mv_bg.jpg);
}


/*================================
料金表　MENU
===============================*/
.u-price_menu {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 2rem;
}
.u-price_menu_item {
	position: relative;
	z-index: 1;
	top: 0;
	transition: 0.4s;
	width: calc(100%/3 - 2rem*2/3);
	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.u-price_menu_item:hover {
	top: -4px;
	opacity: 0.8;
}
.u-price_menu_item::before {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: url(img/price_menu_arrow.png)center/22px auto no-repeat;
}
.u-price_menu_link {
	display: block;
	padding-bottom: 24px;
}
.u-price_menu_heading {
	padding: 2px 10px;
	background: #959595;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #fff;
}


/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {

	/*================================
	共通パーツ
	================================*/
	
	/*table*/
	/*-----------------------------*/
	/*u-table01*/
	.u-table01 {}
	.u-table01 th {
		display: block;
		width: 100%;
		border-top: none;
		border-bottom: none;
		font-size: 2rem;
	}
	.u-table01 td {
		display: block;
		width: 100%;
	}


	/*================================
	料金表　MENU
	===============================*/
	.u-price_menu {}
	.u-price_menu_item {
		width: calc(100%/2 - 2rem/2);
	}
	.u-price_menu_item:hover {}
	.u-price_menu_item::before {}
	.u-price_menu_link {}
	.u-price_menu_heading {
		font-size: 1.6rem;
	}
	
	
}