.about .hidden_show {
  height: 0;
  padding: 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;
}
header.p {
  background-color: #1fb8ad;
}
/*	read
============================== */
@media all and (min-width: 768px) {
  .read {
    font-size: 40px;
  }
}

@media all and (max-width: 767px) {
  .read {
    font-size: 5vw;
  }
}

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

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

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