.main-content-wrap02 { background: url(../img/main/inner02_bg.jpg) no-repeat center / cover; }
.main-content-inner02 { padding: 100px 0; }
.main-content-inner02 .tit { margin-bottom: 50px; }
.main-content-inner02 .tit p { margin-bottom: 12px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: rgba(255,255,255,.5); }
.main-content-inner02 .tit h3 { font-weight: 700; font-size: 36px; line-height: 43px; letter-spacing: -.02em; color: #fff; }
.main-content-inner02 .tab { position: relative; }
.main-content-inner02 .tab > ul { display: flex; flex-direction: column; gap: 10px; }
.main-content-inner02 .tab > ul > li { padding: 40px; background-color: #fff; border-radius: 5px; cursor: pointer; }
.main-content-inner02 .tab > ul > li > a { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 30px; line-height: 36px; letter-spacing: -.02em; color: #222; }
.main-content-inner02 .tab > ul > li > a:after { content: ''; width: 12px; height: 8px; background: url(../img/main/inner02_arr_down.png) no-repeat center / 100% auto; }
.main-content-inner02 .tab > ul > li .list { display: none; flex-wrap: wrap; gap: 20px; margin-top: 30px; opacity: 0; }
.main-content-inner02 .tab > ul > li .list .item { width: calc((100% - 60px)/4); min-height: 210px; padding: 40px 20px 20px 30px; background: #e8f2fe; border-radius: 5px; }
.main-content-inner02 .tab > ul > li .list .item a { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main-content-inner02 .tab > ul > li .list .item .name { width: 100%; margin-bottom: 50px; font-weight: 700; font-size: 22px; line-height: 36px; letter-spacing: -.01em; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #333; }
.main-content-inner02 .tab > ul > li .list .item .date { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; line-height: 140%; letter-spacing: -.01em; color: #666; }
.main-content-inner02 .tab > ul > li .list .item .date:before { content: ''; width: 18px; height: 20px; background: url(../img/main/inner02_date.png) no-repeat center / 100% auto; }
.main-content-inner02 .tab > ul > li .list .item .bton { padding: 8px 16px; border-radius: 99px; font-weight: 700; font-size: 14px; line-height: 100%; color: #fff; }
.main-content-inner02 .tab > ul > li .list .item .bton.color01 { background-color: #0a60ff; }
.main-content-inner02 .tab > ul > li .list .item .bton.color02 { background-color: #07b0c3; }
.main-content-inner02 .tab > ul > li .list .item .bton.color03 { background-color: #5400e5; }
.main-content-inner02 .tab > ul > li .list .item .bton.color04 { background-color: #011a7a; }
.main-content-inner02 .tab > ul > li .list .item .bton.color05 { background-color: #ffd000; }
.main-content-inner02 .tab > ul > li.active > a:after { transform: rotate(180deg) translatex(40px); }
.main-content-inner02 .tab > ul > li.active .list { display: flex; opacity: 1; }
.main-content-inner02 .more { position: absolute; top: -77px; right: 0; }
.main-content-inner02 .more a { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 24px; line-height: 29px; letter-spacing: -.02em; color: #fff; }
.main-content-inner02 .more a:after { content: ''; width: 22px; height: 22px; background: url(../img/main/inner02_more.png) no-repeat center / 100% auto; }
@media screen and (max-width: 1200px) {
	.main-content-inner02 .tab > ul > li .list .item { width: calc((100% - 20px)/2); }
	.main-content-inner02 .tab > ul > li > a:after { margin-right: 0; }
}
@media screen and (max-width: 1024px) {
	.main-content-inner02 { padding: 60px 0; }
	.main-content-inner02 .tit { margin-bottom: 63px; }
	.main-content-inner02 .tit p { font-size: 16px; }
	.main-content-inner02 .tit h3 { margin-bottom: 16px; font-size: 24px; line-height: 36px; }
	.main-content-inner02 .tab > ul > li { padding: 20px; }
	.main-content-inner02 .tab > ul > li > a { font-size: 20px; }
	.main-content-inner02 .tab > ul > li.active > a:after { transform: rotate(180deg); }
	.main-content-inner02 .tab > ul > li .list { gap; 6px; margin-top: 16px; }
	.main-content-inner02 .tab > ul > li .list .item { min-height: 176px; padding: 30px 20px 20px; }
	.main-content-inner02 .tab > ul > li .list .item .name { margin-bottom: 24px; }
	.main-content-inner02 .more { top: -44px; left: 0; }
	.main-content-inner02 .more a { font-size: 14px; line-height: 100%; }
	.main-content-inner02 .more a:after { width: 12px; height: 12px; }
}
@media screen and (max-width:768px) {
	.main-content-inner02 .tab > ul > li .list .item { width: 100%; }
}