@charset "utf-8";
/* CSS Document */

.pcOnlyB{
	display:block;
}

.pcOnlyI{
	display:inline;
}

.spOnly, .spOnlyI, .spOnlyB{
	display:none;
}

/* トップページ */
.topMv{
	display: grid;
	grid-template-columns: 10rem calc(100% - 10rem);
}
.topMv__slider img{
	aspect-ratio: 1810/800;
}

.topMv__scroll{
	display: block;
	position: relative;
	a{
		display: block;
		align-items: center;
		position: absolute;
		bottom: 0;
		font-weight: 900;
		font-size: 2.8rem;
		background:url(../img/common/arrow_left_b.svg) no-repeat left center;
		background-size: auto 0.8em;
		text-decoration: none;
		padding-left:1em;
		padding-bottom: 0.15em;
		line-height: 1;
		transform-origin:top left;
		transform: rotate(-90deg) translate(0,3.25rem);
		animation: topScrollAni 1s ease-in alternate infinite;
	}
}

@keyframes topScrollAni {
	from{
		transform: rotate(-90deg) translate(0,3.25rem);
	}
	to{
		transform: rotate(-90deg) translate(-3.25rem,3.25rem);
	}
}

.topSeminarTopic{
	width: fit-content;
	margin: -8rem 5rem 0 auto;
	display: flex;
	background-color: #FFF;
	border-radius: 0.5rem;
	overflow: hidden;
}

.topSeminarTopic__header{
	border-radius: 0;
	display: grid;
	place-content: center;
	font-size: 3.3rem;
	text-align: left;
	padding: 2rem;
	line-height: 1.2;
}

.topSeminarTopic__content{
	display: flex;
	align-items: center;
	border-radius: 0;
	padding: 2rem;
}

.topSeminarTopic__item{
	gap: 1rem;
	padding: 0 2rem 0 0;
	margin-right: 2rem;
	border: 0;
	border-right: solid 2px #CCC;
	.date{
		min-width: 0;
	}
}

.topSeminarTopic__item:last-child{
	border: 0;
	padding: 0;
	margin: 0;
}

.topInfo{
	padding-inline: 10rem;
}

.topInfo__list{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 2rem;
}

.topInfo__list__item{
	display: block;
	border: none;
	padding: 0;
	margin: 0;
}

.topInfo__list__item .content{
	display: block;
	position: relative;
	.category{
		position: absolute;
		right: 1.6rem;
		top: -1.6rem;
	}

	.date{
		padding: 2rem 0 0.5rem 0;
		color: var(--color1);
		display: block;
	}

	.title{
		line-height: 1.4;
	}
}

.topContent{
	max-width:var(--inner-width);
	margin-inline:auto;
}


.topAbout{
	max-width: 1400px;
	display: grid;
	align-items: center;
	grid-template-columns:50rem auto;
	margin-inline: auto;
	gap: 5rem;
}

.topAbout__image{
	margin-bottom:0;
	img{
		aspect-ratio: 1/1;
	}
}

.topAbout__content{
	padding-inline:0;
}

.topSeminar{
	display: flex;
	justify-content: center;
	align-items: center;
	background:none;
	position: relative;
	&:after{
		content: "";
		width: 100%;
		height: 80%;
		background-color: #F0F0F0;
		display: block;
		position: absolute;
		top: 10%;
		left: 0;
		z-index: -1;
	}
}

.topSeminar__image{
	margin-bottom: 0;
	max-width: 500px;
	order: 2;
	img{
		aspect-ratio: 1/1;
	}
}

.topSeminar__content{
	order: 1;
	padding-bottom: 0;
	padding-right: 5rem;
	padding-left: 0;
	max-width: 900px;
	box-sizing: border-box;
}

.topLink{
	padding-inline: var(--section-side);
	max-width: 1400px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
}

.topLink__list{
	aspect-ratio: 455/300;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 0;
}

.topLink__member{
	display: grid;
	grid-template-columns: 1fr 1fr;
	box-sizing: border-box;
	padding:1.5rem;
	gap: 1.5rem;
	border-radius: 1rem;
	overflow: hidden;
}

.topLink__member>a{
	aspect-ratio:inherit;
	margin:0 !important;
	border-radius: 1rem;
	border-width: 2px;
	text-align: center;
}

ul.seminarDateList li .topSeminarTopic__item{
	padding:2rem 4rem;
	display:grid;
	grid-template-columns:auto 1fr auto;
	gap:0.1rem 3rem;
	background-color:#F2F2F2;
	border-radius:1rem;
	align-items:center;
	.date{
		grid-column:1/2;
		grid-row:1/2;
	}
	.title{
		grid-column:2/3;
		grid-row:1/2;
	}
	.detail{
		grid-column:3/4;
		grid-row:1/2;
		display:block;
		gap:1rem;
	}