h2.ttl{color:var(--main-color);font-size:2.2rem;padding-left:20px;position:relative;z-index:1;margin-bottom:var(--vw40)}h2.ttl::before{content:"";width:10px;height:10px;background-color:var(--main-color);border-radius:50%;position:absolute;top:15px;left:0}.block1{margin-top:-1px;background-color:#f9f9f9;padding-top:var(--vw100);padding-bottom:var(--vw100)}.block1 .contents{display:grid;gap:16px;padding-bottom:var(--vw100)}.block1 .contents>div{min-height:270px;background-color:#fff;border-radius:10px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.block1 .contents>div>img{position:absolute;z-index:-1}.block1 .contents h3{font-size:2.2rem}.block1 .contents strong{font-size:3rem}.block1 .contents strong span{font-size:10rem;color:var(--main-color);font-family:var(--ff-en);padding-right:8px}.block1 .contents strong span.red{color:#d25e5d}.block1 .contents .card04{grid-column:2/3;grid-row:1/4;justify-content:flex-start;padding-top:var(--vw40)}.block1 .contents .card06 .flex{display:flex;gap:var(--vw60);margin-top:20px}.block1 .contents .card06 .flex>div{display:flex;flex-direction:column;align-items:center;font-weight:bold;font-size:1.8rem}.block1 .contents .card06 .flex>div strong span{line-height:1}.block1 .contents .card06{grid-column:2/4}.block1 .contents .illust01{width:30%;bottom:20px;left:20px}.block1 .contents .illust02{width:15%;bottom:14px;right:33px}.block1 .contents .illust03{width:25%;top:15px;left:21px}.block1 .contents .illust04{width:12%;bottom:15px;right:32px}.block1 .contents .illust05{width:17%;bottom:18px;right:3px}.block1 .contents .illust06{width:90%;height:auto;bottom:14px;left:50%;transform:translateX(-50%)}.block1 .contents .illust07{width:16%;top:19px;left:23px}.block1 .contents .illust08{width:12%;bottom:0;left:7%}.block1 .contents .illust09{width:13%;bottom:0;right:7.7%}.block1 .contents.c01{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr)}.block1 .contents.c02{grid-template-columns:repeat(3, 1fr)}.block1 .contents #chartArea{width:100%;margin:var(--vw40) auto 0;display:flex;justify-content:center;position:relative;z-index:1}.block1 .contents #chartArea .caption{width:100%;max-width:400px;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;opacity:0;visibility:hidden;transition:.4s}.block1 .contents #chartArea .caption>div{width:100%;height:100%;position:relative}.block1 .contents #chartArea .caption .outside{width:92px;position:absolute;top:0;left:95%}.block1 .contents #chartArea .caption .outside p{color:#2e8238;font-size:2.2rem;font-weight:bold;line-height:1;position:relative;z-index:1}.block1 .contents #chartArea .caption .outside p::before{content:"";width:47px;height:35px;border-right:1px solid #2e8238;border-bottom:1px solid #2e8238;position:absolute;top:calc(100% + 10px);left:-15px}.block1 .contents #chartArea .caption .outside p span{font-size:5rem;font-family:var(--ff-en);line-height:1.2;padding-left:5px}.block1 .contents #chartArea .caption .text{color:#fff;font-size:2.2rem;font-weight:bold;text-align:center;line-height:1}.block1 .contents #chartArea .caption .text span{font-size:5rem;font-family:var(--ff-en);line-height:1.2}.block1 .contents #chartArea .caption .text:first-of-type{position:absolute;top:13%;left:calc(50% + 15px)}.block1 .contents #chartArea .caption .text:last-of-type{width:200px;position:absolute;bottom:20%;left:50%;transform:translateX(-50%)}.block1 .contents #chartArea.active .caption{opacity:1;visibility:visible}.block1 .contents #chart{width:100%;max-width:400px}.block1 .contents #chart foreignObject{color:#fff;font-weight:bold;font-size:2.2rem}.block1 .contents #chart foreignObject span{font-size:5rem;line-height:1;font-family:var(--ff-en)}.block1 .contents #chart foreignObject:nth-of-type(2){color:var(--main-color)}@media screen and (max-width: 1200px){.block1 .contents #chartArea .caption{width:calc(100% - 160px)}.block1 .contents #chartArea .caption .outside p::before{top:100%;height:25px}.block1 .contents #chart{width:calc(100% - 160px)}}@media screen and (max-width: 1024px){.block1 .contents>div{min-height:200px}.block1 .contents>div strong{font-size:2.6rem}.block1 .contents>div strong span{font-size:8rem;line-height:1}.block1 .contents #chartArea .caption{width:215px}.block1 .contents #chartArea .caption .text{font-size:1.4rem}.block1 .contents #chartArea .caption .text span{font-size:3rem}.block1 .contents #chartArea .caption .outside p{font-size:1.4rem}.block1 .contents #chartArea .caption .outside p span{font-size:3rem}.block1 .contents #chartArea .caption .outside p::before{width:16px;height:14px;left:0}.block1 .contents #chart{width:215px}}@media screen and (max-width: 768px){.block1 .contents h3{font-size:2.2rem}.block1 .contents .card04{grid-column:1/2;grid-row:unset}.block1 .contents .card06{grid-column:unset;padding-top:25px;padding-bottom:160px}.block1 .contents .card06 .flex{margin-top:10px}.block1 .contents .illust06{position:static;transform:translate(0);padding-bottom:20px}.block1 .contents .illust08{width:76px;left:17%}.block1 .contents .illust09{width:83px;right:21%}.block1 .contents.c01{grid-template-columns:1fr}.block1 .contents.c02{grid-template-columns:1fr}}/*# sourceMappingURL=number.min.css.map */