@charset "UTF-8";html{scroll-behavior:smooth}body{margin:0;color:#222;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#fffcea}img{display:block;max-width:100%}.ijuin-page{padding:68px 0 96px;background:#fffcea;--ijuin-video-card-max:400px}.ijuin-layout{width:min(860px,calc(100% - 48px));margin:0 auto}.ijuin-panel{max-width:760px;margin:140px auto 88px;padding:64px 72px 56px;background:#c5fcf8}.ijuin-title{max-width:628px;margin:0 auto}.ijuin-lead{margin:52px auto 0;text-align:center;font-size:18px;font-weight:700;line-height:2.05;letter-spacing:.12em}.ijuin-lead p{margin:0 0 26px}.ijuin-lead p:last-child{margin-bottom:0}.ijuin-profile{max-width:350px;margin:44px auto 0}.ijuin-profile__photo{width:282px;margin:0 auto}.ijuin-profile__photo img{width:100%}.ijuin-profile__name{margin:34px auto 0;text-align:center}.ijuin-profile__name span{display:inline;padding:0 4px 3px;background:linear-gradient(transparent 62%,#f3ea0c 62%);font-size:19px;font-weight:900;letter-spacing:.13em;line-height:1.8}.ijuin-profile__text{max-width:548px;margin:24px auto 0;font-size:13px;font-weight:700;line-height:2.05;letter-spacing:.11em}.ijuin-profile__text p{margin:0}.ijuin-section{margin-top:96px;text-align:center}.ijuin-section--opening{margin-top:0}.ijuin-section__heading{margin:0 auto clamp(28px,4vw,55px);--ijuin-heading-max-height:clamp(26px, 4vw, 46px)}.ijuin-section__heading picture{display:flex;justify-content:center}.ijuin-section__heading img{width:auto;height:auto;max-width:100%;max-height:var(--ijuin-heading-max-height);margin:0 auto}.ijuin-section__heading--opening{font-size:clamp(36px, 6vw, 50px);font-weight:900;letter-spacing:.14em;line-height:1.2}.ijuin-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;align-items:start;max-width:calc(var(--ijuin-video-card-max) * 2 + 50px);margin:0 auto}.ijuin-video-grid--single{max-width:var(--ijuin-video-card-max);grid-template-columns:minmax(0,1fr)}.ijuin-video-card{width:100%;max-width:var(--ijuin-video-card-max);margin:0 auto 30px}.ijuin-video-card__thumb{background:#efefef}.ijuin-vimeo{position:relative;width:100%;padding-top:56.25%;background:#efefef}.ijuin-vimeo iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important;border:0}.ijuin-vimeo-thumb{width:104%;height:104%;position:absolute;top:-2%;left:-2%;z-index:2;cursor:pointer}.ijuin-vimeo-thumb:focus-visible{outline:3px solid #21bbb6;outline-offset:-1px}.ijuin-vimeo-thumb .bg,.ijuin-vimeo-thumb .thumb{position:absolute;inset:0}.ijuin-vimeo-thumb .thumb{z-index:2;background:#efefef}#ijuin-vimeo-opening-btn .thumb{background:url('../img/ijuin_opening.jpg') no-repeat center center/cover}#ijuin-vimeo-grade13-1-btn .thumb{background:url('../img/ijuin_01.jpg') no-repeat center center/cover}#ijuin-vimeo-grade13-2-btn .thumb{background:url('../img/ijuin_02.jpg') no-repeat center center/cover}#ijuin-vimeo-grade46-1-btn .thumb{background:url('../img/ijuin_03.jpg') no-repeat center center/cover}#ijuin-vimeo-grade46-2-btn .thumb{background:url('../img/ijuin_04.jpg') no-repeat center center/cover}#ijuin-vimeo-junior-1-btn .thumb{background:url('../img/ijuin_05.jpg') no-repeat center center/cover}#ijuin-vimeo-junior-2-btn .thumb{background:url('../img/ijuin_06.jpg') no-repeat center center/cover}.ijuin-vimeo-thumb .bg{z-index:1;background:#efefef}.ijuin-vimeo-thumb .bg::after,.ijuin-vimeo-thumb .bg::before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .28s ease,transform .28s ease}.ijuin-vimeo-thumb .bg::before{width:72px;height:72px;border:1.5px solid rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,90,103,.18);transform:translate(-50%,-50%) scale(.88)}.ijuin-vimeo-thumb .bg::after{width:88px;height:88px;border:2px solid transparent;border-top-color:rgba(255,255,255,.95);border-right-color:rgba(255,90,103,.92);transform:translate(-50%,-50%) scale(.82) rotate(0)}.ijuin-video-card__play{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ff5a67}.ijuin-video-card__play::before{content:"";position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff}.ijuin-vimeo-thumb .thumb::before{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%) scale(1);border-radius:50%;background:#ff5a67;box-shadow:0 12px 24px rgba(255,90,103,.18);transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}.ijuin-vimeo-thumb .thumb::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%) scale(1);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;z-index:3;transition:transform .28s ease}@media (hover:hover){.ijuin-vimeo-thumb:focus-visible .thumb::before,.ijuin-vimeo-thumb:hover .thumb::before{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 18px 34px rgba(255,90,103,.3);background:#ff4758}.ijuin-vimeo-thumb:focus-visible .thumb::after,.ijuin-vimeo-thumb:hover .thumb::after{transform:translate(-38%,-50%) scale(1.14)}.ijuin-vimeo-thumb:focus-visible .bg::before,.ijuin-vimeo-thumb:hover .bg::before{opacity:1;transform:translate(-50%,-50%) scale(1)}.ijuin-vimeo-thumb:focus-visible .bg::after,.ijuin-vimeo-thumb:hover .bg::after{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(360deg);transition:opacity .28s ease,transform 1.8s linear}}.ijuin-vimeo-thumb.is-loading .thumb::after,.ijuin-vimeo-thumb.is-loading .thumb::before{display:none!important}.ijuin-vimeo-thumb.is-loading .bg::after,.ijuin-vimeo-thumb.is-loading .bg::before{opacity:0!important;animation:none!important}.ijuin-vimeo-thumb.is-loading::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:9}.ijuin-vimeo-thumb.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ijuin-loading-spinner 1s linear infinite;z-index:10;box-sizing:border-box}@keyframes ijuin-loading-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ijuin-video-card__meta{margin-top:18px;color:#222}.ijuin-video-card__title{margin:0;font-size:17px;font-weight:700;line-height:1.7;letter-spacing:.08em}.ijuin-video-card__publisher{margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.08em}.ijuin-video-card__year{margin:13px 0 0;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.14em}@media screen and (max-width:900px){.ijuin-panel{margin:112px auto 76px;padding:56px 48px 48px}.ijuin-lead{font-size:16px}}@media screen and (max-width:720px){.ijuin-page{padding:40px 0 72px}.ijuin-layout{width:calc(100% - 24px)}.ijuin-section__heading--opening{--ijuin-heading-width:77%}.ijuin-panel{margin:96px auto 64px;margin-bottom:64px;padding:36px 20px 34px}.ijuin-lead{margin-top:34px;font-size:14px;line-height:1.95;letter-spacing:.1em}.ijuin-profile{margin-top:32px}.ijuin-profile__photo{width:min(100%,252px)}.ijuin-profile__name{margin-top:24px}.ijuin-profile__name span{font-size:16px}.ijuin-profile__text{font-size:12px;line-height:1.95;letter-spacing:.06em}.ijuin-section{margin-top:72px}.ijuin-video-grid{grid-template-columns:1fr;gap:28px;max-width:min(100%,360px);margin:0 auto}.ijuin-video-grid--single{max-width:min(100%,360px)}.ijuin-section__heading{margin-bottom:28px;--ijuin-heading-max-height:clamp(26px, 6vw, 36px)}.ijuin-section__heading--opening{letter-spacing:.08em}.ijuin-video-card__meta{margin-top:14px}.ijuin-video-card__publisher,.ijuin-video-card__title,.ijuin-video-card__year{font-size:14px}.ijuin-video-card__year{margin-top:8px}}