:root{--modal-gap-x: 160px;--modal-gap-y: 120px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Noto Sans JP,Arial,Helvetica,sans-serif;color:#111}img{max-width:100%;height:auto;vertical-align:bottom}ul{list-style:none}a{text-decoration:none}button{background-color:transparent;border:none;color:inherit}button:not(:disabled){cursor:pointer}.inner{width:100%;max-width:1160px;padding-inline:40px;margin:0 auto}.page__section{padding:80px 0}.page__title{font-size:3.6rem;margin-bottom:36px}.video__list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.video__thumbWrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}.video__thumb{width:100%;height:100%;object-fit:cover;display:block}.video__title{font-size:1.4rem;text-align:left;margin-top:8px}.modal{position:fixed;inset:0;width:100%;height:100%;background-color:#1b1716e6;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.modal.is-open{opacity:1;visibility:visible}.modal__content{background:#111;width:min(calc(100vw - 2 * var(--modal-gap-x)),calc((100vh - 2 * var(--modal-gap-y)) * 16 / 9));aspect-ratio:16 / 9;box-shadow:0 4px 6px #0000001a;position:relative}.modal__close-button{position:absolute;top:-53px;right:-53px;border:none;width:50px;height:50px;background:#fff;border-radius:50%;cursor:pointer}.modal__close-icon{display:block;width:16px;height:16px;margin:0 auto}@media screen and (max-width:1024px){:root{--modal-gap-x: 120px;--modal-gap-y: 80px}.video__list{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){:root{--modal-gap-x: 20px;--modal-gap-y: 24px}.page__section{padding:60px 0}.page__title{font-size:3.2rem;margin-bottom:32px}.inner{padding-inline:24px}.video__list{grid-template-columns:1fr 1fr;gap:36px 24px}.modal__close-button{width:36px;height:36px;top:-50px;right:-4px}.modal__close-icon{width:14px;height:14px}}@media screen and (max-width:480px){.video__list{grid-template-columns:1fr;gap:24px}}
