/*-------------------------------------------------

Title       : Sub_05
Author      : EASESOFT
Create Date : 2025-04

-------------------------------------------------*/
.c050400 .col_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.c050400 .col_box .cont_box {
  flex: 1;
}
.c050400 .img {
  overflow: hidden;
  border-radius: 4rem;
  aspect-ratio: 16/9;
}
.c050400 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c050400 .cont_list .tit {
  width: 14rem;
}
.c050400 .cont_list .tit + span {
  flex: 1;
}
.c050400 .cont_list .tit_tx:has(.cont_list.dash) {
  flex-wrap: wrap;
}
.c050400 .cont_list .cont_list {
  flex: none;
  width: 100%;
}

.c050500 .row_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
}
.c050500 .row_box + .row_box {
  margin-top: 4rem;
}
.c050500 .img {
  overflow: hidden;
  border-radius: 4rem;
  aspect-ratio: 16/9;
  flex: none;
  max-width: 45rem;
}
.c050500 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c050500 .cont_box {
  flex: 1;
}

.c050600 .col_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.c050600 .col_box .cont_box {
  flex: 1;
}
.c050600 .img {
  overflow: hidden;
  border-radius: 4rem;
  aspect-ratio: 16/9;
}
.c050600 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c050600 .cont_list .tit {
  width: 14rem;
}
.c050600 .cont_list .tit + span {
  flex: 1;
}
.c050600 .cont_list .tit_tx:has(.cont_list.dash) {
  flex-wrap: wrap;
}
.c050600 .cont_list .cont_list {
  flex: none;
  width: 100%;
}
.c050600 .result_txt {
  text-align: center;
  margin-top: 1rem;
}
.c050600 .result_txt span {
  background: #F6F6F6;
  border-radius: 100px;
  padding: 2px 10px;
  font-size: 1.4rem;
}

.c050700 .box_group:has(.cont_table) {
  gap: 0 4rem;
}
.c050700 .cont_table table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.c050700 .cont_table th {
  padding: 1.2rem;
}
.c050700 .cont_table td {
  padding: 1rem;
}
.c050700 .cont_table tr td:first-child {
  background: #fdfdfd;
}
.c050700 .row_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.6rem;
}
.c050700 .row_box .title2 {
  margin-top: 10rem;
}
.c050700 .row_box .left {
  flex: 1;
}
.c050700 .row_box .left .cont_box {
  height: 25rem;
  padding: 3rem 2.4rem;
}
.c050700 .row_box .left .cont_box + .cont_box {
  margin-top: 1.6rem;
}
.c050700 .row_box .left .cont_box.mt {
  margin-top: 14rem;
}
.c050700 .row_box .right .box_group {
  gap: 1.6rem;
}
.c050700 .row_box .right li {
  border-radius: 2.4rem;
  overflow: hidden;
  height: 25rem;
}
.c050700 .row_box .right li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 45rem;
}
.c050700 .row_box .right li.mt {
  margin-top: 16.6rem;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media screen and (max-width: 1440px) {
  .c050700 .row_box {
    display: block;
  }
  .c050700 .row_box .title2 {
    margin-top: 6.4rem;
  }
  .c050700 .row_box .left {
    flex: 1;
  }
  .c050700 .row_box .left .cont_box {
    height: inherit;
  }
  .c050700 .row_box .left .cont_box.mt {
    margin-top: 1.6rem;
  }
  .c050700 .row_box .right {
    margin-top: 6.4rem;
  }
  .c050700 .row_box .right .box_group {
    gap: 1.6rem;
  }
  .c050700 .row_box .right li {
    height: inherit;
    aspect-ratio: 16/9;
  }
  .c050700 .row_box .right li img {
    max-width: inherit;
  }
  .c050700 .row_box .right li.mt {
    margin-top: inherit;
  }
}
@media screen and (max-width: 1280px) {
  .c050400 .cont_list > li.tit_tx {
    flex-direction: column;
  }
  .c050400 .cont_list > li.tit_tx .tit {
    flex: none;
    width: 100%;
  }
  .c050500 .row_box {
    flex-wrap: wrap;
  }
  .c050500 .img {
    flex: 1;
    max-width: inherit;
  }
  .c050500 .cont_box {
    flex: none;
    width: 100%;
  }
  .c050600 .cont_list > li.tit_tx {
    flex-direction: column;
  }
  .c050600 .cont_list > li.tit_tx .tit {
    flex: none;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .c050600 .project p {
    margin-top: 1.6rem;
    margin-bottom: 0.8rem;
    font-size: 2rem;
  }
  .c050600 .project span {
    padding: 0.2rem 1.6rem;
    font-size: 1.6rem;
  }
  .c050700 .box_group.col2:has(.cont_table) {
    display: block;
  }
  .c050700 .box_group.col2:has(.cont_table) > div + div {
    margin-top: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c050600 .box_group {
    gap: 4rem 2rem;
  }
}
@media screen and (max-width: 640px) {
  .c050500 .row_box {
    flex-direction: column;
  }
}