@charset "UTF-8";
/* CSS Document */
.new-wrapper {
	background: linear-gradient(to left, #292E6F, #18038D);
	padding: 80px 50px;
}
.note {
	background-color: #CFFF76;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000760;
	padding: 13px 12px;
	border-radius: 5px;
	display: inline-block;
}
.titleFlex {
	display: flex;
	align-items: flex-start;
	padding-bottom: 32px;
	border-bottom: solid 1px #CFFF76;
	flex-wrap: wrap;
}
.section-title {
	margin-right: auto;
	border-left: none;
	padding-left: 0;
}
.art-box, .art-box2 {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	gap:5rem 4.5rem;
}
.art-box article, 
.art-box2 article{
	width: 30%;
}
.thumbnail {
	max-width: 186px;
	margin:  0 auto;
}
.art-box article h3,
.art-box2 article h3 {
	color: #FFF;
	margin-top: 30px;
}
.topost {
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 15px;
	text-align: end;
	padding-right: 16px;
}
.topost::after {
	content: "";
	background-image: url("../assets/works/arrowright.png");
	width: 15px;
	height: 15px;
	display: inline-block;
    background-size: contain;
    vertical-align: middle;
	background-repeat: no-repeat;
}
.topost a {
	color: #CFFF76;
	margin-right: 11px;
}
.opn-box {
	text-align: center;
	margin-top: 60px;
}
.open-btn, .open-btn2 {
	color: #CFFF76;
	font-size: 1.8rem;
	font-weight: 700;
	border: solid 1px #CFFF76;
	border-radius: 40px;
	padding: 15px 70px;
	display: inline-block;
}

.record-wrapper {
	padding: 150px 50px;
} 
.record-wrapper .section-title {
	padding-bottom: 32px;
	border-bottom: solid 1px #CFFF76;
}

@media only screen and (max-width:520px) {
	.new-wrapper,
	.record-wrapper {
		padding: 40px 25px;
	}
	.note {
		font-size: 1.2rem;
		padding: 7px 9px;
		margin-top: 20px;
	}
	.titleFlex,
	.record-wrapper .section-title {
		padding-bottom: 25px;
	}
	.art-box, .art-box2 {
		margin-top: 30px;
	}
	.art-box2 {
		gap: 2.5rem 1.5rem;
	}
	.art-box article {
		width: 100%;
	}
	.art-box2 article {
		width: 47%;
	}
	.topost {
		font-size: 1.4rem;
		margin-top: 10px;
		padding-right: 5px;
	}
	.topost a {
		margin-right: 7px;
	}
	.art-box article h3, 
	.art-box2 article h3 {
		margin-top: 20px;
	}
	.open-btn, .open-btn2 {
		font-size: 1.6rem;
		padding: 13px 60px;
	}
	.opn-box {
		margin-top: 35px;
	}
}