.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 #111;border-radius:calc(infinity*1px);font-size:.75rem;font-weight:900;line-height:1;color:#111}.campaign__container h1{padding-bottom:16px;border-bottom:2px solid #111;font-size:1.75rem;line-height:1.5;font-weight:900;color:#111}.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:#111;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 #111;border-bottom:2px solid #111;position:absolute;top:0}.campaign__container h2 span::before{border-left:2px solid #111;left:-12px}.campaign__container h2 span::after{border-right:2px solid #111;right:-12px}.campaign__container h3{padding:8px;background:#efefef;border:1px solid #111;border-left:6px solid #111;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:#111;border-radius:4px;font-size:1.175rem;font-weight:900;line-height:1;color:#fff}.campaign__container p.strong{font-size:1.25rem;font-weight:900}.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 #111;border-radius:4px;overflow:hidden}.campaign__container__wrap .img a{display:block}.campaign__container__wrap .wrap__inner{display:grid;gap:.5rem}.campaign__container .sample{padding:16px;display:grid;gap:8px;background:#111;border-radius:8px}.campaign__container .sample>p{font-size:1.125rem;color:#fff;text-align:center}.campaign__container .sample__img{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:4px}.campaign__container .sample__img__item{border-radius:4px;overflow:hidden}.campaign__container .sample__notes{padding:8px;display:grid;gap:8px;background:#fff;border-radius:4px}.campaign__container .sample__notes__wrap{width:100%;display:grid}.campaign__container .sample__notes__wrap:not(:last-of-type){padding-bottom:8px;border-bottom:1px solid #111}.campaign__container .sample__notes__wrap span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block;font-size:.875rem;line-height:1.5}.campaign__container .sample__notes__wrap span:first-of-type{justify-self:flex-start}.campaign__container .sample__notes__wrap span:nth-of-type(2){justify-self:flex-end}.campaign__container .about{padding:16px;display:grid;gap:16px;background:#111;border-radius:8px}.campaign__container .about__head{display:grid;place-items:center;gap:16px}.campaign__container .about__head__logo{width:min(35vw,400px)}.campaign__container .about__head p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;font-size:1.5rem;font-weight:900;line-height:1;color:#fff;position:relative}.campaign__container .about__head p::before,.campaign__container .about__head p::after{content:"";width:2rem;height:3px;background:#fff}.campaign__container .about__txt{padding:16px;background:hsla(0,0%,100%,.175);border-radius:4px}.campaign__container .about__txt p{font-size:.875rem;font-weight:500;color:#fff;text-align:center}.campaign__container .about__link a{border:1px solid #fff;border-radius:calc(infinity*1px);background:rgba(0,0,0,0)}.campaign__container .howto{padding:34px 16px 24px 16px;display:grid;gap:24px;position:relative}.campaign__container .howto.web{background:rgba(0,102,255,.05);border:2px solid #06f;border-radius:8px}.campaign__container .howto.web .howto__head{background:#06f}.campaign__container .howto.web .howto__list__item{border:1px solid #06f}.campaign__container .howto.web .howto__list__item::after{background:url(../img/icon__arrow--blue.svg)}.campaign__container .howto.web .howto__list__item .item__num{border:1px solid #06f;color:#06f}.campaign__container .howto.greenland{background:rgba(41,136,12,.05);border:2px solid #29880c;border-radius:8px}.campaign__container .howto.greenland .howto__head{background:#29880c}.campaign__container .howto.greenland .howto__list__item{border:1px solid #29880c}.campaign__container .howto.greenland .howto__list__item::after{background:url(../img/icon__arrow--green.svg)}.campaign__container .howto.greenland .howto__list__item .item__num{border:1px solid #29880c;color:#29880c}.campaign__container .howto.greenland .howto__list__item .item__content .strong{color:#29880c}.campaign__container .howto__head{height:24px;padding:1px 1rem 0 1rem;display:grid;place-items:center;border-radius:calc(infinity*1px);line-height:1;color:#fff;word-break:keep-all;white-space:nowrap;position:absolute;top:0;left:50%;translate:-50% -50%}.campaign__container .howto__list{display:grid;gap:42px}.campaign__container .howto__list__item{background:#fff;padding:16px 8px 8px 8px;display:grid;place-items:center;border-radius:4px;position:relative}.campaign__container .howto__list__item:not(:last-of-type)::after{content:"";width:32px;height:auto;aspect-ratio:1/1;background-size:70% 70% !important;background-repeat:no-repeat !important;background-position:center center !important;position:absolute;bottom:-34px;left:50%;translate:-50% 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.campaign__container .howto__list__item p{font-size:.925rem;margin-bottom:0}.campaign__container .howto__list__item .item__num{height:20px;padding:1px 1rem 0 1rem;display:grid;place-items:center;background:#fff;border-radius:calc(infinity*1px);font-weight:900;line-height:1;position:absolute;top:0;translate:0 -50%;z-index:1}.campaign__container .howto__list__item .item__content{width:100%;display:grid;gap:8px}@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 #111}.campaign__container h4{padding:.5rem 1.125rem .6125rem 1.125rem}.campaign__container__wrap{gap:32px}.campaign__container__wrap .img{border-radius:8px}.campaign__container .sample{padding:24px}.campaign__container .sample__img{grid-template-columns:repeat(4, minmax(0, 1fr))}.campaign__container .sample__notes{padding:16px}.campaign__container .sample__notes__wrap{grid-template-columns:1fr auto}.campaign__container .about{padding:24px;gap:24px}.campaign__container .about__head{display:grid;grid-template-columns:40% 1fr;place-items:center;gap:0}.campaign__container .about__head__logo{width:100%}.campaign__container .about__head p{font-size:1.25rem}.campaign__container .about__head p::before,.campaign__container .about__head p::after{content:"";width:1.25rem}.campaign__container .about__txt{padding:24px}.campaign__container .about__txt p{font-size:1rem}.campaign__container .howto{padding:50px 24px 32px 24px;gap:32px}.campaign__container .howto__head{height:32px;padding:0 2rem 1px 2rem;font-size:1.125rem}.campaign__container .howto__list{display:grid;gap:58px}.campaign__container .howto__list__item{background:#fff;padding:24px 16px 16px 16px}.campaign__container .howto__list__item:not(:last-of-type)::after{width:48px;bottom:-50px}.campaign__container .howto__list__item p{font-size:1rem}.campaign__container .howto__list__item .item__num{height:24px;padding:0 1.25rem 1px 1.25rem;font-size:min(1.125rem,18px)}}@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 .sample{padding:32px;gap:16px}.campaign__container .sample__notes{padding:24px}.campaign__container .about{padding:32px;gap:32px}.campaign__container .about__head{grid-template-columns:min(40vw,360px) 1fr;gap:0}.campaign__container .about__head p{font-size:clamp(20px,2vw,28px)}.campaign__container .about__head p::before,.campaign__container .about__head p::after{width:clamp(20px,2vw,28px)}.campaign__container .about__txt{padding:32px}.campaign__container .about__link a{-webkit-box-shadow:0 0 12px hsla(0,0%,100%,0);box-shadow:0 0 12px hsla(0,0%,100%,0);-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.campaign__container .about__link a:hover{-webkit-box-shadow:0 0 12px #fff;box-shadow:0 0 12px #fff}.campaign__container .about__link a:hover .txt{color:#fff !important}.campaign__container .about__link a:hover .arrow{-webkit-filter:none;filter:none}.campaign__container .howto{padding:50px 24px 32px 24px;gap:32px}.campaign__container .howto__head{height:32px;padding:0 2rem 1px 2rem;font-size:1.125rem}.campaign__container .howto__list{display:grid;gap:58px}.campaign__container .howto__list__item{background:#fff;padding:24px 16px 16px 16px}.campaign__container .howto__list__item:not(:last-of-type)::after{width:48px;bottom:-50px}.campaign__container .howto__list__item p{font-size:1rem}.campaign__container .howto__list__item .item__num{height:24px;padding:0 1.25rem 1px 1.25rem;font-size:min(1.125rem,18px)}}