.con-p02{color: #333;}
.ol-type01{font-size: 18px;color: #333;}
.ol-type01>li{padding: 0 0 8px 0;}
.ol-type01 > li:last-of-type{padding-bottom: 0;}

.download-box:has(.mini-box02){display:flex;gap:24px;}
.download-box:has(.mini-box03){display:flex;gap:24px;}
.download-box .mini-box02{width:100%;}
.download-box .mini-box03{width:100%;}
.download-box .mini-box .img{display: flex;justify-content: center;text-align: center;background-color: #F5F7FA;border-radius: 20px;align-items: center;box-sizing:border-box;}
.download-box .mini-box .img img{max-width:100%;}
.download-box .mini-box01 .img{padding: 52px;margin-bottom: 40px;min-height: 342px;}
.download-box .mini-box02 .img{padding: 58px;margin-bottom: 24px;min-height: 360px;}
.download-box .mini-box03 .img{padding: 58px;margin-bottom: 24px;min-height: 360px;flex:1;}

.download-box .mini-box .button{display: flex;justify-content: center;gap: 16px;}
.download-box .mini-box .down-button{flex: 0 0 auto;padding: 16px 24px;background: #f5f7fa;border-radius: 12px;font-weight: 600;font-size: 20px;line-height: 155%;letter-spacing: -0.02em;color: #111;display: flex;justify-content: center;align-items: center;box-sizing: border-box;min-height: 63px;width: 240px;position: relative;gap: 10px;transition: background-color .3s, color .3s;}
.download-box .mini-box .down-button::after{content: '';width: 24px;height: 24px;position: relative;background: #111;-webkit-mask: url(/_res/csu/main/img/content/icn-download.png) no-repeat center / 24px auto;mask: url(/_res/csu/main/img/content/icn-download.png) no-repeat center / 24px auto;transition: background .3s;}
.download-box .mini-box .down-button:hover{background-color: #3C5B9A;color: #fff;}
.download-box .mini-box .down-button:hover::after{background: #fff;}

.download-box .mini-box02 .button-wrap{width:100%;}
.download-box .mini-box02 .down-button{width: 100%;transition: background-color .3s, color .3s, border-color .3s;border:1px solid #E5E8EC;background-color:#fff;}
.download-box .mini-box02 .down-button:hover{border-color:#3C5B9A;}

.download-box .mini-box03{display:flex;flex-direction:column;}
.download-box .mini-box03.full{padding-top:40px;width:100%;}
.download-box .mini-box03 .button{flex-wrap:wrap;}
.download-box .mini-box03 .button-wrap{width:100%;}
.download-box .mini-box03 .down-button{width: 100%;transition: background-color .3s, color .3s, border-color .3s;border:1px solid #E5E8EC;background-color:#fff;}
.download-box .mini-box03 .down-button:hover{border-color:#3C5B9A;}

@media screen and (max-width: 1024px){
	.download-box:has(.mini-box02){flex-wrap:wrap;}
	.download-box:has(.mini-box03){flex-wrap:wrap;}
	.download-box .mini-box03{width:calc((100% - 24px) / 2);}
}

@media screen and (max-width: 768px){
	.download-box .mini-box01 .img,
	.download-box .mini-box02 .img,
	.download-box .mini-box03 .img{padding:40px 20px;min-height:unset;}
	.download-box .mini-box .down-button{width: 100%;min-height: 40px;font-size: 15px;padding: 10px;}
	.download-box .mini-box .down-button::after{-webkit-mask: url(/_res/csu/main/img/content/icn-download.png) no-repeat center / 18px auto;mask: url(/_res/csu/main/img/content/icn-download.png) no-repeat center / 18px auto;}
	.download-box .mini-box .button{gap:8px;}
	.download-box .mini-box .button-wrap{width:100%;}
}

@media screen and (max-width: 480px){
	.download-box .mini-box03{width:100%;}
}