@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/fontawesome/css/all.min.css); */
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
menu
==============================*/

/* mv_pg ----------*/
#mv_pg::after { background-image: url(../img/menu/kv.webp); }

/* menu_imgs ----------*/
.menu_imgs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4rem; margin-top: 8rem; }
.menu_imgs.-s { gap: 2rem; margin-top: 3rem; }
@media screen and (max-width:480px) { /* s */
	.menu_imgs { max-width: 80%; margin: auto; grid-template-columns: 1fr; gap: 0; margin-top: 4rem; }
}


/* txt_01 ----------*/
.txt_01 { display: grid; grid-template-columns: minmax(0px, 57rem) 1fr; gap: 5rem; margin-top: 8rem; }
.txt_01 .l { font-size: 2.2rem; vertical-align: baseline; }
.txt_01 .c { vertical-align: baseline; color: #D6B896; }
@media screen and (max-width:1024px) { /* l */
	.txt_01 { grid-template-columns: minmax(0px, 30rem) 1fr; gap: 3rem; }	
}
@media screen and (max-width:480px) { /* s */
	.txt_01 { grid-template-columns: 1fr; }	
}

/* txt_02 ----------*/
.txt_02 { display: flex; aspect-ratio: 97 / 53; background-image: url(../img/menu/img_08.webp); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 8rem; }
.txt_02 .tw { margin-left: auto; max-width: 30rem; display: grid; place-items: center; padding: 4.5rem; background-color: rgba(11, 3, 3, 0.45); }
@media screen and (max-width:480px) { /* s */
	.txt_02 { height: auto; aspect-ratio: inherit; }
}

/* txt_03 ----------*/
.txt_03 { margin-top: 8rem; }