.chapter__img .column-img01{aspect-ratio:1/1}.chapter__img .column-img02{aspect-ratio:3/4}.chapter__img .column-img03{aspect-ratio:3/2}.chapter__img .column-img04{aspect-ratio:343/500}.chapter__img .column-img05{aspect-ratio:19/15}.chapter__img .column-img06{aspect-ratio:352/255}.chapter__img .column-img07{aspect-ratio:349/242}.chapter__img .column-img08{aspect-ratio:4/3}.chapter__img .column-img09{aspect-ratio:773/435}.chapter__img .column-img10{aspect-ratio:109/80}.chapter__img .column-img11{aspect-ratio:238/1792}.chapter__img .column-img12{aspect-ratio:1200/800;height:auto;display:block}.chapter__img .column-img13{aspect-ratio:479/329}.chapter__img .column-img14{aspect-ratio:565/413}.chapter__img .column-img15{aspect-ratio:535/369}.chapter__img .column-img16{aspect-ratio:78/53}.chapter__img .column-img17{aspect-ratio:16/10}

/*relate04a�@�@20230720
-----------------------------------------------------------------------------------*/

#relate04a {
  border: 1px solid #CCD4DC;
  margin: 10px 0;
  padding: 10px 20px 20px 0;
}
#relate04a h3,
#relate04a p.prof {
  text-align: left;
  color: #3399cc;
}

#relate04a ul {
  display: flex;
  flex-wrap: wrap;
}
#relate04a ul li {
  width: 45%;
  margin-top: 10px;
  margin-left: 20px;
}
#relate04a ul li .title {
  margin-top: 1px;
}
#relate04a ul li a {
  color: #3399cc;
  text-decoration: underline;
}

#relate04a .comment {
  margin-top: 10px;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  #relate04a ul li {
    width: 100%;
  }
  #relate04a ul li .pr {
    height: auto !important;
  }
}
@media screen and (max-width: 480px) {
  #relate04a ul li {
    width: 100%;
 }
}