@charset "utf-8";




.l-service {
	padding: 0 0 60px;
}

.l-service .e-main {
	width: 300px;
	margin: -30px auto 30px;
	border-radius: 50%;
}

.l-service .e-text {
	line-height: 1.75;
	margin: 0 0 30px;
}

.l-service .e-img.is-right {
	margin: 0 0 20px 20px;
	float: right;
}

.l-service-inner {
	margin: 0 0 30px;
}

.l-service-inner:after {
	content: '';
	display: block;
	clear: both;
}

.l-service-inner-wrap {
	padding: 0 0 0 1.25em;
}

.l-service-inner-item {
	line-height: 1.75;
	list-style: disc;
	margin: 0 0 10px;
}

.l-service-inner-item b {
	color: #BF1A20;
}

/*add 2024.03*/
.l-network_main {
	& .inner {
		margin: 0 -25px;
		display: flex;
		
		& > * {
			width: calc(100% / 2);
			padding: 0 25px;
			position: relative;
		}
	}
	
	& .link {
		padding: 0 0 0 25px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		
		& a {
			padding: 1.5em 0 0;
			display: block;
			
			&:hover {
				background: rgba(255,255,255,.8);
			}
		}
		
		&:nth-child(1) {
			width: 27%;
			margin: 52% 0 0 68%;
		}
		
		&:nth-child(2) {
			width: 27%;
			margin: 72.2% 0 0 61.5%;
		}
		
		&:nth-child(3) {
			width: 17%;
			margin: 80.8% 0 0 44%;
		}
		
		&:nth-child(4) {
			width: 17%;
			margin: 85.8% 0 0 35%;
		}
		
		&:nth-child(5) {
			width: 24.5%;
			margin: 92.1% 0 0 19%;
		}
		
		&:nth-child(6) {
			width: 17.5%;
			margin: 99.1% 0 0 11%;
		}
	}
	
	& .title {
		color: #000;
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 30px 0 0;
		border-bottom: 1px solid #BF1A20;
	}
	
	& .text {
		color: #000;
		font-size: 1.3rem;
		line-height: 1.75;
		
		&:not(:nth-child(1)) {
			margin-top: 1.5em;
		}
	}
	
	& .button {
		& a {
			color: #fff;
			text-decoration: none;
			background: #000;
			border-radius: 3px;
			min-height: 56px;
			margin: 40px 0 0;
			padding: 0 0 0 40px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			position: relative;
			
			&:hover:before {
				left: 15px;
			}
			
			&:before {
				content: url(/assets/img/global/arrow-red-01.png);
				position: absolute;
				top: 50%;
				left: 10px;
				transform-origin: left center;
				transform: translate(0, -50%) scale(.35);
			}
		}
		
	}
}

.l-shortcourse {
	padding: 0 0 60px;
	
	& .title {
		color: #000;
		font-size: 2.8rem;
		font-weight: 700;
		text-align: center;
		margin: 60px 0 0;
	}
	
	& .text {
		color: #333;
		font-size: 1.5rem;
		text-align: center;
		margin: 30px 0 0;
	}
	
	& .menu {
		margin: 40px -5px 0;
		display: flex;
		
		& .menu_item {
			width: calc(100% / 2);
			padding: 0 5px;
		}
		
		& h3 {
			color: #52778B;
			font-size: 2.1rem;
		}
		
		& a {
			color: #333;
			text-decoration: none;
			margin: 10px 0 0;
			padding: 20px 20px 20px 10px;
			border: 1px solid #cccecf;
			display: flex;
			align-items: center;
			border-radius: 3px;
			
			&:hover {
				border-color: #333;
			}
			
			& p {
				font-size: 1.8rem;
				font-weight: 700;
				width: calc(100% - 180px);
				padding: 0 0 0 15px;
				position: relative;
				
				&:before {
					content: url(/assets/img/global/arrow-red-01.png);
					position: absolute;
					top: 50%;
					left: 0;
					transform-origin: left center;
					transform: translate(0, -50%) scale(.35);
				}
			}
			
			& figure {
				width: 180px;
			}
		}
		
		& a[target='_blank'] p {
			padding-left: 25px;
			
			&:before {
				content: url("/assets/img/global/icon-window-red.png");
			}
		}
	}
	
	& .button {
		margin: 0 -5px 20px;
		padding: 0 120px;
		display: flex;
		flex-wrap: wrap;
		
		& li {
			width: calc(100% / 2);
			margin: 10px 0 0;
			padding: 0 5px;
			
			& a {
				color: #fff;
				text-align: center;
				text-decoration: none;
				min-height: 56px;
				margin-top: 0;
				padding-left: 15px;
				background: #BF1A20;
				border-radius: 3px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				position: relative;
				
				&:hover:before {
					left: 15px;
				}
				
				&:before {
					content: url(/assets/img/global/arrow-white-01.png);
					position: absolute;
					top: 50%;
					left: 10px;
					transform-origin: left center;
					transform: translate(0,-50%) scale(.35);
				}
			}
		}
	}
}