.legacy-content{min-height:650px;padding:40px 0 70px;background:#f5f9fc}
.legacy-content .content-inner{width:960px}
.legacy-content a{color:#333;text-decoration:none}
.legacy-content .site-section-title{display:flex;align-items:baseline;gap:15px;border-bottom:3px solid #45474d;margin:0 0 25px;padding:0 0 12px}
.legacy-content .site-section-title h1{font-size:32px;color:#343434;margin:0}
.legacy-content .site-section-title p{color:#0081a1;font-weight:bold;margin:0}
.legacy-content .site-section-title span{margin-left:auto;color:#737373}
.legacy-content .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.legacy-content .site-card{background:#fff;border:1px solid #dcdfe5;min-width:0}
.legacy-content .site-card:hover{border-color:#00b8cc}
.legacy-content .site-card img,.legacy-content .image-missing{display:block;width:100%;height:180px;object-fit:cover;background:#e7e9ec}
.legacy-content .image-missing{display:grid;place-items:center;color:#8a8f99}
.legacy-content .card-body{padding:15px}
.legacy-content .card-body small{color:#0081a1}
.legacy-content .card-body h2{display:block;font-size:16px;line-height:1.4;margin:8px 0;height:45px;overflow:hidden}
.legacy-content .card-body p{font-size:13px;color:#737373;line-height:1.5;height:40px;overflow:hidden}
.legacy-content .site-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:35px}
.legacy-content .site-pages a{padding:7px 15px;border:1px solid #a1a2a6}
/* Search-only presentation: keep the shared section/detail cards unchanged. */
.legacy-content .search-results{width:940px;max-width:100%;margin:0 auto;background:#fff}
.legacy-content .search-results-heading{margin:0;padding:14px 20px 16px;border-bottom:1px solid #e4e6ea;color:#343434;font-size:16px;line-height:24px;font-weight:bold}
.legacy-content .search-results-heading strong{color:#0081a1}
.legacy-content .search-results .site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px;padding:20px}
.legacy-content .search-results .site-card{height:310px;border:0;background:transparent;overflow:hidden}
.legacy-content .search-results .site-card:hover{border:0}
.legacy-content .search-results .site-card img,.legacy-content .search-results .image-missing{height:174px}
.legacy-content .search-results .card-body{padding:13px 9px 0}
.legacy-content .search-results .search-category{display:block;color:#0081a1;font-size:14px;line-height:20px}
.legacy-content .search-results .card-body h2{height:24px;margin:4px 0 0;font-size:16px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.legacy-content .search-results .card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:63px;margin:12px 0 0;font-size:14px;line-height:21px;overflow:hidden}
.legacy-content .search-results .site-pages{margin:0;padding:0 20px 20px}
.legacy-content .search-results .site-pages .more-list{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;margin:0;padding:0;border:0;background:#fafbfc;color:#686a6e;font-size:13px;line-height:20px}
.legacy-content .search-results .site-pages .more-list img{display:block;margin:0}
.legacy-content .search-results .site-pages .more-list:focus-visible{outline:2px solid #0081a1;outline-offset:2px}
.legacy-content .search-results>p[role=status]{margin:0;padding:30px 20px}
@media(max-width:767px){
 .legacy-content .search-results .site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:16px}
 .legacy-content .search-results .site-card{height:auto}
 .legacy-content .search-results .site-card img,.legacy-content .search-results .image-missing{height:auto;aspect-ratio:280/174;object-fit:cover}
 .legacy-content .search-results .card-body{padding:10px 0 0}
}
@media(max-width:480px){
 .legacy-content .search-results .site-grid{grid-template-columns:minmax(0,1fr)}
}
.legacy-content .site-search{display:flex;height:48px;margin:20px 0 35px}
.legacy-content .site-search input{flex:1;border:1px solid #a1a2a6;padding:0 12px;font-size:16px}
.legacy-content .site-search button{border:0;background:#0081a1;color:#fff;padding:0 24px;font-size:16px;cursor:pointer}
.legacy-content .site-post{padding:32px;background:#fff;line-height:1.7;overflow-wrap:anywhere}
.legacy-content .site-post>a{color:#0081a1}
.legacy-content .site-post h1{font-size:29px;margin:20px 0 5px}
.legacy-content .site-post-meta{color:#737373;border-bottom:1px solid #dcdfe5;padding-bottom:18px}
.legacy-content .site-post-image{display:block;max-width:100%;height:auto;margin:25px auto}
.legacy-content .site-post-content{min-height:200px}
.legacy-content .site-post-content img{max-width:100%;height:auto}
.search-layer input[type=search]{-webkit-appearance:none;appearance:none}
.search-layer input[type=search]::placeholder{color:#45474d;opacity:1}
.legacy-content .detail-layout{display:grid;grid-template-columns:620px 300px;gap:20px;padding-left:10px;align-items:start}
.legacy-content .detail-layout .article,.legacy-content .detail-layout .aside{float:none;margin:0}
.legacy-content .detail-layout .article{width:620px}
.legacy-content .detail-layout .aside{width:300px}
.legacy-content .detail-layout .article-detail{line-height:1.5;overflow-wrap:anywhere}
.legacy-content .detail-layout .article-body{min-height:300px}
.legacy-content .detail-layout .article-body img{max-width:580px;height:auto}
.legacy-content .detail-layout .article-detail .page-info .pagenation{padding:0;background:none}
.legacy-content .detail-layout .article-detail .article-control{min-height:28px}
.legacy-content .detail-layout .article-detail .btn-sns a{display:inline-block;margin-right:5px}
.legacy-content .detail-layout .article-detail .btn-sns img{display:block}
.legacy-content .detail-layout .summary-area .tab-list{height:435px}
.legacy-content .detail-layout .aside-banner .banner img{display:block;width:300px;height:auto}
.legacy-content .detail-layout .aside-banner{max-width:300px}
.legacy-content .detail-layout .related-area{margin-top:35px}
.legacy-content .detail-layout .related-area h2{font-size:18px;border-bottom:1px solid #8a8f99;padding-bottom:10px}
.legacy-content .detail-layout .related-area li{padding:8px 0;border-bottom:1px solid #eceef0}
.legacy-content .award-layout{display:grid;grid-template-columns:620px 300px;gap:20px;padding-left:10px;align-items:start}
.legacy-content .award-layout .article,.legacy-content .award-layout .aside{float:none;margin:0}
.legacy-content .award-layout .article{width:620px}
.legacy-content .award-layout .aside{width:300px}
.legacy-content .award-layout .pagenation{display:block;margin:0;background:#fff}
.legacy-content .award-layout .sub-category ul{display:flex;flex-wrap:wrap}
.legacy-content .award-layout .sub-category li{width:auto;min-width:16.666%}
.legacy-content .award-layout .sub-category li em{transform:translateY(-50%)}
.legacy-content .award-layout .article-sorting select{min-width:90px;padding:4px;color:#686a6e;border:1px solid #dfe0e2;background:#fff}
.legacy-content .award-layout .article-press-area .list.grid-type{margin-left:-20px}
.legacy-content .award-layout .article-press-area .list .type03{margin-left:20px;margin-top:20px}
.legacy-content .award-layout .article-press-area .list .type03 .thumb{height:280px}
.legacy-content .award-layout .article-press-area .list .type03 .thumb img{max-width:none}
.legacy-content .award-layout .article-press-area .list .type03 .summary{z-index:1}
.legacy-content .award-layout .more-list{display:block;width:100%;text-align:center}
.legacy-content .award-layout .summary-area .tab-list{height:435px}
.legacy-content .award-layout .aside-banner .banner img{display:block;width:300px;height:auto}
.legacy-content .award-layout .aside-banner{max-width:300px}
.legacy-content .award-layout .keycontents-type01 .banner{display:none}
.legacy-content .award-layout .keycontents-type01 .banner.on-banner{display:block}
.legacy-content .award-layout .keycontents-type01 .banner img{display:block;max-width:100%;height:auto}
.legacy-content .culture-layout{display:grid;grid-template-columns:620px 300px;gap:20px;padding-left:10px;align-items:start}
.legacy-content .culture-layout .article,.legacy-content .culture-layout .aside{float:none;margin:0}
.legacy-content .culture-layout .article{width:620px}
.legacy-content .culture-layout .aside{width:300px}
.legacy-content .culture-layout .pagenation{display:block;margin:0;background:#fff}
.legacy-content .culture-layout .keycontents-type04 .thumnail-img img{width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover}
.legacy-content .culture-layout .keycontents-type04 .section03 .thumnail-img{overflow:hidden}
.legacy-content .culture-layout .sub-category ul{display:flex;flex-wrap:wrap}
.legacy-content .culture-layout .sub-category li{width:16.666%;min-width:0}
.legacy-content .culture-layout .sub-category li em{transform:translateY(-50%)}
.legacy-content .culture-layout .article-press-area .list.grid-type{margin-left:-20px}
.legacy-content .culture-layout .article-press-area .list .type06{margin-left:20px;margin-top:20px}
.legacy-content .culture-layout .article-press-area .list .type06 .thumb img{width:100%;height:100%;max-height:none;object-fit:cover}
.legacy-content .culture-layout .article-press-area .list .type06 a{height:180px;overflow:hidden}
.legacy-content .culture-layout .more-list{display:flex;justify-content:center;align-items:center;gap:4px}
.legacy-content .culture-layout .summary-area .tab-list{height:435px}
.legacy-content .culture-layout .aside-banner{max-width:300px}
.legacy-content .culture-layout .aside-banner .banner img{display:block;width:300px;height:auto}
.legacy-content .culture-layout .vod-area iframe{display:block;border:0}
.legacy-content .section-layout{display:grid;grid-template-columns:620px 300px;gap:20px;padding-left:10px;align-items:start}
.legacy-content .section-layout .article,.legacy-content .section-layout .aside{float:none;margin:0}
.legacy-content .section-layout .article{width:620px}
.legacy-content .section-layout .aside{width:300px}
.legacy-content .section-layout .pagenation{display:block;margin:0;background:#fff}
.legacy-content .section-layout .sub-category ul{display:flex;flex-wrap:wrap}
.legacy-content .section-layout .sub-category li em{transform:translateY(-50%)}
.legacy-content .section-layout .article-press-area .list.grid-type{margin-left:-20px}
.legacy-content .section-layout .article-press-area .list .type04,.legacy-content .section-layout .article-press-area .list .type07{margin-left:20px;margin-top:20px}
.legacy-content .section-layout .article-press-area .list .type01 .thumb img{width:100%;height:100%;max-width:none;object-fit:cover}
.legacy-content .section-layout .article-press-area .list .type04 .thumb img{width:100%;height:100%;margin:0;object-fit:cover}
.legacy-content .section-layout .article-press-area .list .type05 .thumb img{width:100%;height:100%;max-height:none;margin:0;object-fit:cover}
.legacy-content .section-layout .article-press-area .list .type05 .thumb .logo-img{object-fit:contain}
.legacy-content .section-layout .article-press-area .list .type07 .thumb img{width:100%;height:100%;max-width:none;object-fit:cover}
.legacy-content .section-layout .more-list{display:flex;justify-content:center;align-items:center;gap:4px}
.legacy-content .section-layout .summary-area .tab-list{height:435px}
.legacy-content .section-layout .aside-banner{max-width:300px}
.legacy-content .section-layout .aside-banner .banner img{display:block;width:300px;height:auto}
.legacy-content .section-layout .vod-area iframe,.legacy-content .section-layout .vod-wrap iframe{display:block;border:0}
.legacy-content .section-layout .section-filters{display:flex;gap:10px}
.legacy-content .section-layout .section-filters select{width:100%;padding:3px;color:#686a6e;border:1px solid #dfe0e2;background:#fff}
.legacy-content .section-layout .rolling-banner.portfolio{box-sizing:border-box;height:383px;padding-top:342px}
.legacy-content .section-layout .rolling-banner.portfolio.keycontents-type02{height:363px;padding-top:321px}
.legacy-content .section-layout .rolling-banner.portfolio .banner{display:none;width:620px;height:383px;overflow:hidden}
.legacy-content .section-layout .rolling-banner.portfolio .banner.on-banner{display:block}
.legacy-content .section-layout .rolling-banner.portfolio .banner img{display:block;width:620px;height:383px;object-fit:cover}
.legacy-content .section-layout .rolling-banner.portfolio.keycontents-type02 .banner,.legacy-content .section-layout .rolling-banner.portfolio.keycontents-type02 .banner img{height:343px}
.legacy-content .section-layout .section-visual-controls{position:relative;z-index:5;text-align:center}
.legacy-content .section-001001 .rolling-banner.portfolio .section-visual-controls{position:absolute;right:0;bottom: 4px;left:0;height:25px;min-height:0;padding:0;line-height:25px}
@media (min-width:980px){
  .legacy-content .section-001003 .rolling-banner.portfolio.keycontents-type02 .section-visual-controls,
  .legacy-content .section-002002 .rolling-banner.portfolio.keycontents-type02 .section-visual-controls{position:absolute;top:20px;right:20px;text-align:right}
  .legacy-content .section-002002 .rolling-banner.portfolio.keycontents-type02{height:383px;padding-top:20px}
  .legacy-content .section-002002 .rolling-banner.portfolio.keycontents-type02 .banner{height:auto}
  .legacy-content .section-002002 .rolling-banner.portfolio.keycontents-type02 .banner img{height:auto;object-fit:fill}
  .legacy-content .section-001003 .article-press-area .list .type04 .thumb img{width:450px;height:auto;margin-left:calc((100% - 450px)/2);object-fit:fill}
}
.legacy-content .section-layout .keycontents-type03 a img{width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover}
.legacy-content .section-layout .keycontents-type05 .thumnail-img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.legacy-content .section-layout .keycontents-type05 .thumnail-img{display:block;overflow:hidden}


.post-editor [hidden]{display:none!important}.post-editor img{max-width:100%}.post-editor [role=toolbar]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.member-tabs{margin-bottom:20px}.gnb-wrap>ul>li:focus-within .sub-menu{display:block}

/* Keep imported post markup within the article column. */
.legacy-content .detail-layout .article-body, .legacy-content .detail-layout .article-body * {box-sizing:border-box;}
/* Constrain pasted frames too: an image's 100% limit is relative to its parent. */
.legacy-content .detail-layout .article-body :is(div,p,figure,figcaption,blockquote,center) {max-width:100%;}
.legacy-content .detail-layout .article-body img {max-width:100%; height:auto;}
.legacy-content .detail-layout .article-body iframe {max-width:100%;}
.legacy-content .detail-layout .article-body table {max-width:100%;}
.legacy-content .detail-layout .article-body td, .legacy-content .detail-layout .article-body th {overflow-wrap:anywhere;}
.legacy-content .detail-layout .prev-next-article dl {display:flex; gap:8px;}
.legacy-content .detail-layout .prev-next-article dt {float:none; flex:0 0 47px;}
.legacy-content .detail-layout .prev-next-article dd {float:none; min-width:0; padding-left:0; overflow-wrap:anywhere;}
.legacy-content .site-section-title {flex-wrap:wrap;}
.legacy-content .site-section-title h1 {line-height:1.3;}
.legacy-content .site-section-title span {overflow-wrap:anywhere;}

/* Keep standalone article images and their paragraph frames the same width. */
.legacy-content .article-body p:has(> img:only-child) {width:fit-content; max-width:100%; margin-left:auto; margin-right:auto;}
.legacy-content .article-body p:has(> img:only-child) > img {vertical-align:bottom;}

/* Match the original compact desktop actions; retain touch-sized mobile controls. */
@media(min-width:980px){
 .legacy-content .detail-layout .article-detail .btn-sns a{margin-right:0}
}
@media(max-width:979px){
.legacy-content .detail-layout .article-detail .page-info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legacy-content .detail-layout .article-detail .page-info > span{float:none}
.legacy-content .detail-layout .article-detail .page-info::after{display:none}
.legacy-content .detail-layout .article-detail .page-info .btn-copy{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:28px;height:auto;padding:4px 10px;border:1px solid #dcdfe5;border-radius:3px;background:#f5f6f8;color:#606670;font-family:inherit;font-size:12px;line-height:18px;cursor:pointer}
.legacy-content .detail-layout .article-detail .article-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;min-height:36px}
.legacy-content .detail-layout .article-detail .article-control::after{display:none}
.legacy-content .detail-layout .article-detail .article-control .btn-list{float:none;display:flex;align-items:center;gap:8px;order:1;margin-left:auto}
.legacy-content .detail-layout .article-detail .article-control .btn-list form{display:flex;margin:0;padding:0}
.legacy-content .detail-layout .article-detail .article-control .btn-list a,
.legacy-content .detail-layout .article-detail .article-control .btn-list button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:64px;height:36px;margin:0;padding:0 14px;border:1px solid #d5d9df;border-radius:3px;background:#fff;color:#555d68;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;cursor:pointer;vertical-align:middle}
.legacy-content .detail-layout .article-detail .article-control .btn-list a:last-child{min-width:88px;background:#f5f7f9}
.legacy-content .detail-layout .article-detail .article-control .btn-list a span{display:inline;height:auto;min-height:0;margin:0;padding:0;border:0;color:inherit;font:inherit;line-height:inherit}
.legacy-content .detail-layout .article-detail .article-control .btn-list a:hover,
.legacy-content .detail-layout .article-detail .article-control .btn-list button:hover{border-color:#00a8bc;background:#f0fafb;color:#007f91}
.legacy-content .detail-layout .article-detail .article-control .btn-list a:focus-visible,
.legacy-content .detail-layout .article-detail .article-control .btn-list button:focus-visible,
.legacy-content .detail-layout .article-detail .page-info .btn-copy:focus-visible{outline:2px solid #009cb1;outline-offset:2px}
.legacy-content .detail-layout .article-detail .article-control .btn-sns{float:none;display:flex;align-items:center;gap:6px;order:0}
.legacy-content .detail-layout .article-detail .article-control .btn-sns a{display:flex;align-items:center;justify-content:center}
.legacy-content .detail-layout .article-detail .article-control .btn-sns img{display:block;width:30px;height:30px}
}
@media(max-width:480px){
 .legacy-content .detail-layout .article-detail .article-control{gap:10px}
 .legacy-content .detail-layout .article-detail .article-control .btn-list{gap:6px}
 .legacy-content .detail-layout .article-detail .article-control .btn-list a,
 .legacy-content .detail-layout .article-detail .article-control .btn-list button{min-width:52px;padding:0 10px;font-size:13px}
 .legacy-content .detail-layout .article-detail .article-control .btn-list a:last-child{min-width:76px}
}

/* Crossfade only the shared sidebar carousel. */
.article-detail .like-count button[aria-pressed="true"]{border-color:#00b8cc;box-shadow:inset 0 0 0 1px #00b8cc;opacity:1}
.legacy-content .aside-banner .banner{width:300px;opacity:0;visibility:hidden;pointer-events:none}
.legacy-content .aside-banner .banner.on-banner{opacity:1;visibility:visible;pointer-events:auto}
@media (prefers-reduced-motion:no-preference){
  .legacy-content .aside-banner .banner{transition:opacity 1s ease,visibility 0s linear 1s}
  .legacy-content .aside-banner .banner.on-banner{transition-delay:0s}
}