@-webkit-keyframes transition-mask{from{opacity:0;-webkit-transform:translateY(100%) translateZ(10px);transform:translateY(100%) translateZ(10px)}to{opacity:1;-webkit-transform:translateY(0) translateZ(10px);transform:translateY(0) translateZ(10px)}}@keyframes transition-mask{from{opacity:0;-webkit-transform:translateY(100%) translateZ(10px);transform:translateY(100%) translateZ(10px)}to{opacity:1;-webkit-transform:translateY(0) translateZ(10px);transform:translateY(0) translateZ(10px)}}@-webkit-keyframes button-arrow{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px 0}50%{translate:-10px 0}100%{opacity:1;translate:0 0}}@keyframes button-arrow{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px 0}50%{translate:-10px 0}100%{opacity:1;translate:0 0}}@-webkit-keyframes button-arrow-down{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:0 10px}50%{translate:0 -10px}100%{opacity:1;translate:0 0}}@keyframes button-arrow-down{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:0 10px}50%{translate:0 -10px}100%{opacity:1;translate:0 0}}@-webkit-keyframes button-arrow-external{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px -10px}50%{translate:-10px 10px}100%{opacity:1;translate:0 0}}@keyframes button-arrow-external{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px -10px}50%{translate:-10px 10px}100%{opacity:1;translate:0 0}}@-webkit-keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%));transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%))}}@keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%));transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%))}}@-webkit-keyframes floating{from{translate:0 -5px}to{translate:0 5px}}@keyframes floating{from{translate:0 -5px}to{translate:0 5px}}@-webkit-keyframes reflection{0%{opacity:0;-webkit-transform:scale(0) rotate(30deg);transform:scale(0) rotate(30deg)}50%{opacity:.5;-webkit-transform:scale(1) rotate(30deg);transform:scale(1) rotate(30deg)}75%{opacity:0}100%{opacity:0;-webkit-transform:scale(250) rotate(30deg);transform:scale(250) rotate(30deg)}}@keyframes reflection{0%{opacity:0;-webkit-transform:scale(0) rotate(30deg);transform:scale(0) rotate(30deg)}50%{opacity:.5;-webkit-transform:scale(1) rotate(30deg);transform:scale(1) rotate(30deg)}75%{opacity:0}100%{opacity:0;-webkit-transform:scale(250) rotate(30deg);transform:scale(250) rotate(30deg)}}.p-instructor-list{padding-bottom:calc(60/var(--rem-to-px)*1rem);padding-top:calc(80/var(--rem-to-px)*1rem)}.p-instructor-list__inner{padding-left:10vw;padding-right:10vw;margin-left:auto;margin-right:auto;max-width:calc(1366px + 10vw + 10vw);display:grid;gap:20px 15px;grid-template-columns:repeat(3, 1fr)}@media(max-width: 1080px){.p-instructor-list__inner{padding-left:5vw;padding-right:5vw}}@media(max-width: 767px){.p-instructor-list__inner{padding-left:3vw;padding-right:3vw}}@media(max-width: 767px){.p-instructor-list{padding-bottom:calc(40/var(--rem-to-px)*1rem);padding-top:calc(25/var(--rem-to-px)*1rem)}.p-instructor-list__inner{gap:10px;grid-template-columns:1fr}}@keyframes transition-mask{from{opacity:0;-webkit-transform:translateY(100%) translateZ(10px);transform:translateY(100%) translateZ(10px)}to{opacity:1;-webkit-transform:translateY(0) translateZ(10px);transform:translateY(0) translateZ(10px)}}@keyframes button-arrow{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px 0}50%{translate:-10px 0}100%{opacity:1;translate:0 0}}@keyframes button-arrow-down{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:0 10px}50%{translate:0 -10px}100%{opacity:1;translate:0 0}}@keyframes button-arrow-external{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px -10px}50%{translate:-10px 10px}100%{opacity:1;translate:0 0}}@keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%));transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%))}}@keyframes floating{from{translate:0 -5px}to{translate:0 5px}}@keyframes reflection{0%{opacity:0;-webkit-transform:scale(0) rotate(30deg);transform:scale(0) rotate(30deg)}50%{opacity:.5;-webkit-transform:scale(1) rotate(30deg);transform:scale(1) rotate(30deg)}75%{opacity:0}100%{opacity:0;-webkit-transform:scale(250) rotate(30deg);transform:scale(250) rotate(30deg)}}.p-instructor-detail{padding-bottom:calc(60/var(--rem-to-px)*1rem);padding-top:calc(60/var(--rem-to-px)*1rem)}.p-instructor-detail__inner{padding-left:10vw;padding-right:10vw;margin-left:auto;margin-right:auto;max-width:calc(1366px + 10vw + 10vw);display:grid;gap:calc(80/var(--rem-to-px)*1rem);grid-template-columns:1fr min(30%,300px)}@media(max-width: 1080px){.p-instructor-detail__inner{padding-left:5vw;padding-right:5vw}}@media(max-width: 767px){.p-instructor-detail__inner{padding-left:3vw;padding-right:3vw}}@keyframes transition-mask{from{opacity:0;-webkit-transform:translateY(100%) translateZ(10px);transform:translateY(100%) translateZ(10px)}to{opacity:1;-webkit-transform:translateY(0) translateZ(10px);transform:translateY(0) translateZ(10px)}}@keyframes button-arrow{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px 0}50%{translate:-10px 0}100%{opacity:1;translate:0 0}}@keyframes button-arrow-down{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:0 10px}50%{translate:0 -10px}100%{opacity:1;translate:0 0}}@keyframes button-arrow-external{0%{opacity:1;translate:0 0}49.9%{opacity:0;translate:10px -10px}50%{translate:-10px 10px}100%{opacity:1;translate:0 0}}@keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%));transform:translateX(calc((0 - 100 / var(--keyframes-marquee-repeat-length)) * 1%))}}@keyframes floating{from{translate:0 -5px}to{translate:0 5px}}@keyframes reflection{0%{opacity:0;-webkit-transform:scale(0) rotate(30deg);transform:scale(0) rotate(30deg)}50%{opacity:.5;-webkit-transform:scale(1) rotate(30deg);transform:scale(1) rotate(30deg)}75%{opacity:0}100%{opacity:0;-webkit-transform:scale(250) rotate(30deg);transform:scale(250) rotate(30deg)}}.p-instructor-basic__head{display:grid;gap:30px;grid-template-columns:40% 1fr}.p-instructor-basic__image img{aspect-ratio:1/1;border-radius:100%}.p-instructor-basic__name{font-family:var(--font-serif);font-size:var(--font-size-700);font-weight:var(--font-weight-medium);padding-top:30px}.p-instructor-basic__sns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;padding-top:20px}.p-instructor-basic__sns-item{--icon-size: calc(14 / var(--rem-to-px) * 1rem);white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--color-white);border:1px solid rgba(0,0,0,0);border-radius:5px;display:grid;font-size:var(--font-size-50);font-weight:var(--font-weight-medium);gap:5px;grid-template-columns:var(--icon-size) 1fr;padding:6px 8px;-webkit-transition-duration:var(--duration-default);transition-duration:var(--duration-default);-webkit-transition-property:border-color,scale;transition-property:border-color,scale;-webkit-transition-timing-function:var(--ease-custom);transition-timing-function:var(--ease-custom)}.p-instructor-basic__sns-item svg{height:auto;width:100%;aspect-ratio:1/1}.p-instructor-basic__sns-item:active{scale:.9}@media(hover: hover)and (pointer: fine){.p-instructor-basic__sns-item:hover{border-color:var(--color-pink)}}.p-instructor-basic__profile{color:var(--color-gray-800);display:grid;gap:10px;padding-top:20px}.p-instructor-basic__qualifications{padding-top:20px}.p-instructor-basic__qualifications-heading{background:var(--color-pink);border-radius:10px 10px 0 0;color:var(--color-white);font-weight:var(--font-weight-bold);padding-block:5px;text-align:center}.p-instructor-basic__qualifications-main{background:var(--color-white);border-radius:0 0 10px 10px;display:block;padding:15px}.p-other-instructors__heading{border-bottom:2px solid var(--color-gray-100);padding-bottom:10px}.p-other-instructors__main{display:grid;gap:15px;grid-template-columns:1fr;padding-top:15px}
