body {
    overflow-wrap: break-word;
    word-break: keep-all;
    text-align: left;
}
/**/
@media only screen and (max-width:1280px) and (min-width:1025px) {
    #navi {padding:0 0.2rem;}
    #navi .parent {padding-left: 0.25rem; padding-right: 0.25rem;}
}
@media only screen and (min-width:1280px) {
      .boxname {
        font-size: var(--fz50);
    }
}
/**/
@media only screen and (min-width:1281px) {
    .product .tab {margin-top:7%;}
}
/**/
#menu {
    width: calc(100% - 4.8rem);
}
#menu dl {
    padding-right: 0.5rem;
}
#menu dl:last-child {
    padding-right: 0;
}
@media only screen and (max-width:1280px) {
    #menu {
        width: calc(100% - 4rem);
    }
}
/**/
@media only screen and (min-width:1025px) {
    #infor {
        max-width: 3.6rem;
    }
}
/**/
.service .info .text {width: calc(100% - 0.92rem);}
@media only screen and (min-width:751px) {
    .service .info li {width: 31%;}
}
@media only screen and (max-width:1024px) and (min-width:751px) {
    .service .info li {flex-direction: column; align-items: center;}
    .service .info .icon {margin-right: 0;}
    .service .info .text {width: 100%; text-align: center;}
}
/**/
.about .info {max-width: 8.2rem;}
.about .boxname {white-space: nowrap;}
.about .info .meta {max-width: 5.2rem; margin-bottom: 0.52rem;}
.about .info .meta li {padding-top: 0.35rem;}
@media only screen and (max-width:750px) {
    .about .boxname {white-space: normal;}
}
/*areas*/
.areas {}
@media only screen and (min-width:751px) {
    .areas .tab {width: 9.65rem;}
    .areas .tab .li {margin-right: 0.5rem; font-size: var(--fz20);}
}