/* sec1 */
.sec1 {}

/* description-box */
.description-box {width: 100%; height: auto;}
.description-box .tit {display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-bottom: 10px; font-size: 24px; font-weight: 500; line-height: 1.21; color: var(--pr);}
.description-box .tit img {width: 27px; height: auto;}
.description-box .description-list {display: flex; flex-flow: column; gap: 28px; width: 100%; height: auto; padding: 50px; border-radius: 10px; border: 2px solid var(--pr); box-sizing: border-box;}
.description-box .description-list li {width: 100%;}
.description-box .description-list li .child-box {display: flex; gap: 7px;}
.description-box .description-list li .child-box dt {font-size: 24px; font-weight: 400; line-height: 1.25; color: var(--pr); white-space: nowrap;}
.description-box .description-list li .child-box dd {font-size: 24px; font-weight: 100; line-height: 1.25; color: var(--wt); word-break: keep-all;}

/* img-list */
.img-list {display: flex; flex-flow: column; gap: 20px; margin-top: 20px;}
.img-list img {border-radius: 10px;}
.img-list ul {display: flex; align-items: center; gap: 20px 0; flex-wrap: wrap; margin: 0 -10px;}
.img-list ul.item1 li {display: flex; align-items: center; gap: 20px;}
.img-list ul.item4 {margin: 0;}
.img-list ul.item4 li {display: flex; align-items: center; gap: 20px; width: 100% !important; padding: 0 !important;}
.img-list ul.item4 li span {width: calc(100% / 4); margin: 0; box-sizing: border-box;}
.img-list ul.item1 li .item1 {width: 100%;}
.img-list ul li .item2 {display: flex; flex-flow: column; gap: 20px; width: 100%;}
.img-list ul li .item2 img {width: 100%;}
.img-list ul li {position: relative; padding: 0 10px; box-sizing: border-box;}
.img-list ul:not(.item1) li {width: calc(100% / 2);}
.img-list ul li img {width: 100%; height: auto; filter: grayscale(1); transition: all .5s;}
.img-list ul li .txt {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 18px; font-weight: 300; line-height: 1.28; color: var(--wt); text-align: center;}
.img-list ul li img:hover {filter: grayscale(0); transition: all 1s; }
.img-list ul li.aos-animate img {filter: grayscale(0); transition: all 1s; }
.img-list ul li img.aos-animate {filter: grayscale(0); transition: all 1s; }