.special .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

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

.special label {
  cursor: pointer;
}

.special input {
  display: none;
}

/*	pic size
============================== */
@media all and (min-width: 768px) {
  section#contents {
    margin-top: 3em;
  }
  .pic3 {
    display: flex;
  }

  .ph_cut, .ph_cut span {
    width: 950px;
    height: 703px;
  }

  .fs110 {
    font-size: 190%;
  }
}

@media all and (max-width: 767px) {
  .fs190 {
    font-size: 120%;
  }
  section#contents {
    margin-top: -21vw;
  }
  .ph_cut span {
    padding-top: calc((703 / 950)*100%);
  }
}