@charset "utf-8";


/* -----------------------------------------------------------
    共同研究について
-------------------------------------------------------------- */

/*sec01*/
#sec01 .circle-list{
	margin: 0 0 30px;
}
#sec01 .circle-list li{
	font-weight: 500;
}

@media screen and (max-width: 768px) {

	#sec01 .circle-list{
		margin: 0 0 20px;
	}
	
}


/*流れ*/
.flow-list{
	display: flex;
	justify-content: space-between;
	gap: 25px;
	margin: 0 0 30px;
}
.flow-list li{
	padding: 30px 5px 30px;
	width: calc(100% - 100px);
	text-align: center;
	position: relative;
	background: var(--sub);
}
.flow-list li::after {
	display: block;
	position: absolute;
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 2rem;
	color: #aaa;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: -17px;
	transition: all 0.3s ease-in-out;
}
.flow-list li:last-child::after {
	display: none;
}

.flow-list li .no{
	font-size: 1.2rem;
	/*
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 20px;
	*/
	text-align: center;
	font-weight: bold;
	color: var(--main-txt);
}
.flow-list li .no span{
	display: block;
	font-size: 2rem;
}
.flow-list li .flow-ttl{
	font-size: 1.8rem;
	font-weight: 500;
	margin: 15px 0 0;
	line-height: 1.4;
}


@media screen and (max-width: 768px) {
	
	.flow-list{
		margin: 0 0 30px;
		flex-wrap: wrap;
	}
	
	.flow-list li{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px;
		margin: 0;
	}
	.flow-list li::after {
		content: "\f107";
		font-size: 2.4rem;
		bottom: -37px;
		top: auto;
		/*
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		*/
		left: 30px;
		right: auto;
		color: #ccc;
	}
	
	.flow-list li .no{
		width: 50px;
	}
	.flow-list li .no span{
		font-size: 2rem;
	}
	.flow-list li .flow-ttl{
		font-size: 1.8rem;
		width: calc(100% - 60px);
		text-align: left;
		margin: 0;
	}
	
}