*{margin:0;padding:0}#app{width:100%}#app .container{padding:0;background:url(../img/ss.0debd19a.png) no-repeat bottom;background-size:cover;padding-bottom:50px}#app .container header{width:100%;margin-bottom:20px}#app .container header nav .nav-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#app .container header nav .nav-grid .logo img{width:200px}#app .container header nav .nav-grid .nav-item{padding:5px}#app .container header nav .nav-grid .nav-item img{width:20px}#app .container .date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app .container .date .date-left,#app .container .date .date-right{width:25px}#app .container .date .date-left img,#app .container .date .date-right img{width:20px}#app .container .date .date-left{text-align:right}#app .container .date .date-center{border:2px solid #222;width:230px}#app .container .date .date-center h1{margin:0;font-size:22px;text-align:center;line-height:1;padding:2px 0}#app .container .banner{text-align:center;margin-bottom:15px}#app .container .banner img{width:calc(100% - 10px)}#app .container h1{font-size:24px;text-align:center;margin-bottom:2px}#app .container .bar-1{margin-bottom:15px}#app .container .bar-1 .ball-boxs{margin:0 auto}#app .container .bar-1 .ball-boxs>span{text-align:center;border:3px solid #1e0396;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 2px;border-radius:45px;width:270px;height:58px}#app .container .bar-1 .ball-boxs img{width:50px;margin:1px}#app .container .bar-1 .ball-boxs h1{font-size:40px;letter-spacing:20px}#app .container .bar-2{margin-bottom:15px}#app .container .bar-2 .ball-boxs{margin:0 auto}#app .container .bar-2 .ball-boxs>span{text-align:center;border:3px solid #8f0416;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 2px;border-radius:40px;width:245px;height:53px}#app .container .bar-2 .ball-boxs img{width:45px;margin:1px}#app .container .bar-2 .ball-boxs h1{font-size:40px;letter-spacing:15px}#app .container .rd-3{width:95%;margin:0 auto;margin-bottom:10px}#app .container .rd-3 .rd-box>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #000;margin:0 2px;height:35px}#app .container .rd-3 .rd-box>div .wloading img{width:13px;margin:0 1px}#app .container .specai{width:95%;margin:0 auto;margin-bottom:10px}#app .container .specai .sp-box>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #000;margin:0 2px 4px;height:30px}#app .container .specai .sp-box>div h1{font-size:20px}#app .container .specai .sp-box>div .wloading img{width:10px;margin:0 1px}#app .container .consulation{width:95%;margin:0 auto;margin-bottom:15px}#app .container .consulation .con-box>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #000;margin:0 2px;height:35px}#app .container .consulation .con-box>div h1{font-size:24px}#app .container .consulation .con-box>div .wloading img{width:14px;margin:0 1px}@media only screen and (min-width:400px){#app .container{padding-bottom:100px;border:3px solid #222}#app .container header nav .nav-grid .logo img{width:300px}#app .container header nav .nav-grid .nav-item img{width:25px}#app .container .date .date-left,#app .container .date .date-right{width:30px}#app .container .date .date-left img,#app .container .date .date-right img{width:25px}#app .container .date .date-left{text-align:right}#app .container .date .date-center{border:2px solid #000;width:300px}#app .container .date .date-center h1{margin:0;font-size:28px;text-align:center;line-height:1;padding:2px 0}#app .container h1{font-size:28px;margin-bottom:4px}#app .container .bar-1 .ball-boxs>span{border-radius:55px;width:320px;height:68px}#app .container .bar-1 .ball-boxs img{width:60px;margin:1px}#app .container .bar-1 .ball-boxs h1{font-size:50px;letter-spacing:20px}#app .container .bar-2 .ball-boxs>span{border-radius:50px;width:295px;height:63px}#app .container .bar-2 .ball-boxs img{width:55px;margin:1px}#app .container .bar-2 .ball-boxs h1{font-size:50px;letter-spacing:15px}#app .container .rd-3{margin-bottom:15px}#app .container .rd-3 .rd-box>div{height:40px}#app .container .rd-3 .rd-box>div h1{font-size:30px}#app .container .rd-3 .rd-box>div .wloading img{width:14px;margin:0 1px}#app .container .specai{margin-bottom:15px}#app .container .specai .sp-box>div{height:35px}#app .container .specai .sp-box>div h1{font-size:24px}#app .container .specai .sp-box>div .wloading img{width:11px}#app .container .consulation .con-box>div{height:38px}#app .container .consulation .con-box>div h1{font-size:30px}#app .container .consulation .con-box>div .wloading img{width:15px}}@media only screen and (min-width:500px){#app .container{max-width:100%}#app .container header nav .nav-grid .logo img{width:350px}#app .container .date .date-left,#app .container .date .date-right,#app .container header nav .nav-grid .nav-item img{width:30px}#app .container .date .date-left img,#app .container .date .date-right img{width:25px}#app .container .date .date-center{width:350px}#app .container .date .date-center h1{font-size:32px}#app .container h1{font-size:30px}#app .container .bar-1 .ball-boxs>span{border-radius:60px;width:345px;height:73px}#app .container .bar-1 .ball-boxs img{width:65px;margin:1px}#app .container .bar-1 .ball-boxs h1{font-size:55px}#app .container .bar-2 .ball-boxs>span{border-radius:55px;width:325px;height:68px}#app .container .bar-2 .ball-boxs img{width:60px;margin:1px}#app .container .bar-2 .ball-boxs h1{font-size:55px}#app .container .rd-3 .rd-box>div{height:45px}#app .container .rd-3 .rd-box>div h1{font-size:32px}#app .container .rd-3 .rd-box>div .wloading img{width:15px;margin:0 2px}#app .container .specai .sp-box>div{height:40px}#app .container .specai .sp-box>div h1{font-size:26px}#app .container .specai .sp-box>div .wloading img{width:12px;margin:0 2px}#app .container .consulation .con-box>div{height:45px}#app .container .consulation .con-box>div h1{font-size:32px}#app .container .consulation .con-box>div .wloading img{margin:0 2px}}@media only screen and (min-width:600px){#app .container{max-width:100%}#app .container header nav .nav-grid{display:block;text-align:center}#app .container header nav .nav-grid .logo img{width:450px}#app .container header nav .nav-grid .nav-item{display:none}#app .container .date .date-left,#app .container .date .date-right{width:35px}#app .container .date .date-left img,#app .container .date .date-right img{width:30px}#app .container .date .date-center{width:500px}#app .container .date .date-center h1{font-size:36px}#app .container .banner img{width:550px}#app .container h1{font-size:36px}#app .container .bar-1 .ball-boxs>span{border-radius:65px;width:394px;height:78px}#app .container .bar-1 .ball-boxs img{width:70px;margin:1px 4px}#app .container .bar-1 .ball-boxs h1{font-size:60px}#app .container .bar-2 .ball-boxs>span{border-radius:65px;width:360px;height:73px}#app .container .bar-2 .ball-boxs img{width:65px;margin:1px 3px}#app .container .bar-2 .ball-boxs h1{font-size:55px}#app .container .consulation .con-box>div h1,#app .container .rd-3 .rd-box>div h1,#app .container .specai .sp-box>div h1{letter-spacing:2px}}@media only screen and (min-width:700px){#app .container .rd-3 .rd-box>div{height:50px}#app .container .rd-3 .rd-box>div .wloading img{width:20px;margin:0 5px}#app .container .specai .sp-box>div{height:45px}#app .container .specai .sp-box>div .wloading img{width:18px;margin:0 4px}#app .container .consulation .con-box>div{height:50px}#app .container .consulation .con-box>div .wloading img{width:20px;margin:0 5px}}@media only screen and (min-width:800px){#app .container .rd-3 .rd-box>div .wloading img{width:25px;margin:0 5px}#app .container .specai .sp-box>div .wloading img{width:20px;margin:0 4px}#app .container .consulation .con-box>div .wloading img{width:25px;margin:0 5px}}@media only screen and (min-width:900px){#app .container{max-width:960px}#app .container header nav .nav-grid .logo img{width:550px}#app .container .date .date-left,#app .container .date .date-right{width:35px}#app .container .date .date-left img,#app .container .date .date-right img{width:30px}#app .container .date .date-center{width:550px;border:3px solid #222}#app .container .date .date-center h1{font-size:36px}#app .container .banner,#app .container .bar-1,#app .container .bar-2,#app .container .consulation,#app .container .rd-3,#app .container .specai{margin-bottom:25px}#app .container .consulation,#app .container .rd-3,#app .container .specai{width:800px}}