/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./src/stylus/index.styl ***!
  \****************************************************************************************************************************************************************************************/@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&family=Noto+Sans+JP:wght@100..900&display=swap);
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./src/stylus/index.styl (1) ***!
  \********************************************************************************************************************************************************************************************/*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border:0;border-top:1px solid;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,iframe,object{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;color:inherit;font:inherit;margin:0;outline:0;padding:0;text-align:inherit;vertical-align:middle}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{border:0;margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}[hidden],template{display:none}html{scroll-behavior:smooth;scroll-padding-top:60px}html.is-unscrollable{overflow:hidden}body{background:#fff;color:#1d292c;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica Neue,HelveticaNeue,YuGothic,Yu Gothic Medium,Yu Gothic,Verdana,Meiryo,sans-serif;font-feature-settings:"palt";font-optical-sizing:auto;font-size:14px;font-weight:400;letter-spacing:.08em;line-break:strict;line-height:1.714285714285714;overflow-wrap:anywhere;word-break:normal}@media (min-width:751px){body{font-size:16px}}body.is-unscrollable{overflow:hidden}article,aside,footer,header,main,picture,section{display:block}iframe,img{max-width:100%}a{color:#3cadd6;text-decoration:underline;transition:color .2s}@media (hover:hover){a:hover{color:$hoverLinkColor}}dt,th{font-weight:400}b,h1,h2,h3,h4,h5,h6,strong{font-weight:700}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #fff}summary{display:block;list-style:none}summary::-webkit-details-marker{display:none}.l-container{overflow-x:hidden;padding-top:60px}.l-section{padding-bottom:80px;padding-top:80px}@media (min-width:751px) and (max-width:1279px){.l-section{padding-top:6.25vw}}@media (max-width:750px){.l-section{padding-top:16vw}}@media (min-width:751px) and (max-width:1279px){.l-section{padding-bottom:6.25vw}}@media (max-width:750px){.l-section{padding-bottom:16vw}}.l-section.-pt0{padding-top:0}@media (min-width:751px) and (max-width:1279px){.l-section.-pt0{padding-top:0}}@media (max-width:750px){.l-section.-pt0{padding-top:0}}.l-section.-pb0{padding-top:0}@media (min-width:751px) and (max-width:1279px){.l-section.-pb0{padding-top:0}}@media (max-width:750px){.l-section.-pb0{padding-top:0}}.l-section.-bg1{background:$lightGreen2}.l-section.-gradient1{background:linear-gradient(90deg,#f5f7f6,#eff7f0)}.l-section.-gradient2{background:linear-gradient(90deg,#4dc4ae,#1cb195);color:#fff}.l-section.-gradient3{background:linear-gradient(90deg,#44a391,#5cb476)}.l-inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.l-inner{max-width:710px}}@media (max-width:750px){.l-inner{margin-left:20px;margin-right:20px;max-width:none}}.l-columns2{display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}@media (min-width:751px) and (max-width:1279px){.l-columns2{gap:3.125vw}}@media (max-width:750px){.l-columns2{gap:5.3333vw;grid-template-columns:100%}}.l-columns3{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}@media (min-width:751px) and (max-width:1279px){.l-columns3{gap:3.125vw}}@media (max-width:750px){.l-columns3{gap:5.3333vw;grid-template-columns:100%}}.l-columns4{display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}@media (min-width:751px) and (max-width:1279px){.l-columns4{gap:3.125vw}}@media (max-width:750px){.l-columns4{gap:5.3333vw;grid-template-columns:100%}}.l-border{background:#fff;border:1px solid $green;border-radius:20px;padding:30px;text-align:center}@media (min-width:751px) and (max-width:1279px){.l-border{padding:2.3437vw}}@media (max-width:750px){.l-border{padding:8vw}}@media (min-width:751px) and (max-width:1279px){.l-border{border-radius:1.5625vw}}@media (max-width:750px){.l-border{border-radius:2.6666vw}}.l-round{border-radius:20px;overflow:hidden}@media (min-width:751px) and (max-width:1279px){.l-round{border-radius:1.5625vw}}@media (max-width:750px){.l-round{border-radius:2.6666vw}}.l-shadow{border-width:0;box-shadow:0 5px 10px rgba(0,0,0,.1)}.l-btns{text-align:center}@media (max-width:750px){.c-pc,.c-tab{display:none}}@media (min-width:751px){.c-sp{display:none}}.c-btn{align-items:center;background:linear-gradient(90deg,#8450af,#00a8c9);border-radius:6px;color:#fff;display:flex;height:50px;justify-content:center;margin:0 auto;max-width:100%;position:relative;text-decoration:none;width:285px}@media (min-width:751px){.c-btn{height:58px;width:325px}}.c-btn:after{background:url(/not-shirokuro/assets/img/arrow.svg) no-repeat 0 50%/100% auto;content:"";height:100%;position:absolute;right:20px;top:0;width:15px}.c-btn[target=_blank]:after{background-image:url(/not-shirokuro/assets/img/external.svg);right:20px;width:20px}.c-btn.-sm:after{background-image:url(/not-shirokuro/assets/img/arrow_sm.svg);right:10px;width:9px}@media (min-width:751px){.c-btn.-sm:after{background-image:url(/not-shirokuro/assets/img/arrow.svg);right:20px;width:15px}}.c-btn.-sm[target=_blank]:after{background-image:url(/not-shirokuro/assets/img/external.svg);right:8px;width:20px}.c-btn.-more:after{background-image:url(/not-shirokuro/assets/img/arrow_down.svg);background-position:0 calc(50% - 3px)}.c-btn.-youtube:before{background:url(/not-shirokuro/assets/img/youtube.svg) no-repeat 0 50%/100% auto;content:"";height:100%;left:20px;position:absolute;top:0;width:20px}.c-btn.-line{background:#fff;border:1px solid #3cadd6;color:#3cadd6}.c-btn.-line:after{background-image:url(/not-shirokuro/assets/img/arrow_blue.svg)}.c-btn.-prev:after{left:20px;right:auto;transform:scaleX(-1)}.c-btn.-prev.-sm:after{left:10px}@media (min-width:751px){.c-btn.-prev.-sm:after{left:20px}}.c-h2{background:url(/not-shirokuro/assets/img/h2.svg) no-repeat 50% 50%/100% 100%;background-position:0 50%;background-size:20px 20px;font-size:21px;font-weight:700;margin-bottom:15px;padding-left:30px;position:relative}.c-h2:before{content:"";height:20px;left:0;position:absolute;top:0;width:20px}.c-h2.-sm{font-size:16px;margin-bottom:10px}.c-h2.-sm:before{height:16px;width:16px}.c-lead{font-size:18px;margin-bottom:45px;text-align:center}@media (min-width:751px) and (max-width:1279px){.c-lead{margin-bottom:3.5156vw}}@media (max-width:750px){.c-lead{margin-bottom:8vw}}@media (min-width:751px) and (max-width:1279px){.c-lead{font-size:1.40625vw}}@media (max-width:750px){.c-lead{text-align:left}}@media (max-width:750px) and (max-width:750px){.c-lead{font-size:4.2666vw}}.m-footer a{color:#fff;text-decoration:none}.m-footer .cybozu{background:#4d6068;color:#fff;padding:40px 20px;text-align:center}.m-footer .cybozu img{width:120px}.m-footer .sitemap{background:#4d6068;color:#fff}.m-footer .sitemap li{border-top:1px solid #9f9f9f}.m-footer .sitemap a{align-items:center;display:flex;height:50px;padding:0 20px}.m-footer .company{background:#1d292c;border-bottom:1px solid #4b5560;color:#fff}.m-footer .company ul{display:flex;gap:1px}.m-footer .company li{width:50%}.m-footer .company li:not(:last-child){border-right:1px solid #4b5560}.m-footer .company a{align-items:center;display:flex;height:50px;justify-content:center;padding:0 20px}.m-footer .copyright{background:#1d292c;color:#fff;font-size:12px;padding:30px 20px;text-align:center}.m-header{background:#fff;left:0;position:fixed;right:0;top:0;z-index:1}.m-header .logo{align-items:center;display:flex;margin-left:20px;margin-right:20px;text-decoration:none}.m-header .logo .img{padding:11px 16px 8px 0}.m-header .logo .txt{color:#231815;font-family:M PLUS\ 1p,sans-serif;font-size:18px;font-weight:700}.m-header .nav{background:#fff;font-weight:400;left:0;opacity:0;overflow-y:auto;position:absolute;right:0;top:0;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:1}.m-header .nav.is-active{opacity:1;visibility:visible}.m-header ul{background:#4d6068;color:#fff}.m-header ul li{border-top:1px solid #9f9f9f}.m-header ul a{align-items:center;color:#fff;display:flex;height:50px;padding:0 20px;text-decoration:none}.m-header .menu{display:block;height:60px;position:absolute;right:0;top:0;width:60px;z-index:1}.m-header .menu span,.m-header .menu:after,.m-header .menu:before{background:#00a9cb;content:"";display:block;height:2px;left:18px;position:absolute;transition:all .2s;width:24px}.m-header .menu:before{top:21px}.m-header .menu:after{top:37px}.m-header .menu span,.m-header .menu.is-active:after,.m-header .menu.is-active:before{top:29px}.m-header .menu.is-active:before{transform:rotate(-135deg)}.m-header .menu.is-active:after{transform:rotate(135deg)}.m-header .menu.is-active span{opacity:0;width:0}.m-hero{text-align:center}.m-hero img{max-width:1600px}.m-introduction{border-bottom:1px solid #92d0e1;padding:40px 0 50px}.m-introduction .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-introduction .inner{max-width:710px}}@media (max-width:750px){.m-introduction .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-introduction .description{margin-bottom:20px}.m-introduction .thumbnail{margin-bottom:30px}.m-aimatome{padding:40px 0 50px}.m-aimatome .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-aimatome .inner{max-width:710px}}@media (max-width:750px){.m-aimatome .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-aimatome .comingsoon{color:#3e7794}.m-aimatome .description{margin-bottom:20px}.m-popular{background:#e7eef1;padding:40px 0 50px}.m-popular .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-popular .inner{max-width:710px}}@media (max-width:750px){.m-popular .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-popular .item{background:#fff;border-radius:10px;display:block;margin-bottom:20px;padding:15px;transition:all .5s}.m-popular .item.is-hidden{display:none;opacity:0;visibility:hidden}.m-matome .thumbnail,.m-popular .thumbnail{background:linear-gradient(0deg,#8450af,#00a8c9);border-radius:10px;display:block;margin-bottom:25px;padding:4px;position:relative}.m-matome .thumbnail:after,.m-popular .thumbnail:after{border-left:8px solid transparent;border-top:8px solid transparent;border-color:#8450af transparent transparent #8450af;border-style:solid;border-width:8px;bottom:-16px;content:"";height:0;left:20px;position:absolute;width:0}.m-matome .thumbnail img,.m-popular .thumbnail img{border-radius:6px}.m-popular .title{font-size:18px;font-weight:700;line-height:1.555555555555556;margin-bottom:15px}@media (min-width:751px){.m-popular .title{font-size:20px}}.m-popular .link{display:flex;gap:15px;margin-bottom:15px}.m-popular .link a{width:100%}.m-popular .update{font-size:12px;text-align:right}@media (min-width:751px){.m-popular .update{font-size:14px}}.m-popular .more .is-hidden{display:none}.m-generation{background:linear-gradient(90deg,#fffff7,#b1deea);padding:40px 0 50px}.m-generation .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-generation .inner{max-width:710px}}@media (max-width:750px){.m-generation .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-generation .description{margin-bottom:30px}.m-generation .details{background:#fff;border:1px solid #3cadd6;border-radius:6px;padding:0 20px}.m-generation .details[open] .btn:after{transform:scaleY(-1)}.m-generation .details .btn{align-items:center;background:#fff;color:#3cadd6;display:flex;height:50px;position:relative;width:100%}.m-generation .details .btn:after{background:url(/not-shirokuro/assets/img/arrow_blue_down.svg) no-repeat 0 50%/100% auto;background-position:0 calc(50% - 3px);content:"";height:100%;position:absolute;right:0;top:0;width:15px}.m-generation .content{color:#004352;padding:0 0 20px}.m-generation .content li{border-top:1px solid #00a9cb;padding-top:15px}.m-generation .content li:not(:last-child){margin-bottom:15px}.m-generation .content .label{font-weight:700}.m-generation .link{border-top:1px solid #accfdd;margin-top:30px;padding-top:30px}.m-matome{background:#e7eef1;padding:30px 0 40px}@media (min-width:751px){.m-matome{padding:30px 0 40px}}.m-matome .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-matome .inner{max-width:710px}}@media (max-width:750px){.m-matome .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-matome .title{line-height:1.555555555555556;margin-bottom:20px}@media (min-width:751px){.m-matome .title{margin-bottom:20px}}.m-matome .title .txt1{font-size:20px}@media (min-width:751px){.m-matome .title .txt1{font-size:24px}}.m-matome .title .txt2{color:#00698f;font-size:18px;font-weight:400}@media (min-width:751px){.m-matome .title .txt2{font-size:20px}}.m-comment{padding:30px 0 40px}.m-comment .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-comment .inner{max-width:710px}}@media (max-width:750px){.m-comment .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-comment .lead{background:url(/not-shirokuro/assets/img/comment.svg) no-repeat 0 50%/20px 20px;font-size:16px;font-weight:500;margin-bottom:10px;padding-left:28px}@media (min-width:751px){.m-comment .lead{font-size:18px}}.m-comment .lead .number{font-size:22px;font-weight:700}@media (min-width:751px){.m-comment .lead .number{font-size:24px}}.m-comment .lead .unit{font-size:14px}@media (min-width:751px){.m-comment .lead .unit{font-size:16px}}.m-comment .chart{margin-bottom:40px}.m-comment .chart #commentChart{height:50vh;width:100%}.m-comment .item{border:2px solid #00a9cb;border-radius:4px}.m-comment .item:not(:last-child){margin-bottom:20px}.m-comment .item[open] h3:after{transform:scaleY(-1)}.m-comment .item .summary:hover{cursor:pointer}.m-comment .item .summary:active{box-shadow:none}.m-comment .item h3{border-bottom:1px solid #00a9cb;color:#004352;font-size:16px;font-weight:600;line-height:1.5;padding:15px 55px 15px 20px;position:relative}@media (min-width:751px){.m-comment .item h3{font-size:18px}}.m-comment .item h3:after{background:url(/not-shirokuro/assets/img/arrow_blue_down.svg) no-repeat 0 50%/100% auto;content:"";height:15px;position:absolute;right:20px;top:20px;width:15px}.m-comment .item .description{padding:15px 20px}.m-comment .item .example{background:#f1f8fb;border-radius:4px;margin:0 10px 10px;padding:15px}@media (min-width:751px){.m-comment .item .example{padding:15px 20px}}.m-comment .item .example h4{font-size:16px;margin-bottom:15px}@media (min-width:751px){.m-comment .item .example h4{font-size:18px}}.m-comment .item .example li{padding-bottom:10px;padding-left:1em;position:relative}.m-comment .item .example li:not(:last-child){border-bottom:1px solid #bccfe4;margin-bottom:10px}.m-comment .item .example li:before{content:"・";left:0;position:absolute;top:0}.m-outline{margin-bottom:30px}.m-outline .inner{background:radial-gradient(circle,#fffff7 0,#eff8fa 80%) 50% 100%/160% 160%;border-radius:10px;margin-left:auto;margin-right:auto;max-width:710px;padding:30px 15px}@media (min-width:751px) and (max-width:1279px){.m-outline .inner{max-width:710px}}@media (max-width:750px){.m-outline .inner{margin-left:20px;margin-right:20px;max-width:none}}@media (min-width:751px){.m-outline .inner{padding:30px}}.m-outline h2{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}@media (min-width:751px){.m-outline h2{font-size:20px}}.m-outline .items{display:grid;font-size:12px;gap:20px;grid-template-columns:repeat(3,1fr);line-height:1.5;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:450px;text-align:center}@media (min-width:751px){.m-outline .items{font-size:14px}}.m-outline .items .item:not(:last-child){position:relative}.m-outline .items .item:not(:last-child):after{background:url(/not-shirokuro/assets/img/arrow_black_sm.svg) no-repeat 50% 50%;content:"";height:20px;position:absolute;right:-20px;top:20px;width:20px}.m-outline .items .number{color:#0d8fb3;font-size:18px;font-weight:700;padding:5px 0}@media (min-width:751px){.m-outline .items .number{font-size:20px}}.m-pageNav{border-bottom:1px solid #92d0e1;padding-bottom:40px}.m-pageNav .inner{margin-left:auto;margin-right:auto;max-width:710px}@media (min-width:751px) and (max-width:1279px){.m-pageNav .inner{max-width:710px}}@media (max-width:750px){.m-pageNav .inner{margin-left:20px;margin-right:20px;max-width:none}}.m-pageNav .page{display:grid;gap:15px;grid-template-columns:repeat(2,calc(50% - 7.5px));margin-bottom:30px}
/*# sourceMappingURL=style.css.map*/