@charset "utf-8";

/*===========================================================
宴会コース
===========================================================*/

.course01PointText {
    font-size: clamp(15px, 14.272px + 0.194vw, 18px);
}

.courseFixedImgContainer {
    width: 100%;
    height: 350px;
    position: relative;
    clip-path: inset(0 0 0 0);
}

.courseFixedImgContainer::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    background-image: url(/system_panel/uploads/images/course01.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(0);
}

.courseFixedImgContainer::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(12, 7, 0, .4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

/*===========================================================
course02
===========================================================*/

.course02Bg01 {
	background-image: url(/system_panel/uploads/images/cmn_bg03.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
	color: var(--white);
}

.course02TextArea {
    background: var(--white);
}

.course02Bg01 .course02TextArea {
    background: var(--white);
	color: black;
}

.course02Bg01 .course02PriceDeco {
	background: var(--primary);
}

.course02SubTitle {
	display: flex;
	align-items: center;
}

/* 左右の斜め線の共通スタイル */
.course02SubTitle::before,
.course02SubTitle::after {
	content: "";
	display: block;
	width: 1px;        /* 線幅 */
	height: clamp(15px, 13.786px + 0.324vw, 20px);      /* 線の長さ */
	background-color: var(--black); /* 線の色 */
}

/* 左側の斜め線 (＼) */
.course02SubTitle::before {
	margin: 0 10px 0 0;
	transform: rotate(-35deg);
}

/* 右側の斜め線 (／) */
.course02SubTitle::after {
	margin: 0 0 0 10px;
	transform: rotate(35deg);
}

.course02Price01 {
	font-size: clamp(14px, 13.52px + 0.129vw, 16px);
	line-height: 1.5;
}

.course02Price02 {
	font-size: clamp(20px, 18.064px + 0.518vw, 28px);
	line-height: 1.4;
}

.course02PriceDeco {
    padding: 5px 10px;
    background: rgba(58, 28, 15, 0.2);
    border: 1px solid var(--black);
}

.course02CourseTitle {
    font-size: clamp(20px, 19.029px + 0.259vw, 24px);
    border-bottom: 1px solid;
}

.course02ImgTextBox {
	font-size: clamp(15px, 14.272px + 0.194vw, 18px);
}

.course02PointTextItem {
	font-size: clamp(15px, 14.272px + 0.194vw, 18px);
}

/*===========================================================
course03
===========================================================*/

.course03Title {
	font-size: clamp(24px, 15.262px + 2.33vw, 60px);
    letter-spacing: 0.05em;
    font-family: var(--fontB);
}

.course03PriceArea {
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.course03MenuItem {
	padding: 10px 0;
    border-bottom: 1px dotted;
}

.course03MenuItem:first-child {
	padding: 0 0 10px;
}

.course03MenuItem s {
	font-size: clamp(14px, 13.515px + 0.129vw, 16px);
	text-decoration: none;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


/*===========================================================

===========================================================*/



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================

===========================================================*/

.courseFixedImgContainer {
    height: 400px;
}

/*===========================================================
.course03
===========================================================*/

.course03MenuArea {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 10%;
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================

===========================================================*/

.courseFixedImgContainer {
    height: 500px;
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */