.campaign__container{padding:24px 16px;display:grid;gap:24px;background:#fff;border-radius:16px}.campaign__container__tag{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:4px;padding:4px 8px;border:2px solid #000050;border-radius:calc(infinity*1px);font-size:.75rem;font-weight:900;line-height:1;color:#000050}.campaign__container h1{padding-bottom:16px;border-bottom:2px solid #000050;font-size:1.75rem;line-height:1.5;font-weight:900;color:#000050}.campaign__container h1 span{display:inline-block}.campaign__container h2{width:calc(100% - 24px);margin:0 auto;position:relative}.campaign__container h2 span{padding:8px;display:block;background:#000050;font-size:1.6125rem;font-weight:900;letter-spacing:2px;color:#fff;text-align:center;white-space:nowrap;position:relative}.campaign__container h2 span::before,.campaign__container h2 span::after{content:"";width:12px;height:100%;border-top:2px solid #000050;border-bottom:2px solid #000050;position:absolute;top:0}.campaign__container h2 span::before{border-left:2px solid #000050;left:-12px}.campaign__container h2 span::after{border-right:2px solid #000050;right:-12px}.campaign__container h3{padding:8px;background:#e4eef0;border:1px solid #000050;border-left:6px solid #000050;font-size:1.175rem;font-weight:900;line-height:1.6}.campaign__container h4{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;background:#000050;border-radius:4px;font-size:1.175rem;font-weight:900;line-height:1;color:#fff}.campaign__container__wrap{display:grid;gap:24px}.campaign__container__wrap.no-gap{gap:0}.campaign__container__wrap>p{margin-bottom:0}.campaign__container__wrap .img{border:1px solid #000050;border-radius:4px;overflow:hidden}.campaign__container__wrap .img a{display:block}.campaign__container__wrap .wrap__inner{display:grid;gap:.5rem}.campaign__container .brand{display:grid;gap:24px}.campaign__container .brand__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.campaign__container .brand__list__item a{padding:8px;display:grid;border:1px solid #ccc;border-radius:4px;overflow:hidden}.campaign__container .brand__img{display:grid;gap:.5rem}.campaign__container .brand__img img{border:1px solid #000050;border-radius:4px;overflow:hidden}.campaign__container .brand>p{font-size:1.5rem;font-weight:900;text-align:center}.campaign__container .howto{display:grid;gap:24px}.campaign__container .howto__img{position:relative}.campaign__container .howto__img:not(:last-of-type)::after{content:"";width:auto;height:16px;aspect-ratio:2/1;background:#000050;position:absolute;bottom:-28px;left:50%;translate:0 -50%;clip-path:polygon(100% 0, 0 0, 50% 100%)}.campaign__container .howto__img img{border:1px solid #000050;border-radius:4px;overflow:hidden}@media screen and (min-width: 600px){.campaign{container-name:campaignContainer;container-type:inline-size}.campaign__container{padding:min(8vw,72px);gap:min(8vw,72px);border-radius:24px}.campaign__container__tag{margin-bottom:8px;padding:6px 24px;font-size:.875rem}.campaign__container h1{padding-bottom:calc(min(8vw,72px) - 8px)}.campaign__container h3{padding:12px;border-left:8px solid #000050}.campaign__container h4{padding:.5rem 1.125rem .6125rem 1.125rem}.campaign__container__wrap{gap:32px}.campaign__container__wrap .img{border-radius:8px}.campaign__container .brand{gap:32px}.campaign__container .brand__img{border-radius:8px}.campaign__container .howto{gap:32px}.campaign__container .howto__img{position:relative}.campaign__container .howto__img:not(:last-of-type)::after{height:24px;bottom:-40px}.campaign__container .howto__img img{border-radius:8px}}@media screen and (min-width: 1200px){.campaign__container{padding:min(8vw,96px);gap:min(8vw,96px)}.campaign__container h1{padding-bottom:calc(min(8vw,96px) - 8px)}.campaign__container h3{font-size:1.3125rem}.campaign__container__wrap .img a:hover img{scale:1.05;opacity:.6}.campaign__container__wrap .img a img{-webkit-transition:scale .3s ease,opacity .3s ease;transition:scale .3s ease,opacity .3s ease}.campaign__container .brand__list{grid-template-columns:repeat(4, minmax(0, 1fr))}.campaign__container .brand>p{font-size:2rem}}