.about .hidden_show {
  /* height: 0; */
  padding: 1em 0;
  /* overflow: hidden; */
  /* opacity: 0; */
  /* transition: 0.8s; */
}

.about input:checked~.hidden_show {
  padding: 1em 0;
  margin-bottom: -1em;
  height: auto;
  opacity: 1;
}

.about label {
  cursor: pointer;
}

.about input {
  display: none;
}

.subox .note {
  background: linear-gradient(to top, hsl(197deg 52% 43% / 50%) 1px, transparent 1px) hsla(0, 0%, 100%, 0);
  background-size: 2.5em 2.5em;
  line-height: 2.5em !important;
  overflow: hidden;
  text-align: justify;
  justify-content: space-between;
}

@media all and (min-width: 768px) {
  .subox header h3 {
    font-weight: 100;
  }
}

/*	pic size
============================== */
@media all and (min-width: 768px) {
  .pic3 {
    display: flex;
  }

  .ph_cut, .ph_cut span {
    width: 700px;
    height: 875px;
  }

  .read {
    font-size: 180%;
  }
}

@media all and (max-width: 767px) {
  .ph_cut span {
    padding-top: calc((875 / 700)*100%);
  }
}