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


/*
 index
==============================*/

/* mv ----------*/
#mv { position: relative; padding: 12rem 0 6rem; }
#mv h1 { padding: 0 4rem; left: 0; width: 100%; text-align: center; }

/* copy ----------*/
#copy { padding: 14rem 0; }
#copy h2 { text-align: center; font-size: 7rem; margin-bottom: 14rem; }
#copy h2 mark { color: #81B444; background: linear-gradient(transparent 60%, #FAFF00 60%); line-height: 1; vertical-align: baseline; }
#copy h2 mark span { vertical-align: baseline; }
#copy h2 mark .l { font-size: 12rem; }
#copy h2 mark .m { font-size: 9rem; }
#copy p { text-align: center; font-size: 3rem; font-weight: bold; }
@media screen and (max-width:480px) { /* s */
	#copy { padding: 0 0 12rem 0; }
	#copy h2 { font-size: 4rem; margin-bottom: 8rem; }
	#copy h2 mark .l { font-size: 8rem; }
	#copy h2 mark .m { font-size: 6rem; }
	#copy p { font-size: 2.4rem; }
}

/* campaigns ----------*/
#campaigns {}
#campaigns .campaigns_list {}
#campaigns .campaigns_list li { padding: 2rem; border-radius: 1rem; background-color: #FFF; }
#campaigns .campaigns_list li a { color: #333; text-decoration: none; }
#campaigns .campaigns_list li a span { display: block; }
#campaigns .campaigns_list li .pw { position: relative; }
#campaigns .campaigns_list li .pw .n { position: absolute; top: -2rem; left: -2rem; width: 7rem; height: 7rem; border: solid 3px #FFF; border-radius: 7rem; color: #FFF; background-color: #81B444; text-align: center; line-height: 7rem; font-size: 4rem; font-weight: bold; }
#campaigns .campaigns_list li .pw .status { position: absolute; top: -1.1rem; left: 6rem; padding: 1rem 1.5rem; border-radius: 1rem; line-height: 1; font-size: 3rem; font-weight: bold; }
#campaigns .campaigns_list li .pw .status.-s1 { color: #FFF; background-color: #F18700; border: solid 3px #FFF; }
#campaigns .campaigns_list li .pw .status.-s2 { color: #F18700; background-color: #FFF; border: solid 3px #999; }
#campaigns .campaigns_list li .pw .status.-s3 { color: #FFF; background-color: #666666; }
#campaigns .campaigns_list li .pw img { border-radius: 0.5rem; }
#campaigns .campaigns_list li .tw .period { margin-top: 2rem; padding: 0.5rem; border-radius: 0.5rem; color: #FFF; background-color: #81B444; text-align: center; font-size: 2rem; font-weight: bold; }
#campaigns .campaigns_list li .tw h2 { margin-top: 2rem; font-size: 2.6rem; }
#campaigns .campaigns_list li .tw p { margin-top: 1rem; font-size: 1.6rem; font-weight: bold; letter-spacing: 1.2; }