
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&display=swap');    
@media screen and (max-width: 999px) {
.home-cp h2{font-size: 1.5rem;text-align: center;padding: 2rem 1rem;margin-top: 2rem;margin-left: -1rem;margin-right: -1rem;line-height: 1.2;} 
.home-cp h2::first-letter{color: #FBFF00;font-size: 2.5rem;}
.home-cp div div:nth-of-type(1) h3,.home-cp div div:nth-of-type(2) h3{
padding: 1rem ;font-size: 1.3rem;}
.home-cp table th{font-size: 1.2rem;}
.home-cp table td{padding: 1rem;font-size: 1rem;}
.home-cp h4 {padding: 1rem 1rem 1rem 3rem ;font-size: 1.2rem;}
.home-cp h2::before{width: 80px;height: 80px;}
.home-cp div div:nth-of-type(1)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-3.svg);width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;left: 90%;top: 20%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-4.svg);width: 100px;height: 100px;background-size: contain;background-repeat: no-repeat;left: 90%;top: 20%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1) h3::before{content: '01';position: absolute;background: #FF5D86;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;font-weight: 700;left: 90%;top: 0%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2) h3::before{content: '02';position: absolute;background: #FF5D86;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;font-weight: 700;left: 90%;top: 0%;transform: translateX(-50%)translateY(-50%);}

}
@media screen and (min-width: 1000px) {
.home-cp{padding: 1rem;}
.home-cp h2{font-size: 2.5rem;text-align: center;padding: 2rem 0rem;}
.home-cp h2::first-letter{color: #FBFF00;font-size: 3.5rem;}
.home-cp div div:nth-of-type(1) h3,.home-cp div div:nth-of-type(2) h3{
padding: 1rem 1rem 1rem 3rem;font-size: 2.5rem;}
.home-cp table th{font-size: 1.5rem;}
.home-cp table td{padding: 1rem 3rem 1rem 3rem;font-size: 1.3rem;}
.home-cp h4 {padding: 1rem 2rem 1rem 4rem;font-size: 1.5rem;}
.pc-none{display: none;}
.home-cp h2::before{width: 120px;height: 120px;}
.home-cp div div:nth-of-type(1)::after {content: 'CAMPAIGN';position: absolute;top: 50%;left: 105%;writing-mode: vertical-rl; text-orientation: sideways;transform: rotate(360deg);font-size: 5rem;z-index: 2;font-weight: 700;opacity: 0.2;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2)::after {content: 'CAMPAIGN';position: absolute;top: 50%;left: -5%;writing-mode: vertical-rl; text-orientation: sideways;transform: rotate(360deg);font-size: 5rem;z-index: 2;font-weight: 700;opacity: 0.2;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-3.svg);width: 200px;height: 200px;background-size: contain;background-repeat: no-repeat;left: 2%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-4.svg);width: 200px;height: 200px;background-size: contain;background-repeat: no-repeat;left: 105%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1) h3::before{content: '01';position: absolute;background: #FF5D86;color: #fff;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;font-weight: 700;left: 0%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2) h3::before{content: '02';position: absolute;background: #FF5D86;color: #fff;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;font-weight: 700;left: 0%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp{max-width: 850px}
}    
@media screen and (min-width: 1500px) {
.home-cp{max-width: 1200px}
.home-cp div div:nth-of-type(1)::after {content: 'CAMPAIGN';position: absolute;top: 50%;left: 100%;writing-mode: vertical-rl; text-orientation: sideways;transform: rotate(360deg);font-size: 8rem;z-index: 2;font-weight: 700;opacity: 0.2;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2)::after {content: 'CAMPAIGN';position: absolute;top: 50%;left: 0%;writing-mode: vertical-rl; text-orientation: sideways;transform: rotate(360deg);font-size: 8rem;z-index: 2;font-weight: 700;opacity: 0.2;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-3.svg);width: 250px;height: 250px;background-size: contain;background-repeat: no-repeat;left: 2%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2)::before {content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-4.svg);width: 250px;height: 250px;background-size: contain;background-repeat: no-repeat;left: 105%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1) h3::before{content: '01';position: absolute;background: #FF5D86;color: #fff;width: 80px;height: 80px;line-height: 80px;text-align: center;border-radius: 50%;font-weight: 700;left: -5%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(2) h3::before{content: '02';position: absolute;background: #FF5D86;color: #fff;width: 80px;height: 80px;line-height: 80px;text-align: center;border-radius: 50%;font-weight: 700;left: -5%;top: 50%;transform: translateX(-50%)translateY(-50%);}
}
.home-cp{margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;}
.home-cp div{max-width: 1000px;margin: 0 auto;}
.home-cp h2{background: #000; color: #ffffff;position: relative;margin-top: 60px;}
.home-cp h2::before{
content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/home-ic-2.svg);
background-size: contain;background-repeat: no-repeat;left: 50%;top: -10px;transform: translateX(-50%)translateY(-50%);}
.home-cp div div:nth-of-type(1){margin: 2rem 0rem;position: relative;}
.home-cp div div:nth-of-type(2){margin-bottom: 3rem;position: relative;}
.home-cp div div:nth-of-type(1) h3,.home-cp div div:nth-of-type(2) h3{
border-top: 6px double #FF5D86;border-bottom: 6px double #FF5D86;
max-width: 1000px;margin: 0 auto;margin-bottom: 2rem;line-height: 1.2;position: relative;}
.home-cp div div:nth-of-type(1) h3 span{color: #FF5D86;}
.home-cp table{background: #fff;width: 100%;max-width: 800px;margin: 0 auto;margin-top: 2rem;margin-bottom: 2rem;line-height: 1.2;border: solid 1px #FF5D86;}
.home-cp table th{background: #FF5D86;color: #fff;padding: 1rem;}
.home-cp table td{border-bottom: solid 1px #FF5D86;font-weight: 700;}
.home-cp table td span{color: #FF5D86;}
.home-cp p{max-width: 800px;margin: 0 auto;line-height: 1.8;}
.home-cp h4 {position: relative;color: #fff;border-radius: 100vh 0 0 100vh;background: #333;max-width: 800px;  margin: 0 auto;margin-top: 2rem;margin-bottom: 2rem;}
.home-cp h4:before {position: absolute;top: calc(50% - 7px);left: 10px;width: 14px;height: 14px;content: '';border-radius: 50%;background: #fff;}
.home-cp-p{border: solid 2px;padding: 2rem;line-height: 2;background: #fff;}


.home-pick {position: relative;padding: 1rem 1rem;line-height: 1;font-weight: 700;}
.home-pick:after {
position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;content: '';
background-image: -webkit-repeating-linear-gradient(135deg, #FF5D86, #FF5D86 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #FF5D86, #FF5D86 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.home-pick span{color: #FF5D86;font-weight: 700}

@media screen and (max-width:999px) {.sal-p{font-size: 1.2rem;}.home-pick {font-size:1.3rem}}
@media screen and (min-width:1000px) {.sal-p{font-size: 1.5rem;}.home-pick {font-size:2.5rem}}
.sal-p span{color: #FF5D86;font-weight: 700}