body{line-height:1.8}a{color:#00f}a:hover,li:hover{text-decoration:none;color:#024dbc}.card-body a{text-decoration:none;color:#212529}a.btn_line{text-decoration:none}.navbar-brand img{height:25px}.header-section{position:relative}.header-content{-ms-grid-column-span:3;grid-column-end:6;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.h1-header{color:#fff;font-weight:400;position:static;margin-top:0;margin-bottom:0;margin-left:0;font-size:3.2vw;line-height:4vw;-o-object-fit:fill;object-fit:fill}.topdcs{height:100vh;grid-auto-columns:0px;grid-column-gap:0px;grid-row-gap:0px;-ms-grid-columns:8% 2px 28% 2px 28% 2px 28% 2px 8%;grid-template-columns:8% 2px 28% 2px 28% 2px 28% 2px 8%;-ms-grid-rows:auto;grid-template-rows:auto}.topdcs .h1-header{font-size:3.5vw}.video-div>.bg-topdcs{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.video-div{position:static;left:0;top:0;right:auto;bottom:auto;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh}.grid.content-inner,.grid.content-inner .video-div{height:65vh !important}.grid.content-inner{grid-auto-columns:0px;grid-column-gap:0px;grid-row-gap:0px;-ms-grid-columns:8% 2px 28% 2px 28% 2px 28% 2px 8%;grid-template-columns:8% 2px 28% 2px 28% 2px 28% 2px 8%;-ms-grid-rows:auto;grid-template-rows:auto}.scrolldown{position:absolute;bottom:30px;left:50%;z-index:1}.scrolldown span{position:absolute;left:10px;bottom:10px;color:#eee;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius:50%;background:#eee;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite}@keyframes circlemove{0%{bottom:45px}100%{bottom:-5px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}.scrolldown:after{content:"";position:absolute;bottom:0;left:0;width:2px;height:50px;background:#eee}.header-color{background-color:rgba(255,255,255,0) !important;opacity:1;transition:all .5s}.header-color.change-color,.content-color,.top-change-color{background-color:rgba(255,255,255,.9) !important}a.nav-link{color:#fff}.header-color a.nav-link,.change-color a.nav-link,.content-color a.nav-link{color:#333}.bg-gray-100{background-color:#f6f5f3}.news-img,.project-img{width:100%;height:0;padding-top:75%;background-repeat:no-repeat !important;background-position:center center!important;background-size:cover !important}#project h4{border-left:6px solid #333;padding:4px 12px}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section{padding-top:80px}.section h2{margin-bottom:60px}.h2-header{font-size:3rem !important}.nav-link{color:#000}.nav-link:hover{cursor:pointer;color:#000}.navbar-nav li{margin:0 15px}.show .navbar-nav li{border-bottom:1px solid #ddd}.navbar-nav li:last-child{margin-right:10px}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-width='3' d='M6 6L24 24M6 24L24 6'/%3e%3c/svg%3e")}.navbar-toggler{border:none !important}.navbar-toggler:focus{box-shadow:none !important}.top-image{margin-bottom:60px;position:relative}.top-image h1{position:absolute;top:20%;left:7%;color:#000;opacity:.7}#event h6{font-weight:700;font-size:18px}.post{position:relative}.post-time{font-size:13px;font-family:"Poppins",sans-serif;display:inline-flex}.post-cat{display:inline-flex}.post-title{width:100%;display:block}ul.news-list{list-style:none}ul.news-list li a{text-decoration:none;color:#000}ul.news-list li:hover{color:#333;background-color:#f8f9fa}ul.news-list li i{position:absolute;right:1em;top:50%;width:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#news .content{word-break:break-word}.float{position:relative;top:0;border:1px solid #ccc;color:#333;text-decoration:none;outline:none;transition:all .3s}.float:hover{top:-8px;box-shadow:0 2px 3px rgba(0,0,0,.3)}footer{background-color:#e3e3e3;padding:20px 0 10px}footer a{color:#000;text-decoration:none}footer li{list-style:none;margin:15px 0}footer li:first-child{margin-top:0}footer li a{position:relative;display:inline-block;text-decoration:none;font-size:18px;font-weight:700}footer li a:after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:#fff;transform:scale(0,1);transform-origin:center top;transition:transform .3s}footer li a:hover:after{transform:scale(1,1)}.wp-pagenavi span.pages{display:none !important}.wp-pagenavi a,.wp-pagenavi span{border:none;padding:0 .5em;color:rgba(0,0,0,.2);font-size:24px;font-weight:400;font-family:"Poppins",sans-serif}.wp-pagenavi span.current{color:#000}.wp-pagenavi a,.wp-pagenavi span.current{text-decoration:none;padding:3px 5px;margin:2px;border-radius:50%;width:40px;height:40px;display:inline-block;text-align:center;line-height:40px}.wp-pagenavi span.pages{height:40px;display:inline-block;line-height:40px}#page-top{position:fixed;bottom:20px;right:10px}#page-top a{display:block;padding:10px;width:70px;height:70px;line-height:60px;text-align:center;font-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}#page-top a:hover{text-decoration:none}#page-top a i{font-size:32px}#splash{position:fixed;width:100%;height:100%;z-index:1300;background:#fff;text-align:center;color:#fff}#splash_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash_logo img{width:300px}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}body{background:#fff}body.appear{background:#fff}.splashbg1,.splashbg2{display:none}body.appear .splashbg1,body.appear .splashbg2{display:block}body.appear .splashbg1{animation-name:PageAnime;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;content:"";position:fixed;z-index:999;width:100%;height:100vh;bottom:50%;left:0;transform:scaleY(1);background-color:#fff}@keyframes PageAnime{0%{transform-origin:top;transform:scaleY(1)}100%{transform-origin:top;transform:scaleY(0)}}body.appear .splashbg2{animation-name:PageAnime2;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:50%;left:0;transform:scaleY(1);background-color:#fff}@keyframes PageAnime2{0%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(0)}}#container{opacity:0}body.appear #container{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}.slide-in{overflow:hidden;display:inline-block}.slide-in_inner{display:inline-block}.leftAnime{opacity:0}.slideAnimeLeftRight{animation-name:slideTextX100;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX100{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.slideAnimeRightLeft{animation-name:slideTextX-100;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX-100{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.box{margin:2em 0;position:relative;padding:.5em 1.5em;border-top:solid 2px #000;border-bottom:solid 2px #000;background-color:#fff}.box:before,.box:after{content:'';position:absolute;top:-10px;width:2px;height:-webkit-calc(100% + 20px);height:calc(100% + 20px);background-color:#000}.box:before{left:10px}.box:after{right:10px}.box p{margin:0;padding:0}.btn_line{background:#0c0c0c;color:#fff;border:none;position:relative;height:60px;font-size:1rem;padding:10px 60px;cursor:pointer;transition:.8s ease all;outline:none;border-radius:5px;margin-top:10px}.btn_line:hover{background:#fff;color:#0c0c0c}.btn_line:before,.btn_line:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#0c0c0c;transition:.8s ease all}.btn_line:after{right:inherit;top:inherit;left:0;bottom:0}.btn_line:hover:before,.btn_line:hover:after{width:100%;transition:.8s ease all}.btn_line:hover img{filter:invert(1);transition:.8s ease all}.btn_line img{filter:invert(0);transition:.8s ease all}.hover-img{background-color:#000;color:#fff;display:inline-block;margin:8px;overflow:hidden;position:relative;text-align:center}.hover-img *{box-sizing:border-box;transition:all .45s ease}.hover-img:before,.hover-img:after{background-color:rgba(0,0,0,.5);border-top:90px solid rgba(0,0,0,.5);border-bottom:90px solid rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0;content:'';transition:all .3s ease;z-index:1;opacity:0;transform:scaleY(2)}.hover-img img{vertical-align:top;backface-visibility:hidden}.hover-img figcaption{position:absolute;top:0;bottom:0;left:0;right:0;align-items:center;z-index:1;display:flex;flex-direction:column;justify-content:center;line-height:1.1em;opacity:0;z-index:2;transition-delay:.1s;font-size:24px;font-family:sans-serif;font-weight:400;letter-spacing:1px;text-transform:uppercase}.hover-img:hover:before,.hover-img:hover:after{transform:scale(1);opacity:1}.hover-img:hover>img{opacity:.7}.hover-img:hover figcaption{opacity:1}@media (min-width:992px){header li a{position:relative;display:inline-block;text-decoration:none;font-size:18px;font-weight:700}header li a:after{position:absolute;bottom:2px;left:0;content:'';width:100%;height:2px;background:#333;transform:scale(0,1);transform-origin:center top;transition:transform .3s}header li a:hover:after{transform:scale(1,1)}}@media screen and (max-width:991.98px){.header-content{-ms-grid-column-span:5;grid-column-end:8;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1}.grid.content-inner,.grid.content-inner .video-div{height:40vh !important}.h1-header{font-size:4.5vw;line-height:7vw}.topdcs{-ms-grid-columns:8% 1px 84% 1px 8%;grid-template-columns:8% 1px 84% 1px 8%}.topdcs .h1-header{font-size:4.5vw}.header-content{width:100%}}@media (max-width:767px){.section{padding-top:60px}.h1-header{font-size:7vw;line-height:7vw;position:absolute;top:20vh}.topdcs .h1-header{font-size:6.5vw;position:absolute;top:40vh}}@media screen and (max-width:479px){.topdcs{height:80vh}}.social-share{margin-bottom:18px}.social-share svg{height:18px;margin-bottom:2px}.social-share a{display:inline-block;margin-right:10px;padding:2px 12px;font-size:13px;text-decoration:none;color:#fff;border-radius:20px}.social-share a:first-child{background-color:#1877f2}.social-share a:last-child{background-color:#000}.social-share a:hover{opacity:.8}form{margin:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute !important;height:1px;width:1px}.screen-reader-text{word-wrap:normal !important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.search-field{background-color:transparent;background-image:url(//susono-city.digitalsmartcity.jp/wp-content/themes/dsc_susono/images/search-icon.png);background-position:5px center;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;height:37px;margin:5px 0 3px;padding:0 0 0 34px;position:relative;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease;width:1px}input[type=search]{-webkit-appearance:textfield;padding-right:2px;width:150px}.search-form .search-submit{display:none}