@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.work-h2 {position: relative;padding: 1rem;text-align: center;color: #fff;background: #000;margin-top: 60px;}
.work-h2::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;}
.work-visual{margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif, "Roboto", sans-serif;}

@media screen and (max-width:999px) {
.work-h2{font-size: 20px;}
.work-h2::after {border: 11px solid transparent;border-top: 11px solid #000}
.work-box-flex div div span{font-size: 15px;width: 100%;}
.work-box-flex div div span small{font-size: 10px;}
.work-visual{padding: 1.2rem;}
.work-visual{margin-top: -20px;}
.work-box,.work-box2,.work-box3,.work-box4{padding: 1rem 1rem;}
.work-box-flex div{padding: 3px;}
.work-box p{line-height: 2;font-size: 14px;width: 80%;margin-left: 18%;position: relative;}
.work-box p::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara1.svg);
background-size: contain;width: 100px;height: 100px;background-repeat: no-repeat;
left: -18%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box3-p::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara4.svg);
background-size: contain;width: 100px;height: 100px;background-repeat: no-repeat;
left: 122%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box-flex div div{width: calc(100%/3);position: relative; box-sizing: border-box;}
.work-head-h3 {font-size: 18px;}
.work-head-h2 {font-size: 20px;}
.work-warp1 div {font-size: 20px;}
.work-warp1 div {top: -16px;left: 10px;}
.work-warp1 ul{display: flex;flex-wrap: wrap;margin-top: 0;margin-bottom: 30px;padding-left: 0;}
.work-warp1 ul li{width: calc(100%/1);box-sizing: border-box;list-style: none;padding:0.5rem 1rem;font-weight: 700;font-size: 16px;}
.work-box2-p-1::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara2.svg);
background-size: contain;width: 100px;height: 100px;background-repeat: no-repeat;
left: 122%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box2-p-2::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara3.svg);
background-size: contain;width: 100px;height: 100px;background-repeat: no-repeat;
left: -8%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box2-p-1,.work-box3-p{line-height: 2;font-size: 14px;width: 80%;position: relative;padding: 2rem 0rem;}
.work-box2-p-2{line-height: 2;font-size: 14px;width: 80%;margin-left: 13%;position: relative;padding: 2rem 0rem;}
.work-box3 p{line-height: 2;font-size: 14px;padding: 2rem 0rem;}
.work-box4::before{content: '04';position: absolute;width: 50px;height: 50px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 50px;text-align: center;font-size: 24px;right: 5px;top: 5px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box3::before{content: '03';position: absolute;width: 50px;height: 50px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 50px;text-align: center;font-size: 24px;right: 5px;top: 5px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box2::before{content: '02';position: absolute;width: 50px;height: 50px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 50px;text-align: center;font-size: 24px;right: 5px;top: 5px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box::before{content: '01';position: absolute;width: 50px;height: 50px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 50px;text-align: center;font-size: 24px;right: 5px;top: 5px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-warp2 > div,.work-warp3 > div {
position: absolute;left: -2px;top: -15px;padding: 0.3rem 1rem;color: #fff;font-size: 16px;}
.work-warp2 td,.work-warp3 td{font-size: 16px;}
.qa-8 dt {font-size: 16px;}
.qa-8 dd {font-size: 14px;}
}
@media screen and (min-width:1000px) {
.work-h2{font-size: 40px;margin-bottom: 60px;}
.work-h2::after {border: 16px solid transparent;border-top: 20px solid #000}
.work-box-flex div div span{font-size: 40px;width: 100%;}
.work-box-flex div div span small{font-size: 16px;}
.work-visual{margin-top: -60px;}
.work-box,.work-box2,.work-box3,.work-box4{padding: 3rem 5rem;}
.work-box-flex div{padding: 5px;}
.work-box p{line-height: 2;font-size: 16px;width: 80%;margin-left: 13%;position: relative;padding: 2rem 0rem;}
.work-box p::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara1.svg);
background-size: contain;width: 150px;height: 150px;background-repeat: no-repeat;
left: -12%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box3-p::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara4.svg);
background-size: contain;width: 150px;height: 150px;background-repeat: no-repeat;
left: 120%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box-flex div div{width: calc(100%/5);position: relative;box-sizing: border-box;}
.work-head-h3 {font-size: 24px;}
.work-head-h2 {font-size: 36px;}
.work-warp1 div {font-size: 30px;}
.work-warp1 div {top: -24px;left: 30px;}
.work-warp1 ul{display: flex;flex-wrap: wrap;margin-top: 0;margin-bottom: 30px;padding-left: 0;}
.work-warp1 ul li{width: calc(100%/3);box-sizing: border-box;list-style: none;padding:0.5rem 1rem 0.5rem 3rem;font-weight: 700;font-size: 18px;}
.work-box2-p-1::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara2.svg);
background-size: contain;width: 150px;height: 150px;background-repeat: no-repeat;
left: 120%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box2-p-2::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_cara3.svg);
background-size: contain;width: 150px;height: 150px;background-repeat: no-repeat;
left: -10%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.work-box2-p-1,.work-box3-p{line-height: 2;font-size: 16px;width: 80%;position: relative;padding: 2rem 0rem;}
.work-box2-p-2{line-height: 2;font-size: 16px;width: 80%;margin-left: 13%;position: relative;padding: 2rem 0rem;}
.work-box3 p{line-height: 2;font-size: 16px;padding: 2rem 0rem;}
.work-box4::before{content: '04';position: absolute;width: 80px;height: 80px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 80px;text-align: center;font-size: 30px;left: -30px;top: -30px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box3::before{content: '03';position: absolute;width: 80px;height: 80px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 80px;text-align: center;font-size: 30px;left: -30px;top: -30px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box2::before{content: '02';position: absolute;width: 80px;height: 80px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 80px;text-align: center;font-size: 30px;left: -30px;top: -30px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box::before{content: '01';position: absolute;width: 80px;height: 80px;background: #4A98F0;color: #fff;border-radius: 50%;line-height: 80px;text-align: center;font-size: 30px;left: -30px;top: -30px;box-shadow: 0px 0px 6px #eee;font-weight: 700;}
.work-box3-reward{display:flex ;}
.work-box3-reward div{margin: 5px;}
.work-warp2 > div,.work-warp3 > div {position: absolute;left: -7px;top: -15px;padding: 0.3rem 1rem;color: #fff;font-size: 20px;font-weight: 700;}
.work-warp2 td,.work-warp3 td{font-size: 18px;}
.work-warp2,.work-warp3 {width: 100%;}
.work-qa dl{display: flex;flex-wrap: wrap;}
.work-qa div{width: calc(100%/2);box-sizing: border-box;}
.qa-8 dt {font-size: 18px;}
.qa-8 dd {font-size: 16px;}
}
.work-box,.work-box2,.work-box3,.work-box4{position: relative;}
.work-box-flex div div img{width: 100%;height: auto;}
.work-visual{background: url('https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/work_bg.webp'),rgba(232,243,255,1);background-repeat:repeat;background-size: contain;background-position: center;padding-top: 60px;padding-bottom: 60px;}
.work-box,.work-box2,.work-box3,.work-box4{max-width: 1150px;margin: 0 auto;background: #fff;border-radius: 10px;box-shadow: 0px 0px 6px #8E8E8E29;margin-bottom: 60px;}
.work-box-flex{}
.work-box-flex div{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.work-box-flex div img{box-shadow: 0px 0px 3px #eee;}
.work-box-flex div div span{position: absolute;color: rgba(255,255,255,0.6);text-align: center;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);line-height: 1.2;font-weight: 700;}
.work-box-flex div div span small{display: block;}
.work-head-h2 {position: relative;padding: 1rem;border-bottom: 3px solid #2589d0;color: #333333;    }
.work-head-h2::before,
.work-head-h2::after {position: absolute;left: 30px;bottom: -15px;width: 30px;height: 15px;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';}
.work-head-h2::before {background-color: #2589d0;}
.work-head-h2::after {bottom: -11px;background-color: #fff;}
.work-head-h3 {margin-top: 40px;display: flex;align-items: center;padding: 1rem;background-color: #f2f2f2;color: #333333;}
.work-head-h3::before {display: inline-block;width: 5px;height: 1.5rem;margin-right: 0.5rem;background-color: #2589d0;content: '';}
.work-warp1 {margin: 0 auto;border: 2px solid #4A98F0;border-radius: 5px;color: #333333;margin-top: 30px;margin-bottom: 30px;}
.work-warp1 div {display: inline-flex;align-items: center;column-gap: 4px;position: relative;margin: 0 7px;padding: 0 8px;background: #fff;color: #4A98F0;font-weight: 600;vertical-align: top;}
.work-warp1 div::before {width: 15px;height: 7.5px;border-bottom: 3px solid #4A98F0;border-left: 3px solid #4A98F0;transform: rotate(-45deg) translate(2px, -2px);content: '';}
.slideshow-container {max-width: 1000px;margin: auto;overflow: hidden;position: relative;}
.slides-wrapper {display: flex;transition: transform 0.5s ease-in-out;}
.slide {flex: 0 0 calc(100% / 3);box-sizing: border-box;padding: 10px;}
.slide-img {width: 100%;}

@media (max-width: 999px) {
.slide {
flex: 0 0 100%; /* モバイルでは1枚ずつ表示 */
}
}

.dot {height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}

.active2 {background-color: #717171;}

.work-warp2 {border: 2px solid #000;background:#E8F3FF }
.work-warp3 {border: 2px solid #000;background:#E8F3FF }
.work-warp2,.work-warp3 {position: relative;margin-top: 1rem;margin-bottom: 2rem;padding: 1rem;}
.work-warp2 > div{background-color: #000;}
.work-warp3 > div{background-color: #000;}

.work-warp2 > div::before{background-color: #000;}
.work-warp3 > div::before{background-color: #000;}
.work-warp2 > div::before,.work-warp3 > div::before {position: absolute;bottom: -7px;left: 50%;transform: translateX(-50%);width: 16px;height: 8px;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';}

.work-warp2 tr:nth-last-of-type(1),.work-warp3 tr:nth-last-of-type(1){background: #fff;color: #000;}
.work-warp2 p,.work-warp3 p {margin: 0;}
.work-warp2 table,.work-warp3 table{width: 100%;margin-top: 20px;border-collapse:collapse}
.work-warp2 td,.work-warp3 td{width: calc(100%/3);box-sizing: border-box;text-align: center;font-weight: 700;padding: 0.5rem 0rem;}

.qa-8 dt {color: #333333;font-weight: 600;margin: 1rem;}
.qa-8 dt::before,
.qa-8 dd::before {margin-right: .4em;}
.qa-8 dt::before {content: "Q.";color: #4A98F0;}
.qa-8 dd {margin: 1rem;padding: 1em 1.5em;background-color: #f2f2f2;color: #333333;}
.qa-8 dd::before {content: "A.";}







@media screen and (min-width:1920px) {
    .work-box::after{content: 'ABOUT';color: #b3daf4;font-family: 'Tinos', serif;}
.work-box2::after{content: 'POINT';color: #b3daf4;font-family: 'Tinos', serif;}
.work-box3::after{content: 'REWARD';color: #b3daf4;font-family: 'Tinos', serif;}
.work-box4::after{content: 'QUESTION';color: #b3daf4;font-family: 'Tinos', serif;}
.work-box::after,.work-box2::after,.work-box3::after,.work-box4::after{
position: absolute;
top: 20%;left: -200px;writing-mode: vertical-rl; text-orientation: sideways;
transform: rotate(180deg);font-size: 6rem;z-index: 1;}
}