/* line 5, campaign.scss */
main img { width: 100%; }

/* line 11, campaign.scss */
section.campaign-listWrap { width: 1024px; margin: auto; margin-top: 41px; }
@media screen and (max-width: 767px) { /* line 11, campaign.scss */
  section.campaign-listWrap { width: 100%; padding: 0 24px; margin-top: 25px; } }
/* line 20, campaign.scss */
section.campaign-listWrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (max-width: 767px) { /* line 20, campaign.scss */
  section.campaign-listWrap ul { display: block; } }
/* line 27, campaign.scss */
section.campaign-listWrap ul li { width: 31.05%; margin-bottom: 31px; }
@media screen and (max-width: 767px) { /* line 27, campaign.scss */
  section.campaign-listWrap ul li { width: 100%; margin-bottom: 20px; } }
/* line 37, campaign.scss */
section.campaign-listWrap ul li a { display: block; overflow: hidden; text-decoration: none; padding-bottom: 20px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.09); border-radius: 5px; height: 100%; }
/* line 45, campaign.scss */
section.campaign-listWrap ul li a .thumb { aspect-ratio: 16/9; opacity: 1; overflow: hidden; position: relative; transition: opacity 0.3s; }
/* line 51, campaign.scss */
section.campaign-listWrap ul li a .thumb img { object-fit: cover; width: 100%; height: 100%; }
/* line 57, campaign.scss */
section.campaign-listWrap ul li a h3 { padding: 15px 18px 0; display: flex; align-items: flex-start; margin: 0; color: #333; font-size: 1.4rem; font-weight: 700; letter-spacing: .06em; line-height: 1.7; transition: color .2s; }
/* line 68, campaign.scss */
section.campaign-listWrap ul li a h3 img.blankIc { width: 1.5rem; margin-right: 10px; }
/* line 74, campaign.scss */
section.campaign-listWrap ul li a p.main { padding: 0 18px; margin: 0; letter-spacing: .06em; line-height: 1.7; font-weight: 400; transition: color .2s; color: #333; }
/* line 83, campaign.scss */
section.campaign-listWrap ul li a p.sub { display: block; padding: 0 18px; margin-top: 5px; color: #888; font-size: 1.1rem; font-weight: 400; letter-spacing: .06em; }
@media screen and (min-width: 768px) { /* line 94, campaign.scss */
  section.campaign-listWrap ul li a:hover .thumb { opacity: 0.7; }
  /* line 97, campaign.scss */
  section.campaign-listWrap ul li a:hover h3 { color: #dd1d18; } }
/* line 104, campaign.scss */
section.campaign-listWrap ul::after { content: ""; display: block; width: 31.05%; }
/* line 112, campaign.scss */
section.Campaign-specialWrap { width: 1024px; margin: auto; margin-top: 30px; border-top: solid 2px #dd1d18; }
@media screen and (max-width: 767px) { /* line 112, campaign.scss */
  section.Campaign-specialWrap { width: 100%; padding: 0 24px; margin-top: 25px; } }
/* line 122, campaign.scss */
section.Campaign-specialWrap h2 { font-size: 2rem; margin: 20px 0; }
@media screen and (max-width: 767px) { /* line 122, campaign.scss */
  section.Campaign-specialWrap h2 { font-size: 1.8rem; text-align: center; line-height: 1.5em; } }
/* line 131, campaign.scss */
section.Campaign-specialWrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; padding: 0; }
@media screen and (max-width: 767px) { /* line 131, campaign.scss */
  section.Campaign-specialWrap ul { display: block; } }
/* line 140, campaign.scss */
section.Campaign-specialWrap ul li { width: 49%; list-style: none; }
@media screen and (max-width: 767px) { /* line 140, campaign.scss */
  section.Campaign-specialWrap ul li { width: 100%; margin-bottom: 15px; } }
/* line 148, campaign.scss */
section.Campaign-specialWrap ul li a { opacity: 1; border: 1px solid #ccc; display: block; height: 100%; transition: opacity 0.3s; }
@media screen and (min-width: 768px) { /* line 155, campaign.scss */
  section.Campaign-specialWrap ul li a:hover { opacity: 0.7; } }

/*# sourceMappingURL=campaign.css.map */