@charset "utf-8";

.h2-basis {
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 120%;
}
@media screen and (max-width: 979px) {
	.h2-basis {
		font-size: 2.2rem;
	}
}

.h3-basis {
	color: var(--Umios_text_Red);
	font-weight: 400;
	line-height: 140%;
}

.discussion_prof {
	&.column.skin-2 {
		padding: 40px 40px 40px 75px;
		&:not(:has(dt span)) {
			padding: 40px;
		}
	}

	dl + dl {
		margin-top: 32px;
	}

	dt {
		position: relative;
    margin-bottom: 12px;
    color: var(--Umios_text_Red);
    font-size: 1.8rem;
		font-weight: 700;

		span {
			position: absolute;
			top: 50%;
			left: -35px;
			transform: translateY(-50%);
			display: flex;
			justify-content: center;
			align-items: center;
			width: 25px;
			height: 25px;
			border: solid 1px var(--Umios_text_Red);
			font-size: 2rem;
		}
	}
}

@media screen and (max-width: 979px) {
	.discussion_prof {
		&.column.skin-2 {
			padding: 20px 20px 20px 55px;
		}
	}
}