@charset "UTF-8"; /*! global > font ------------------------------ */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+JP:wght@500;900&display=swap"); /*! global > color ------------------------------ */:root{--font-family-base:"Noto Sans JP",sans-serif} /*! foundation > reset ------------------------------ */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /*! foundation > base ------------------------------ */body,html{font:16px/1.231 "Noto Sans JP",sans-serif;font:16px "Noto Sans JP",sans-serif;*font-size:small;*font:x-small;width:100%;height:auto;color:#F9F9F9;-webkit-text-size-adjust:none;-ms-font-feature-settings:"normal";font-weight:500}#wrapper{width:100%;overflow:hidden}a{text-decoration:none}a:hover{text-decoration:none}img{vertical-align:top}button,input,select,textarea{font:99% "Noto Sans JP",sans-serif;font-family:"Noto Sans JP",sans-serif}table{font-size:inherit;font:100%}code,kbd,pre,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{display:inline-block;min-height:1%}* html .clearfix{height:1%}.clearfix{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:inherit}a:hover{-webkit-transition:0.5s;transition:0.5s}@media screen and (min-width:768px){a[href^="tel:"]{pointer-events:none}}button{color:inherit;cursor:pointer}button:hover{opacity:0.7;-webkit-transition:0.5s;transition:0.5s}img{max-width:100%;width:100%}body,html{font-family:"Noto Sans JP",sans-serif;font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:1.6rem;font-weight:400;letter-spacing:0.08em;line-height:1.75;color:#F9F9F9;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";background-color:#fff}@media screen and (max-width:768px){body{font-size:1.4rem}}body.add_overray{overflow:hidden}address{font-style:normal}.sp{display:none}@media screen and (max-width:768px){.sp{display:block}}.pc{display:block}@media screen and (max-width:768px){.pc{display:none}}#wrapper{margin:0 auto;position:relative} /*! utility > utility ------------------------------ */.u-mb-1em{margin-bottom:1em} /*! animation > fadein ------------------------------ */.fadeIn{opacity:0;-webkit-transition-duration:1000ms;transition-duration:1000ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.fadeIn-up{-webkit-transform:translate(0,50px);transform:translate(0,50px)}.fadeIn-down{-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}.fadeIn-left{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}.fadeIn-right{-webkit-transform:translate(50px,0);transform:translate(50px,0)}.fadeIn.scrollin{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)} /*! animation > text-animation ------------------------------ */#loader-bg{background:#1B2D7A;position:fixed;z-index:99999;width:100vw;height:100vh!important;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.spinner{margin:auto;width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot1{background-color:#fff}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#fff}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes scroll-hint-appear{0%{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0}10%{opacity:1}50%,to{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:0}}@keyframes scroll-hint-appear{0%{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0}10%{opacity:1}50%,to{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:0}}.scroll-hint.is-right-scrollable{background:linear-gradient(270deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint.is-right-scrollable.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0)),linear-gradient(270deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint-icon{position:absolute;top:calc(50% - 25px);left:calc(50% - 60px);-webkit-box-sizing:border-box;box-sizing:border-box;width:120px;height:90px;border-radius:5px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;background:rgba(0,0,0,0.7);text-align:center;padding:20px 10px 10px 10px}.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none}.scroll-hint-text{font-size:10px;color:#FFF;margin-top:5px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:0.8}.scroll-hint-icon:before{display:inline-block;width:40px;height:40px;color:#FFF;vertical-align:middle;text-align:center;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)}.scroll-hint-icon:after{content:"";width:34px;height:14px;display:block;position:absolute;top:10px;left:50%;margin-left:-20px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);opacity:0;-webkit-transition-delay:2.4s;transition-delay:2.4s}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{-webkit-animation:scroll-hint-appear 1.2s linear;animation:scroll-hint-appear 1.2s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2} /*! component > btn ------------------------------ */.c-btn-line{text-decoration:underline}.c-btn-line:hover{text-decoration:none}.c-btn-simple1{background-color:#1B2D7A;text-align:center;border-radius:50px;font-size:1.6rem;font-weight:700;padding:1.2em 1em;display:block;position:relative;line-height:1;cursor:pointer}@media screen and (min-width:768px){.c-btn-simple1{font-size:2rem;padding:1em}}.c-btn-simple1:before{content:"";display:block;background-color:#fff;border-radius:50px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;z-index:1;-webkit-transition:0.5s;transition:0.5s}.c-btn-simple1 span{z-index:2;color:#1B2D7A;position:relative}.c-btn-simple1:hover:before{opacity:0.85}.c-btn-simple1 input{z-index:2;color:#1B2D7A;font-weight:700;position:relative;background:none;border:none;padding:0;cursor:pointer;display:block;width:100%;height:auto;text-align:center} /*! component > title ------------------------------ */.c-title-simple{font-size:110%;margin-bottom:0.75em;border-left:3px solid #fff;padding-left:0.75em;line-height:1.5} /*! layout > container ------------------------------ */.l-container,.l-container-center,.l-container-l,.l-container-m,.l-container-s{width:86%;margin:auto}.l-container-l{max-width:1200px}.l-container-m{max-width:1000px}.l-container-s{max-width:860px}.l-container-center{text-align:center}.l-container-right{text-align:right;margin:auto 0 auto auto} /*! layout > header ------------------------------ */header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;top:0;left:0;width:100%;z-index:10000;-webkit-transition:0.5s;transition:0.5s;padding:0.5em 2em;background:#fff}@media screen and (max-width:768px){header{padding:1em;padding-bottom:0.5em}}.header-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-logo img{width:48px}@media screen and (max-width:768px){.header-logo img{width:44px}}.header-logo span{font-size:3rem;color:#1B2D7A;margin-left:0.4em;font-weight:700;margin-bottom:4px}@media screen and (max-width:768px){.header-logo span{display:none}}.menu-list{background-color:#1B2D7A;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px}.menu-list li{list-style:none}.menu-item{background-color:#1B2D7A;position:relative;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.menu-item:hover .drop-menu-list{-webkit-transform:scaleY(1);transform:scaleY(1)}.menu-item:hover{background-color:#1B2D7A;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.drop-menu-item:hover{opacity:0.8;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.menu-item a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:120px}@media screen and (max-width:768px){.menu-item a{height:50px;width:100px}}.drop-menu{position:relative}.drop-menu-list{left:0;position:absolute;top:100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.drop-menu-item{background-color:#1B2D7A;-webkit-transition:opacity 0.3s;transition:opacity 0.3s} /*! layout > footer ------------------------------ */footer{background-color:#000;width:100%;margin:0 auto;padding:45px 0}@media screen and (max-width:768px){footer{padding:30px 0}}.footer-copy{text-align:center}.footer-copy aside{font-size:1.5rem;letter-spacing:0}@media screen and (max-width:768px){.footer-copy aside{font-size:1rem}}#page-top a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1B2D7A;border-radius:5px;width:60px;height:60px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;font-size:0.6rem;-webkit-transition:all 0.3s;transition:all 0.3s}#page-top a:hover{background:#777}#page-top{position:fixed;right:10px;z-index:999999999;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}#page-top.UpMove{-webkit-animation:UpAnime 0.5s forwards;animation:UpAnime 0.5s forwards}@-webkit-keyframes UpAnime{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes UpAnime{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#page-top.DownMove{-webkit-animation:DownAnime 0.5s forwards;animation:DownAnime 0.5s forwards}@-webkit-keyframes DownAnime{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes DownAnime{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100px);transform:translateY(100px)}}.school-select-top{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (max-width:768px){.school-select-top{height:82vh}}.school-select-top h1{color:#2b2b2b;font-size:3.8rem;letter-spacing:0.08em}@media screen and (max-width:768px){.school-select-top h1{font-size:2.4rem}}.school-select-top .school-select-img{width:30%;max-width:120px}@media screen and (max-width:768px){.school-select-top .school-select-img{width:25%;margin-bottom:8px}}.school-select-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;width:100%}@media screen and (max-width:768px){.school-select-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}}.school-select-btn p{width:32%}@media screen and (max-width:768px){.school-select-btn p{width:100%}}.work-intro{margin-top:260px}@media screen and (max-width:768px){.work-intro{margin-top:80px}}.work-intro h1{color:#1B2D7A;font-size:4.5rem;font-weight:900;letter-spacing:0.05em;line-height:1.2}.work-intro h1 span{font-size:4.3rem}@media screen and (max-width:428px){.work-intro h1{font-size:3rem}.work-intro h1 span{font-size:2rem}}.work-intro p{color:#333;font-size:2.1rem;margin-top:24px}@media screen and (max-width:768px){.work-intro p{font-size:1.3rem;margin-top:12px}}.schoolyear-select-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:first baseline;-ms-flex-pack:first baseline;justify-content:first baseline;width:100%;margin-top:1.2em;gap:2%}@media screen and (max-width:768px){.schoolyear-select-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.schoolyear-select-btn p{width:32%}@media screen and (max-width:768px){.schoolyear-select-btn p{width:100%}}.schoolyear-select-btn .current{pointer-events:none}.schoolyear-select-btn .current span{color:#fff}.schoolyear-select-btn .current span:before{display:none}.worklist{width:95%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);margin:80px auto 80px}.worklist .work-intro{margin-top:0}@media screen and (max-width:768px){.worklist{margin:40px auto}}.worklist-item{overflow:hidden;-webkit-transition:all 0.3s;transition:all 0.3s;position:relative;width:100%;aspect-ratio:16/9;border:4px solid #fff}.worklist-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.worklist-item figure img{-webkit-transition:all 0.3s;transition:all 0.3s;width:100%;max-height:260px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:428px){.worklist-item figure img{max-height:200px}}.worklist-item figure figcaption{position:absolute;bottom:0;left:0;width:100%;padding:0.5em 0 0.5em 0.8em;background:rgba(0,0,0,0.5);color:#fff;font-size:1.7rem;font-weight:700}@media screen and (max-width:768px){.worklist-item figure figcaption{font-size:1.5rem}} /*# sourceMappingURL=style.css.map */