/* CSS Document */

#fc{
	padding-top: 0;
	}

#overview{
	padding: 1em;
	background: rgba(217,217,217,0.5);
	}
	#overview div{
		position: relative;
		padding-top: 120%;
		}
	#overview svg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		}

#training{}
	#training div{
		display: flex;
		flex-wrap: wrap;
		}
	#training dl{
		padding: 1em;
		border: 1px solid #bfbfbf;
		}
	#training dd{
		margin-top: 0.8em;
		padding-top: 0.8em;
		border-top: 1px dotted #bfbfbf;
		line-height: 1.4em;
		}
	#training figure{
		margin-top: 2em;
		display: flex;
		}
		#training figure div{
			padding-top: 15%;
			}
		#training figure div+div{
			margin: 0 0 0 1px;
			}

#support{}
	#support div+div{
		padding: 1em;
		background: rgba(217,217,217,0.5);
		}

#media{}
	#media ul li small{
		display: block;
		font-size: 0.85em;
		margin-left: 3em;
		line-height: 1.5em;
		}
	#media dl{
		padding: 0.3em 0  0.8em 0;
		border-bottom: 1px dotted #bfbfbf;
		}
		#media dl:nth-of-type(1){
			border-top: 0.2em solid #4c4948;
			}
	#media dt,
	#media dd{
		margin-top: 0.5em;
		line-height: 1.4em;
		}
	#media dt{
		margin-bottom: 0.5em;
		}
		#media dt:last-child{
			margin-bottom: 0;
			}
	#media dd{
		font-size: 0.85em;
		}

#flow{
	counter-reset: count;
	}
	#flow dt,
	#flow dd{
		padding: 1em;
		padding-left: 4.4em;
		line-height: 1.4em;
		}
	#flow dt{
		position: relative;
		background: rgba(217,217,217,0.5);
		}
		#flow dt:before{
			counter-increment: count;
			content: counter(count);
			position: absolute;
			top: 0;
			left: 0;
			width: 3.4em;
			height: 3.4em;
			padding: 1em;
			color: #fff;
			font-weight: bold;
			background: #4c4948;
			text-align: center;
			box-sizing: border-box;
			}
	#flow dd{
		padding-bottom: 0;
		background: #fff;
		}
	#flow dd+dt{
		margin-top: 2em;
		}

.table{}
	.table dt{
		text-align: center;
		width: 30%;
		}
	.table dd{
		width: 35%;
		text-align: center;
		}
	.table dd+dd{
		border-left: 1px solid #fff;
		
		}

.table.tieup dd{
	width: 70%;
	
}
/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}

@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#training{}
	#training dl{
		padding: 1em;
		}
	#training dl+dl{
		margin-top: 1em;
		}
#flow{}
	#flow dd{
		padding: 0.5em 0 0 0;
		}
#fund{}
	#fund dd{
		width: 100% !important;
		}
		#fund .col2 dd{
			width: 50% !important;
			}
	#fund dd+dd{
		padding-top: 0.8em;
		}
}

@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#training{}
	#training dl{
		width: calc(50% - 0.5em);
		}
		#training dl:nth-child(even){
			margin-left: 1em;
			}
		#training dl:nth-child(n+3){
			margin-top: 1em;
			}
#support{}
	#support ul{
		column-count: 2;
		column-gap: 1em;
		}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#support{}
	#support ul{
		column-count: 3;
		column-gap: 1.5em;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#training{}
	#training dl{
		width: calc(50% - 0.5em);
		}
		#training dl:nth-child(even){
			margin-left: 1em;
			}
		#training dl:nth-child(n+3){
			margin-top: 1em;
			}
}

@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#overview{
	padding: 1.5em;
	}
	#overview div{
		padding-top: 80%;
		}
#training{}
	#training dl{
		width: calc(33.33% - 1em);
		}
		#training dl:nth-child(3n+2){
			margin: 0 1.5em;
			}
		#training dl:nth-child(n+4){
			margin-top: 1.5em;
			}
#support{}
	#support div+div{
		padding: 1.5em;
		}
	#support ul{
		column-count: 3;
		column-gap: 2em;
		}
}

@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}

@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){}


