@charset "utf-8";
@media only screen and (max-width:1366px){
h1{margin-bottom:40px;}
h2{margin-bottom:40px;}
h3{margin-bottom:20px;}
header{height:70px;}
header .logo{margin-top:15px;}
header .nav .one > li{padding:15px 0;}
footer{padding:80px 0;}
.index-main .btn{line-height:50px;margin-top:35px;font-size:20px;}
.index-about{padding:80px 0;}
.index-about .service dd{padding:30px;}
.index-about .service dd h3{line-height:35px;font-size:30px;}
.index-process{margin-bottom:80px;}
.main-service{padding-bottom:80px;}
.main-service .service{padding:80px 0;}
.main-service .service dd{padding:30px;}
.main-service .service dd h3{line-height:35px;font-size:30px;}
.list-project .cont .list li h3{font-size:18px;}
.main-project{padding-bottom:80px;}
.main-project .info{padding:80px 0;}
.main-contact .cont{padding:80px 0;}
}
@media only screen and (max-width:980px){
h1{line-height:35px;margin-bottom:30px;font-size:30px;}
h2{line-height:30px;margin-bottom:30px;font-size:26px;}
h3{line-height:25px;margin-bottom:15px;font-size:20px;}
p{line-height:25px;font-size:16px;}
header{height:50px;}
header .phone-menu{display:block;}
header .logo{position:absolute;left:50%;top:0;height:30px;margin-top:10px;margin-left:-57px;}
header .sns{padding:10px 0;}
header .nav{position:fixed;display:block;left:-100%;top:50px;width:100%;height:100%;padding-bottom:100px;overflow-y:auto;border-top:1px solid #e3e3e3;background-color:#f5f5f5;transition:all .5s;}
header .nav .one > li{position:relative;float:none;padding-right:36px;padding:0 35px 0 10px;margin:0 4vw;border-bottom:1px solid #e3e3e3;font-size:18px;text-align:left;}
header .nav .one > li > i{position:absolute;display:block;right:10px;top:16px;width:19px;height:19px;margin:0;cursor:pointer;background:none;}
header .nav .one > li > i:before{content:"";position:absolute;left:0;top:9px;width:19px;height:1px;background-color:#333;}
header .nav .one > li > i:after{content:"";position:absolute;left:9px;top:0;width:1px;height:19px;background-color:#333;}
header .nav .one > li > a{display:block;height:51px;line-height:53px;color:#333;}
header .nav .two{display:none;position:static;width:auto;padding-bottom:15px;margin:0;box-shadow:none;border:none;opacity:1;}
header .nav .two li{line-height:30px;font-size:16px;background:none !important;text-align:left;}
header .nav .two li a{display:inline;}
header .nav .two li a:hover{background:none;}
header .nav .two li:nth-child(2n){background-color:#fff;}
header .nav .two li:before{content:"- ";display:inline;}
header .nav .three{position:static;display:block;padding-left:15px}
header .nav .three p:before{content:"- ";}
header.active .nav{left:0;}
header.flow .logo{margin-top:10px;}
header.flow .nav .one > li{padding:0 35px 0 10px;}
footer{padding:60px 0;}
.banner{margin-top:50px;}
.banner img{width:150%;max-width:150%;margin-left:-25%;}
.banner .text{padding:0 5%;}
.banner .text h1{line-height:35px;margin-bottom:15px;font-size:30px;}
.banner .text p{line-height:25px;font-size:18px;}
.index-main{margin-top:50px;}
.index-about{padding:60px 0;}
.index-about .about{margin-bottom:60px;}
.index-about .team{margin-bottom:60px;}
.index-about .service h2{line-height:35px;margin-bottom:10px;font-size:30px;}
.index-about .service dl{margin-top:40px;}
.index-about .service dd h3{line-height:25px;font-size:20px;}
.index-about .service dd li{margin-bottom:5px;font-size:16px;}
.index-about .service dd a{font-size:16px;}
.index-process{margin-bottom:60px;}
.index-process h2{line-height:35px;margin-bottom:30px;font-size:30px;}
.index-process ul:before{height:214px;}
.index-process li{margin-bottom:80px;}
.index-process li p{line-height:25px;font-size:20px;}
.index-display .title{margin-bottom:60px;}
.index-unique{padding:60px 0;}
.main-about p{margin-bottom:15px;}
.main-about .about{margin-bottom:60px;}
.main-about .banner{margin-bottom:60px;}
.main-about .team li{align-items:flex-start;}
.main-about .team li .pic{padding-top:5px;}
.main-about .deliver{padding:80px 0;}
.main-service{padding-bottom:60px;}
.main-service .service{padding:60px 0;}
.main-service .service dd h3{line-height:25px;font-size:20px;}
.main-service .service dd li{margin-bottom:5px;font-size:16px;}
.main-service .service dd a{font-size:16px;}
.main-service .life p{margin-bottom:15px;}
.main-service .life img{margin-top:30px;}
.main-service .life ul{justify-content:space-between;flex-wrap:wrap;margin:60px 0 30px;}
.main-service .life li{width:49%;padding:3% 3% 1%;margin-bottom:2%;background-color:rgba(255,255,255,.5);}
.list-project{margin-top:50px;}
.list-project .banner{margin-bottom:60px;}
.list-project .video{margin-bottom:60px;}
.list-project .slide-pro{margin-bottom:60px;}
.list-project .slide-dot{bottom:20px;height:12px;}
.list-project .slide-dot li{width:12px;height:12px;margin:0 4px;}
.list-project .cont .title{margin-bottom:35px;padding-bottom:35px;}
.list-project .cont .list ul{width:100%;justify-content:space-between;}
.list-project .cont .list li{width:48%;margin:0 0 4%;}
.list-project .cont .list li h3{margin:0;font-size:16px;}
.list-project .cont .cate{margin-bottom:40px;}
.list-project .edge{padding:80px 0;}
.main-project{margin-top:50px;padding-bottom:60px;}
.main-project .video{margin-bottom:60px;}
.main-project .cont h1{line-height:40px;margin-bottom:60px;font-size:30px;}
.main-project .cont .cbox .info{position:static;width:100%;height:auto;margin-bottom:60px;text-align:center;}
.main-project .cont .cbox .info .pos{display:block;}
.main-project .cont .cbox .info p{display:inline-block;margin:0 20px;}
.main-project .cont .cbox .info p.area{display:block;width:auto;}
.main-project .cont .cbox ul{display:flex;justify-content:space-between;flex-wrap:wrap;height:auto;padding:0;}
.main-project .cont .cbox li{width:48%;height:auto;padding:0;margin:0 0 4% !important;}
.main-contact .cont{padding:60px 0;}
.main-contact .cont .main-width{display:block;}
.main-contact .cont .desc{width:100%;}
.main-contact .cont .message{width:100%;}
}
@media only screen and (max-width:780px){
footer .func .way img{margin-bottom:40px;}
footer .func .info .sns{margin-bottom:50px;}
}
@media only screen and (max-width:640px){
footer{padding-bottom:20px;}
footer p{font-size:16px;}
footer .func{display:block;padding-bottom:20px;margin-bottom:20px;}
footer .func .way{max-width:100%;}
footer .func .way p{margin-bottom:10px;}
footer .func .info{max-width:100%;text-align:left;}
footer .func .info .sns{margin-bottom:20px;}
footer .func .info .sns a{margin:0 10px 0 0;}
.banner{width:100%;}
.banner img{width:150%;max-width:250%;margin-left:-25%;}
.index-main .banner img{width:250%;margin-left:-75%;}
.index-main .banner .text h1{line-height:30px;font-size:24px;}
.index-main .banner .text p{line-height:20px;font-size:14px;}
.banner .text a{line-height:50px;padding:0 30px;}
.index-about .service dl{display:block;}
.index-about .service dd{width:100%;margin-bottom:20px;}
.index-process ul:before{display:none;}
.index-process li{width:50%;margin-bottom:30px;}
.index-process li i{margin-bottom:5px;}
.index-process li:nth-child(5),.index-process li:nth-child(6),.index-process li:nth-child(7),.index-process li:nth-child(8){float:left;margin-bottom:30px;}
.main-about .team li{display:block;}
.main-about .team li .pic{width:100%;padding-bottom:0;margin-bottom:15px;}
.main-about .team li .text{width:100%;}
.main-about .deliver{padding:60px 0;background-position:center;}
.main-about .deliver .text{width:100%;}
.main-service .service dl{display:block;}
.main-service .service dd{width:100%;margin-bottom:20px;}
.main-service .life ul{margin:40px 0 10px;}
.main-service .life li{width:100%;padding:20px 20px 10px;}
.list-project .cont{margin-bottom:40px;}
.list-project .cont .title{padding-bottom:25px;margin-bottom:25px;}
.list-project .cont .cate{margin-bottom:30px;}
.list-project .cont .cate a{margin-bottom:10px;}
.list-project .cont .list li h3{line-height:18px;font-size:14px;}
.list-project .cont .list li .pic{margin-bottom:5px;}
.list-project .edge{padding:60px 0;background-position:25% center;}
.list-project .edge .text{width:80%;}
.main-project .video{height:auto;min-height:1px;}
.main-project .cont h1{line-height:30px;margin-bottom:30px;font-size:24px;}
.main-project .cont .cbox li{width:100%;}
.main-project .cont .cbox .info{margin-bottom:30px;padding:0;}
.main-project .cont .cbox .info p{margin:0 10px;}
.main-project .cont .cbox .info p:before{width:50px;height:50px;}
.main-contact .cont{padding:40px 0;}
.main-contact .cont .message li.half{width:100%;}
.main-contact .cont .message li label{line-height:20px;font-size:16px;}
.main-contact .cont .message li input{height:40px;padding:0 10px;}
.main-contact .cont .message li textarea{padding:5px 10px;}
}