.sub_page_content.topics{background:#f9f9f9}.sub_page_content.topics .main_visual h1{color:#333;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:500;left:auto;letter-spacing:3.36px;line-height:56px;margin:0 auto;max-width:1166px;padding:160px 0 40px;position:relative;text-align:left;text-shadow:none;top:auto;transform:none}@media screen and (max-width:1199px){.sub_page_content.topics .main_visual h1{padding:160px 19px 40px}}@media screen and (max-width:1024px){.sub_page_content.topics .main_visual h1{font-size:40px;letter-spacing:2.4px;line-height:44px;padding:70px 19px 40px}}.sub_page_content.topics .main_contet{padding:60px 0 0}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet{padding-top:48px}}@media screen and (max-width:767px){.sub_page_content.topics .main_contet{padding-top:32px}}.sub_page_content.topics .main_contet .topics_filter{margin:0 auto;max-width:1166px;padding:0 0 64px}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .topics_filter{padding:0 19px 56px}}.sub_page_content.topics .main_contet .topics_filter .topics_filter_head{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_label{color:#9a8b63;font-family:Montserrat;font-size:14px;font-weight:500;letter-spacing:1.96px;line-height:1}.sub_page_content.topics .main_contet .topics_filter .topics_filter_heading h2{color:#333;font-size:36px;font-weight:500;line-height:1.35;margin:12px 0 0}.sub_page_content.topics .main_contet .topics_filter .topics_filter_clear{appearance:none;background:#fff;border:1px solid #c6c6c6;border-radius:999px;color:#333;cursor:pointer;font-family:Noto Sans JP;font-size:14px;font-weight:500;line-height:1;padding:12px 22px;transition:all .35s;white-space:nowrap}.sub_page_content.topics .main_contet .topics_filter .topics_filter_clear:hover{border-color:#9a8b63;color:#9a8b63}.sub_page_content.topics .main_contet .topics_filter .topics_filter_clear:disabled,.sub_page_content.topics .main_contet .topics_filter .topics_filter_clear:disabled:hover{border-color:#c6c6c6;color:#333;cursor:default;opacity:.45}.sub_page_content.topics .main_contet .topics_filter .topics_filter_groups{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group{background:#fff;border:1px solid #e2e2e2;border-radius:24px;box-shadow:0 12px 24px rgba(51,51,51,.05);padding:28px 28px 30px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group h3{font-size:28px;font-weight:700;line-height:1.35;margin:0 0 18px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tags{display:flex;flex-wrap:wrap;gap:12px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button{appearance:none;background:#fff;border:1px solid;border-radius:999px;cursor:pointer;font-family:Noto Sans JP;font-size:14px;font-weight:500;line-height:1.4;margin:0;max-width:100%;padding:10px 14px;text-align:center;transition:all .3s;white-space:normal}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button:hover{transform:translateY(-1px)}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button.is-active{box-shadow:0 8px 16px rgba(51,51,51,.12);color:#fff}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button.is-disabled,.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button:disabled{cursor:default;opacity:.35;transform:none}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--concept{background:linear-gradient(180deg,rgba(81,148,53,.06),#fff);border-color:rgba(81,148,53,.35)}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--concept .topics_filter_tag_button,.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--concept h3{color:#519435}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--concept .topics_filter_tag_button.is-active{background:#519435;border-color:#519435}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--activity{background:linear-gradient(180deg,rgba(39,109,215,.06),#fff);border-color:rgba(39,109,215,.35)}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--activity .topics_filter_tag_button,.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--activity h3{color:#276dd7}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--activity .topics_filter_tag_button.is-active{background:#276dd7;border-color:#276dd7}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--building{background:linear-gradient(180deg,rgba(163,95,214,.06),#fff);border-color:rgba(163,95,214,.35)}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--building .topics_filter_tag_button,.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--building h3{color:#a35fd6}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--building .topics_filter_tag_button.is-active{background:#a35fd6;border-color:#a35fd6}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--theme{background:linear-gradient(180deg,rgba(242,120,30,.06),#fff);border-color:rgba(242,120,30,.35)}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--theme .topics_filter_tag_button,.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--theme h3{color:#f2781e}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group--theme .topics_filter_tag_button.is-active{background:#f2781e;border-color:#f2781e}.sub_page_content.topics .main_contet .topics_filter_status{align-items:center;border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between;margin:0 auto 32px;max-width:1166px;padding:0 0 24px}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .topics_filter_status{margin:0 19px 32px}}.sub_page_content.topics .main_contet .topics_filter_status .topics_filter_result{color:#666;font-size:15px;line-height:1.4}.sub_page_content.topics .main_contet .topics_filter_status .topics_filter_result_count{color:#333;font-family:Montserrat;font-size:24px;font-weight:500;margin-right:4px}.sub_page_content.topics .main_contet .topics_list{display:grid;font-family:Noto Sans JP;font-style:normal;font-weight:400;gap:55px;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));margin:0 auto;max-width:1166px}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .topics_list{gap:55px 40px;padding:0 19px}}.sub_page_content.topics .main_contet .topics_list>div{position:relative}.sub_page_content.topics .main_contet .topics_list>div .title{color:#333;display:-webkit-box;font-size:18px;font-weight:500;line-height:25.2px;margin-bottom:0;min-height:55.41px;padding:10px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .topics_list>div .title{font-size:17px;line-height:25.2px}}@media screen and (max-width:641px){.sub_page_content.topics .main_contet .topics_list>div .title{min-height:auto}}.sub_page_content.topics .main_contet .topics_list>div .date{border-top:1px solid #c6c6c6;color:#666;font-size:15px;line-height:15px;margin-top:16px;padding:10px 0}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:13px;font-weight:500;line-height:1.2;padding:7px 11px;white-space:normal}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag--concept{background:rgba(81,148,53,.12);border-color:rgba(81,148,53,.28);color:#519435}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag--activity{background:rgba(39,109,215,.12);border-color:rgba(39,109,215,.28);color:#276dd7}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag--building{background:rgba(163,95,214,.12);border-color:rgba(163,95,214,.28);color:#a35fd6}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag--theme{background:rgba(242,120,30,.12);border-color:rgba(242,120,30,.28);color:#f2781e}.sub_page_content.topics .main_contet .topics_list>div .tag{margin-top:10px}.sub_page_content.topics .main_contet .topics_list>div .tag+.tag{margin-top:6px}.sub_page_content.topics .main_contet .topics_list>div .tag span{color:#9a8b63;display:inline-block;font-size:15px;line-height:15px;padding:0 12px;position:relative}.sub_page_content.topics .main_contet .topics_list>div .tag span:before{background:#9a8b63;border-radius:50px;content:"";height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.sub_page_content.topics .main_contet .topics_list>div .new{align-items:center;background:#e73535;border-radius:0 0 0 2px;color:#fff;display:flex;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500;justify-content:center;line-height:11px;margin:0;padding:8px 6.5px;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.sub_page_content.topics .main_contet .topics_list>div .topics_image_link{display:block;height:100%;width:100%}.sub_page_content.topics .main_contet .topics_list>div .topics_card_link{height:100%;left:0;position:absolute;top:0;transition:all .5s;width:100%;z-index:2}.sub_page_content.topics .main_contet .topics_list>div .topics_card_link:hover{background:hsla(0,0%,100%,.3)}.sub_page_content.topics .main_contet .pagination{align-items:center;color:#333;display:flex;font-family:Noto Sans JP;font-size:16px;font-style:normal;font-weight:400;justify-content:center;line-height:22.4px;padding:100px 0 0}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .pagination{flex-direction:column}}.sub_page_content.topics .main_contet .pagination a{color:#333;padding:0 .86rem .86rem;text-decoration:none}.sub_page_content.topics .main_contet .pagination button{appearance:none;background:transparent;border:0;color:#333;cursor:pointer;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0 .86rem .86rem}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .pagination a,.sub_page_content.topics .main_contet .pagination button{padding:0 .7rem .5rem}}.sub_page_content.topics .main_contet .pagination a:hover,.sub_page_content.topics .main_contet .pagination button:hover{border-bottom:1px solid #333}.sub_page_content.topics .main_contet .pagination button:disabled,.sub_page_content.topics .main_contet .pagination button:disabled:hover{border-bottom:none;cursor:default;opacity:.35}.sub_page_content.topics .main_contet .pagination .page a,.sub_page_content.topics .main_contet .pagination .page button{position:relative}.sub_page_content.topics .main_contet .pagination .page a:before,.sub_page_content.topics .main_contet .pagination .page button:before{background:url(../img/topics/arrow.svg) 50%/contain no-repeat;content:"";height:19px;left:0;position:absolute;top:50%;transform:translateY(-68%);width:10px}.sub_page_content.topics .main_contet .pagination .page.previous a,.sub_page_content.topics .main_contet .pagination .page.previous button{padding-left:24px}.sub_page_content.topics .main_contet .pagination .page.next a,.sub_page_content.topics .main_contet .pagination .page.next button{padding-right:24px}.sub_page_content.topics .main_contet .pagination .page.next a:before,.sub_page_content.topics .main_contet .pagination .page.next button:before{left:auto;right:0;transform:translateY(-68%) scaleX(-1)}.sub_page_content.topics .main_contet .pagination>.page{display:block}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .pagination>.page{display:none}}.sub_page_content.topics .main_contet .pagination .pages{display:none}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .pagination .pages{display:flex;justify-content:space-between;max-width:268px;width:100%}}.sub_page_content.topics .main_contet .pagination .num{margin:0 100px}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .pagination .num{margin:0 0 4.5rem}}.sub_page_content.topics .main_contet .pagination .num a.active,.sub_page_content.topics .main_contet .pagination .num button.active{border-bottom:1px solid #333}.sub_page_content.topics .main_contet .topics_empty{align-items:center;background:hsla(0,0%,100%,.75);border:1px solid #ddd7c6;color:#666;display:flex;font-size:16px;justify-content:center;line-height:1.75;margin:0 auto 40px;max-width:1166px;min-height:180px;padding:24px;text-align:center}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .topics_empty{margin:0 19px 40px}}.sub_page_content.topics .main_contet .bnr_note{padding:13rem 0 5rem}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .bnr_note{padding:13rem 19px 5rem}}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../img/topics/bnr_note.jpg) #d3d3d3 50%/contain no-repeat;display:flex;flex-direction:column;height:214px;justify-content:center;margin:0 auto;max-width:650px;width:100%}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper{background-size:cover}}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper h3{color:#fff;font-size:20px;font-weight:500;line-height:38px;text-align:center}@media screen and (max-width:1199px){.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper h3{font-size:18px;line-height:28px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_heading h2{font-size:30px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_groups{gap:18px;grid-template-columns:1fr}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group{border-radius:20px;padding:22px 20px 24px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group h3{font-size:24px;margin-bottom:14px}.sub_page_content.topics .main_contet .topics_filter_status .topics_filter_result_count{font-size:22px}}@media screen and (max-width:767px){.sub_page_content.topics .main_contet .topics_filter .topics_filter_label{font-size:12px;letter-spacing:1.68px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_heading h2{font-size:26px;line-height:1.45}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tags{gap:10px}.sub_page_content.topics .main_contet .topics_filter .topics_filter_group .topics_filter_tag_button{font-size:13px;padding:9px 12px}.sub_page_content.topics .main_contet .topics_filter_status{align-items:flex-start;margin-bottom:28px;padding-bottom:18px}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list{gap:6px}.sub_page_content.topics .main_contet .topics_list>div .filter_tag_list .filter_tag{font-size:12px;padding:6px 9px}}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a{border-radius:5px;padding:18px 22px 18px 18px;position:relative;text-decoration:none;z-index:2}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a span{align-items:center;color:#333;display:flex;font-size:21px;font-weight:400;gap:12px;justify-content:center;line-height:33.6px;position:relative;z-index:2}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a:after,.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a:before{background:linear-gradient(180deg,#fff3d2,#cfc099);border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s;width:100%;z-index:1}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a:after{background:linear-gradient(0deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.25)),linear-gradient(180deg,#fff3d2,#cfc099);z-index:0}.sub_page_content.topics .main_contet .bnr_note .bnr_note_wrapper a:hover:before{opacity:0}