.hidden {  opacity: 0;}.show {  opacity: 1;}.display-wall {  flex: 1;}.public-banner img {    width: 100%;}/* .public-banner {  position: relative;  background-repeat: no-repeat;} *//* .public-banner .copywriting {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  background-size: 100% 100%;} */@media (max-width: 575px) {  .display-wall-box {    max-width: 7.04rem;    margin: 0 auto;  }  .display-wall {    margin-left: 0;  }  .display-wall .display-wall-item {    width: 48%;    box-sizing: border-box;    margin: 0 2% 0.32rem 0;  }  .display-wall .display-wall-item:nth-of-type(2n) {    margin-right: 0;  }}@media (min-width: 576px) {  .public-nav {    flex: 0 0 3.6rem;    -webkit-flex: 0 0 3.6rem;    cursor: pointer;  }  .public-nav li {    padding-left: 0.52rem;    box-sizing: border-box;    height: 1.2rem;    line-height: 1.2rem;    font-size: 0.36rem;    background-color: #F6F7F8;  }  .public-nav li.active {    border-left: 4px solid #FD0000;    background-color: #ffffff;    padding-left: 0.44rem;  }  .public-nav li.classification {    font-size: 0.4rem;    font-weight: 500;    cursor: text;  }  .display-wall-box {    margin-left: 1rem;    max-width: 15.4rem;  }  .display-wall-item {    width: 31%;    position: relative;    margin: 0 3% 0.6rem 0;  }  .display-wall-item:nth-of-type(3n) {    margin-right: 0;  }  .display-wall-item img {    width: 100%;    height: 100%;  }}.display-wall-item {  transition: all 0.3s;  -webkit-transition: all 0.3s;}.display-wall-item img {  width: 100%;  height: 100%;}.animate-fadeIn {  display: block;  animation: fadeIn 0.5s forwards;  -webkit-animation: fadeIn 0.5s forwards;}.animate-fadeOut {  animation: fadeOut 0.5s forwards;  -webkit-animation: fadeOut 0.5s forwards;  display: none;}@keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@-webkit-keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@-webkit-keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@media (max-width: 575px) {  .pc-style {    display: none !important;  }  .public-banner {    height: initial;    max-height: initial;  }  .public-banner .pc {      display: none;  }  /* .public-banner {    background-repeat: repeat;    position: absolute;    z-index: 4;    background-image: url('../images/banner_0b50c4cfb2314edf8581bd93573acb2d.png');  } */  /* .public-container {    margin-top: 2.62rem;    position: relative;  } */  .public-nav {    height: 0.86rem;    overflow: hidden;    position: relative;    left: 0;    top: 0;    transition: all 0.3s;    -webkit-transition: all 0.3s;    transform: translate3d(0, 0, 0);    -webkit-transform: translate3d(0, 0, 0);  }  .public-nav ul {    cursor: pointer;  }  .public-nav li {    color: #333333;    font-size: 0.32rem;    text-align: center;    height: 1.52rem;    line-height: 1.52rem;    cursor: pointer;  }  .public-nav li:nth-of-type(1),  .public-nav li:nth-of-type(2) {    height: 0.86rem;    line-height: 0.86rem;    border: 1px solid #f2f2f2;    margin-right: -0.48rem;  }  .public-nav .down-arrow {    width: 0.3rem;    height: 0.2rem;    margin-left: 0.18rem;    transition: all 0.3s;    -webkit-transition: all 0.3s;    transform: rotate3d(0, 0, 0, -180deg);    -webkit-transform: rotate3d(0, 0, 0, -180deg);  }  .public-nav .up-arrow {    transform: rotate3d(0, 0, 1, -180deg);    -webkit-transform: rotate3d(0, 0, 1, -180deg);  }  .nav-open {    position: absolute;    z-index: 5;    width: 100%;    height: auto;    background-color: #ffffff;  }  .fix-public-nav {    position: fixed;    left: 0;    top: 0.86rem;    z-index: 5;    width: 100%;    background-color: #ffffff;  }  .mask {    background-color: rgba(0, 0, 0, 0.7);    position: fixed;    z-index: 3;    top: 0;    right: 0;    bottom: 0;    left: 0;  }  .display-wall {    margin: 0.44rem auto;    max-width: 7rem;  }  .fix-display-wall {    padding-top: 1.3rem;  }  .display-wall-ul-open {    padding-top: 1.3rem;  }  .display-wall-item {    height: 2.24rem;    max-height: 224px;  }  .footer {    margin-top: 1.08rem;  }}@media (min-width: 576px) {  .mobile-style {    display: none !important;  }  .public-banner {      height: initial;      max-height: initial;  }  .public-banner .h5 {      display: none;  }  /* .public-banner {    background-image: url('../images/bg_ab131e114c9242f09c0e3465e74454b8.png');  } */  /* .public-banner .copywriting {    background-image: url('../images/copywriting.png');  } */  .public-nav ul,  .public-nav li {    cursor: pointer;  }  .copywriting {    width: 8rem;    height: 5.82rem;  }  .display-wall-item {    height: 3.36rem;    max-height: 336px;  }  .public-container {    display: flex;    display: -webkit-flex;  }  .container-mb-223 {    margin-bottom: 4.46rem;  }  .container-mb-342 {    margin-bottom: 6.84rem;  }  .container-mb-144 {    margin-bottom: 2.88rem;  }  .display-wall {    margin-left: 1rem;  }}