@charset "utf-8";

#inf > div._bdy2 > div {
  margin: 0 auto 33px;
  align-items: flex-start;
}

#inf div._bdy2 > div > div {
  width: calc(98% - 400px);
}
#inf > div > div > img {
  width: 400px;
}
#inf div > dl.flx {
  margin: 0 auto 33px;
}
#inf div > dl.flx > * {
  width: 80px;
}
#inf div > dl.flx > dd {
  width: calc(100% - 80px);
}

#inf > div > div > div > ul > li:nth-child(1) {
  margin: 0 auto 13px;
}

#inf > div > iframe {
  width: 100%;
  aspect-ratio: 4 / 2;
  border: 1px solid #ccc;
}


/* sp */
@media screen and (max-width: 640px) {

  main#sub section div > h3 {font-size: 5.8vw;}

  #inf > div._bdy2 > div {display: revert;}
  #inf div._bdy2 > div > div {
    width: 100%;
    margin: 0 auto 16px;
  }
  #inf > div > div > div > dl > dd:nth-child(2) {
    width: 100%;
    margin: 0 auto 9px;
  }
  #inf > div > div > div > dl > dt:nth-child(3) {
    width: auto;
  }
  #inf div > dl.flx > dd:last-child {
    width: calc(100% - 50px);
  }


}
/* e.o.c. */