@media screen and (max-width: 480px) {
  .section-topicsbox .txtbox {
    padding: 0 10px; } }
.section-topicsbox .txtbox .list {
  margin: 50px 0; }
  .section-topicsbox .txtbox .list .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    @media screen and (max-width: 480px) {
      .section-topicsbox .txtbox .list .box {
        grid-template-columns: repeat(1, 1fr); } }
    .section-topicsbox .txtbox .list .box .col {
      aspect-ratio: 434 / 292;
      overflow: hidden; }
      .section-topicsbox .txtbox .list .box .col img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
.section-topicsbox .txtbox .mein-txt {
  margin-top: 30px;
  line-height: 1.5; }
.section-topicsbox .txtbox .list2 {
  margin: 80px 0 50px; }
  .section-topicsbox .txtbox .list2 .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    @media screen and (max-width: 480px) {
      .section-topicsbox .txtbox .list2 .box {
        grid-template-columns: repeat(1, 1fr); } }
    .section-topicsbox .txtbox .list2 .box .col {
      aspect-ratio: 449 / 301;
      overflow: hidden; }
      .section-topicsbox .txtbox .list2 .box .col img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
.section-topicsbox .txtbox .list3 {
  margin: 50px 0 50px; }
  .section-topicsbox .txtbox .list3 .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    @media screen and (max-width: 480px) {
      .section-topicsbox .txtbox .list3 .box {
        grid-template-columns: repeat(1, 1fr); } }
    .section-topicsbox .txtbox .list3 .box .col {
      aspect-ratio: 431 / 324;
      overflow: hidden; }
      .section-topicsbox .txtbox .list3 .box .col img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
.section-topicsbox .txtbox .list4 {
  margin: 50px 0 50px; }
  .section-topicsbox .txtbox .list4 .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    @media screen and (max-width: 480px) {
      .section-topicsbox .txtbox .list4 .box {
        grid-template-columns: repeat(1, 1fr); } }
    .section-topicsbox .txtbox .list4 .box .col {
      aspect-ratio: 450 / 301;
      overflow: hidden; }
      .section-topicsbox .txtbox .list4 .box .col img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
.section-topicsbox .rese-box {
  padding-top: 30px;
  max-width: 641px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .section-topicsbox .rese-box {
      padding: 0 10px; } }
  .section-topicsbox .rese-box .red {
    max-width: 641px;
    margin: 0 auto;
    text-align: start;
    padding-top: 10px; }
    .section-topicsbox .rese-box .red a {
      color: #b7282c; }