@media screen and (max-width:1300px){.container{width: 80%;}}
@media screen and (max-width:1140px){.container{width: 95%;}.caseBox{width: 25%;}.caseBox .img{height: 15vw;}}
@media screen and (max-width:990px){#process .w-15,.pageBtn [class^="w-"].case_in_btn{width: 20%;border-width:2px}#process .w-55{width: 80%;}#map .w-30{width: 70%;padding-top: 10px;}#process .w-30,section#about .w-35,section#about .w-65{width: 100%;}section#service .w-25{width: 50%;}.btns .w-20{width: 33.33%;}}
@media screen and (max-width:768px){#map h5>a{display: block;padding: 5px 0;font-size: 18px;}#contact h4{text-align: left;}.content{background: #efefef;}#bnr2 {background: url(../images/ph/bgi2.webp) center top /cover fixed;height: 60vmin;}.txt2,.txt2{width: 50vw;}#anchor,.anchor{top: -100px;}.logo img{max-width: 340px;width: 100%;}.logo{width: calc(100% - 60px);height: auto;}.txt1{width: 44vw;}.house{background: url(../images/ph/house.webp) right top / 100% no-repeat;}.people{left: 0;width: 100vw;}#map .w-15{width: 100%;max-width: 150px;}.processTitle:after{left: 50px;}#map .contact{width: 100%;max-width: 68vw;justify-content: flex-start;padding: 10px 0 0 4%;}.pc{display: none;}.ph{display: block;}.title:after{width: 40vw;}section#about .h-80{position: absolute;top: -3vw;right: 0;width: 30vw;padding: 0;opacity: .6;}#process .w-33,#map .w-30,article .w-40,article .w-60,aside.w-25,article.w-75{width: 100%;padding: 0;}#process .item.w-100,#search .w-20{width: 50%;}.iconBox{top:auto;bottom: 70px;right: 5px;}.caseBox{width: 33.33%;}.caseBox .img{height: 22vw;}aside.w-25 .w-100{width: 25%;padding: 0 2px}}
@media screen and (max-width:620px){.pc-pad{display: none;}}
@media screen and (max-width:560px){.box{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}#anchor,.anchor{top: -90px;}#map .icon{max-width: 120px;}.title:after{width: 35vw;}#process .w-55,#process .w-15,#process .item.w-100,#search .w-50{width: 100%;padding-bottom: 10px;}#map .contact{max-width: 100%;padding-left: 0;}.btns .w-20,#map .icon,.caseBox{width: 50%;}.caseBox .img{height: 34vw;}}
@media screen and (max-width:420px){#anchor,.anchor{top: -80px;}.title:after {width: 26vw;}section#service .w-25{width: 100%;}section#about h3{font-size: min(max(1.3vw, 20px), 28px);letter-spacing:0}#map .contact h4{font-size: min(max(1.1vw, 16px), 24px);}.pageBtn [class^="w-"].case_in_btn{width: 25%;}}
@media screen and (max-width:359px){.pageBtn [class^="w-"].case_in_btn{width: 33.33%;}.btns .w-20{width: 100%;}.caseBox{width: 80%;}.caseBox .img{height: 50vw;}}
@media screen and (max-width:330px){.title:after {width: 15vw;}.record{display: none;}.page .w-25{width: 50%;}}
@media screen and (max-width:319px){.pageBtn{border-bottom: 1px solid #ddd;padding-bottom: 0;}.pageBtn h4,.pageBtn h5{font-size: 14px;}.iconBox{bottom: 55px;}.iconBox,.top{transform: scale(.75);transform-origin: bottom right;}.phnav .p-10{padding: 5px 0;}.phheader>.p-1{padding:0 5px;}}