#top{box-sizing:border-box}#top .sec-ttl{font-size:2.4rem;font-weight:700;letter-spacing:0;line-height:1.5;color:#008cd6;text-align:center}@media screen and (max-width: 559px){#top .sec-ttl{font-size:2.2rem}}#top #hero{padding:2.5rem 0}@media screen and (max-width: 959px){#top #hero{padding:1rem 0}}@media screen and (max-width: 559px){#top #hero{padding:0}}#top #hero .in-wrap{padding:0 2.5rem;max-width:calc(1070px + 5rem);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #hero .in-wrap{padding:0 1rem}}@media screen and (max-width: 559px){#top #hero .in-wrap{padding:0}}#top #hero .slides img{width:100%;height:auto}#top #hero .slides a{display:block;transition:all .3s}#top #hero .slides a:hover{opacity:.7}#top #news{background:#008cd6;padding:2rem 0}#top #news .in-wrap{padding:0 3%;max-width:calc(1070px + 6%);margin:0 auto;box-sizing:border-box;display:flex;align-items:center}@media screen and (max-width: 959px){#top #news .in-wrap{padding:0 1rem}}@media screen and (max-width: 559px){#top #news .in-wrap{flex-direction:column}}#top #news .in-wrap h2{width:182px;text-align:center;color:#fff;font-size:2.8rem;font-weight:900;letter-spacing:.1rem;line-height:1;font-family:"Roboto",sans-serif;font-style:italic}@media screen and (max-width: 959px){#top #news .in-wrap h2{width:120px;font-size:2rem}}#top #news .in-wrap .box{flex:1;border-left:1px solid #fff;padding-left:2.5rem}@media screen and (max-width: 559px){#top #news .in-wrap .box{border:none;padding:0;margin:2rem 0 0}}#top #news .in-wrap .box ul li{display:flex}#top #news .in-wrap .box ul li:not(:last-child){margin-bottom:1rem}#top #news .in-wrap .box ul li p{color:#fff}#top #news .in-wrap .box ul li p.date{width:120px;font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.6;font-family:"Roboto",sans-serif}@media screen and (max-width: 559px){#top #news .in-wrap .box ul li p.date{width:90px;font-size:1.4rem;line-height:1.4}}#top #news .in-wrap .box ul li p.ttl{flex:1;font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1.6}@media screen and (max-width: 559px){#top #news .in-wrap .box ul li p.ttl{font-size:1.4rem;line-height:1.4}}#top #news .in-wrap .bubble{width:114px;margin-left:2rem}@media screen and (max-width: 767px){#top #news .in-wrap .bubble{display:none}}#top #yt_introbox{max-width:calc(700px + 5rem);margin:7rem auto 0;box-sizing:border-box;padding:0 2.5rem}@media screen and (max-width: 959px){#top #yt_introbox{margin:3rem auto 0;padding:0 1rem}}#top #yt_introbox .yt_introbox__inner{position:relative;width:100%;padding-top:56.25%}#top #yt_introbox .yt_introbox__inner iframe{position:absolute;top:0;right:0;width:100%;height:100%}#top #about{padding:4rem 0 6rem}@media screen and (max-width: 559px){#top #about{padding:3rem 0 2rem}}#top #about .in-wrap{padding:0 3%;max-width:calc(900px + 6%);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #about .in-wrap{padding:0 1rem}}#top #about .sec-ttl span{font-size:1.4rem;font-weight:900;letter-spacing:.2rem;line-height:1;font-family:"Roboto",sans-serif;font-style:italic;display:block;margin-top:.7rem}@media screen and (max-width: 559px){#top #about .sec-ttl span{font-size:1.3rem}}#top #about .txt{margin-top:4.5rem;text-align:center}@media screen and (max-width: 767px){#top #about .txt{text-align:left}#top #about .txt br{display:none}}@media screen and (max-width: 559px){#top #about .txt{margin-top:3.5rem}}#top #about .txt p{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1.8;margin-bottom:3.5rem}@media screen and (max-width: 767px){#top #about .txt p{margin-bottom:2.5rem}}@media screen and (max-width: 559px){#top #about .txt p{margin-bottom:2rem}}#top #about .txt p span{color:#008cd6;font-weight:700}#top #about p.lead{text-align:center;font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.6;margin-bottom:3.5rem}@media screen and (max-width: 559px){#top #about p.lead{text-align:left;font-size:1.8rem;margin-bottom:2rem}}#top #about .usudaman{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 559px){#top #about .usudaman{justify-content:flex-end}}#top #about .usudaman p{font-size:1.4rem;font-weight:500;letter-spacing:0;line-height:1.5;margin-right:1.5rem}#top #about .usudaman div{width:40px}#top #project{border-top:10px solid #008cd6;padding-bottom:4rem;position:relative;background:#f9f9f9}@media screen and (max-width: 559px){#top #project{padding-bottom:2rem}}#top #project:before{content:"";display:block;background:url(../img/common/bubble-pj1.svg);background-size:cover;width:276px;height:235px;top:55px;left:-34px;position:absolute;z-index:2}@media screen and (max-width: 959px){#top #project:before{width:27.55vw;height:23.5vw;top:3vw}}#top #project:after{content:"";display:block;background:url(../img/common/bubble-pj2.svg);background-size:cover;width:241px;height:269px;top:55px;right:-31px;position:absolute;z-index:2}@media screen and (max-width: 959px){#top #project:after{width:24vw;height:27vw;top:3vw}}#top #project .in-wrap{padding:0 3%;max-width:calc(1070px + 6%);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #project .in-wrap{padding:0 1rem}}#top #project .in-wrap .sec-ttl{padding-top:6.5rem}@media screen and (max-width: 767px){#top #project .in-wrap .sec-ttl{padding-top:3.5rem}}#top #project .in-wrap .lead{text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:1.6;color:#008cd6;margin:2rem 0 6rem;position:relative;text-shadow:0 0 2px #fff;z-index:3}@media screen and (max-width: 767px){#top #project .in-wrap .lead{margin:2rem 0 3rem}}@media screen and (max-width: 559px){#top #project .in-wrap .lead{margin:2rem 0}}#top #project .in-wrap #sdgs{display:flex;justify-content:center;position:relative;z-index:3}@media screen and (max-width: 559px){#top #project .in-wrap #sdgs{flex-wrap:wrap;max-width:400px;margin:0 auto}}#top #project .in-wrap #sdgs li{width:85px}@media screen and (max-width: 559px){#top #project .in-wrap #sdgs li{width:32%}}#top #project .in-wrap #sdgs li:not(:last-child){margin-right:3.5rem}@media screen and (max-width: 959px){#top #project .in-wrap #sdgs li:not(:last-child){margin-right:2vw}}@media screen and (max-width: 767px){#top #project .in-wrap #sdgs li:not(:last-child){margin-right:1vw}}@media screen and (max-width: 559px){#top #project .in-wrap #sdgs li:not(:last-child){margin-right:0}}@media screen and (max-width: 559px){#top #project .in-wrap #sdgs li{margin-bottom:2vw}#top #project .in-wrap #sdgs li:not(:nth-of-type(3n)){margin-right:2%}}#top #project .in-wrap .p-lists{display:flex;justify-content:center;flex-wrap:wrap;margin-top:5rem}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists{margin-top:1.5rem}}#top #project .in-wrap .p-lists li{border:1px solid #008cd6;padding:2rem 0;background:#fff;width:24%;margin-bottom:2.5rem;margin-right:1.3333333333%;position:relative}#top #project .in-wrap .p-lists li:nth-of-type(4n){margin-right:0}#top #project .in-wrap .p-lists li:last-child{margin-right:0}@media screen and (max-width: 959px){#top #project .in-wrap .p-lists li{width:32%;margin-right:2%}#top #project .in-wrap .p-lists li:nth-of-type(4n){margin-right:2%}#top #project .in-wrap .p-lists li:nth-of-type(3n){margin-right:0}}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists li{width:49%;margin-right:2%;display:flex;flex-direction:column;padding:1.5rem 0 1rem;margin-bottom:2rem}#top #project .in-wrap .p-lists li:nth-of-type(4n){margin-right:2%}#top #project .in-wrap .p-lists li:nth-of-type(3n){margin-right:2%}#top #project .in-wrap .p-lists li:nth-of-type(even){margin-right:0}}#top #project .in-wrap .p-lists li:before{content:"";display:block;width:30px;height:30px;background:#fff;top:-1px;right:-1px;position:absolute}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists li:before{width:20px;height:20px}}#top #project .in-wrap .p-lists li:after{content:"";display:block;width:30px;height:30px;background:#fff;bottom:-1px;left:-1px;position:absolute}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists li:after{width:20px;height:20px}}#top #project .in-wrap .p-lists li p{position:relative;z-index:2;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:1.3;color:#008cd6;padding:1rem .5rem 3rem;min-height:8rem}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists li p{font-size:1.4rem;min-height:0;padding:0 .5rem 1.5rem}#top #project .in-wrap .p-lists li p br{display:none}}#top #project .in-wrap .p-lists li div{position:relative;z-index:2;padding:0 2rem}@media screen and (max-width: 559px){#top #project .in-wrap .p-lists li div{margin-top:auto;padding:0 1rem}}#top #project .in-wrap .p-lists li div a{display:block;transition:all .3s}#top #project .in-wrap .p-lists li div a:hover{opacity:.7}#top #uminoie{margin-bottom:3rem}@media screen and (max-width: 559px){#top #uminoie{margin-bottom:1rem}}#top #uminoie .ttl-holder{background:url(../img/top/ttl-back.jpg);background-position:center center;width:100%;height:70px;background-size:cover;display:flex;align-items:center}#top #uminoie .ttl-holder .sec-ttl{color:#fff;width:100%}#top #uminoie .in-wrap{padding:0 3%;max-width:calc(1070px + 6%);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #uminoie .in-wrap{padding:0 1rem}}#top #uminoie ul{margin-top:5rem;display:flex;flex-wrap:wrap}@media screen and (max-width: 559px){#top #uminoie ul{margin-top:3rem}}#top #uminoie ul li{display:flex;flex-direction:column;border-top:1px solid #008cd6;width:23%;margin-bottom:5rem;margin-right:2.6666666667%;cursor:pointer;transition:opacity .3s}#top #uminoie ul li:nth-of-type(4n){margin-right:0}#top #uminoie ul li:hover{opacity:.7}@media screen and (max-width: 959px){#top #uminoie ul li{width:32%;margin-right:2%}#top #uminoie ul li:nth-of-type(4n){margin-right:2%}#top #uminoie ul li:nth-of-type(3n){margin-right:0}}@media screen and (max-width: 559px){#top #uminoie ul li{width:49%;margin-right:2%;margin-bottom:2.5rem}#top #uminoie ul li:nth-of-type(4n){margin-right:2%}#top #uminoie ul li:nth-of-type(3n){margin-right:2%}#top #uminoie ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 380px){#top #uminoie ul li{width:100%;margin:0 auto 3rem !important}#top #uminoie ul li:nth-of-type(4n),#top #uminoie ul li:nth-of-type(3n){margin-right:0}}#top #uminoie ul li h3{font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1.5;color:#008cd6;text-align:center;padding:2rem 0}@media screen and (max-width: 559px){#top #uminoie ul li h3{font-size:1.7rem;font-weight:700;letter-spacing:0;line-height:1.3;padding:1rem 0}}#top #uminoie ul li h3.chibi{font-size:1.6rem}#top #uminoie ul li div.images{margin-bottom:2rem}@media screen and (max-width: 559px){#top #uminoie ul li div.images{margin-bottom:1.5rem}}@media screen and (max-width: 380px){#top #uminoie ul li div.images{max-width:300px;margin:0 auto 1.5rem}}#top #uminoie ul li .lead{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.4;margin-bottom:2rem}@media screen and (max-width: 559px){#top #uminoie ul li .lead{margin-bottom:1rem}}#top #uminoie ul li .btn{font-size:1.1rem;font-weight:900;letter-spacing:.1rem;line-height:1;font-family:"Roboto",sans-serif;font-style:italic;color:#008cd6;text-decoration:underline;cursor:pointer;text-align:right;margin-top:auto}#top #maps{background:#5dc6f4;padding:7rem 0}@media screen and (max-width: 559px){#top #maps{padding:3rem 0}}#top #maps .in-wrap{padding:0 3%;max-width:calc(1100px + 6%);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #maps .in-wrap{padding:0 1rem}}#top #maps .in-wrap .sec-ttl.en{color:#fff;font-family:"Roboto",sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:.1rem;line-height:1;font-style:italic}#top #maps .in-wrap ul{display:flex;justify-content:space-between;margin-top:7rem}@media screen and (max-width: 767px){#top #maps .in-wrap ul{margin-top:4rem;flex-direction:column}}@media screen and (max-width: 559px){#top #maps .in-wrap ul{margin-top:2.5rem}}#top #maps .in-wrap ul li{width:49%}@media screen and (max-width: 767px){#top #maps .in-wrap ul li{width:100%}#top #maps .in-wrap ul li:nth-of-type(1){margin-bottom:2rem}}#top #maps .in-wrap ul li h3{font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1.7;color:#fff;padding:.3rem .5rem;border:2px solid #fff;border-radius:20px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}@media screen and (max-width: 559px){#top #maps .in-wrap ul li h3{font-size:1.5rem}}#top #maps .in-wrap ul li .image{margin-bottom:3rem}@media screen and (max-width: 559px){#top #maps .in-wrap ul li .image{margin-bottom:1.5rem}}#top #maps .in-wrap ul li .image.ggmap{position:relative;padding-bottom:69.2%;height:0;overflow:hidden}#top #maps .in-wrap ul li .image.ggmap iframe,#top #maps .in-wrap ul li .image.ggmap object,#top #maps .in-wrap ul li .image.ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}#top #maps .in-wrap ul li p{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1.5;color:#fff;margin-left:1.9rem;text-indent:-1.9rem}@media screen and (max-width: 559px){#top #maps .in-wrap ul li p{font-size:1.4rem;margin-left:1.8rem;text-indent:-1.8rem}}#top #maps .in-wrap ul li p:nth-of-type(1){margin-bottom:.5rem}#top #maps .in-wrap ul li p span{font-weight:700}#top #related-info{padding:7rem 0 10rem}@media screen and (max-width: 559px){#top #related-info{padding:3rem 0 4rem}}#top #related-info .in-wrap{padding:0 3%;max-width:calc(834px + 6%);margin:0 auto;box-sizing:border-box}@media screen and (max-width: 959px){#top #related-info .in-wrap{padding:0 1rem}}#top #related-info .in-wrap ul{margin-top:4.5rem;display:flex;justify-content:center}@media screen and (max-width: 767px){#top #related-info .in-wrap ul{margin-top:4rem;flex-direction:column}}@media screen and (max-width: 559px){#top #related-info .in-wrap ul{margin-top:2rem}}#top #related-info .in-wrap ul li{width:48%}@media screen and (max-width: 767px){#top #related-info .in-wrap ul li{width:100%}#top #related-info .in-wrap ul li:nth-of-type(1){margin-bottom:2rem}}#top #related-info .in-wrap ul li a{display:flex;justify-content:center;align-items:center;height:75px;font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1.5;border:2px solid #008bd6;position:relative;background:rgba(0,139,214,0);transition:all .3s}@media screen and (max-width: 559px){#top #related-info .in-wrap ul li a{height:50px;font-size:1.5rem}}#top #related-info .in-wrap ul li a:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:38px 38px 0 0;border-color:#008bd6 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;top:0;left:0;transition:all .3s}@media screen and (max-width: 559px){#top #related-info .in-wrap ul li a:before{border-width:24px 24px 0 0}}#top #related-info .in-wrap ul li a:hover{border:2px solid rgba(0,139,214,0);background:#008bd6;color:#fff}@media screen and (max-width: 559px){#top #related-info .in-wrap ul li a:hover{border:2px solid #008bd6;background:rgba(0,139,214,0);color:#4c4948}}#top #related-info .in-wrap ul li a:hover:before{border-width:40px 40px 0 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:-2px;left:-2px}@media screen and (max-width: 559px){#top #related-info .in-wrap ul li a:hover:before{border-width:24px 24px 0 0;border-color:#008bd6 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:0;left:0}}