/*======================================

	Custom CSS
	Copyright (c) 2026, PROACTIVE Inc. All rights reserved.

=======================================*/

/*----- ホーム -----**/
.main-img {
	aspect-ratio: 593 / 580;
}

@media (max-width: 1024px) {
	.main-img {
		aspect-ratio: 1024 / 1162;
	}
}

.main-img img {
	width: 100%;
}

.main-data dt {
	background-color: var(--main--color);
	border: 1px solid var(--main--color);
	width: fit-content;
	white-space: nowrap;
	margin-bottom: 1rem;
	line-height: 1.4;
}

.main-data dd {
	margin-bottom: 2rem;
}

@media screen and (min-width: 1025px) {
	.main-wrapper {
		display: flex;
		background-color: #fefbf8;
	}

	.main-inner {
		display: flex;
		width: 1120px;
		column-gap: 2rem;
		justify-content: center;
		margin: 0 auto;
	}

	.main-img {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.main-data {
		margin-top: 90px;
	}

	.main-data h1 {
		position: relative;
	}

	.main-data h1 {
		padding: 2rem 5px;
		border-top: solid 1px var(--main--color);
		border-bottom: solid 1px var(--main--color);
	}

	.main-data h1::before,
	.main-data h1::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		border-top: solid 1px var(--main--color);
		border-bottom: solid 1px var(--main--color);
	}

	.main-data h1::before {
		top: -4px;
		border-bottom: none;
	}

	.main-data h1::after {
		bottom: -4px;
		border-top: none;
	}

	.main-data dl:first-child {
		margin-top: 4rem;
	}

	.main-data dt {
		font-size: 1.25rem;
		color: var(--white);
		padding: 0.125rem 0.95rem;
	}
	.main-data dd {
		font-size: 1.4rem;
		margin-left: 0;
	}
}

.contents-top .btn-area a {
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 1025px) {
	.contents-top .btn-area {
		width: 632px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 2rem;
		margin: 0 auto 3rem;
	}

	.contents-top .btn-area a {
		min-width: 100%;
	}

	.contents-top .btn-area a:nth-child(3),
	.contents-top .btn-area a:nth-child(4) {
		min-width: 300px;
	}
}

@media screen and (max-width: 1024px) {
	.main-data h1 {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.main-wrapper {
		position: relative;
	}

	.main-img {
		width: 100%;
	}
	.main-data {
		padding: 1.5rem 2rem 1rem;
		background-color: #fefbf8;
	}
	.main-data dt {
		font-size: 1.1rem;
		color: var(--white);
		margin-bottom: 0.5rem;
		padding: 0.125rem 0.45rem;
	}
	.main-data dd {
		font-size: 1.15rem;
		margin-left: 0;
		margin-bottom: 1rem;
	}
}

/* .orei {
	background-color: #fdf7dc;
	margin-bottom: 3rem;
	padding: 2.5rem;
	border-radius: 0.75rem;
} */

/*----- 開催挨拶 -----**/
.chair {
	text-align: center;
	margin-bottom: 2rem;
}
.chair img {
	margin-bottom: 1rem;
}

@media screen and (min-width: 1025px) {
	.chair {
		display: flex;
		align-items: flex-end;
		flex-direction: row-reverse;
		text-align: right;
	}
	.chair img {
		margin: 0 0 1rem 2rem;
	}
}

/*----- 開催概要 -----**/
.outline dl dd {
	margin: 0;
}

/*----- 論文投稿 -----**/
.layout-img {
	border: 1px solid #ccc;
}

/*----- プログラム -----*/
/* .prog-speaker dt {
	margin-bottom: 0;
}

.prog-speaker dd {
	margin: 0 0 0.5rem 0;
} .txt-indent {
	display: inline-block;
	margin-left: 1rem;
	text-indent: -1rem;
} 

.anchor {
	padding-top: 150px;
	margin-top: -150px;
}

@media screen and (min-width: 1024px) {
	.prog-speaker {
		display: flex;
		flex-wrap: wrap;
	}

	.prog-speaker dd {
		width: calc(100% - 5rem);
	}
	.prog-speaker dd.long {
		width: calc(100% - 6rem);
	}
	.prog-speaker dt {
		margin-bottom: 0.5rem;
	}
}
*/