.project-box{padding: 60px;border: 1px solid #0000001A;border-radius: 16px;}
.project-box > ul > li {display: flex;gap: 30px;padding: 0 0 30px;}
.project-box > ul > li .left {max-width:150px;width:100%;padding:20px 10px;display:flex;align-items:center;justify-content:center;border:1px solid #0000001A;border-radius:16px;box-sizing:border-box;}
.project-box > ul > li .left p {font-weight:600;font-size:20px;line-height:140%;letter-spacing:0;vertical-align:middle;color:#262626;}

.project-box > ul > li .right {flex: 1;min-width: 0;display: flex;}
.project-box > ul > li .right > p {border-radius: 16px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;padding: 30px 10px;text-align: center;width: 100%;box-sizing: border-box;}
.project-box > ul > li .right > p.color01 {background: #003B90;}
.project-box > ul > li .right > p.color02 {background: #009BB4;padding: 20px 10px;}

.project-box > ul > li .right .img-box {flex: 1;background: #F4F8FC;border: 1px solid #003B901A;border-radius: 16px;padding: 16px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.project-box > ul > li .right .img-box img {width: 100%;height: auto;object-fit: cover;}
.project-box > ul > li .right > ul.organzi-wrap{padding-left: 28px;max-width: 244px;width: 100%;}
.project-box > ul > li .right > ul.organzi-wrap > li {background: #009BB41A;border: 1px solid #009BB41A;padding: 20px 15px 20px 20px;position: relative;border-radius: 16px;margin: 0 0 20px;display: flex;align-items: center;gap: 10px;font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #009BB4;}
.project-box > ul > li .right > ul.organzi-wrap > li:last-child {margin: 0;}
.project-box > ul > li .right > ul.organzi-wrap > li:first-child {background: #009BB4;color: #fff;text-align: center;padding: 30px 15px 30px 20px;}
.project-box > ul > li .right > ul.organzi-wrap > li:first-child:before {display: none;}
.project-box > ul > li .right > ul.organzi-wrap > li:before {content: "";display: inline-block;width: 24px;height: 24px;flex-shrink: 0;}
.project-box > ul > li .right > ul.organzi-wrap > li:nth-child(2):before {background: url(../img/content/ico-organzi01.png)no-repeat center center;background-size: cover;} 
.project-box > ul > li .right > ul.organzi-wrap > li:nth-child(3):before {background: url(../img/content/ico-organzi02.png)no-repeat center center;background-size: cover;} 
.project-box > ul > li .right > ul.organzi-wrap > li:nth-child(4):before {background: url(../img/content/ico-organzi03.png)no-repeat center center;background-size: cover;width: 20px;height: 20px;} 
.project-box > ul > li .right > ul.organzi-wrap > li:nth-child(5):before {background: url(../img/content/ico-organzi04.png)no-repeat center center;background-size: cover;} 


.project-box > ul > li .right > .list-field {display: flex;gap: 10px;}
.project-box > ul > li .right > .list-field > li {border-radius: 16px;background: #F4F8FC;border: 1px solid #003B901A;padding: 30px 20px;text-align: center;}
.project-box > ul > li .right > .list-field > li > span {display: inline-block;font-weight: 600;font-size: 16px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #003B90;margin: 24px 0 0;text-align: center;}

@media (max-width: 1300px) {
	.project-box > ul > li .right {flex-direction: column;gap: 30px;}
	.project-box > ul > li .right > ul.organzi-wrap {padding: 0;max-width: unset;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.project-box > ul > li .right > ul.organzi-wrap > li {margin: 0;}
}

@media (max-width: 1024px) {
	.project-box {padding: 20px;}
	.project-box > ul > li .right > .list-field {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.project-box > ul > li .right > .list-field > li {display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.project-box > ul > li .right > .list-field > li img {width: auto;height: auto;}
}

@media (max-width: 768px) {
	.project-box > ul > li {flex-direction: column;gap: 20px;}
	.project-box > ul > li .left {max-width: unset;}
	.project-box > ul > li .right > p {font-size: 20px;padding: 20px;}
	
	.project-box > ul > li .right {gap: 10px;}
	.project-box > ul > li .right > ul.organzi-wrap {grid-template-columns: repeat(1, 1fr);gap: 15px;}
	.project-box > ul > li .right > .list-field {grid-template-columns: repeat(1, 1fr);gap: 15px;}
}