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

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.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); */


/*
 greeting
==============================*/

/* inner ----------*/
#main .inner { position: relative; max-width: 112rem; margin: 0 auto; padding: 0 4rem; }


/* main ----------*/
#main {}
#main .ov_bg { z-index: 1; }
#main h2 { font-size: 3.4rem; color: #5F5049; line-height: 1.67; margin-bottom: 0.74em; }
#main h3 { font-size: 2.8rem; color: #5F5049; line-height: 1.32; margin-bottom: 0.6em; }
@media screen and (max-width:480px) { /* s */
	#main h2 { font-size: 3rem; }
	#main h3 { font-size: 2.2rem; }
}

/* secA ----------*/
#secA { padding-top: 6rem; padding-bottom: 24rem; }
#secA .card_txt_img { position: relative; z-index: 2; gap: 2%; }
#secA .card_txt_img .wrap_img { position: relative; width: 45%; }
#secA .card_txt_img .wrap_txt { width: 53%; }
#secA .card_txt_img .wrap_img .p { position: relative; width: 158%; max-width: none; }
#secA .card_txt_img .wrap_img .p img {}
#secA .card_txt_img .wrap_img .p .info { position: relative; max-width: 35rem; margin: auto; padding: 2.4rem 2rem 2rem; margin-top: -9rem; }
#secA .card_txt_img .wrap_img .p .info::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(../img/greeting/info_bg.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#secA .card_txt_img .wrap_img .p .info .title { position: relative; display: block; z-index: 2; color: #FFF; font-size: 1.6rem; line-height: 1.6; }
#secA .card_txt_img .wrap_img .p .info .name { position: relative; display: block; z-index: 2; color: #FFF; font-size: 2rem; font-weight: bold; line-height: 1.4; margin-top: 1rem; }
#secA .ov_01 { width: 15.6%; bottom: 15%; left: -20%; }
#secA .ov_02 { width: 4.6%; bottom: -13%; right: -10%; }
@media screen and (max-width:1240px) {
	#secA .card_txt_img .wrap_img .p { width: 120%; }
	#secA .ov_01 { bottom: 15%; left: -10%; }
	#secA .ov_02 { bottom: -5%; right: 3%; }
}
@media screen and (max-width:896px) { /* m */
	#secA .card_txt_img { flex-direction: column; gap: 4vw; }
	#secA .card_txt_img .wrap_img { width: 100%; }
	#secA .card_txt_img .wrap_img .p { width: 80%; margin: auto; }
	#secA .card_txt_img .wrap_txt { width: 100%; }
}
@media screen and (max-width:480px) { /* s */
	#secA .card_txt_img .wrap_img .p .info { max-width: 35rem; padding: 2.4rem 2rem 2rem; margin-top: -6rem; }
	#secA .card_txt_img .wrap_img .p .info .title { font-size: 1.4rem;  }
	#secA .card_txt_img .wrap_img .p .info .name { font-size: 1.6rem; }
	#secA .ov_01 { left: -2%; }
	#secA .ov_02 { right: 6%; }
}

/* secB ----------*/
#secB { padding-top: 1px; padding-bottom: 13rem; }
#secB .w { position: relative; z-index: 2; }
#secB .inner { margin-top: -18rem; }
#secB .ov_01 { width: 21%; bottom: -35%; left: -10%; }
#secB .ov_02 { width: 9.6%; bottom: -13%; right: -10%; }
@media screen and (max-width:1240px) {
	#secB .ov_01 { bottom: -35%; left: -5%; }
	#secB .ov_02 { bottom: -13%; right: 3%; }
}
@media screen and (max-width:480px) { /* s */
	#secB .ov_01 { bottom: -10rem; left: 1rem; }
	#secB .ov_02 { bottom: -13%; right: 3%; }
}