#front-title{
	background-image	: url("http://system.ggc-homepage.com/wp-content/uploads/2024/09/front-image.jpg");
	background-size		: cover;
	background-repeat	: no-repeat;
	background-position	: center center;
}

/*Scroll Bar*/
.news_bar{
	background-color: #696969;	
}

.scroll-list{
	display			: flex;
	list-style		: none;
	padding-inline	: 0;
	margin-inline	: 0;
	gap				: 0;
	overflow		: hidden;
}
.scroll-list span{
	color						: #fff;
	font-size					: 1em;
	font-weight					: bold;
	white-space					: nowrap;
	padding						: 0 0.5em 0 0;
	margin						: 0;
	animation					:marquee-left 16s linear infinite;
	margin-left					:2em;
	margin-right				:2em;
}

/*View More Button*/
.view-more-btn{
	margin-top:1.5em;
}
.view-more-btn a{
	display       : inline-block;
	border-radius : 20%;
	font-size     : 18pt;
	text-align    : center;
	cursor        : pointer;
	padding       : 12px 12px;
	background    : #000066;
	color         : #ffffff;
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;
	border        : 2px solid #000066;
}
.view-more-btn a:hover {
	color         : #000066;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}

@keyframes marquee-left {
	0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}

.about-wrapper{
	width:80%;
	height:80%;
	border:1px solid black;
	border-radius:10%;
}

.about-header:hover{	
	color:white;
	background-color:#008080;
	border-color:white;
}

#about-contents-2{
	margin-left:1px;
}
#about-contents-3{
	margin-top:2px;
}
#about-contents-4{
	margin-top:2px;
	margin-left:1px;
}

#about-contents-1:hover{
	background-color:#fff0f5;
}
#about-contents-2:hover{
	background-color:#fffff0;
}
#about-contents-3:hover{
	background-color:#f0ffff;
}
#about-contents-4:hover{
	background-color:#f0fff0;
}

#event-master{
	background-image	: url("http://system.ggc-homepage.com/wp-content/uploads/2024/09/EventMaster-1.png");
	background-size		: cover;
	background-repeat	: no-repeat;
	background-position	: center center;
}

#event-master:hover #event-master-view-more{
	display:block;	
}

#v-manager{
	background-image	: url("http://system.ggc-homepage.com/wp-content/uploads/2024/09/V-manager-1.jpg");
	background-size		: cover;
	background-repeat	: no-repeat;
	background-position	: center center;
}

#v-manager:hover #v-manager-view-more{
	display:block;	
}