html,body,p,span,section,nav,ul,li,header {box-sizing:border-box;}
em {font-style:normal;}
.text-center {text-align:center;}
.absolute {position:absolute;}
.relative {position:relative;}
.in_wh h2{font-size:0.45rem;line-height:1.8;}
.in_wh h3{font-size:0.45rem;line-height:2.5;}
.about-culture {overflow:hidden;padding-top:1.2rem;padding-bottom:4.8rem;font-size:0.3rem;line-height:2.0;background:url(../images/cppm/djwk_back.jpg) no-repeat center;background-size:cover;}
.about-culture div{box-sizing:border-box;}
.about-culture .set {position:absolute;height:13em;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:0 3.125%;z-index:25;opacity:1;transition:opacity 2s ease-in-out;}
.about-culture .set .corona {position:absolute;left:0;right:0;z-index:10;margin:auto;bottom:-35vw;width:46vw;height:46vw;transition:transform .8s ease-out;}
.about-culture .set .corona>li {position:absolute;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.about-culture .set .corona>li span {width:200px;text-align:center;white-space:nowrap;display:block;opacity:0;letter-spacing:2px;transform:translateY(10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;}
.set .corona>li.on span {transform:translateY(0);opacity:1;color:#875b2f;}
.set .corona>li.on em {transform:translateY(-20px);opacity:1;color:#875b2f;}
.set .corona>li.on .dot {opacity:1;transform:none;}
.set .corona:after {content:"";width:95%;height:95%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border:1px solid #875b2f;border-radius:50%;}
.set .corona>li em {position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;line-height:40px;transform:translateY(0);display:block;transition:opacity .5s ease-in-out,transform .5s ease-in-out;color:#875b2f;}
.set .corona>li .dot { display: none; position:absolute;left:0;right:0;margin:auto;top:calc(100% - 5px);opacity:0;transform:translateY(10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;}
.set .scale-circle {position:absolute;left:0;right:0;margin:auto;bottom:-35vw;width:46vw;height:46vw;transform:scale(0.9) rotate(0deg);animation:scaleCircleAni 100s linear infinite;}
@keyframes scaleCircleAni {0% {transform:scale(0.9) rotate(0deg);}
  100% {transform:scale(0.9) rotate(360deg);}
}
.set .icon-click { position: absolute; top: 50%; left: 50%; width: 1em; height: 1em; transform: translate(-50%, -50%) }
.about-culture .min-title {font-size:0.3rem;padding-bottom:1.5;}


@media screen and (orientation:portrait) {
  .about-culture .set .corona {width:120vw;height:120vw;bottom:-100vw;left:-10vw;}
  /*.set .scale-circle { display: none; }*/
}

@media (max-width:1367px) {
  /* .about-culture { padding-top: 6em; padding-bottom: 14em; } */
  .about-culture .set { height: 7em; }
  .about-culture .set .corona,
  .set .scale-circle { width: 45vw; height: 45vw; }
  .about-culture .set .corona>li { height: auto; }
  .set .corona>li em { line-height: 1; }
  .set .icon-click { top: 0; transform: translate(-50%, 0); }
}
@media (max-width:1080px) {
  .set .icon-click { display: none; }
}
@media (max-width:768px) {
  .about-culture .set .corona,
  .set .scale-circle { top: 0; bottom: -80vw; left: 0; width: 100vw; height: 100vw; }
}
@media (max-width:500px) {
  /* .about-culture {padding:6em 0 10em;} */
  .about-culture .min-title {font-size:20px; padding-bottom: .4em;}
  .about-culture .about-culture-title {font-size:28px;}
  .shows-box-label { padding-top: 1em; }
}