ul{background-color:#C1CEE6;width:298px;padding:0;color:#fff;float:left;margin-left:30px}li{list-style:none}ul ul{height:0;padding:0;overflow:hidden;transition:.5s;border-top:1px solid #67a863;background-color:#f8f8f8;margin:0}ul li li{border-bottom:1px dotted #7FBF8B;padding:10px 0 10px 10px;margin-left:15px}ul:nth-of-type(1) li.active li:last-child{border-bottom:1px solid #67a863}button{position:relative;border:none;width:100%;background-color:inherit;color:#000;cursor:pointer;text-align:left;padding:15px 0 15px 20px;font-size:1em}button:hover{background-color:#ccc}button::before,button::after{content:url(../image/icon/yubi_9.png);object-fit:contain;display:block;position:absolute;right:20px;float:left;background-size:40%;top:17px;bottom:0;-webkit-transition:0.3s linear;-moz-transition:0.3s linear;-ms-transition:0.3s linear;transition:0.3s linear}li.active button::before{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}li.active button::after{content:"";transform:rotate(180deg)}ul.active{overflow-y:auto}li{font-size:14px}a{color:blue;font-weight:700;font-size:large}.footer{width:90%;height:30px;padding:10px 0;border-top:5px solid #CCC;background-image:url(../image/green-line.gif);color:#FFF;opacity:.6;text-align:center;margin:0 auto;text-align:center}.logo_a{background-image:url(../image/logo_nps.png);width:640px;height:55px;position:absolute;top:1em;left:18%}@media only screen and (max-width:640px){.logo_a{background-image:url(../image/nps-sword.png);width:145px;height:76px;position:absolute;top:0;bottom:1em;left:3%;background-repeat:no-repeat}}table{width:100%;height:70px;text-align:center;margin-left:auto;margin-right:auto}.float_left{width:30%;float:left;padding-left:5em}.float_right{width:40%;float:right;padding-left:1em;padding-right:5em}.slideBox{height:235px;width:394px;overflow:hidden;position:relative;margin-left:3em;margin-right:3em;margin-top:2em}.slideBox2{height:90px;width:640px;overflow:hidden;position:relative;margin-left:0em;margin-right:0em;margin-top:1em}.slideBox3{height:140px;width:600px;overflow:hidden;position:relative;margin-left:0em;margin-right:0em;margin-top:1em}@media only screen and (max-width:640px){.float_left{width:100%;padding-left:0}.float_right{width:100%;padding-right:0}.slideBox{height:210px;width:353px;overflow:hidden;position:relative;margin-left:0;margin-right:0;margin-top:0}.slideBox2{height:50px;width:352px;overflow:hidden;position:relative;margin-left:0em;margin-right:0em;margin-top:1em}.slideBox3{height:60px;width:352px;overflow:hidden;position:relative;margin-left:0em;margin-right:0em;margin-top:1em}}.imgs{margin-left:0;padding-left:0;filter:grayscale(99%)}.imgs:hover{filter:grayscale(10%)}.item1{opacity:0;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;-webkit-animation:animes 15s 0s infinite;animation:animes 15s 0s infinite}.item1:nth-of-type(2){-webkit-animation-delay:5s;animation-delay:5s}.item1:nth-of-type(3){-webkit-animation-delay:10s;animation-delay:10s}@keyframes animes{0%{opacity:0;z-index:9}20%{opacity:1}33%{opacity:1}63%{opacity:0}100%{opacity:0;z-index:1}}@-webkit-keyframes animes{0%{opacity:0;z-index:9}20%{opacity:1}33%{opacity:1}63%{opacity:0}100%{opacity:0;z-index:1}}.haikei{position:fixed;top:0;left:0;width:100%;height:100%;background:#f0f0f0;z-index:-1}.haikei li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-animation:anime 50s linear 0s infinite;animation:anime 50s linear 0s infinite}.haikei li:nth-child(1){background-image:url(../image/back_img/back_img_311.webp)}.haikei li:nth-child(2){background-image:url(../image/back_img/back_img_322.webp);-webkit-animation-delay:10s;animation-delay:10s}.haikei li:nth-child(3){background-image:url(../image/back_img/back_img_344.webp);-webkit-animation-delay:20s;animation-delay:20s}.haikei li:nth-child(4){background-image:url(../image/back_img/back_img_333.webp);-webkit-animation-delay:30s;animation-delay:30s}.haikei li:nth-child(5){background-image:url(../image/back_img/back_img_366.webp);-webkit-animation-delay:40s;animation-delay:40s}@-webkit-keyframes anime{0%{-webkit-animation-timing-function:ease-in;opacity:0}10%{-webkit-transform:scale(1);opacity:1}20%{-webkit-transform:scale(1.1);-webkit-animation-timing-function:ease-out;opacity:1}30%{-webkit-transform:scale(1.2);opacity:0}100%{opacity:0}}@keyframes anime{0%{animation-timing-function:ease-in;opacity:0}10%{transform:scale(1);opacity:1}20%{transform:scale(1.1);animation-timing-function:ease-out;opacity:1}30%{transform:scale(1.2);opacity:0}100%{opacity:0}}.labell{padding:7px 5px 5px 10px;margin:0 0 10px;border-left:10px solid #F4CC0B;font-weight:700;color:#FFF;background-color:maroon}@media only screen and (max-width:640px){.labell{width:98%;padding:7px 5px 5px 10px;margin:0 0 10px;border-left:10px solid #F4CC0B;font-weight:700;color:#FFF;background-color:maroon}}.item2{opacity:0;width:90%;height:90%;object-fit:cover;position:absolute;left:0;top:0;-webkit-animation:anime3 50s 0s infinite;animation:anime3 50s 0s infinite}.item2:nth-of-type(2){-webkit-animation-delay:10s;animation-delay:10s}.item2:nth-of-type(3){-webkit-animation-delay:20s;animation-delay:20s}.item2:nth-of-type(4){-webkit-animation-delay:30s;animation-delay:30s}.item2:nth-of-type(5){-webkit-animation-delay:40s;animation-delay:40s}@keyframes anime3{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}100%{opacity:0}}@-webkit-keyframes anime3{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}100%{opacity:0}}.item3{opacity:0;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;-webkit-animation:anime4 30s 0s infinite;animation:anime4 30s 0s infinite}.item3:nth-of-type(2){-webkit-animation-delay:5s;animation-delay:5s}.item3:nth-of-type(3){-webkit-animation-delay:10s;animation-delay:10s}.item3:nth-of-type(4){-webkit-animation-delay:15s;animation-delay:15s}.item3:nth-of-type(5){-webkit-animation-delay:20s;animation-delay:20s}.item3:nth-of-type(6){-webkit-animation-delay:25s;animation-delay:25s}@keyframes anime4{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}100%{opacity:0}}@-webkit-keyframes anime4{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}100%{opacity:0}}