.intro-wrap .area-bottom{margin:0 0 40px}@media only screen and (min-width: 1024px){.intro-wrap .area-bottom{margin-bottom:60px}}.intro-wrap .sub-ttl{margin-bottom:10px}.intro-wrap .sub-ttl h4{text-align:left;font-size:1.6rem;font-weight:bold}@media only screen and (min-width: 1024px){.intro-wrap .sub-ttl h4{font-size:2rem}}.intro-wrap .school-area .channel-area .channel_btn{position:relative;width:100%;height:auto;display:block}.intro-wrap .school-area .channel-area span{position:absolute;pointer-events:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.intro-wrap .school-area .channel-area span::before{content:"";width:18vw;padding-top:100%;display:block;background-color:rgba(0,0,0,.45);border-radius:50%;pointer-events:none;-webkit-transition:background-color 1s;transition:background-color 1s}@media only screen and (min-width: 768px){.intro-wrap .school-area .channel-area span::before{width:70px}}.intro-wrap .school-area .channel-area span::after{border-left:4.46vw solid #fff;border-top:3vw solid rgba(0,0,0,0);border-bottom:3vw solid rgba(0,0,0,0);height:0;width:0;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-45%, -50%);transform:translate(-45%, -50%);pointer-events:none}@media only screen and (min-width: 768px){.intro-wrap .school-area .channel-area span::after{border-left:17px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}}.intro-wrap .school-area .channel-area:hover span::before{background-color:red;-webkit-transition:background-color 0s;transition:background-color 0s}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.intro-wrap #movie-container-list li:not(:last-child){margin-bottom:40px}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list li:not(:last-child){margin-bottom:0}}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:15px}}.intro-wrap #movie-container-list li .movie-area{position:relative;width:100%;height:auto;display:block}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list li .movie-area{margin:0}}.intro-wrap #movie-container-list li .movie-area span{position:absolute;pointer-events:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.intro-wrap #movie-container-list li .movie-area span::before{content:"";width:18vw;padding-top:100%;display:block;background-color:rgba(0,0,0,.45);border-radius:50%;pointer-events:none;-webkit-transition:background-color 1s;transition:background-color 1s}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list li .movie-area span::before{width:70px}}.intro-wrap #movie-container-list li .movie-area span::after{border-left:4.46vw solid #fff;border-top:3vw solid rgba(0,0,0,0);border-bottom:3vw solid rgba(0,0,0,0);height:0;width:0;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-45%, -50%);transform:translate(-45%, -50%);pointer-events:none}@media only screen and (min-width: 768px){.intro-wrap #movie-container-list li .movie-area span::after{border-left:17px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}}.intro-wrap #movie-container-list li .movie-area:hover span::before{background-color:red;-webkit-transition:background-color 0s;transition:background-color 0s}.intro-wrap .text-area{margin-top:10px}@media only screen and (min-width: 768px){.intro-wrap .text-area{margin-top:0;text-align:left}}.intro-wrap .text-area h5{font-size:1.4rem;font-weight:bold}@media only screen and (min-width: 768px){.intro-wrap .text-area h5{font-size:1.6rem}}.intro-wrap .text-area p{text-align:center;font-size:1.4rem}@media only screen and (min-width: 768px){.intro-wrap .text-area p{text-align:left;font-size:1.6rem;line-height:1.4;margin-top:10px}}.intro-wrap img{width:100%;height:auto}.intro-wrap .channel-area .channel-area-logo{text-align:left;border-bottom:1px solid #0e72dc;padding-bottom:8px}.intro-wrap .channel-area .channel-logo{width:50%}@media only screen and (min-width: 768px){.intro-wrap .channel-area .channel-logo{width:100%;max-width:40%}}.intro-wrap .channel-area .movie-list{margin-top:40px}@media only screen and (min-width: 768px){.intro-wrap .channel-area .movie-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}}.intro-wrap .channel-area .movie-list .movie-item:not(:last-child){margin-bottom:40px}@media only screen and (min-width: 768px){.intro-wrap .channel-area .movie-list .movie-item:not(:last-child){margin-bottom:0}}.intro-wrap .channel-area .movie-list .movie-item h3{font-size:1.6rem;font-weight:bold;text-align:left;margin-top:10px}.intro-wrap .channel-area .movie-list .movie-item .channel_btn{position:relative;width:100%;height:auto;display:block}.intro-wrap .channel-area .movie-list .movie-item span{position:absolute;pointer-events:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.intro-wrap .channel-area .movie-list .movie-item span::before{content:"";width:18vw;padding-top:100%;display:block;background-color:rgba(0,0,0,.45);border-radius:50%;pointer-events:none;-webkit-transition:background-color 1s;transition:background-color 1s}@media only screen and (min-width: 768px){.intro-wrap .channel-area .movie-list .movie-item span::before{width:70px}}.intro-wrap .channel-area .movie-list .movie-item span::after{border-left:4.46vw solid #fff;border-top:3vw solid rgba(0,0,0,0);border-bottom:3vw solid rgba(0,0,0,0);height:0;width:0;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-45%, -50%);transform:translate(-45%, -50%);pointer-events:none}@media only screen and (min-width: 768px){.intro-wrap .channel-area .movie-list .movie-item span::after{border-left:17px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}}.intro-wrap .channel-area .movie-list .movie-item:hover span::before{background-color:red;-webkit-transition:background-color 0s;transition:background-color 0s}/*# sourceMappingURL=movie.css.map */