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

.lower_main_vi1{
	background: url(/company/asset/img/lower/main_vi/network_bg.jpg);
	background-size: cover;
	background-position: center;
}

.network .column{
	margin: 36px 0px 80px;
	justify-content: space-between;
}
.network .column a{
	text-align: center;
	justify-content: center;
}
.network .anc{
	margin-bottom: 80px;
}
.network .area{
	padding: 36px 0px;
	border-bottom: solid 1px #666;
}
.network .area:last-child{
	border-bottom: none;
}
.network .area h3{
	margin-bottom: 24px;
}
.network .area h4{
	margin-bottom: 22px;
	font-size: 1.6rem;
	line-height: 28px;
}
.network .area h4::before{
	top:15px;
	transform: translate(0,0);
}
.network .area>p{
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 175% */
	letter-spacing: 0.8px;
	margin-bottom: 28px;
}
.network .area a.external_btn{
	width: 240px;
}
.network .inq > p{
	margin-bottom: 36px;
}
.network .inq a{
	width: 240px;
	border: solid 1px #557EC0;
}
.network .inq a p{
	border-bottom: none;
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 767px) {
	.network .column{
		margin-bottom: 60px;
		gap:8px;
	}
	.network .anc{
		margin-bottom: 60px;
	}
	.network .area{
		text-align: center;
	}
	.network .area p{
		font-size: 1.4rem;
	}
	.network .area h3::before{
		top: 15px;
		transform: translate(0,0);
	}
	.network .area h4,.network .area h3,.network .area>p{
		text-align: left;
	}
	.network .area a.external_btn{
		width: 280px;
	}
	.network .inq{
		text-align: center;
	}
	.network .inq p{
		text-align: left;
	}
	.network .inq a{
		width: 280px;
		position: relative;
		border:solid 1px #557EC0;
	}
	.network .inq a::after{
		content: "▶︎";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0,-50%);
		color: #557EC0;
		opacity: 1;
	}
	.network .inq a p{
		text-align: center;
	}
}