@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); */


/*
history
==============================*/

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

/* history_list ----------*/
.history_list { position: relative; }
.history_list::before { content: ""; position: absolute; top: 0; left: 21rem; height: 100%; width: 0; border-right: dashed 1px #A58D87; }
.history_list li { position: relative; display: flex; align-items: center; padding: 2rem; }
.history_list li:nth-child(even)::after { content: ""; position: absolute; top: 0; left: -200%; z-index: -1; width: 500%; height: 100%; background-color: rgba(192, 208, 204, 0.15); }
.history_list li span {}
.history_list li .y { width: 20rem; display: flex; gap: 0.7rem; align-items: baseline; font-size: 4rem; color: #9F7749; }
.history_list li .y.-m {  font-size: 3.4rem; }
.history_list li .y small { font-size: 2.3rem; }
.history_list li .i { width: calc(100% - 20rem); line-height: 2.5; padding-left: 4rem; }
@media screen and (max-width:480px) { /* s */
	.history_list::before { left: 0; }
	.history_list li { flex-direction: column; }
	.history_list li .y { width: 100%; line-height: 1; margin-bottom: 1rem; }
	.history_list li .i { width: 100%; padding-left: 0; line-height: 2;	font-size: 2rem; }
}