.wrapper{position:relative;z-index:0}#first_view #first_view_ttl .page_ttl_area div img{width:70vw;height:auto}.tab{display:none}#container{width:100%;margin:0 auto;margin-bottom:0px;line-height:1.75}#container.school-life{margin-bottom:60px}div#main.club_activities-main{width:auto;max-width:100%;margin:0;padding:0 20px}.ttl-area h2{font-size:18px;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";text-align:center;font-weight:normal;letter-spacing:2px;margin-bottom:40px}.ttl-area h2 span{color:#b1803d;font-size:14px;font-weight:normal;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";letter-spacing:3px}.school-life #main h3{font-size:16px;color:#4d4d4d;display:block;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";text-align:center;line-height:1;margin-bottom:30px;font-weight:normal}.flex-wrap{display:flex;flex-flow:column;justify-content:flex-start;margin:0 0 60px}.message-txt-box{margin-bottom:30px}.photo-wrap{max-width:400px;margin:0 auto}.club_activities-main p{text-align:justify}div#main.club_activities-main .photo-wrap p{line-height:1.6;margin-top:20px}.ryakureki{border:1px solid #000;padding:30px}.ryakureki h4{font-size:16px;margin-bottom:10px}.tp20{margin-top:20px}.movie-container-inner{width:100%;max-width:1180px;padding:65px 20px 115px;margin:0 auto;line-height:1.75}.movie-container img{width:100%;height:auto;vertical-align:bottom}.movie-container-inner h3{font-size:16px;color:#4d4d4d;display:block;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";text-align:center;line-height:1;margin-bottom:30px;font-weight:normal}.movie-area{position:relative;width:100%;height:0;padding-top:56.25%;margin:0px auto;background-color:#777;z-index:2;display:block}.comingsoon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;color:#fff;font-size:6vw;justify-content:center;align-items:center}.movie-area-image{position:absolute;top:0;left:0}.movie-area span{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%, -50%)}.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;transition:background-color 1s}.movie-area:hover span::before{background-color:red;transition:background-color 0s}.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%;transform:translate(-45%, -50%);pointer-events:none}#movie-container-list li:not(:last-child){margin-bottom:30px}.text-area{margin:15px 0 0}.text-area h4{font-size:13px}.text-area h5{font-size:16px;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";font-weight:normal}.text-area p{font-size:13px}@media(min-width: 640px)and (max-width: 768px){#first_view #first_view_ttl .page_ttl_area div img{width:50vw;height:auto}.tab{display:block}.ttl-area h2{font-size:38px;letter-spacing:5px;margin-bottom:80px}.ttl-area h2 span{font-size:28px}.school-life #main h3{font-size:28px}.movie-container-inner h3{font-size:28px;margin-bottom:60px}.text-area h4{font-size:21px}.text-area h5{font-size:28px}.text-area p{font-size:16px}}@media only screen and (min-width: 769px){#first_view #first_view_ttl .page_ttl_area div img{width:50vw;height:auto}.tab{display:none}#container{width:calc(100% - 60px);margin:0 auto;margin-bottom:0px}div#main.club_activities-main{padding:0 50px}.ttl-area h2{font-size:38px;letter-spacing:5px;margin-bottom:80px}.ttl-area h2 span{font-size:28px}#container.school-life{margin-bottom:200px}.school-life #main h3{font-size:28px}.flex-wrap{display:flex;flex-flow:row nowrap;justify-content:space-between}.message-txt-box{margin-bottom:0px;width:calc(100% - 350px)}.photo-wrap{width:300px;max-width:400px;margin:0 0 0 30px}.photo-wrap img{display:block;width:100%}#movie-container-list li{display:flex;flex-flow:row nowrap}#movie-container-list li:not(:last-child){margin-bottom:60px}.movie-area{position:relative;width:320px;padding:0;height:180px}.comingsoon{font-size:24px}.movie-area span::before{content:"";width:70px;padding-top:100%;display:block;border-radius:50%}.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);height:0;width:0;content:"";position:absolute;top:50%;left:50%;transform:translate(-40%, -50%)}.movie-container-inner h3{margin-bottom:60px}.movie-container-inner h3{font-size:28px}.text-area{margin:0 0 0 30px;width:calc(100% - 350px);text-align:left}.text-area h4{font-size:21px}.text-area h5{font-size:28px}.text-area p{font-size:16px}}@media screen and (min-width: 1024px){#first_view{height:auto}}