ul.list li{color:#222;line-height:1.5;margin-bottom:16px}ul.list .title{font-size:1.25rem;color:#222}ul.list a{-webkit-box-shadow:inset 0px 0px 0px 0px #DFDFDF;box-shadow:inset 0px 0px 0px 0px #DFDFDF;display:block;padding:16px;background-color:white;border-radius:16px}.icon-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px;text-align:center}.icon-group i{display:block;width:80px;height:80px;border-radius:99em;margin-bottom:4px;background:#ECFAF5 no-repeat url(../images/webp/logo.webp) center/60%}.icon-group b{font-weight:normal;color:#616161}.icon-group .v1 i{background-image:url(../images/icon/icon_item_water_normal.svg)}.icon-group .v2 i{background-image:url(../images/icon/icon_item_connect_normal.svg)}.icon-group .gray.v1 i{background-color:#F0F0F0;background-image:url(../images/icon/icon_item_water_abnormal.svg)}.icon-group .gray.v2 i{background-color:#F0F0F0;background-image:url(../images/icon/icon_item_connect_abnormal.svg)}.icon-group .red.v1 i{background-color:#FFC7C7;background-image:url(../images/icon/icon_item_water_red.svg)}.icon-group .red.v2 i{background-color:#FFC7C7;background-image:url(../images/icon/icon_item_connect_red.svg)}.page{margin-top:12px;margin-bottom:40px}.mtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mtitle .btn_add{position:relative;display:inline-block;width:150px;height:40px;color:white;background-color:#25A0CE;letter-spacing:0.025em;font-size:1rem;line-height:40px;text-align:center;border-radius:99em}@media (min-width:769px){ul.list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}ul.list a{padding:40px}ul.list a:hover{-webkit-box-shadow:inset 0px 0px 16px 2px #DFDFDF;box-shadow:inset 0px 0px 16px 2px #DFDFDF}ul.list li{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px) / 2);flex:0 0 calc((100% - 32px) / 2);max-width:calc((100% - 32px) / 2);margin-bottom:32px}.icon-group i{width:6vw;height:6vw}.mtitle .btn:hover{background-color:#1B7292}}@media (min-width:1440px){ul.list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}ul.list li{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 64px) / 3);flex:0 0 calc((100% - 64px) / 3);max-width:calc((100% - 64px) / 3)}ul.list li:nth-child(3n+2){margin:0 32px 32px}.icon-group i{width:4.2vw;height:4.2vw}}.no-webp .icon-group .v1 i{background-image:url(../images/icon_item_water_normal.png)}.no-webp .icon-group .v2 i{background-image:url(../images/icon_item_connect_normal.png)}.no-webp .icon-group .gray.v1 i{background-image:url(../images/icon_item_water_abnormal.png)}.no-webp .icon-group .gray.v2 i{background-image:url(../images/icon_item_connect_abnormal.png)}