body main #background{position:absolute;top:0;left:0;background-color:#FAFAFA;width:100%;height:100vh;z-index:-1;overflow:hidden}body main #background img{filter:brightness(0.7);width:auto;height:100%}body main #t-main{width:100%;height:100vh}body main #t-main #t-identity{color:#FFFFFF}body main #t-main #t-identity h1,body main #t-main #t-identity h2{text-align:center;width:100%;font-weight:600}body main #t-main #shortcuts a{text-decoration:none}body main #t-main #shortcuts #shortcut-0{border:solid 1px #258D19;background-color:#258D19;color:#FFFFFF}body main #t-main #shortcuts #shortcut-1{border:solid 1px #258D19;background-color:transparent;color:#FFFFFF}.section{width:100%}.section .heading{width:90%;height:auto}.section .heading h1{color:#258D19}.section .content{width:90%}.section .content .post{color:#666666;text-decoration:none;transition:all ease .5s;position:relative;width:100%}.section .content .post .graph{overflow:hidden;background-color:rgba(102,102,102,0.6)}.section .content .post .text h2,.section .content .post .text p{width:90%;text-align:start;color:#FFFFFF}.section .more{width:90%;height:auto}.section .more a{background-color:#258D19;text-decoration:none;color:#FAFAFA}@media screen and (max-width: 767px) and (orientation: portrait){body main #t-main{position:absolute;bottom:0;left:0}body main #t-main #t-identity{margin:0px 0px 0px 5%;width:90%;height:auto}body main #t-main #t-identity h1,body main #t-main #t-identity h2{text-align:left;width:100%}body main #t-main #t-identity h1{margin:0px 0px 10px 0px;font-size:40px;font-weight:700}body main #t-main #t-identity h2{font-size:20px;font-weight:normal}body main #t-main #shortcuts{margin:7vw 0px 7vw 5%;width:69%;height:12vw}body main #t-main #shortcuts a{width:50%;height:100%;font-size:16px}body main #m-main{margin:100vh 0px 0px 0px;font-size:14px}body main #m-main .section{padding:60px 0px}body main #m-main .section .more a{padding:5px 10px}body main #m-main #quick-access{background-color:#FFFFFF}body main #m-main #quick-access .content{flex-direction:column;align-items:center;justify-content:center;margin:20px 0px}body main #m-main #quick-access .content a{overflow:hidden;position:relative;transition:all ease .5s;width:100%;height:auto;margin:10px 0px}body main #m-main #quick-access .content a .graph{overflow:hidden;width:100%;height:auto}body main #m-main #quick-access .content a .graph img{transition:all ease .5s;width:100%;height:auto;filter:brightness(0.6)}body main #m-main #quick-access .content a .text{position:absolute;bottom:0;left:0;width:100%;height:100%;color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px}body main #m-main #quick-access .content a .text p{width:90%}body main #m-main #quick-access .content a .text p span{font-weight:lighter}body main #m-main #notices{background-color:#F0F0F0}body main #m-main #notices .content{height:340px;margin:20px 0px 10px 0px}body main #m-main #notices .content .slider{width:100%;height:100%;overflow:auto}body main #m-main #notices .content .slider .elements{width:100%;height:100%;scroll-behavior:smooth;overflow:hidden;box-shadow:0px 8px 8px 0px rgba(20,20,20,0.4)}body main #m-main #notices .content .slider .elements .item{width:100%;height:100%;min-width:100%;max-width:100%;background-color:#FFFFFF;background-image:url("../images/_backgroundSUTIEBO.png");background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:center;color:#666666}body main #m-main #notices .content .slider .elements .item .data{width:80%;height:auto}body main #m-main #notices .content .slider .elements .item .data h2{font-size:26px;width:100%;height:auto;text-align:left;margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data p{margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data .folio{color:#258D19;font-weight:bold}body main #m-main #notices .content .slider button{position:absolute;padding:20px 5px;background-color:rgba(0,0,0,0.2);color:#FFFFFF;border:none}body main #m-main #notices .content .slider #back{left:5%}body main #m-main #notices .content .slider #next{right:5%}body main #m-main #notices .content .controllers{margin:10px 0px 0px 0px}body main #m-main #notices .content .controllers input[type=radio]{margin:0px 6px;width:12px;height:12px;appearance:none;border-radius:50%;border:1px solid #999999;transition:0.2s all linear;cursor:pointer}body main #m-main #notices .content .controllers input[type=radio]:checked{border:6px solid #666666;outline:none}body main #m-main #news .content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:auto;margin:20px 0px}body main #m-main #news .content .post{position:relative;width:100%;height:120px;margin:0px 0px 10px 0px}body main #m-main #news .content .post .graph{width:100%;height:100%}body main #m-main #news .content .post .graph img{width:100%;height:auto;object-fit:cover;width:100%;height:100%}body main #m-main #news .content .post .text{width:100%;height:100%;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));color:#FFFFFF;position:absolute;top:0;left:0}body main #m-main #news .content .post .text h2,body main #m-main #news .content .post .text p{width:90%;text-align:start}body main #m-main #news .content .post .text h2{font-size:18px;margin:0px 0px 12px 0px}body main #m-main #news .content #post-1{height:400px;flex-direction:column;align-items:center}body main #m-main #news .content #post-1 .graph{width:100%;height:100%}body main #m-main #news .content #post-1 .text h2,body main #m-main #news .content #post-1 .text p{width:90%}body main #m-main #news .content #post-1 .text h2{font-size:22px}body main #m-main #news .content #post-2 .text{align-items:center;justify-content:flex-end}body main #m-main #about{background-color:#F0F0F0;height:auto;padding:0px}body main #m-main #about .content{flex-direction:column;align-items:center;justify-content:space-between;height:auto;color:#666666;width:100%;height:auto}body main #m-main #about .content .text{width:100%;height:auto;align-items:center;justify-content:center;font-size:14px;padding:60px 0px}body main #m-main #about .content .text .heading{width:90%;margin:0px 0px 10px 0px}body main #m-main #about .content .text h2{width:90%}body main #m-main #about .content .text p{width:90%;text-align:justify;margin:10px}body main #m-main #about .content .text .more{width:90%}body main #m-main #about .content .graph{width:100%;height:100vw;background-color:rgba(102,102,102,0.6);overflow:hidden}body main #m-main #about .content .graph img{width:auto;height:100%;filter:brightness(0.8)}}@media screen and (max-width: 767px) and (orientation: landscape){body{font-size:12px}body main #background{height:100vw}body main #t-main{height:100vw}body main #t-main #t-identity{margin:0px 0px 30px 5%;width:60%;height:auto}body main #t-main #t-identity h1,body main #t-main #t-identity h2{text-align:left;width:100%}body main #t-main #t-identity h1{margin:0px 0px 10px 0px;font-size:40px;font-weight:700}body main #t-main #t-identity h2{font-size:20px;font-weight:normal}body main #t-main #shortcuts{margin:0px 0px 30px 5%;flex-direction:row;align-items:center;justify-content:flex-start}body main #t-main #shortcuts a{padding:10px 50px;transition:all ease .5s;font-size:14px}body main #t-main #shortcuts a img{width:26px;height:26px;margin:0px 10px 0px 0px}body main #t-main #shortcuts a:hover{background-color:#258d19}body main #m-main .section{padding:60px 0px}body main #m-main .section .more a{padding:5px 10px}body main #m-main #quick-access{background-color:#FFFFFF}body main #m-main #quick-access .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:20px 0px}body main #m-main #quick-access .content a{overflow:hidden;position:relative;transition:all ease .5s;width:100%;height:auto}body main #m-main #quick-access .content a .graph{overflow:hidden;width:100%;height:auto}body main #m-main #quick-access .content a .graph img{transition:all ease .5s;width:100%;height:auto;filter:brightness(0.6)}body main #m-main #quick-access .content a .text{position:absolute;bottom:0;left:0;width:100%;height:100%;color:#FFFFFF;font-weight:bold;text-align:center;font-size:18px}body main #m-main #quick-access .content a .text p{width:90%}body main #m-main #quick-access .content a .text p span{font-weight:lighter}body main #m-main #notices{background-color:#F0F0F0}body main #m-main #notices .content{height:260px;margin:20px 0px 10px 0px}body main #m-main #notices .content .slider{width:100%;height:100%;overflow:auto}body main #m-main #notices .content .slider .elements{width:100%;height:100%;scroll-behavior:smooth;overflow:hidden;box-shadow:0px 8px 8px 0px rgba(20,20,20,0.4)}body main #m-main #notices .content .slider .elements .item{width:100%;height:100%;min-width:100%;max-width:100%;background-color:#FFFFFF;background-image:url("../images/_backgroundSUTIEBO.png");background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:center;color:#666666}body main #m-main #notices .content .slider .elements .item .data{width:90%;height:auto}body main #m-main #notices .content .slider .elements .item .data h2{font-size:30px;width:100%;height:auto;text-align:left;margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data p{margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data .folio{color:#258D19;font-weight:bold}body main #m-main #notices .content .slider button{position:absolute;padding:20px 5px;background-color:rgba(0,0,0,0.2);color:#FFFFFF;border:none}body main #m-main #notices .content .slider #back{left:5%}body main #m-main #notices .content .slider #next{right:5%}body main #m-main #notices .content .controllers{margin:10px 0px 0px 0px}body main #m-main #notices .content .controllers input[type=radio]{margin:0px 6px;width:12px;height:12px;appearance:none;border-radius:50%;border:1px solid #999999;transition:0.2s all linear;cursor:pointer}body main #m-main #notices .content .controllers input[type=radio]:checked{border:6px solid #666666;outline:none}body main #m-main #news .content{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;grid-auto-rows:minmax(100px, auto);height:100vh;margin:10px 0px}body main #m-main #news .content .post{position:relative;overflow:hidden}body main #m-main #news .content .post .graph{width:100%;height:100%}body main #m-main #news .content .post .graph img{transition:all ease .5s;object-fit:cover;width:100%;height:100%}body main #m-main #news .content .post .text{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:20px 0px;transition:all ease .5s}body main #m-main #news .content .post .text h2,body main #m-main #news .content .post .text p{width:90%}body main #m-main #news .content #post-1{grid-column:1 / 3;grid-row:1 / 4}body main #m-main #news .content #post-2{grid-column:3 / 5;grid-row:1}body main #m-main #news .content #post-2 .text{padding:0}body main #m-main #news .content #post-3{grid-column:3 / 5;grid-row:2 / 4}body main #m-main #news .content #post-4{display:none}body main #m-main #about{background-color:#F0F0F0;height:auto;padding:0px}body main #m-main #about .content{flex-direction:column;align-items:center;justify-content:space-between;height:auto;color:#666666;width:100%;height:auto}body main #m-main #about .content .text{width:100%;height:auto;align-items:center;justify-content:center;font-size:14px;padding:60px 0px}body main #m-main #about .content .text .heading{width:90%;margin:0px 0px 10px 0px}body main #m-main #about .content .text h2{width:90%}body main #m-main #about .content .text p{width:90%;text-align:justify;margin:10px}body main #m-main #about .content .text .more{width:90%}body main #m-main #about .content .graph{width:100%;height:100vh;overflow:hidden}body main #m-main #about .content .graph img{width:100%;height:auto;filter:brightness(0.8)}}@media screen and (min-width: 768px) and (max-width: 1023px){body{font-size:12px}body main #background{height:100vw}body main #t-main{height:100vw}body main #t-main #t-identity{margin:0px 0px 30px 5%;width:60%;height:auto}body main #t-main #t-identity h1,body main #t-main #t-identity h2{text-align:left;width:100%}body main #t-main #t-identity h1{margin:0px 0px 10px 0px;font-size:40px;font-weight:700}body main #t-main #t-identity h2{font-size:20px;font-weight:normal}body main #t-main #shortcuts{margin:0px 0px 30px 5%;flex-direction:row;align-items:center;justify-content:flex-start}body main #t-main #shortcuts a{padding:10px 50px;transition:all ease .5s;font-size:14px}body main #t-main #shortcuts a img{width:26px;height:26px;margin:0px 10px 0px 0px}body main #t-main #shortcuts a:hover{background-color:#258d19}body main #m-main .section{padding:60px 0px}body main #m-main .section .more a{padding:5px 10px}body main #m-main #quick-access{background-color:#FFFFFF}body main #m-main #quick-access .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:20px 0px}body main #m-main #quick-access .content a{overflow:hidden;position:relative;transition:all ease .5s;width:100%;height:auto}body main #m-main #quick-access .content a .graph{overflow:hidden;width:100%;height:auto}body main #m-main #quick-access .content a .graph img{transition:all ease .5s;width:100%;height:auto;filter:brightness(0.6)}body main #m-main #quick-access .content a .text{position:absolute;bottom:0;left:0;width:100%;height:100%;color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px}body main #m-main #quick-access .content a .text p{width:90%}body main #m-main #quick-access .content a .text p span{font-weight:lighter}body main #m-main #notices{background-color:#F0F0F0}body main #m-main #notices .content{height:300px;margin:20px 0px 10px 0px}body main #m-main #notices .content .slider{width:100%;height:100%;overflow:auto}body main #m-main #notices .content .slider .elements{width:100%;height:100%;scroll-behavior:smooth;overflow:hidden;box-shadow:0px 8px 8px 0px rgba(20,20,20,0.4)}body main #m-main #notices .content .slider .elements .item{width:100%;height:100%;min-width:100%;max-width:100%;background-color:#FFFFFF;background-image:url("../images/_backgroundSUTIEBO.png");background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:center;color:#666666}body main #m-main #notices .content .slider .elements .item .data{width:90%;height:auto}body main #m-main #notices .content .slider .elements .item .data h2{font-size:30px;width:100%;height:auto;text-align:left;margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data p{margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data .folio{color:#258D19;font-weight:bold}body main #m-main #notices .content .slider button{position:absolute;padding:20px 5px;background-color:rgba(0,0,0,0.2);color:#FFFFFF;border:none;cursor:pointer;transition:all ease .3s}body main #m-main #notices .content .slider button:hover{background-color:rgba(0,0,0,0.4)}body main #m-main #notices .content .slider #back{left:5%}body main #m-main #notices .content .slider #next{right:5%}body main #m-main #notices .content .controllers{margin:10px 0px 0px 0px}body main #m-main #notices .content .controllers input[type=radio]{margin:0px 6px;width:12px;height:12px;appearance:none;border-radius:50%;border:1px solid #999999;transition:0.2s all linear;cursor:pointer}body main #m-main #notices .content .controllers input[type=radio]:checked{border:6px solid #666666;outline:none}body main #m-main #news .content{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;grid-auto-rows:minmax(100px, auto);height:400px;margin:20px 0px}body main #m-main #news .content .post{position:relative;overflow:hidden}body main #m-main #news .content .post .graph{width:100%;height:100%}body main #m-main #news .content .post .graph img{transition:all ease .5s;object-fit:cover;width:100%;height:100%}body main #m-main #news .content .post .text{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:20px 0px;transition:all ease .5s}body main #m-main #news .content .post .text h2,body main #m-main #news .content .post .text p{width:90%}body main #m-main #news .content #post-1{grid-column:1 / 3;grid-row:1 / 4}body main #m-main #news .content #post-2{grid-column:3 / 5;grid-row:1}body main #m-main #news .content #post-2 .text{padding:0}body main #m-main #news .content #post-3{grid-column:3 / 5;grid-row:2 / 4}body main #m-main #news .content #post-4{display:none}body main #m-main #about{background-color:#F0F0F0;height:auto;padding:0px}body main #m-main #about .content{flex-direction:column;align-items:center;justify-content:space-between;height:auto;color:#666666;width:100%;height:auto}body main #m-main #about .content .text{width:100%;height:auto;align-items:center;justify-content:center;font-size:14px;padding:60px 0px}body main #m-main #about .content .text .heading{width:90%;margin:0px 0px 10px 0px}body main #m-main #about .content .text h2{width:90%}body main #m-main #about .content .text p{width:90%;text-align:justify;margin:10px}body main #m-main #about .content .text .more{width:90%}body main #m-main #about .content .graph{width:100%;height:100vmin;min-height:400px;overflow:hidden}body main #m-main #about .content .graph img{width:auto;height:100%;filter:brightness(0.8)}}@media screen and (min-width: 1024px){body{font-size:14px}body main #t-main #t-identity{margin:0px 0px 30px 5%;width:60%;height:auto}body main #t-main #t-identity h1,body main #t-main #t-identity h2{text-align:left;width:100%}body main #t-main #t-identity h1{margin:0px 0px 10px 0px;font-size:60px;font-weight:700}body main #t-main #t-identity h2{font-size:30px;font-weight:normal}body main #t-main #shortcuts{margin:0px 0px 30px 5%;flex-direction:row;align-items:center;justify-content:flex-start}body main #t-main #shortcuts a{padding:10px 50px;transition:all ease .5s;font-size:16px}body main #t-main #shortcuts a img{width:26px;height:26px;margin:0px 10px 0px 0px}body main #t-main #shortcuts #shortcut-0:hover,body main #t-main #shortcuts #shortcut-1:hover{background-color:rgba(37,141,25,0.4)}body main #m-main .section{padding:60px 0px}body main #m-main .section .more a{padding:5px 10px;transition:all ease .5s}body main #m-main .section .more a:hover{background-color:rgba(37,141,25,0.8)}body main #m-main #quick-access{background-color:#FFFFFF}body main #m-main #quick-access .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:20px 0px}body main #m-main #quick-access .content a{overflow:hidden;position:relative;transition:all ease .5s;width:100%;height:auto}body main #m-main #quick-access .content a .graph{overflow:hidden;width:100%;height:auto}body main #m-main #quick-access .content a .graph img{transition:all ease .5s;width:100%;height:auto;filter:brightness(0.8)}body main #m-main #quick-access .content a .text{position:absolute;bottom:0;left:0;width:100%;height:100%;color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px;transition:all ease .5s}body main #m-main #quick-access .content a .text p{width:90%}body main #m-main #quick-access .content a .text p span{font-weight:lighter}body main #m-main #quick-access .content a:hover .text{background-color:#258D19}body main #m-main #notices{background-color:#F0F0F0}body main #m-main #notices .content{height:380px;margin:20px 0px 10px 0px}body main #m-main #notices .content .slider{width:100%;height:100%;overflow:auto}body main #m-main #notices .content .slider .elements{width:100%;height:100%;scroll-behavior:smooth;overflow:hidden;box-shadow:0px 8px 8px 0px rgba(20,20,20,0.4)}body main #m-main #notices .content .slider .elements .item{width:100%;height:100%;min-width:100%;max-width:100%;background-image:url("../images/_backgroundSUTIEBO.png");background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#FFFFFF;color:#666666;transition:all ease .5s}body main #m-main #notices .content .slider .elements .item .data{width:90%;height:auto}body main #m-main #notices .content .slider .elements .item .data h2{font-size:40px;width:100%;height:auto;text-align:left;margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data p{margin:0px 0px 6px 0px}body main #m-main #notices .content .slider .elements .item .data .folio{color:#258D19;font-weight:bold}body main #m-main #notices .content .slider .elements .item:hover{background-color:#E6E6E6}body main #m-main #notices .content .slider button{position:absolute;padding:20px 10px;background-color:rgba(0,0,0,0.2);color:#FFFFFF;border:none;cursor:pointer;transition:all ease .3s}body main #m-main #notices .content .slider button:hover{background-color:rgba(0,0,0,0.4)}body main #m-main #notices .content .slider #back{left:5%}body main #m-main #notices .content .slider #next{right:5%}body main #m-main #notices .content .controllers{margin:10px 0px 0px 0px}body main #m-main #notices .content .controllers input[type=radio]{margin:0px 6px;width:12px;height:12px;appearance:none;border-radius:50%;border:1px solid #999999;transition:0.2s all linear;cursor:pointer}body main #m-main #notices .content .controllers input[type=radio]:checked{border:6px solid #666666;outline:none}body main #m-main #news .content{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;grid-auto-rows:minmax(100px, 200px);height:500px;margin:20px 0px}body main #m-main #news .content .post{position:relative;overflow:hidden}body main #m-main #news .content .post .graph{width:100%;height:100%}body main #m-main #news .content .post .graph img{transition:all ease .5s;object-fit:cover;width:100%;height:100%}body main #m-main #news .content .post .text{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:20px 0px;transition:all ease .5s}body main #m-main #news .content .post .text h2,body main #m-main #news .content .post .text p{width:90%}body main #m-main #news .content #post-1{grid-column:1 / 3;grid-row:1 / 4}body main #m-main #news .content #post-1 .text{background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.4))}body main #m-main #news .content #post-1:hover .text,body main #m-main #news .content #post-2:hover .text,body main #m-main #news .content #post-3:hover .text,body main #m-main #news .content #post-4:hover .text{background-color:rgba(0,0,0,0.4)}body main #m-main #news .content #post-2{grid-column:3 / 5;grid-row:1}body main #m-main #news .content #post-2 .text{background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));padding:0}body main #m-main #news .content #post-3{grid-column:3;grid-row:2 / 4}body main #m-main #news .content #post-3 .text{background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.4))}body main #m-main #news .content #post-4{grid-column:4;grid-row:2 / 4}body main #m-main #news .content #post-4 .text{background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.4))}body main #m-main #about{background-color:#F0F0F0;padding:0px}body main #m-main #about .content{flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100vh;color:#666666}body main #m-main #about .content .text{width:50%;height:100%;font-size:14px;overflow:hidden;align-items:center;justify-content:space-between}body main #m-main #about .content .text .heading{margin:60px 0px 0px 0px;width:80%}body main #m-main #about .content .text h2{width:80%}body main #m-main #about .content .text p{height:auto;width:auto;text-align:justify;margin:10px 0px;width:80%}body main #m-main #about .content .text .more{margin:0px 0px 60px 0px;width:80%}body main #m-main #about .content .graph{width:50%;height:100%;overflow:hidden}body main #m-main #about .content .graph img{width:auto;height:100%;filter:brightness(0.8)}}