@import url("/assets/legacy/product/reccloud/css/gmenu-2e2fef.css");
.legacy *,.legacy *::before,.legacy *::after{box-sizing: border-box;}
.legacy img{max-width: 100%;}
.legacy table{border-collapse: collapse;}
.legacy img,.legacy a img{border:none;
	background:transparent;
	vertical-align:bottom;}
.legacy{font-size: 62.5%;
	scroll-behavior: smooth;
	scroll-padding-top: 70px;}
.legacy{font-size:16px;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.legacy .txt-center{text-align:center;}
.legacy .txt-right{text-align:right;}
.legacy .txt-left{text-align:left;}
.legacy .font-bold{font-weight:bold;}
.legacy .font-normal{font-weight:normal;}
.legacy main{width:800px;}
@media (max-width: 800px){.legacy main{width:100%}}
.legacy .pinfo{margin:20px 0;
	padding:30px 10px;
	background:#fafafa;
	border-radius:5px;}
.legacy .pname{font-family: 'Noto Sans JP', sans-serif;
	font-size:25px !important;
	font-weight:bold;}
.legacy section{margin-bottom:100px;}
.legacy h1{margin:0 0 30px;
	padding:10px;
	border-bottom:2px solid #222;
	line-height:120%;
	font-size:30px;
	font-weight:bold;}
.legacy h2{border-bottom:2px dashed #333;
	margin:0 0 30px;
	padding: 50px 0 5px 10px;
	font-size:25px;
	color:#222;}
.legacy h3{margin:50px 0 30px 10px;
	padding: 0 0 0 10px;
	border-left:10px solid #f67d28;
	font-size:20px;
	color:#333;}
.legacy p{margin:20px 10px;
	line-height:150%;}
.legacy .imgbox{text-align:center;
	margin:50px auto;}
@media (max-width: 576px){.legacy .pinfo{margin:20px 0;
		padding:10px;}
.legacy h1{font-size:20px;}
.legacy h2{font-size:20px;}
.legacy h3{font-size:15px;}
.legacy p{margin:20px 5px;
		font-size:15px;}}
.legacy .flx{display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:20px 0;}
.legacy .press-flx{display:flex;
	justify-content: center;}
.legacy .press-flx-lft{width:50%;
	margin:20px;}
@media (max-width: 576px){.legacy .press-flx{display: block;}
.legacy .press-flx-lft{width:100%;
		margin:0;
		text-align: center;}}
.legacy .video{text-align:center;
	margin-bottom:50px;}
.legacy .video video{width:750px;}
@media (max-width: 576px){.legacy .video video{width:100%;}}
.legacy .r-icon{background: #df002c;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .y-icon{background: #f39801;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .g-icon{background: #666;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .b-icon{background: #48bbf2;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .tbl{width:90%;
	margin: 0 auto;
	padding:5px;
	border:1px solid #404040;
	background:#fff;
	font-size:0.9em;}
.legacy .tbl th{background:#f67d28;
	border:1px solid #404040;
	padding:5px;
	font-weight:bold;
	text-align:center;
	color:#fff;}
.legacy .tbl td{border:1px solid #404040;
	padding:5px;}
.legacy .tbl td ul{margin-left:-10px;}
.legacy .tbl td li{list-style:square;
	list-style-position: outside;}
@media (max-width: 576px){.legacy .tbl{width:100%;
		margin:0 5px;}}
.legacy .env2{width:80%;
	margin: 0 auto;
	padding:5px;
	font-size:0.9em;}
.legacy .env2 td{padding:5px;
	border-bottom:1px solid #ccc;}
@media (max-width: 576px){.legacy .env2{width:90%;}}
.legacy .tri{margin: 0 auto;
	border:1px solid #404040;
	padding:5px;
	width:80%;}
.legacy .tri td{border:1px solid #404040;
	padding:10px;
	text-align:center;}
.legacy .buytable{width:98%;
	margin: 0 auto;
	border:1px solid #404040;}
.legacy .buytable td{border:1px solid #404040;
	padding:10px;}
.legacy .buytable p{margin-bottom:10px;}
.legacy .buy-img{text-align:center;
	width:40%;}
.legacy .buy-name{font-weight:bold;
	font-size:20px;}
.legacy footer{width:800px;
	margin:50px 0 0;
	text-align:center;}
.legacy footer p{margin:20px;
	color:#666;}
.legacy .copy{padding-top:10px;
	border-top:1px solid #aaa;
	font-size:12px;
	margin-bottom:10px;}
@media (max-width: 576px){.legacy footer{width:100%;}}
.legacy #page_top{width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ccc;
  opacity: 0.6;}
.legacy #page_top a{position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;}
.legacy #page_top a::before{font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;}
.legacy .companypoint li{margin:0 0 10px 0;
	list-style-type: square;}
.legacy .companyprodinfo{margin:20px 30px;}
.legacy .companyprodinfo dt{font-weight:bold;
	margin:20px 0;}
.legacy .companyprice{width:100%;
	margin: 0 auto;
	border:1px solid #fff;
	padding:5px;
	font-size:0.9em;}
.legacy .companyprice th{border:1px solid #fff;
	padding:5px;
	background:#404040;
	color: #fff;
	font-weight: bold;}
.legacy .companyprice td{border:1px solid #999;
	padding:5px;}
.legacy .companyprice td{text-align: center;}
.legacy .companyprice td:nth-child(4){text-align: right;}
.legacy .kind01{background: #e2fbdb;}
.legacy .kind02{background: #f6f0ff;}
.legacy .kind03{background:#e8ffff;}
.legacy .companydocdl{display: flex;
	width:600px;
	margin:20px auto;}
.legacy .companydocdl div{margin:10px 30px;
	text-align: center;
	font-size:13px;}
.legacy .catlist{background:#ececec;
	padding:10px;}
.legacy .catlist ul{column-count: 3;
	font-size: 14px;}
.legacy .catlist ul li{list-style: none;
	margin-bottom:5px;}
.legacy .catlist ul li a{color:#000;
	text-decoration: none;}
.legacy .catlist ul li:before{font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	color:#000;
	margin-right:5px;}
.legacy .flimg{float:left;
	margin:0 20px 20px;}
.legacy .clear{clear:both;
	margin-top:50px;}
@media (max-width: 576px){.legacy .catlist ul{margin-left:-30px;}
.legacy .flimg{float:none;}
.legacy .companydocdl{display: block;
		width:100%;}
.legacy .companydocdl div{margin:20px 0;}}
.legacy .btn-oval{position: relative;
	width:300px;
	height:50px;
	margin:5px auto 20px;
	background: #eee;
	border-radius:50px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	text-align:center;}
.legacy .btn-oval a{position: absolute;
	padding:13px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#555;
	font-weight:bold;
	text-decoration:none;}
.legacy .btn-oval a:hover{color:#000;
	border-radius:50px;
	background:#f8f4e6;
	text-decoration:none;}
.legacy .responsive{width: 100%;
aspect-ratio: 16/9;}
.legacy .responsive{width: 100%;
aspect-ratio: 16/9;}
.legacy .responsive iframe{width: 100%;
height: 100%;}
.legacy .lp-page #menu .pnav-pc{overflow:visible !important;}
.legacy .lp-page #menu .pnav-pc .has-sub{position:relative;}
.legacy .lp-page #menu .pnav-pc .submenu{display:none;
  position:absolute;
  left:0; top:100%;
  padding:0; margin:0;
  border:1px solid #e5e7eb;
  border-top:none;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  z-index:1000;}
.legacy .lp-page #menu .pnav-pc .submenu li{list-style:none; margin:0; padding:0; width:240px;}
.legacy .lp-page #menu .pnav-pc .submenu a{display:block;
  padding:12px 14px;
  background:#f67d28;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.25);
  line-height:1.3;}
.legacy .lp-page #menu .pnav-pc .submenu a:hover{background:#ff8d40;}
.legacy .lp-page #menu .pnav-pc .has-sub::after{content:""; position:absolute; left:0; right:0; top:100%; height:8px;}
.legacy .lp-page #menu .pnav-pc .has-sub:hover .submenu{display:block;}
.legacy .lp-page #menu .pnav-sp .submenu-sp{display:block; position:static; padding:6px 0 0; margin:0;
  border:none; box-shadow:none;}
.legacy .lp-page #menu .pnav-sp .submenu-sp li{list-style:none; margin:0 0 6px 0;}
.legacy .lp-page #menu .pnav-sp .submenu-sp a{display:block; padding:10px 12px; background:#f67d28; color:#fff; text-decoration:none;}
@media (max-width: 1024px){.legacy .lp-page #menu .submenu-sp{display:none !important; padding:0 !important; margin:0 !important;}
.legacy .lp-page #menu .pnav-sp:has(.has-sub-sp.open){overflow: visible;}
.legacy .lp-page #menu .pnav-sp .has-sub-sp{position: relative;}
.legacy .lp-page #menu .pnav-sp .has-sub-sp.open .submenu-sp{display:block !important;
    position:absolute;
    top:100%;
    left:0;
    z-index:100;
    min-width:200px;
    padding:0 !important;
    margin:0 !important;
    box-shadow:0 4px 8px rgba(0,0,0,0.12);}
.legacy .lp-page #menu .pnav-sp .submenu-sp li{list-style:none; margin:0; display:block;}
.legacy .lp-page #menu .pnav-sp .submenu-sp a{display:block;
    padding:8px 16px;
    font-size:13px;
    color:#555;
    text-decoration:none;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    white-space:nowrap;}
.legacy .lp-page #menu .pnav-sp .submenu-sp a:hover{background:#f5f5f5;}
.legacy .lp-page #menu .pnav-sp .has-sub-sp > a{display:inline-flex;
    align-items:center;
    gap:4px;}
.legacy .lp-page #menu .pnav-sp .has-sub-sp > a::after{content:'▼';
    font-size:0.7em;
    transition:transform 0.2s;
    display:inline-block;}
.legacy .lp-page #menu .pnav-sp .has-sub-sp.open > a::after{transform:rotate(180deg);}}
.legacy .lp-page .chips{display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:12px 8px 4px;
  align-items:center;}
.legacy .lp-page .chips .chip{display:inline-block;
  padding:8px 14px;
  border-radius:9999px; 
  background:#eef2ff;
  color:#1d4ed8;
  text-decoration:none;
  font-weight:600;
  line-height:1;
  box-shadow:0 0 0 1px rgba(29,78,216,.15) inset;
  transition:background .15s ease, box-shadow .15s ease, transform .05s ease;}
.legacy .lp-page .chips .chip:hover{background:#e0e7ff;
  box-shadow:0 0 0 1px rgba(29,78,216,.35) inset;}
.legacy .lp-page .chips .chip:active{transform:translateY(1px);}
.legacy .lp-page .chips .chip:visited{color:#1d4ed8;}
@media (max-width: 576px){.legacy .lp-page .chips{gap:10px; margin:10px 6px 0;}
.legacy .lp-page .chips .chip{padding:9px 12px; font-weight:600;}}
.legacy .lp-page section h2{margin: 28px 0 14px; font-weight: 800; font-size: var(--h2);}
.legacy .lp-page section#chatpdf h2{border-bottom: 2px dashed #bdbdbd; padding-bottom: 10px;}
.legacy .lp-page ul.list-check{list-style: none; margin: 8px 0 18px; padding-left: 0;}
.legacy .lp-page ul.list-check li{position: relative; padding-left: 28px; margin: 8px 0;}
.legacy .lp-page ul.list-check li::before{content: "✔"; color: #16a34a; font-weight: 700;
  position:absolute; left:0; top:0; line-height:1.2;}
.legacy .lp-page .card{background:#fff; border:1px solid #e5e7eb; border-radius:14px;
  padding:18px 20px; margin:14px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.03);}
.legacy .lp-page .card h4{margin:0 0 8px; font-size: var(--h4); font-weight:700;}
.legacy .lp-page .card p{margin:0; color:#111827;}
.legacy .lp-page .badge{display:inline-block; font-size:12px; line-height:1;
  padding:6px 10px; border-radius:9999px;
  background:#eef2ff; color:#475569; margin-bottom:10px;
  box-shadow:0 0 0 1px rgba(71,85,105,.18) inset;}
.legacy .lp-page .stack{display:grid; gap:12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
.legacy .lp-page .stack .card{margin:0;}
.legacy .lp-page .stack.stack-1col{grid-template-columns: 1fr;}
.legacy .lp-page .imgbox.full img{width:100%; height:auto; display:block;}
.legacy .lp-page .card h4{font-size: var(--h4); font-weight:800;}
.legacy .lp-page #create .badge{font-size:16px; padding:7px 12px;}
.legacy .lp-page #create .card h4{font-size: var(--h4);}
.legacy .lp-page .stack .card h4{font-size: var(--h4); margin-bottom:6px;}
.legacy .lp-page .stack .card p{font-size: 16px; line-height: 1.75;}
@media (max-width: 576px){.legacy .lp-page .stack .card p{font-size: 14px;}}
.legacy{--h1: 27px;
  --h2: 25px;
  --h3: 20px;
  --h4: 16px;}
@media (max-width: 576px){.legacy{--h1: 22px;
    --h2: 20px;
    --h3: 16px;
    --h4: 16px;}}
.legacy .lp-page h1{font-size: var(--h1); line-height:1.25;}
.legacy .lp-page h2{font-size: var(--h2);}
.legacy .lp-page h3{font-size: var(--h3);}
.legacy .lp-page h4{font-size: var(--h4);}
.legacy #assistant-prompts .lead{margin: 5px 0 10px;}
.legacy #assistant-prompts .prompt-block{padding: 16px 0; border-top: 1px solid #e5e7eb;}
.legacy #assistant-prompts .prompt-block:first-of-type{border-top: none;}
.legacy #assistant-prompts .prompt-list{margin: 8px 0 0; padding-left: 12px;}
.legacy #assistant-prompts .prompt-list li{margin: 6px 0; line-height: 1.7;}
.legacy #assistant-prompts .note.small{color: #6b7280; margin-top: 12px; font-size: 9px;}
.legacy .video-box{border: 2px solid #ddd;
  border-radius: 8px;
  padding: 12px;
  margin: 30px 0;
  background: #fafafa;}
.legacy .video-caption{text-align: center;
  margin: 6px 0;}
.legacy .video-caption .title{font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;}
.legacy .video-caption .desc{font-size: 13px;
  color: #555;
  margin-top: 8px;
  line-height: 1.4;}
.legacy .lp-page img.toolimg{width:160px;
  height:auto;
  display:block;}
.legacy .lp-page .stack.two-cols .card{min-width:0;}
@media (max-width: 740px){.legacy .lp-page .stack.two-cols{grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;}
.legacy .lp-page .stack.two-cols .card{padding: 8px !important;}
.legacy .lp-page .stack.two-cols img.toolimg{width: 120px; height:auto;}}
@media (max-width: 340px){.legacy .lp-page .stack.two-cols{grid-template-columns: 1fr !important;}
.legacy .lp-page .stack.two-cols img.toolimg{width:75%; max-width:160px; height:auto;}}
.legacy .banner{width: 800px;        
  margin: 0 0 20px 0;}
.legacy .banner img{width: 100%;   
  height: auto;
  display: block;}
@media (max-width: 800px){.legacy .banner{width: 100%;}}
.legacy .lp-page .card h3{margin: 0 0 12px;
  padding: 0 0 0 10px;
  border-left: 10px solid #f67d28;}
.legacy #faq .card h3{margin: 0 0 12px;
  padding: 0;
  border-left: none;}
.legacy .expert-kpi{margin:8px 0 16px;
  display:flex; flex-wrap:wrap; gap:8px;}
.legacy .pill{display:inline-block;
  background:#fff; border:1px solid #ddd; border-radius:999px;
  padding:6px 12px; font-size:9.5px; line-height:1; font-weight:500;}
.legacy .pill.highlight{background:#f67d28; color:#fff; border-color:#f67d28;}
.legacy .expert-note{margin:-4px 0 18px; font-size:8.8px; color:#666;}
.legacy .expert-note a{color:#333; text-decoration:underline;}
.legacy .expert-kpi{margin: 12px 0 16px;
  display: flex; flex-wrap: wrap; gap: 10px;}
.legacy .expert-kpi .pill{font-size: clamp(10.5px, 9px + 0.7vw, 12.8px);
  line-height: 1.15;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 999px;
  border-width: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);}
.legacy .expert-kpi .pill.highlight{background: #f67d28; color: #fff; border-color: #f67d28;
  box-shadow: 0 2px 6px rgba(246,125,40,.35);}
.legacy .expert-head h2{margin-bottom: 6px;}
.legacy .expert-note{margin: 4px 0 18px;
  font-size: 9.5px; color: #666;}
.legacy .expert-badges{display:flex; flex-wrap:wrap; gap:10px;
  margin:10px 0 18px;}
.legacy .expert-badges .badge{font-size: clamp(10px, 8.6px + 0.6vw, 11.8px);
  font-weight: 700;
  line-height: 1.15;
  padding: 10px 14px;
  border-radius: 999px;
  border: 2px solid #d5d5d5;
  background: #fff;
  color: #222;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);}
@media (max-width: 768px){.legacy .expert-badges .badge{font-size: 10px;}}
.legacy .expert-lead{margin: 10px 0 18px;
  font-size: clamp(10.2px, 9.6px + 0.4vw, 11.8px);
  line-height: 1.8;
  color: #222;}
.legacy .expert-lead a{color:#333; text-decoration: underline;}
.legacy .expert-subttl{margin: 18px 0 10px;
  font-size: clamp(11px, 10px + 0.4vw, 13px);
  font-weight: 800;
  line-height: 1.35;
  
  border-left: none;
  padding: 0;
  color:#111;}
.legacy .expert-details{margin-top: 10px;}
.legacy .expert-details p{margin: 4px 0 12px;
  font-size: 10px;
  line-height: 1.9;
  color:#333;}
.legacy .expert-card p{font-size: clamp(10.2px, 9.6px + 0.45vw, 11.8px);
  line-height: 1.9;}
.legacy .detail-card p{font-size: clamp(10.2px, 9.6px + 0.45vw, 11.8px);
  line-height: 1.9;}
.legacy .note-inline{color:#666; font-size:.95em;}
.legacy .expert-card h3 i{margin-right:.45em; vertical-align: -0.05em;}
.legacy .expert-sec .expert-lead{font-size: clamp(12px, 10px + 1.0vw, 16px);
  line-height: 1.95;
  letter-spacing: .01em;
  color: #111;}
.legacy .expert-sec .expert-lead .note-inline{font-size: .98em; color:#666;}
.legacy .expert-right .expert-intro{background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  margin: 8px 0 14px;}
.legacy .expert-right .expert-intro p{font-size: clamp(10.6px, 9.8px + 0.55vw, 12.4px);
  line-height: 1.9;
  color:#222;}
.legacy .expert-card p,.legacy .detail-card p{font-size: clamp(10.4px, 9.8px + 0.45vw, 12px);
  line-height: 1.9;}
.legacy .lp-page .expert-sec .expert-right .expert-intro p{font-size: clamp(11.8px, 9px + 1.00vw, 14.6px);
  line-height: 1.95;
  color:#111;}
.legacy .lp-page .expert-sec .expert-card p{font-size: clamp(11.2px, 9.5px + 0.80vw, 13.4px);
  line-height: 1.90;
  color:#222;}
.legacy .lp-page .expert-sec .expert-card p strong{font-weight: 800;}
.legacy .lp-page .expert-sec .expert-card{padding: 18px 22px;}
.legacy .lp-page .expert-sec .expert-grid .expert-card p{font-size: clamp(12px, 10px + 0.90vw, 15px); 
  line-height: 1.90;
  color:#111;
  margin: 6px 0 0;}
.legacy .lp-page .expert-sec .expert-grid .expert-card > h3{margin: 0 0 6px !important;
  padding: 0 !important;
  border-left: none !important;}
.legacy .lp-page .expert-sec .expert-grid{column-gap: 16px;
  row-gap: 12px;}
.legacy .lp-page .expert-sec .expert-card{padding: 14px 18px;}
.legacy .lp-page .expert-sec .expert-details .expert-subttl{font-size: clamp(13.2px, 10.6px + 1.00vw, 17.2px);
  line-height: 1.35;
  margin: 8px 0 10px;}
.legacy .lp-page .expert-sec .detail-card p{font-size: clamp(11.6px, 9.8px + 0.90vw, 14.8px);
  line-height: 1.95;
  color: #111;
  margin: 4px 0 10px;}
.legacy .lp-page .expert-sec .detail-card p strong{font-weight: 800;}
.legacy .expert-grid .expert-card.uc-compact{display:block; padding:16px 18px;}
.legacy .expert-grid .expert-card.uc-compact > h3{margin: 0 0 8px !important;
  padding: 0 !important;
  border-left: none !important;
  font-size: clamp(11.2px, 10px + 0.55vw, 13.2px);}
.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 160px;               
  display: grid;
  grid-template-columns: var(--thumb-w) 1fr;
  gap: 12px;
  align-items: start;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: var(--thumb-w);
  aspect-ratio: 4/3;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb img{width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display:block;}
.legacy .expert-grid .expert-card.uc-compact p{font-size: clamp(11.2px, 9.8px + 0.8vw, 13.4px);
  line-height: 1.9;
  color: #111;
  margin: 0;}
@media (min-width: 992px){.legacy .expert-grid .expert-card.uc-compact .uc-thumb{--thumb-w: 180px;}}
@media (max-width: 768px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{grid-template-columns: 1fr;
    gap: 10px;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: 100%;
    aspect-ratio: 16/9;}}
.legacy .expert-grid .expert-card.uc-compact > h3{font-size: clamp(14px, 11px + 0.8vw, 18px) !important;
  margin: 0 0 8px !important;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 160px;
  display: grid;
  grid-template-columns: var(--thumb-w) minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  text-align: left;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col > p{min-width: 0;
  margin: 0;
  font-size: clamp(11.2px, 9.8px + 0.8vw, 13.4px);  
  line-height: 1.9;
  color:#111;}
@media (min-width: 992px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 170px;}}
@media (max-width: 768px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{grid-template-columns: 1fr;
    row-gap: 10px;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: 100%; aspect-ratio: 16/9;}}
.legacy .expert-grid .expert-card.uc-compact{text-align: left;}
.legacy .expert-grid .expert-card.uc-compact > h3{font-size: clamp(16px, 12px + 1.0vw, 20px) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border-left: none !important;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 160px;                   
  display: grid !important;
  grid-template-columns: var(--thumb-w) minmax(0, 1fr) !important;
  column-gap: 14px;
  align-items: start;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col > *{min-width: 0;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: var(--thumb-w);
  aspect-ratio: 4/3;
  margin: 0;                           
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb img{width: 100%; height: 100%; object-fit: cover; object-position: center; display:block;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col > p{font-size: clamp(12.4px, 10.5px + 0.9vw, 15.6px);  
  line-height: 1.9;
  color: #111;
  margin: 0;                                           
  text-align: left;}
@media (min-width: 992px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 150px;}}
@media (max-width: 768px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{grid-template-columns: 1fr !important;
    row-gap: 10px;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: 100%; aspect-ratio: 16/9;}}
.legacy .expert-grid .expert-card.uc-compact{text-align: left !important;}
.legacy .expert-grid .expert-card.uc-compact > h3{font-size: clamp(16px, 12px + 1.0vw, 20px) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border-left: none !important;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col{--thumb-w: 150px;                       
  display: flex !important;
  align-items: flex-start;
  gap: 14px;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{flex: 0 0 var(--thumb-w);
  width: var(--thumb-w);
  aspect-ratio: 4/3;
  margin: 0 !important;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb img{width: 100%; height: 100%; object-fit: cover; object-position: center; display:block;}
.legacy .expert-grid .expert-card.uc-compact .uc-2col > p{flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: clamp(12.4px, 10.5px + 0.9vw, 15.6px);  
  line-height: 1.9;
  color: #111;
  text-align: left;}
@media (max-width: 768px){.legacy .expert-grid .expert-card.uc-compact .uc-2col{flex-direction: column;
    gap: 10px;}
.legacy .expert-grid .expert-card.uc-compact .uc-thumb{width: 100%;
    aspect-ratio: 16/9;}}
.legacy .expert-sec .phone-caption{display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;               
  font-size: 12px;
  line-height: 1.5;
  text-align: center;}
.legacy .expert-sec .phone-caption .phone-chip{width: 120px;                  
  height: auto;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  flex: 0 0 auto;}
@media (max-width: 768px){.legacy .expert-sec .phone-caption{display: block;}
.legacy .expert-sec .phone-caption .phone-chip{display: block;
    width: 160px;                
    margin: 0 auto 6px;}}
.legacy .mini-flow{list-style: none;   
  padding: 0;         
  

  display:flex; align-items:center; justify-content:center;
  gap:12px; flex-wrap:wrap;
  margin:10px 0 0;}
.legacy .mini-flow > li{list-style: none;}
.legacy .mini-flow > li::marker{content: "";}
.legacy .mini-flow .step{display:flex; align-items:center; gap:6px;}
.legacy .mini-flow .badge{width:36px; height:36px; border-radius:999px;
  display:inline-grid; place-items:center;
  background:#fff; border:1px solid #e5e7eb;
  box-shadow:0 1px 6px rgba(0,0,0,.06);}
.legacy .mini-flow .badge i{font-size:16px;}
.legacy .mini-flow .label{font-size:12px; color:#111;}
.legacy .mini-flow .connector{width:24px; height:2px; background:#d1d5db; border-radius:2px; position:relative;}
.legacy .mini-flow .connector::after{content:""; position:absolute; right:-4px; top:50%;
  transform:translateY(-50%) rotate(45deg);
  border:4px solid transparent; border-left-color:#d1d5db;}
.legacy .mini-flow .text-invert{color:#fff; font-size:12px;}
.legacy .mini-flow .c-green i{color:#10b981;}
.legacy .mini-flow .c-blue i{color:#0ea5e9;}
.legacy .mini-flow .c-violet .fa-comment{color:#8b5cf6;}
.legacy .mini-flow .c-amber i{color:#f59e0b;}
.legacy .mini-flow .c-orange i{color:#f67d28;}
@media (max-width: 576px){.legacy .mini-flow{gap:8px;}
.legacy .mini-flow .badge{width:32px; height:32px;}
.legacy .mini-flow .badge i{font-size:14px;}
.legacy .mini-flow .label{font-size:11px;}
.legacy .mini-flow .connector{width:16px;}}
.legacy .video-wrap{margin-top: 8px;}
.legacy .feature-video{width: 100%;
  aspect-ratio: 16 / 9;      
  display: block;
  background: #000;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  outline: none;}
.legacy .translate-card .caption{margin-top: 4px;
  font-size: 12px;
  color: #666;}
.legacy #video-suite .stack.stack-1col{display: block;}
.legacy #video-suite .stack.stack-1col .card{width: 100%;
  margin-bottom: 16px;}
.legacy .video-wrap{margin-top: 8px;}
.legacy .feature-video{width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  background: #000;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);}
.legacy .video-wrap.badged{position: relative;}
.legacy .translate-card .caption{margin-top: 4px;
  font-size: 12px;
  color: #666;}
.legacy #video-gen .stack.stack-1col{display: block;
  gap: 16px;}
.legacy #video-gen .stack.stack-1col > .card{width: 100% !important;
  max-width: 100%;
  flex: 0 0 100% !important;}
@media (min-width: 768px){.legacy #video-gen .stack.stack-1col{display: grid !important;
    grid-template-columns: 1fr !important;}}
.legacy .i2v-gallery{display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  margin-top:12px;}
@media (max-width: 768px){.legacy .i2v-gallery{grid-template-columns: 1fr;}}
.legacy .i2v-item{background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);}
.legacy .i2v-thumb{position:relative;
  aspect-ratio:16/9;            
  overflow:hidden;}
.legacy .i2v-thumb img{width:100%;
  height:100%;
  object-fit:cover;              
  display:block;}
.legacy .i2v-pill{position:absolute;
  left:10px;
  top:10px;
  font-size:12px;
  line-height:1;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.6);
  color:#fff;
  backdrop-filter:saturate(160%) blur(4px);}
.legacy .i2v-item figcaption{font-size:13px;
  color:#555;
  padding:10px 12px;}
.legacy .i2v-pairs{display: grid;
  gap: 18px;}
.legacy .i2v-pair{display: grid;
  grid-template-columns: 1fr 40px 1fr; 
  gap: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);}
.legacy .i2v-arrow{text-align: center;
  font-size: 22px;
  color: #9aa0a6;}
.legacy .i2v-media{position: relative;}
.legacy .i2v-aspect{position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
  background: #f7f8f9;}
.legacy .i2v-aspect img,.legacy .i2v-aspect video{width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;}
.legacy .i2v-video{outline: none;}
.legacy .i2v-badge{position: absolute;
  left: 10px;
  top: 10px;
  font-size: 12px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  color: #fff;
  z-index: 1;}
.legacy .i2v-badge--video{background: rgba(255,115,0,.75);}
.legacy .i2v-pair figcaption{grid-column: 1 / -1;
  font-size: 13px;
  color: #555;
  margin-top: 6px;}
@media (max-width: 768px){.legacy .i2v-pair{grid-template-columns: 1fr;}
.legacy .i2v-arrow{font-size: 18px;
    margin: 4px 0;}}
.legacy{counter-reset: feat;}
.legacy .feature > h2{display:flex; align-items:center; gap:6px;
  scroll-margin-top: 84px;}
.legacy .feature,.legacy .hero{scroll-margin-top: 84px;}
.legacy .feature > h2::before{counter-increment: feat;
  content: counter(feat);
  width: 36px; height: 36px;
  display:grid; place-items:center;
  border-radius: 50%;
  font-weight: 700;
  color:#fff;
  background: linear-gradient(135deg,#42d392,#2eaadf);
  box-shadow: 0 4px 10px rgba(0,0,0,.08);}
.legacy{scroll-behavior: smooth;}
.legacy .features-nav{position: sticky; top: 64px; 
  z-index: 20;
  background: #fff;
  border-block: 1px solid #eee;}
.legacy .features-nav__inner{max-width: 1080px; margin: 0 auto; padding: 10px 16px;
  display:flex; gap: 12px; align-items:center;}
.legacy .features-nav__title{font-weight:700; white-space:nowrap;}
.legacy .features-nav__links{list-style: none; margin:0; padding:0;
  display:flex; gap:10px; overflow:auto;}
.legacy .features-nav__links a{display:flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid #e6e6e9; border-radius:999px;
  background:#fff; color:#222; text-decoration:none; white-space:nowrap;
  transition: box-shadow .15s, transform .15s;}
.legacy .features-nav__links a:hover{box-shadow:0 6px 14px rgba(0,0,0,.06); transform: translateY(-1px);}
.legacy .features-nav__links .num{width:24px; height:24px; display:grid; place-items:center;
  border-radius:50%; font-size:12px; font-weight:700; color:#fff;
  background: linear-gradient(135deg,#42d392,#2eaadf);}
.legacy .features-nav__links a.is-active{border-color:#42d392; background: rgba(66,211,146,.08);}
.legacy{counter-reset: feat;}
.legacy section.feature{scroll-margin-top: 84px;}
.legacy .feature .feature-title{display: flex;
  align-items: center;
  gap: 6px;           
  line-height: 1.3;}
.legacy .feature .feature-title::before{counter-increment: feat;
  content: counter(feat);
  flex: 0 0 36px;       
  width: 36px; height: 36px;
  display: grid; place-items: center;
  border-radius: 50%;
  font: 700 16px/1 "Noto Sans JP",sans-serif;
  color: #fff;
  background: linear-gradient(135deg,#42d392,#2eaadf);
  box-shadow: 0 4px 10px rgba(0,0,0,.08);}
.legacy #expert .feature-title{line-height: 1.3;}
.legacy .features-toc{margin: 12px 0 28px;}
.legacy .toc-grid{display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;}
@media (max-width:1024px){.legacy .toc-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.legacy .toc-grid{grid-template-columns:repeat(2,1fr);}}
.legacy .toc-item{display:flex; align-items:center; gap:5px;
  padding:6.5px 9px; border-radius:999px;
  background:#fff; border:1px solid #e6e9ef;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  color:#111; text-decoration:none; line-height:1.2;
  transition:background .15s, border-color .15s, box-shadow .15s;}
.legacy .toc-item .num{flex:0 0 28px; width:28px; height:28px;
  display:grid; place-items:center;
  border-radius:50%;
  font-weight:700; font-size:14px; color:#fff;
  background:linear-gradient(135deg,#42d392,#2eaadf);
  box-shadow:0 2px 8px rgba(0,0,0,.08);}
.legacy .toc-item:hover{border-color:#cfd6e2; box-shadow:0 4px 10px rgba(0,0,0,.06);}
.legacy .toc-item.is-active{border-color:#2eaadf;
  box-shadow:0 6px 14px rgba(46,170,223,.15);}
.legacy section.feature{scroll-margin-top: 84px;}
.legacy .news-bar{display:flex;
  align-items:flex-start;
  gap:16px;
  background:#fff;
  border:1px solid #d0e8f5;
  border-radius:8px;
  padding:14px 20px;
  margin:0 0 0;
  box-shadow:0 2px 8px rgba(46,170,223,.08);}
.legacy .news-bar__label{flex:0 0 auto;
  display:inline-block;
  background:#2eaadf;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  padding:5px 14px;
  border-radius:4px;
  white-space:nowrap;
  margin-top:2px;}
.legacy .news-bar__list{list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  flex:1;}
.legacy .news-bar__list li{display:flex;
  align-items:baseline;
  gap:12px;
  font-size:16px;
  color:#333;
  line-height:1.7;}
.legacy .news-bar__list a{color:#1178b0;
  text-decoration:none;
  flex:1;}
.legacy .news-bar__list a:hover{text-decoration:underline;}
.legacy .news-bar__list time{flex:0 0 auto;
  font-size:14px;
  color:#888;
  white-space:nowrap;}
@media (max-width:768px){.legacy .news-bar{flex-direction:column; gap:10px;}
.legacy .news-bar__list li{flex-wrap:wrap; gap:4px;}}
.legacy .expert-grid.grid-compact{display: grid;
  gap: 22px;
  grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));}
.legacy .expert-grid.grid-compact.cols-3{--cols: 3;}
.legacy .expert-grid.grid-compact.cols-2{--cols: 2;}
@media (max-width: 1024px){.legacy .expert-grid.grid-compact{--cols: 2;}}
@media (max-width: 640px){.legacy .expert-grid.grid-compact{--cols: 1;}}
.legacy .expert-mini{background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: transform .15s ease, box-shadow .15s ease;}
.legacy .expert-mini:hover{transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);}
.legacy .expert-mini-thumb{position: relative;
  background: #f6f7f9;
  aspect-ratio: 4 / 3;}
.legacy .expert-mini-thumb img{width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}
.legacy .expert-mini-body{padding: 14px 16px 16px;}
.legacy .expert-mini-body h3{display: flex; align-items: center; gap: 5.5px;
  font-size: 10.5px; margin: 0 0 3.5px;}
.legacy .expert-mini-body h3 i{opacity: .85;}
.legacy .expert-mini-body p{margin: 0; line-height: 1.65;}
.legacy .expert-grid.grid-compact .expert-mini-body h3{font-size: 14px;   
  font-weight: 700;
  line-height: 1.25;}
.legacy .expert-grid.grid-compact .expert-mini-body p{font-size: 12px;    
  line-height: 1.65;}
.legacy .expert-grid.grid-compact .expert-mini-body h3 i{font-size: 10.5px;
  opacity: .9;}
@media (max-width: 1024px){.legacy .expert-grid.grid-compact .expert-mini-body h3{font-size: 14px;}
.legacy .expert-grid.grid-compact .expert-mini-body p{font-size: 12px;}}
@media (max-width: 640px){.legacy .expert-grid.grid-compact .expert-mini-body h3{font-size: 14px;}
.legacy .expert-grid.grid-compact .expert-mini-body p{font-size: 12px;}}
.legacy .expert-sec .expert-grid.grid-compact{display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 22px;
  align-items: stretch;}
@media (max-width: 1100px){.legacy .expert-sec .expert-grid.grid-compact{grid-template-columns: repeat(2, minmax(260px, 1fr));}}
@media (max-width: 640px){.legacy .expert-sec .expert-grid.grid-compact{grid-template-columns: 1fr;}}
.legacy .expert-grid.grid-compact .expert-mini figure img{width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 10px;}
.legacy .expert-grid.grid-compact .expert-mini figure{aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;}
.legacy .expert-grid.grid-compact .expert-mini figure img{width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}
@media (max-width: 640px){.legacy .expert-grid.grid-compact .expert-mini figure{aspect-ratio: 3 / 1;}}
@media (max-width: 1024px){.legacy #menu .pnav-pc{display: none !important;}
.legacy #menu .pnav-sp{display: block !important;}
.legacy #menu .pnav-pc .submenu,.legacy #menu .pnav-pc li.has-sub:hover > .submenu,.legacy #menu .pnav-pc li.has-sub:focus-within > .submenu{display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;}}
.legacy .expert-sec .expert-grid.grid-compact{display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 22px;}
.legacy .expert-grid.grid-compact .expert-mini{min-width: 0;}
.legacy .ai-qa{margin-top: 8px;}
.legacy .aiqa-hero{margin: 10px 0 14px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  background: #0b0f14;}
.legacy .aiqa-hero img{display: block;
  width: 100%;
  height: auto;}
.legacy .aiqa-points{margin-top: 8px;}
.legacy .aiqa-examples__title{margin: 4px 0 3px;
  font-weight: 700;
  color:#111;}
.legacy .aiqa-note{margin-top:5px;}
.legacy .aiqa-cta .btn{display:inline-block;
  margin-top:6px;
  padding:6.5px 10px;
  border-radius:10px;
  background:#0ea5e9;
  color:#fff; text-decoration:none; font-weight:700;
  box-shadow:0 6px 14px rgba(14,165,233,.25);}
.legacy .aiqa-cta .btn:hover{background:#0790cb;}
.legacy .mini-flow{list-style: none; padding-left: 0;}
.legacy .mini-flow > li{list-style: none;}
.legacy #tts .card{width: 100%;
  margin-bottom: 16px;}
.legacy #tts .card h3{margin: 0 0 12px;
  padding: 0 0 0 10px;
  border-left: 10px solid #f67d28;}
.legacy #tts .card p{font-size: 16px;   
  line-height: 1.8;
  margin: 0;}
.legacy #tts .lead{font-size: 16px;
  line-height: 1.9;}
.legacy #tts .tools-thumb img{display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;}
.legacy .rc-hero-spotwrap{display:block; position: relative;}
.legacy .imgbox.full{position: relative;}
.legacy .imgbox.full picture{display:block;}
.legacy .rc-spot{position:absolute;
  display:block;
  
  background: transparent;
  
  min-width: clamp(56px, 12vw, 250px);
  min-height: clamp(42px, 8vw, 170px);
  z-index: 1;
  cursor: pointer;
  outline: none;
  border-radius: 8px;}
.legacy .rc-spot:focus-visible{outline: 3px solid rgba(66,211,146,.9);
  outline-offset: 2px;}
.legacy .rc-spot--expert{left: 2%; top: 2%; width: 18%; height: 40%;}
.legacy .rc-spot--videoedit{left: 36%; top: 2%; width: 18%; height: 40%;}
.legacy .rc-spot--videogen{left: 2%; top: 52%; width: 18%; height: 40%;}
.legacy .rc-spot--tts{left: 36%; top: 52%; width: 18%; height: 40%;}
.legacy .rc-spot--cloud{left: 68%; top: 2%; width: 18%; height: 40%;}
@media (max-width: 480px){.legacy .rc-spot{min-width: clamp(44px, 18vw, 120px);
    min-height: clamp(36px, 12vw, 90px);}}
.legacy .imgbox.full picture{display:block;            
  width:100%;
  aspect-ratio: 16 / 9;}
.legacy .imgbox.full picture > *{display:block;
  width:100%;
  height:auto;}
.legacy .app-ui-new{margin: 48px 0;
  padding: 32px 28px;
  background: linear-gradient(135deg, #f0f5ff 0%, #f5f0ff 100%);
  border-radius: 16px;
  border: 1px solid #dce4ff;}
.legacy .app-ui-new .expert-subttl{margin-bottom: 12px;}
.legacy .app-ui-intro{font-size: 15px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 28px;}
.legacy .app-screens{display: flex;
  gap: 24px;
  justify-content: center;
  margin: 0 auto 28px;}
.legacy .app-screen{flex: 1;
  max-width: 240px;
  text-align: center;}
.legacy .app-screen img{width: 100%;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);}
.legacy .app-screen figcaption{margin-top: 14px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;}
.legacy .realtime-highlight{background: #fff;
  border-radius: 12px;
  padding: 22px 24px;
  border-left: 5px solid #6c3fe0;
  margin-top: 8px;}
.legacy .realtime-highlight h4{font-size: 17px;
  font-weight: 700;
  color: #2a2a2a;
  margin: 8px 0 14px;}
.legacy .badge-new{display: inline-block;
  background: #6c3fe0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 5px;
  letter-spacing: 0.08em;
  vertical-align: middle;}
@media (max-width: 600px){.legacy .app-screens{flex-direction: column;
    align-items: center;}
.legacy .app-screen{max-width: 220px;}
.legacy .app-ui-new{padding: 24px 16px;}}
.legacy .yt-aspect{position: relative;
  width: 100%;
  padding-top: 56.25%;}
.legacy .yt-aspect iframe{position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;}