#s04 {}

#s04 .tit {
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 104px;
  color: #1f1f1f;
  line-height: 1;
}

#s04 .tit-sub {
  position: absolute;
  top: 246px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #424242;
}


#s04 .cpons {
  position: absolute;
  top: 386px;
  min-height: 200px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  z-index: 100;

  display: flex;
  align-items: center;
  justify-content: center;
}



#s04 .cpon {
  /* position: absolute; */
  width: 491px;
  /* width: 391px; */
  height: 263px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* flex-direction: column; */

  /* background-color: white; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  margin: 0 38px;
  box-shadow: 0px 0px 120px rgb(197 169 104 / 11%);
}

#s04 .cpon .side {
  min-width: 100px;
  height: 100%;
  /* background-color: #C5A968; */
  display: flex;
  align-items: center;
  justify-content: center;
}
#s04 .cpon .side .lab {
  font-size: 18px;
  color: white;
  font-weight: 500;
  letter-spacing: 0.5em;
  transform: rotate(-90deg);
}
#s04 .cpon .cont {
  position: relative;
  min-width: 391px;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#s04 .cpon .cont .limit{
  position: absolute;
  top: -30px;
  right: -30px;

  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #424242;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
  color: white;
  font-weight: 300;

  z-index: 1;
}
#s04 .cpon .cont .eff {
  font-size: 18px;
  font-weight: bold;
  color: #d6b686;
  letter-spacing: 0.2em;
}

#s04 .cpon .cont .txt-main {
  margin: 25px 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  color: #424242;
  line-height: 1.3;
  padding: 0 10px;
}

#s04 .cpon .cont .txt-main span {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 3px;
  margin-left: 2px;
}

#s04 .cpon .cont .txt-sub {
  letter-spacing: 0.05em;
  color: #767676;
  padding: 0 60px;
  text-align: center;
}


#s04 .summit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 180px;
  margin: 0 auto;
  width: 540px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
  border: 1px solid #C2A96B;
  
  /* color: #c4a967; */
  color: white !important;
  background-color: #C2A96D;
}
#s04 .summit:hover {
  opacity: 0.8;
}

#s04 .summit i {
  margin-left: 7px;
}

#s04 .warn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 43px;
  height: 100px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.09em;
  color: #9c9c9c;
  font-weight: lighter;
}