.pagination{margin-top:3rem;display:flex;justify-content:center;gap:3rem}.pagination .pagination-previous,.pagination .pagination-next{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:700;letter-spacing:-.001rem;color:var(--main-blue);transition:.2s}.pagination .pagination-previous:hover,.pagination .pagination-next:hover{text-decoration:underline;opacity:.6}.pagination .current-page{width:4rem;height:4rem;border-radius:50vw;font-size:1.2rem;font-weight:700;letter-spacing:-.001rem;color:#fff;background:var(--main-blue);display:flex;align-items:center;justify-content:center}main .container .content-area{background:#fff;padding:5rem 2rem}main .container .content-area h1{font-size:2.4rem;font-weight:700;margin-bottom:2rem;font-feature-settings:"palt"}@media screen and (max-width: 767px){main .container .content-area h1{font-size:2rem}}main .container .content-area .page-en-ttl{color:var(--main-red);opacity:.2;font-family:var(--font-en);font-size:6rem;font-weight:700;width:100%;font-feature-settings:"palt";line-height:1;margin-bottom:1rem}@media screen and (max-width: 767px){main .container .content-area .page-en-ttl{font-size:4rem}}main .container .content-area .sub-info{display:flex;align-items:center;gap:1rem}main .container .content-area .sub-info .date{font-size:1rem;font-weight:700;font-family:var(--font-en);letter-spacing:-.001rem}main .container .content-area .sub-info .tag{flex-shrink:0;width:8rem;font-size:.9rem;white-space:nowrap;font-weight:700;background:linear-gradient(90deg,#0c38bf 0%,#761d72 47.92%,rgba(204,0,0,.7) 100%);padding:.5rem 1rem;text-align:center;color:#fff;line-height:1;transition:.2s}.highlight{font-weight:700;background:linear-gradient(transparent 50%,#fcff52 60% 90%,transparent 90%)}.text-large{font-size:2rem;font-weight:700}.text-red{color:var(--main-red)}main{width:100%;position:relative;z-index:0}main.index .container .topics-area h1{margin-bottom:0;font-feature-settings:"palt";word-break:auto-phrase}main .container{padding-top:0;padding-bottom:0}@media screen and (max-width: 767px){main .container{padding:0}}.topics-index{background:#fff;padding:0 2rem}.topics-index .topics-lists{display:flex;gap:2rem 1rem;flex-wrap:wrap}@media screen and (max-width: 767px){.topics-index .topics-lists{flex-direction:column}}.topics-index .topics-lists .topics-list{flex-shrink:0;width:calc((100% - 2rem) / 3);display:flex;flex-direction:column;box-shadow:0 0 .5rem #0003;border-radius:.5rem;overflow:hidden;transition:.2s}.topics-index .topics-lists .topics-list:hover{box-shadow:0 0 1rem #0000004d}.topics-index .topics-lists .topics-list:hover .thumbnail:after{top:0;left:0;opacity:1}.topics-index .topics-lists .topics-list:hover .content{background:var(--main-red)}.topics-index .topics-lists .topics-list:hover .content .sub-info .date{color:#fff}.topics-index .topics-lists .topics-list:hover .content .sub-info .label{background:#fff;color:var(--main-color-red)}.topics-index .topics-lists .topics-list:hover .content .title{color:#fff;font-feature-settings:"palt";word-break:auto-phrase}@media screen and (max-width: 767px){.topics-index .topics-lists .topics-list{width:100%}}.topics-index .topics-lists .topics-list .thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--main-blue) no-repeat center/cover;overflow:hidden;transition:.2s}.topics-index .topics-lists .topics-list .thumbnail:after{content:"CHECK!!";width:100%;height:100%;position:absolute;top:0;left:-100%;opacity:0;background:rgba(255,255,255,.8);font-family:var(--font-en);color:var(--main-red);font-size:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;transition:.2s}.topics-index .topics-lists .topics-list .content{padding:1rem 1rem 2rem;background:#fff;transition:.2s}.topics-index .topics-lists .topics-list .content .sub-info{display:flex;align-items:center;gap:1rem}.topics-index .topics-lists .topics-list .content .sub-info .date{font-size:1rem;font-weight:700;font-family:var(--font-en);letter-spacing:-.001rem;transition:.2s}.topics-index .topics-lists .topics-list .content .sub-info .label{margin-left:auto;flex-shrink:0;width:8rem;font-size:.9rem;white-space:nowrap;font-weight:700;background:linear-gradient(90deg,#0c38bf 0%,#761d72 47.92%,rgba(204,0,0,.7) 100%);padding:.5rem 1rem;text-align:center;color:#fff;line-height:1;transition:.2s}.topics-index .topics-lists .topics-list .content .title{font-size:1.2rem;font-weight:700;margin-top:1rem;letter-spacing:-.001rem;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:5rem;transition:.2s;font-feature-settings:"palt";word-break:auto-phrase}.topics-index .pagination{margin-top:3rem;display:flex;justify-content:center;gap:3rem}.topics-index .pagination .pagination-previous,.topics-index .pagination .pagination-next{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:700;letter-spacing:-.001rem;color:var(--main-blue);transition:.2s}.topics-index .pagination .pagination-previous:hover,.topics-index .pagination .pagination-next:hover{text-decoration:underline;opacity:.6}.topics-index .pagination .current-page{width:4rem;height:4rem;border-radius:50vw;font-size:1.2rem;font-weight:700;letter-spacing:-.001rem;color:#fff;background:var(--main-blue);display:flex;align-items:center;justify-content:center}.topics-area{background:#fff;padding:5rem 2rem}.topics-area h1{font-size:2.4rem;font-weight:700;margin-bottom:2rem;font-feature-settings:"palt";word-break:auto-phrase}@media screen and (max-width: 767px){.topics-area h1{font-size:2rem}}.topics-area .sub-info{display:flex;align-items:center;gap:1rem}.topics-area .sub-info .date{font-size:1rem;font-weight:700;font-family:var(--font-en);letter-spacing:-.001rem}.topics-area .sub-info .tag{flex-shrink:0;width:8rem;font-size:.9rem;white-space:nowrap;font-weight:700;background:linear-gradient(90deg,#0c38bf 0%,#761d72 47.92%,rgba(204,0,0,.7) 100%);padding:.5rem 1rem;text-align:center;color:#fff;line-height:1;transition:.2s;font-feature-settings:"palt"}.topics-area .content{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.topics-area .content h1,.topics-area .content h2{font-size:1.8rem!important;font-weight:700;margin-bottom:2rem;letter-spacing:-.001rem;font-feature-settings:"palt";word-break:auto-phrase}.topics-area .content h1 *,.topics-area .content h2 *{font-size:inherit}@media screen and (max-width: 767px){.topics-area .content h1,.topics-area .content h2{font-size:1.6rem}}.topics-area .content h3{font-size:1.4rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.001rem;font-feature-settings:"palt";word-break:auto-phrase}.topics-area .content h3 *{font-size:inherit}@media screen and (max-width: 767px){.topics-area .content h3{font-size:1.2rem}}.topics-area .content img{max-width:100%;min-width:40%;width:auto;height:auto;margin-bottom:2rem}.topics-area .content p{font-size:1.1rem;line-height:1.7;letter-spacing:.001rem;margin-bottom:2rem;word-break:auto-phrase}@media screen and (max-width: 767px){.topics-area .content p{font-size:1rem}}.topics-area .content a{color:var(--link-color);text-decoration:underline}.topics-area .content a *{color:inherit;text-decoration:inherit}.topics-area .content ul{margin-left:2rem;margin-bottom:2rem}.topics-area .content ul li{font-size:1.1rem;line-height:1.7;letter-spacing:.001rem;margin-bottom:1rem;margin-left:1rem;list-style-type:disc}@media screen and (max-width: 767px){.topics-area .content ul li{font-size:1rem}}.topics-area .content table{width:100%;table-layout:fixed;border-collapse:collapse}@media screen and (max-width: 767px){.topics-area .content table{padding:3rem 0}}.topics-area .content table img{margin:0}.topics-area .content table p{margin-bottom:1rem}.topics-area .content table th,.topics-area .content table td{border:1px solid rgba(0,0,0,.2);padding:.5rem;vertical-align:top}.topics-area .content table th *,.topics-area .content table td *{text-align:left}.topics-area .content table th figure,.topics-area .content table td figure{text-align:center}.topics-area .content table th h3,.topics-area .content table td h3{margin-top:3rem}@media screen and (max-width: 767px){.topics-area .content table tbody tr{display:flex;flex-direction:column}.topics-area .content table tbody tr figure{text-align:left}.topics-area .content table tbody tr+tr{border-top:1px solid var(--txt-color);margin-top:3rem;padding-top:3rem}}
