#now{background:#fff;border:5px solid #ccccd2;padding:30px 35px;position:relative;font-size:24px;text-align:center;margin:50px 0 0}#now .nowText01{width:160px;height:140px;overflow:hidden;position:absolute;left:-5px;top:-5px}#now .nowText01 p{width:310px;position:absolute;left:-90px;top:20px;background:#E41338;color:#fff;font-size:20px;font-weight:bold;line-height:1.2;padding:4px;text-align:center;transform:rotate(-40deg)}#now .nowText01 p .now-date{font-size:36px;color:#FFFF52}#now .nowText01+p{line-height:1.5}#now .nowText01+p span{font-size:32px}#now .nowText01+p span strong{font-size:38px}#now .line{display:flex;justify-content:space-between;align-items:center;width:670px;margin:15px auto 0}#now .line>div:nth-child(2){width:44px;height:44px;position:relative}#now .line>div:nth-child(2)::before,#now .line>div:nth-child(2)::after{content:"";width:56px;height:6px;background:#bebec7;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg)}#now .line>div:nth-child(2)::after{transform:translate(-50%, -50%) rotate(45deg)}#now .nowText02{color:#fb637e;font-size:32px;font-weight:bold;margin:15px 0 0}#now .nowText02 span{position:relative}#now .nowText02 span::before,#now .nowText02 span::after{content:"";width:2px;height:100%;background:#fb637e;position:absolute;left:-25px;top:0;transform:rotate(-30deg)}#now .nowText02 span::after{left:inherit;right:-15px;transform:rotate(30deg)}#now .step{width:890px;margin:15px auto 0;display:flex;justify-content:space-between}#now .step>div{background:#f1f1f3;width:420px;padding:25px 30px;font-size:20px}#now .step>div>div.stepIndex{display:flex;align-items:center;margin:0 0 10px}#now .step>div>div.stepIndex p{text-align:left;font-weight:bold;line-height:1.2}#now .step>div>div.stepIndex p:first-child{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border:3px solid #00b900;color:#00b900;font-size:20px;background:#fff}#now .step>div>div.stepIndex p:last-child{font-size:25px;margin-left:15px}#now .step>div>div.stepBtn{margin:10px 0 0}#now .step>div>div.stepQr{margin:20px 0 0;display:flex;justify-content:center;align-items:center}#now .step>div>div.stepQr>div:first-child img{width:140px;height:140px}#now .step>div>div.stepQr>div:last-child{line-height:1.2;text-align:left;margin-left:20px}#now .step>div>div.stepQr>div:last-child p{font-weight:bold}#now .step>div>div.stepQr>div:last-child p+p{margin-top:0.6em}#now .step>div>div.stepImg{margin:20px 0 0;padding-left:30px}#now+.btn{margin-top:35px}@media only screen and (max-width: 979px){#now{border:1vw solid #ccccd2;padding:3vw 3.5vw;font-size:4vw;margin:5vw 0 0}#now .nowText01{width:40vw;height:40vw;left:-1vw;top:-1vw}#now .nowText01 p{width:50vw;left:-16vw;top:4vw;font-size:3vw;padding:1vw}#now .nowText01 p .now-date{font-size:5vw}#now .nowText01+p span{font-size:5vw}#now .nowText01+p span strong{font-size:6vw}#now .line{flex-direction:column;width:100%;margin:15px auto 0}#now .line>div+div{margin-top:2vw}#now .line>div:nth-child(1) img,#now .line>div:nth-child(3) img{max-height:15vw;width:auto}#now .line>div:nth-child(2){width:10vw;height:10vw}#now .line>div:nth-child(2)::before,#now .line>div:nth-child(2)::after{width:12vw;height:1.5vw}#now .now-img{margin:0 auto;width:80%}#now .nowText02{font-size:5vw;margin:3vw 0 0}#now .nowText02 span::before,#now .nowText02 span::after{width:0.3vw;left:-3vw}#now .nowText02 span::after{left:inherit;right:-2vw;transform:rotate(30deg)}#now .step{width:100%;margin:3vw auto 0;flex-direction:column}#now .step>div{width:100%;padding:3vw;font-size:3.8vw}#now .step>div+div{margin-top:3vw}#now .step>div>div.stepIndex{margin:0 0 1.5vw}#now .step>div>div.stepIndex p:first-child{width:9vw;height:9vw;border:0.6vw solid #00b900;font-size:5vw}#now .step>div>div.stepIndex p:last-child{font-size:5vw;margin-left:2vw}#now .step>div>div.stepBtn{margin:1.5vw 0 0}#now .step>div>div.stepBtn img{max-height:15vw;width:auto}#now .step>div>div.stepQr{margin:3vw 0 0;display:flex;justify-content:center;align-items:center}#now .step>div>div.stepQr>div{display:none}#now .step>div>div.stepImg{margin:3vw 0 0;padding-left:5vw}#now+.btn{margin-top:3vw}}@media only screen and (max-width: 979px){section[class^="container0"]{font-size:3.5vw}}#mv{background:url("/assets/about/mysbc/member/images/mainbg.jpg?202412691252") center top no-repeat;text-align:center}.btn a{font-weight:bold}.container01{width:980px;margin:50px auto 0}.container01 h2{font-size:35px;font-weight:normal;line-height:1.5;color:#2cb6a9;text-align:center;margin:0 0 30px}.container01 h2 span{position:relative}.container01 h2 span::before,.container01 h2 span::after{content:"";width:2px;height:100%;background:#2cb6a9;position:absolute;left:-30px;top:0;transform:rotate(-20deg)}.container01 h2 span::after{left:inherit;right:-90px;transform:rotate(20deg)}@media only screen and (max-width: 979px){.container01{width:96%;margin:5vw auto 0}.container01 h2{font-size:4vw;line-height:1.5;margin:0 0 3vw}.container01 h2 span{display:block;position:relative}.container01 h2 span::before,.container01 h2 span::after{width:0.3vw;left:2vw}.container01 h2 span::after{left:inherit;right:2vw}}.container02{width:980px;margin:100px auto 0}.container02 ul{display:flex;justify-content:space-between}.container02 ul li{width:470px;font-size:18px;border:8px solid #2cb6a9;position:relative;padding:50px 25px}.container02 ul li h3{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;font-weight:normal;font-family:"Bebas Neue", cursive;letter-spacing:2px;line-height:1;width:160px;height:80px;border-radius:80px 80px 0 0;padding:0 0 5px;color:#fff;background:#2cb6a9;position:absolute;left:50%;top:-80px;transform:translate(-50%, 0)}.container02 ul li h3 span{font-size:42px}.container02 ul li h4{font-size:23px;color:#2cb6a9}.container02 ul li .img{margin:0 0 30px;text-align:center}@media only screen and (max-width: 979px){.container02{width:96%;margin:17vw auto 0}.container02 ul{flex-direction:column}.container02 ul li{width:100%;font-size:3.5vw;border:2vw solid #2cb6a9;padding:4vw 3vw}.container02 ul li+li{margin:17vw 0 0}.container02 ul li h3{width:30vw;height:15vw;border-radius:30vw 30vw 0 0;padding:0 0 1vw;top:-15.5vw}.container02 ul li h3 span{font-size:7vw}.container02 ul li h4{font-size:4vw;color:#2cb6a9;margin-bottom:1vw}.container02 ul li .img{margin:0 auto 3vw}.container02 ul li .img img{max-height:20vw;width:auto}}.container03{margin:70px auto 0;background:#f1f1f3;padding:65px 0 70px}.container03 h2{width:583px;font-size:41px;line-height:1.4;text-align:center;padding:10px;margin:0 auto 30px;color:#2cb6a9;background:#fff;position:relative;border:3px solid #47d3c6;border-bottom:5px solid #47d3c6;border-radius:10px}.container03 h2::before,.container03 h2::after{top:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}.container03 h2::before{border-color:rgba(194,225,245,0);border-top-color:#47d3c6;border-width:20px;margin-left:-20px}.container03 h2::after{border-color:rgba(136,183,213,0);border-top-color:#fff;border-width:14px;margin-left:-14px}.container03inner1{width:488px;padding:35px 0;display:flex;justify-content:center;border:5px solid #ccccd2;background:#fff;margin-left:auto;margin-right:auto}.container03inner2{text-align:center;margin:30px 0;position:relative}.container03inner2::before{content:"\30EA\30CB\30E5\30FC\30A2\30EB";display:block;font-size:46px;font-weight:bold;color:#2cb6a9;position:absolute;left:55%;left:calc(50% + 113px / 2 + 15px);top:10px}.container03inner3{width:980px;padding:50px 0;display:flex;justify-content:center;flex-shrink:0;border:5px solid #ccccd2;background:#fff;margin-left:auto;margin-right:auto;position:relative}.container03inner3::before{content:"";width:200px;height:200px;background:url("/assets/about/mysbc/member/images/img03.png?202412691252") center top no-repeat;position:absolute;top:-170px;left:15px}@media only screen and (max-width: 979px){.container03{font-size:4.5vw;margin:4vw 0 2vw;padding:5vw 3vw 7vw}.container03 h2{width:80%;font-size:5vw;padding:1.5vw;margin:0 auto 5vw;border:0.5vw solid #47d3c6;border-bottom:1vw solid #47d3c6}.container03 h2::before{border-width:3vw;margin-left:-3vw;top:inherit;bottom:-6vw}.container03 h2::after{border-width:3vw;margin-left:-3vw;top:inherit;bottom:-5vw}.container03inner1{width:100%;padding:3vw;border:1vw solid #ccccd2;display:block}.container03inner2{margin:4vw 0}.container03inner2 img{width:15vw;height:auto}.container03inner2::before{font-size:5.5vw;left:calc(50% + 15vw / 2 + 1vw);top:2vw}.container03inner3{width:100%;padding:3vw;display:flex;justify-content:center;flex-shrink:0;border:1vw solid #ccccd2;display:block}.container03inner3::before{width:20vw;height:20vw;background-size:100% auto;top:-17vw;left:0}}.container04{margin:70px auto 20px}.container04inner{width:980px;margin:0 auto}.container04 img{text-align:center}@media only screen and (max-width: 979px){.container04{margin:7vw auto 2vw}.container04inner{width:96%;margin:0 auto}}.container05{background:#eaf9f8;padding:60px 0}.container05inner{width:980px;margin:0 auto}.container05inner h2{font-size:40px;font-weight:normal;line-height:1.4;text-align:center}.container05inner h2+p{margin:20px 0 0;font-size:20px;text-align:center}.container05inner ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0 0}.container05inner ul li{display:flex;justify-content:space-between;align-items:center;width:480px;font-size:24px;line-height:1.4;padding:35px 55px 35px 45px;background:#fff}.container05inner ul li+li:nth-child(n+3){margin-top:20px}.container05inner ul li>div{width:115px}.container05inner ul li>p{width:calc(100% - 115px)}.container05inner ul li>p span{font-size:18px}@media only screen and (max-width: 979px){.container05{padding:5vw 2vw}.container05inner{width:100%}.container05inner h2{font-size:6vw}.container05inner h2+p{margin:2vw 0 0;font-size:3.5vw}.container05inner ul{margin:3vw 0 0}.container05inner ul li{width:100%;font-size:4vw;padding:3vw 4vw}.container05inner ul li+li:nth-child(n+2){margin-top:3vw}.container05inner ul li>div{width:20%}.container05inner ul li>p{width:75%}.container05inner ul li>p span{font-size:3vw}}.container06{margin:60px auto 0;font-size:20px}.container06 .text02+p{text-align:center;margin:20px 0 0}.container06inner{width:980px;margin:0 auto}.container06inner ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0 0}.container06inner ul li{width:470px;background:#f1f1f3;font-size:24px;text-align:center;padding:30px}.container06inner ul li>div{margin:15px 0 0}.container06inner ul+._color-font-main{margin:1em 0}@media only screen and (max-width: 979px){.container06{margin:5vw auto 0;font-size:3.5vw}.container06 .text02+p{margin:2vw 0 0}.container06inner{width:96%}.container06inner ul{margin:3vw 0 0}.container06inner ul li{width:100%;font-size:4vw;padding:3vw}.container06inner ul li+li{margin-top:3vw}.container06inner ul li>div{width:80%;text-align:center;margin:2vw auto 0}}.text01{font-size:30px;font-weight:bold;text-align:center;margin:40px 0 20px}@media only screen and (max-width: 979px){.text01{font-size:4.5vw;margin:4vw 0 2vw}}.text02{display:flex;justify-content:center;align-items:center;height:160px;font-size:40px;font-weight:bold;line-height:1.4;padding:10px;color:#fff;background:#2cb6a9;text-align:center}.text02+p{margin:10px 0 0;font-size:20px}@media only screen and (max-width: 979px){.text02{height:20vw;font-size:4.5vw}.text02+p{margin:2vw 0 0;font-size:3.5vw}}.btn a{display:block;width:100%;max-width:560px;padding:20px;background:#fb637e;color:#fff;font-size:21px;text-align:center;text-decoration:none;border-radius:10px;line-height:1.5;position:relative;margin-left:auto;margin-right:auto}.btn a::before{content:"";display:block;position:absolute;right:15px;top:11px;top:calc(50% - 7px);width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}@media only screen and (max-width: 979px){.btn a{padding:3vw;font-size:4vw}.btn a::before{right:4vw;top:calc(50% - 1.2vw);width:2.5vw;height:2.5vw;border-top:0.4vw solid #fff;border-right:0.4vw solid #fff}}