.counter-areas .area-box .content::before,.counter-areas .area-box .title:not(.without-desc)::before{font-family:"nttdata-icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none}.counter-areas{background:var(--background-color)}.counter-areas .header+div,.counter-areas .grid-container+div{margin-top:30px;margin-top:calc(30px + 40*(100vw - 320px)/1210)}@media(min-width: 1531px){.counter-areas .header+div,.counter-areas .grid-container+div{margin-top:70px}}.counter-areas .area-box{opacity:0}.counter-areas .area-box svg{display:block}.counter-areas .area-box .title{position:relative;z-index:1}.counter-areas .area-box .title{font-size:20px;font-size:calc(20px + 8*(100vw - 320px)/229)}@media(min-width: 550px){.counter-areas .area-box .title{font-size:28px}}.counter-areas .area-box .title.without-desc h2:last-child{margin-bottom:0}.counter-areas .area-box .title:not(.without-desc){cursor:pointer}.counter-areas .area-box .title:not(.without-desc)::before{content:"";position:absolute;font-size:1.1em;bottom:1.2em;right:1em}.counter-areas .area-box .title span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;word-break:break-word;text-align:center;padding:2rem;width:100%}.counter-areas .area-box .title span h4{margin-top:0}.counter-areas .area-box .title span h2,.counter-areas .area-box .title span h3,.counter-areas .area-box .title span h4{color:#fff}.counter-areas .area-box .title.expanded::before{content:""}.counter-areas .area-box .content{overflow:hidden;position:absolute;bottom:0;z-index:2;width:100%;height:0;cursor:pointer}.counter-areas .area-box .content{font-size:20px;font-size:calc(20px + 8*(100vw - 320px)/229)}@media(min-width: 550px){.counter-areas .area-box .content{font-size:28px}}.counter-areas .area-box .content::before{content:"";position:absolute;font-size:1.1em;bottom:1.2em;right:1em;z-index:4}.counter-areas .area-box .text{padding:2.5em 1.5rem 2.5em 1.5rem;display:flex;align-items:center;flex-grow:1;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.counter-areas .area-box .text p{color:#fff}.counter-areas .area-box .text .button.secondary{border-color:#ffc400;color:#fff}.counter-areas .area-box .text .button.secondary:hover{border-color:#fff}.counter-areas .area-box .counter{font-size:7rem;margin-bottom:2rem}@media(min-width: 550px){.counter-areas .area-box .title{font-size:20px;font-size:calc(20px + 5*(100vw - 550px)/349)}}@media(min-width: 900px){.counter-areas .area-box .title{font-size:25px}}@media(min-width: 550px){.counter-areas .area-box .content{font-size:20px;font-size:calc(20px + 5*(100vw - 550px)/349)}}@media(min-width: 900px){.counter-areas .area-box .content{font-size:25px}}@media(min-width: 600px){.counter-areas .area-box .text{padding:2.2em 1.5rem}}@media(min-width: 700px){.counter-areas .area-box .text{padding:2.5em 2.5rem}}@media(min-width: 768px){.counter-areas .area-box .text{padding:2.5em 3.5rem}.counter-areas .area-box .counter{font-size:8rem}}@media(min-width: 900px){.counter-areas .area-box .title{font-size:20px;font-size:calc(20px + 5*(100vw - 900px)/630)}}@media(min-width: 1531px){.counter-areas .area-box .title{font-size:25px}}@media(min-width: 900px){.counter-areas .area-box .content{font-size:20px;font-size:calc(20px + 5*(100vw - 900px)/630)}}@media(min-width: 1531px){.counter-areas .area-box .content{font-size:25px}}@media(min-width: 1000px){.counter-areas .area-box .text{padding:2.5em 2rem}}@media(min-width: 1200px){.counter-areas .area-box .text{padding:2.5em 3rem}}@media(min-width: 1400px){.counter-areas .area-box .text{padding:3em 4rem}}@media(min-width: 1600px){.counter-areas .area-box .text{padding:3em 4.5rem}}