@-webkit-keyframes slideFadeZoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}70%{opacity:1}100%{opacity:1}}@keyframes slideFadeZoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}70%{opacity:1}100%{opacity:1}}@-webkit-keyframes slideFadeZoomOut{0%{opacity:0;-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}70%{opacity:1}100%{opacity:1}}@keyframes slideFadeZoomOut{0%{opacity:0;-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}70%{opacity:1}100%{opacity:1}}@-webkit-keyframes slideFadeInDown{0%{opacity:0;margin-top:20%}70%{opacity:1;margin-top:25%}100%{opacity:1;margin-top:25%}}@keyframes slideFadeInDown{0%{opacity:0;margin-top:20%}70%{opacity:1;margin-top:25%}100%{opacity:1;margin-top:25%}}@-webkit-keyframes slideFadeInDown2{0%{opacity:0;margin-top:70%}70%{opacity:1;margin-top:80%}100%{opacity:1;margin-top:80%}}@keyframes slideFadeInDown2{0%{opacity:0;margin-top:70%}70%{opacity:1;margin-top:80%}100%{opacity:1;margin-top:80%}}@-webkit-keyframes slideRhtSlideIn{0%{opacity:0;-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}40%{opacity:.2}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes slideRhtSlideIn{0%{opacity:0;-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}40%{opacity:.2}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeZoomIn{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeZoomIn{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lftSlideIn{0%{opacity:0;-webkit-transform:translate(100px, 0);transform:translate(100px, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes lftSlideIn{0%{opacity:0;-webkit-transform:translate(100px, 0);transform:translate(100px, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes rhtSlideIn{0%{opacity:0;-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes rhtSlideIn{0%{opacity:0;-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeRotateIn{0%{opacity:0;-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}100%{opacity:1;-webkit-transform:rotateY();transform:rotateY()}}@keyframes fadeRotateIn{0%{opacity:0;-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}100%{opacity:1;-webkit-transform:rotateY();transform:rotateY()}}@-webkit-keyframes flipInY{from{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}60%{-webkit-transform:rotate3d(0, 1, 0, 10deg);transform:rotate3d(0, 1, 0, 10deg);opacity:1}to{opacity:1}}@keyframes flipInY{from{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}60%{-webkit-transform:rotate3d(0, 1, 0, 10deg);transform:rotate3d(0, 1, 0, 10deg);opacity:1}to{opacity:1}}#uniform #intro .intro-txt{text-align:center}#uniform .uniform .school-info{padding-top:100px;margin-bottom:120px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#uniform .uniform .school-info::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:70%;height:600px;background:#931515}@media screen and (max-width: 960px){#uniform .uniform .school-info{display:block;padding-top:0;margin-bottom:80px}#uniform .uniform .school-info::before{display:none}}@media screen and (max-width: 600px){#uniform .uniform .school-info{margin-bottom:50px}}#uniform .uniform .school-info .school-info-txt{width:500px;height:520px;color:#fff;padding-right:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 960px){#uniform .uniform .school-info .school-info-txt{display:block;width:100%;height:auto;color:#fff;padding:60px 10%;background:#931515}}@media screen and (max-width: 600px){#uniform .uniform .school-info .school-info-txt{padding:25px 15% 20px}}#uniform .uniform .school-info .school-info-txt .h2Area{text-align:left;padding-left:0;margin-bottom:80px;border-left:0;position:relative}#uniform .uniform .school-info .school-info-txt .h2Area .heading02{font-size:53px;text-align:left;margin-bottom:0;line-height:1}#uniform .uniform .school-info .school-info-txt .h2Area .h2sup{color:#fff;font-size:23px;margin-top:15px;text-align:left;text-transform:uppercase}#uniform .uniform .school-info .school-info-txt .h2Area .icon{position:absolute;width:90px;left:-45px;top:0;z-index:-1}@media screen and (max-width: 960px){#uniform .uniform .school-info .school-info-txt .h2Area{margin-bottom:0}#uniform .uniform .school-info .school-info-txt .h2Area .heading02,#uniform .uniform .school-info .school-info-txt .h2Area .h2sup{z-index:1}#uniform .uniform .school-info .school-info-txt .h2Area .icon{z-index:0}}@media screen and (max-width: 600px){#uniform .uniform .school-info .school-info-txt .h2Area .heading02{font-size:1.8125rem}#uniform .uniform .school-info .school-info-txt .h2Area .h2sup{font-size:.75rem;margin-top:10px}#uniform .uniform .school-info .school-info-txt .h2Area .icon{position:absolute;width:51px;top:10px;left:-30px}}#uniform .uniform .school-info .school-info-photo{width:calc(100% - 500px);height:560px}#uniform .uniform .school-info .school-info-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}@media screen and (max-width: 960px){#uniform .uniform .school-info .school-info-photo{width:100%;height:520px;margin-top:0}#uniform .uniform .school-info .school-info-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (max-width: 600px){#uniform .uniform .school-info .school-info-photo{height:250px}}#uniform .uniform#junior-uniform .school-info{padding-left:calc((100% - 1200px)/2)}@media screen and (max-width: 960px){#uniform .uniform#junior-uniform .school-info{padding-left:0}}#uniform .uniform#high-uniform .school-info{padding-right:calc((100% - 1200px)/2);-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#uniform .uniform#high-uniform .school-info::before{background:#000;top:0;left:auto;right:0}#uniform .uniform#high-uniform .school-info .school-info-txt{padding-right:0;padding-left:8%}@media screen and (max-width: 960px){#uniform .uniform#high-uniform .school-info{padding-left:0}#uniform .uniform#high-uniform .school-info .school-info-txt{background:#000;padding-right:8%}}@media screen and (max-width: 600px){#uniform .uniform#high-uniform .school-info .school-info-txt{padding-left:15%;padding-right:15%}}#uniform .uniform .photoArea{margin:0 -20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#uniform .uniform .photoArea .column{width:50%;padding:0 20px}#uniform .uniform .photoArea .column:nth-child(n+3){margin-top:80px}@media screen and (max-width: 960px){#uniform .uniform .photoArea .column{width:100%}#uniform .uniform .photoArea .column:nth-child(n+2){margin-top:50px}}@media screen and (max-width: 600px){#uniform .uniform .photoArea .column:nth-child(n+2){margin-top:30px}}#uniform .uniform .photoArea .column ul{padding-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex}#uniform .uniform .photoArea .column ul li{width:50%;padding-right:10px}#uniform .uniform .photoArea .column .txt{font-family:"Barlow",sans-serif;font-weight:700;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-size:6.25rem;color:rgba(0,0,0,0);line-height:1;font-weight:500;text-align:right;letter-spacing:-0.06em;-webkit-text-stroke:2px #931515;margin-top:-0.7em}@media screen and (max-width: 600px){#uniform .uniform .photoArea .column .txt{font-size:3.75rem;margin-top:-0.5em}}#uniform .uniform .photoArea .column .txt.season{font-size:4.125rem}@media screen and (max-width: 960px){#uniform .uniform .photoArea .column .txt.season{font-size:5rem}}@media screen and (max-width: 600px){#uniform .uniform .photoArea .column .txt.season{font-size:2.625rem}}#uniform .uniform#high-uniform .photoArea .column .txt{-webkit-text-stroke:2px #000}#uniform .img-main{margin-bottom:200px}@media screen and (max-width: 960px){#uniform .img-main{margin-bottom:160px}}@media screen and (max-width: 600px){#uniform .img-main{margin-bottom:80px}}#uniform .img-main p{width:90%;margin:0 auto}#uniform .img-main p span{display:block;position:relative}#uniform .img-main p span::after{content:"";position:absolute;bottom:-10%;left:-7%;z-index:-1;width:100%;height:100%;background:#000}#uniform .img-main p span::before{content:"";position:absolute;top:-10%;right:-7%;z-index:-1;width:100%;height:100%;background:#931515}@media screen and (max-width: 960px){#uniform .img-main p{width:96%}}/*# sourceMappingURL=uniform.css.map */