@media screen and (max-width:999px) {
.pc-block{display: none;} 
.sp-block{display: block;}
.office-visual{max-width: 600px;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;margin-top: -20px;}
.office-visual h2{font-size: 20px;text-align: center;margin-left: 10px;margin-right: 10px;}
.office-visual h2 small{font-size: 13px;}
.office-visual p{font-size: 14px;padding: 2rem;}
.office-visual h2 {position: relative;padding: 2rem 1rem 1rem 1rem;border-bottom: 3px solid #85C6EB;color: #333333;line-height: 1.3;}
}
@media screen and (min-width:1000px) {
.pc-block{display: block;}  
.sp-block{display: none;}
.office-visual{max-width: 1200px;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;margin-top: 40px;margin-bottom: 40px;}
.office-visual h2{font-size: 30px;max-width: 1000px;margin: 0 auto;}
.office-visual h2 small{font-size: 16px;display: block;font-weight: 400;}
.office-visual p{font-size: 16px;padding: 2rem;max-width: 1000px;margin: 0 auto;}
.office-visual h2 {position: relative;padding: 2rem 2rem 1rem 2rem;border-bottom: 3px solid #85C6EB;color: #333333;line-height: 1.3;}
}

.office-visual h2::before,
.office-visual h2::after {position: absolute;left: 30px;bottom: -15px;width: 30px;height: 15px;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';}
.office-visual h2::before {background-color: #85C6EB;}
.office-visual h2::after {bottom: -11px;background-color: #fff;}



@media screen and (max-width:999px) {
.bonus-box01 h2,.bonus-box02 h2 {font-size: 20px;}
.bonus-box01 h3,.bonus-box02 h3 {font-size: 16px;}
.bonus-box01 p,.bonus-box02 p {font-size: 14px;}
.list li {font-size: 14px;}
.list > div {font-size: 20px}
.bonus-box02 th,.bonus-box01 th{font-size: 16px;}
.bonus-box02 td,.bonus-box01 td{font-size: 14px;}
.pc-block{display: none;} 
.sp-block{display: block;}
.bonus-accent{position: relative;margin-top: 60px;margin-left: 10px;margin-right: 10px;}
.bonus-accent::before{content: '';position: absolute;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%) translateY(-50%);}
.bonus-accent::before{background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/bonus_pokegif01.gif);width: 90px;height: 90px;left: 50%;top: -10px;z-index: 1;}
.bonus-accent02{position: relative;margin-top: 60px;}
.bonus-accent02::before{content: '';position: absolute;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%) translateY(-50%);}
.bonus-accent02::before{background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/bonus_pokegif02.gif);width: 90px;height: 90px;left: 50%;top: -10px;z-index: 1;}
.bonus-h2{font-size: 20px;}
.bonus-h2::after {border: 11px solid transparent;border-top: 11px solid #000}
}
@media screen and (min-width:1000px) {
.bonus-box01 h2,.bonus-box02 h2 {font-size: 36px;}
.bonus-box01 h3,.bonus-box02 h3 {font-size: 24px;}
.list li {font-size: 16px;}
.bonus-box01 p,.bonus-box02 p {font-size: 16px;}
.list > div {font-size: 30px}
.bonus-box02 th,.bonus-box01 th{font-size: 24px;}
.bonus-box02 td,.bonus-box01 td{font-size: 20px;}
.bonus-h2{font-size: 40px;margin-bottom: 60px;}
.bonus-h2::after {border: 16px solid transparent;border-top: 20px solid #000}
.pc-block{display: block;}  
.sp-block{display: none;}
.bonus-accent{position: relative;max-width: 1000px;display: block;margin: 0 auto;}
.bonus-accent::before{content: '';position: absolute;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%) translateY(-50%);}
.bonus-accent::before{background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/bonus_pokegif01.gif);width: 180px;height: 180px;left: 110%;top: 50%;z-index: 1;}
.bonus-accent02{position: relative;max-width: 1000px;display: block;margin: 0 auto;}
.bonus-accent02::before{content: '';position: absolute;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%) translateY(-50%);}
.bonus-accent02::before{background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/bonus_pokegif02.gif);width: 180px;height: 180px;left: -5%;top: 50%;z-index: 1;}
}

.bonus-box01,.bonus-box02{max-width: 1200px;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif}
.bonus-box02{margin-top: 80px;}
.bonus-box01 h2,.bonus-box02 h2 {position: relative;width: 80%;max-width: 800px;margin: 0 auto;padding: 1rem 0.5rem;color: #fff;text-align: center;margin-top: 40px;margin-bottom: 20px;}
.bonus-box01 h2 {background-color: #FA617D;}
.bonus-box02 h2 {background-color: #2680EB;}
.bonus-box01 h2::before,.bonus-box01 h2::after{border-color: #FA617D;}
.bonus-box02 h2::before,.bonus-box02 h2::after{border-color: #2680EB;}
.bonus-box01 h2::before,
.bonus-box01 h2::after,
.bonus-box02 h2::before,
.bonus-box02 h2::after
{position: absolute;bottom: -10px;z-index: -1;border-style: solid;content: '';}
.bonus-box01 h2::before,.bonus-box02 h2::before {left: -30px;border-width: 25px 25px 25px 15px;border-left-color: transparent;z-index: 1;}
.bonus-box01 h2::after,.bonus-box02 h2::after {right: -30px;border-width: 25px 15px 25px 25px;border-right-color: transparent;z-index: 1;}
.bonus-box01 h2 span::before,
.bonus-box01 h2 span::after,
.bonus-box02 h2 span::before,
.bonus-box02 h2 span::after {position: absolute;bottom: -10px;width: 10px;height: 10px;background-color: #002970;content: '';}
.bonus-box01 h2 span::before,.bonus-box02 h2 span::before {left: 0;clip-path: polygon(0 0, 100% 0%, 100% 100%);}
.bonus-box01 h2 span::after,.bonus-box02 h2 span::after {right: 0;clip-path: polygon(0 0, 100% 0%, 0% 100%);}
.bonus-box01 h3{border-bottom: 3px solid #FA617D;}
.bonus-box02 h3{border-bottom: 3px solid #2680EB;}
.bonus-box01 h3,.bonus-box02 h3 {position: relative;padding: 1rem 1rem 0.5rem 1rem;color: #333333;width: 90%;max-width: 1000px;margin: 0 auto;}
.bonus-box01 h3::before,
.bonus-box01 h3::after,
.bonus-box02 h3::before,
.bonus-box02 h3::after {position: absolute;left: 30px;bottom: -15px;width: 30px;height: 15px;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';}
.bonus-box01 h3::before {background-color: #FA617D;}
.bonus-box02 h3::before{background-color: #2680EB;}
.bonus-box01 h3::after,.bonus-box02 h3::after {bottom: -11px;background-color: #fff;}

.bonus-box01 p,.bonus-box02 p {position: relative;max-width: 1000px;margin: 0 auto;margin-top: 40px;margin-bottom: 40px;padding: 2rem;border-top: 1px solid #eee;border-bottom: 1px solid #eee;color: #333;line-height: 2;}
.bonus-box01 p::before,
.bonus-box01 p::after,
.bonus-box02 p::before,
.bonus-box02 p::after {position: absolute;width: 1px;top: 50%;transform: translateY(-50%);height: calc(100% + 20px);background-color: #eee;content: '';}
.bonus-box01 p::before,.bonus-box02 p::before {left: 9px;}
.bonus-box01 p::after,.bonus-box02 p::after {right: 9px;}
.bonus-box01 .list{border: 1px solid #FA617D;}
.bonus-box01 .list > div {color: #FA617D;}
.bonus-box01 .list li::marker{color: #FA617D;}
.bonus-box02 .list{border: 1px solid #2680EB;}
.bonus-box02 .list > div {color: #2680EB;}
.bonus-box02 .list li::marker{color: #2680EB;}
.list {position: relative;padding: 2rem 0rem 1.5rem 3rem; width: 90%;max-width: 1000px;display: block;margin: 0 auto;}
.list > div {position: absolute;top: -.75em;left: 1em;padding: 0 1.5em;background-color: #fff;font-weight: 600;}
.list ul {list-style-type: disc;margin: 0;padding: 0;}
.list li {padding: 0.2rem;}
.list li::marker {font-size: 1.1em;}

.bonus-box02 table,.bonus-box01 table{width: 90%;max-width: 1000px;border: solid 1px #eee;margin: 0 auto;margin-top: 40px;margin-bottom: 40px;border-collapse:collapse;background: #fff;}
.bonus-box02 th,.bonus-box01 th{padding: 1rem;background: #eee;border: solid 1px #eee;}
.bonus-box02 th:nth-last-of-type(1){background: #2680EB;color: #fff;}
.bonus-box01 th:nth-last-of-type(1){background: #FA617D;color: #fff;}
.bonus-box02 td,.bonus-box01 td{padding: 1rem;text-align: center;width: calc(100%/2);border: solid 1px #eee;}
.bonus-box02 td:nth-last-of-type(1){color: #FA617D;font-weight: 700;}
.bonus-box01 td:nth-last-of-type(1){color: #FA617D;font-weight: 700;}
.yellow_line {background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff200 0%) repeat scroll 0 0;font-weight: 500;text-shadow: 0px 0px 10px #fff;font-weight: 700;}
.bonus-h2 {position: relative;padding: 1rem;text-align: center;color: #fff;background: #000;margin-top: 60px;}
.bonus-h2::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;}