@media screen and (min-width:640px){#pagewrap{margin:0 auto;max-width:800px}
.icon{height:90px}
.icon ul li img{width:130px;height:123px}
.banz{width:100%;height:180px;background:#1e1d18;padding:7% 0;margin-top:8.4%}
.banz dl{width:17%;float:left}
.banz dl:first-child{margin-left:9%}
.banz dt{width:92px;height:92px;text-align:center;position:relative}
.banz dt::before{content:" ";position:absolute;width:89px;height:89px;border:1.5px solid #fbac01;border-radius:50%;animation:rotateRouter 8s linear infinite;-moz-animation:rotateRouter 8s linear infinite;-webkit-animation:rotateRouter 8s linear infinite;-o-animation:rotateRouter 8s linear infinite}
.banz dt img{position:absolute;top:30%;left:78%}
.banz dd{width:92px;height:70px;text-align:center;margin-left:42%}
.banz dd h5 a{color:#fbac01;font-size:1.4em;line-height:2em;font-weight:400}
.tit h1,.tit_01 h1{padding-top:0;font-size:2.4em;line-height:1.4em;text-align:center;color:#36383f}
.tit_02 h1{padding-top:0;font-size:2.4em;line-height:1.4em;text-align:center;color:#fff}
.tit h1 span,.tit_01 h1 span,.tit_02 h1 span{color:#fbac01}
.work-info li h3{font-size:1.4em;font-weight:400;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;text-align:center}
.work-info h4{font-size:1.2em;color:#1e1d18;padding:12% 0 8%}
.goback{top:140px}
.back{width:52px;height:52px;background:url(../images/back.png) no-repeat center center;background-size:52px 52px}
.bottom-btn{height:80px}
.bottom-btn1{height:80px;background:url(../images/bottom-btn1.png) no-repeat center center;background-size:58px 58px}
.bottom-btn2{height:80px;background:url(../images/bottom-btn2.png) no-repeat center center;background-size:58px 58px}
.tedu_a{display:block;width:24%;margin:0 auto;margin-top:4%;margin-bottom:4%}
#go{font-size:1.2em}
}
@media screen and (min-width:480px) and (max-width:639px){#pagewrap{margin:0 auto;width:100%}
.icon{height:80px}
.icon ul li img{width:104px;height:98px}
.banz{width:100%;height:160px;background:#1e1d18;padding:7% 0;margin-top:8.4%}
.banz dl{width:16%;float:left}
.banz dl:first-child{margin-left:9%}
.banz dt{width:74px;height:74px;text-align:center;position:relative}
.banz dt::before{content:" ";position:absolute;width:72px;height:72px;border:1.5px solid #fbac01;border-radius:50%;animation:rotateRouter 8s linear infinite;-moz-animation:rotateRouter 8s linear infinite;-webkit-animation:rotateRouter 8s linear infinite;-o-animation:rotateRouter 8s linear infinite}
.banz dt img{position:absolute;top:26%;left:74%}
.banz dd{width:74px;height:60px;text-align:center;margin-left:42%}
.banz dd img{width:70px;height:20px}
.banz dd h5 a{color:#fbac01;font-size:1.2em;line-height:2em;font-weight:400}
.tit h1,.tit_01 h1{padding-top:0;font-size:1.8em;line-height:1em;text-align:center;color:#36383f}
.tit_02 h1{padding-top:0;font-size:1.8em;line-height:1em;text-align:center;color:#fff}
.tit h1 span,.tit_01 h1 span,.tit_02 h1 span{color:#fbac01}
.work-info li h3{font-size:1.2em;font-weight:400;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;text-align:center}
.work-info h4{font-size:1em;color:#1e1d18;padding:12% 0 8%}
.goback{top:120px}
.back{width:42px;height:42px;background:url(../images/back.png) no-repeat center center;background-size:42px 42px}
.bottom-btn{height:64px}
.bottom-btn1{height:64px;background:url(../images/bottom-btn1.png) no-repeat center center;background-size:43px 43px}
.bottom-btn2{height:64px;background:url(../images/bottom-btn2.png) no-repeat center center;background-size:46.4px 46.4px}
.tedu_a{display:block;width:24%;margin:0 auto;margin-top:4%;margin-bottom:4%}
#go{font-size:1.2em}
}
@media screen and (min-width:320px) and (max-width:479px){#pagewrap{margin:0 auto;width:100%;min-width:320px}
.icon{height:64px}
.icon ul li img{width:70px;height:68px}
.banz{width:100%;height:120px;background:#1e1d18;padding:7% 0;margin-top:8.4%}
.banz dl{width:17%;float:left}
.banz dl:first-child{margin-left:7%}
.banz dt{width:58px;height:58px;text-align:center;position:relative}
.banz dt::before{content:" ";position:absolute;width:56px;height:56px;border:1.5px solid #fbac01;border-radius:50%;animation:rotateRouter 8s linear infinite;-moz-animation:rotateRouter 8s linear infinite;-webkit-animation:rotateRouter 8s linear infinite;-o-animation:rotateRouter 8s linear infinite}
.banz dt img{position:absolute;top:20%;left:72%;width:32px;height:32px}
.banz dd{width:58px;height:56px;text-align:center;margin-left:42%}
.banz dd img{width:54px;height:16px}
.banz dd h5 a{color:#fbac01;font-size:.8em;line-height:2em;font-weight:400}
.tit h1,.tit_01 h1{padding-top:0;font-size:1.6em;line-height:1.4em;text-align:center;color:#36383f}
.tit_02 h1{padding-top:0;font-size:1.6em;line-height:1.4em;text-align:center;color:#fff}
.tit h1 span,.tit_01 h1 span,.tit_02 h1 span{color:#fbac01}
.work-info li h3{font-size:.9em;font-weight:400;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;text-align:center}
.work-info h4{font-size:.8em;color:#1e1d18;padding:8% 0 8%}
.goback{top:100px}
.back{width:31px;height:31px;background:url(../images/back.png) no-repeat center center;background-size:31px 31px}
.bottom-btn{height:48px}
.bottom-btn1{height:48px;background:url(../images/bottom-btn1.png) no-repeat center center;background-size:34.8px 34.8px}
.bottom-btn2{height:48px;background:url(../images/bottom-btn2.png) no-repeat center center;background-size:34.8px 34.8px}
.tedu_a{display:block;width:24%;margin:0 auto;margin-top:4%;margin-bottom:4%}
#go{font-size:1em}
}