@charset "UTF-8";
/* CSS Document */
article {
	background: linear-gradient(to left, #292E6F, #18038D);
	padding: 80px 50px;
}
article h2 {
	font-size: 3.4rem;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 1.6;
}
.artFlex {
	display: flex;
	margin-top: 70px;
	align-items: flex-start;
}
.thumbnail {
	max-width: 393px;
	margin-right: 60px;
}
.artFlex ul {
	width: 60%;
}
.artFlex ul li:not(:last-child) {
	margin-bottom: 60px;
}
.artFlex ul li h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #FFF;
	margin-bottom: 15px;
}
.gl-title {
	font-size: 2.0rem;
	color: #FFF;
	margin-bottom: 15px;
	text-align: left;
	border-left: solid 2px #FFF;
	padding-left: 10px;
}
.artFlex ul li h3::before{
	content: "";
	background-color: #FFF;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 12px;
}
.text, .text a {
	color: #FFF;
	font-weight: 400;
}
.artFlex ul li dl {
	display: flex;
	align-items: flex-start;
}
.artFlex ul li dl:not(:last-child){
	margin-bottom: 20px;
}
.artFlex ul li dl dt {
	border-left: solid 3px #CFFF76;
	padding-left: 10px;
	margin-right: 40px;
	white-space: nowrap;
}
.online {
	margin-bottom: 5px!important;
}
.onlineLink {
	margin-bottom: 20px;
}
.artFlex .rq-btn1 {
	margin-top: 20px;
}
.gallery-wrapper {
	margin-top: 60px;
}
.gallery {
	display: flex;
	flex-wrap: wrap;
	gap:12px;
}
.gallery .gallery-bl {
	width: 24%;
	text-align: center;
    height: 180px;
}
.gallery .gallery-bl img {
	vertical-align: bottom;
	height: 100%;
	object-fit: cover;
}
.star {
		padding-bottom: 150px;
	}
.ach-more {
	text-align: center;
	margin-top: 70px;
}

@media only screen and (max-width:520px) {
	article {
	padding: 40px 25px;
}
	article h2 {
		font-size: 2.0rem;
	}
	.artFlex {
		flex-wrap: wrap;
	}
	.artFlex {
		margin-top: 40px;
	}
	.thumbnail {
		max-width: 186px;
		margin: 0 auto
	}
	.artFlex ul {
		width: 100%;
		margin-top: 35px;
	}
	.artFlex ul li h3 {
	    font-size: 1.6rem;
		margin-bottom: 12px;
	}
	.artFlex ul li h3::before {
		width: 12px;
		height: 12px;
		margin-right: 10px;
	}
	.artFlex ul li dl dt {
		white-space: nowrap;
		margin-right: 35px;
	}
	.text {
		line-height: 2;
	}
	.artFlex ul li:not(:last-child) {
		margin-bottom: 40px;
	}
	.artFlex .rq-btn1 {
		margin-left: 0;
		margin-right: 0;
	}
	.star {
		padding-bottom: 40px;
	}
	.gallery-wrapper {
	margin-top: 40px;
}
	.gl-title {
	font-size: 1.6rem;
	margin-bottom: 12px;
	padding-left: 8px;
} 
	.gallery {
	gap:9px 9px;
}
	.gallery .gallery-bl {
		width: 48%;
		height: 110px;
	}
	.ach-more {
		margin-top: 30px;
	}
}