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

.about input:checked~.hidden_show {
  padding: 1em 1em;
  margin: -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: 30px;
    line-height: 2;
    display: block;
  }
}

@media all and (max-width: 767px) {
  .read {
    font-size: 4.5vw;
    letter-spacing: 0px;
    font-kerning: unset;
    line-height: 1.8;
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}

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

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

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

.subox header.dblue {
  background-color: #005d8a;
}