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



/* pc */
@media screen and (min-width: 801px), print {

	
#content > .sec:not(:nth-of-type(1)){
	margin-top:80px;
	}
	#content > .sec > .sec{
		margin-top:30px;
		}
	
	.intro{
		font-size:16px;
		line-height:2.2em;
		text-align:center;
		font-weight:bold;
		}
		.intro span{
			color:#000;
			font-size:1.4em;
			}
		.intor_img{
			margin-top:50px;
			}
			
			
			
			
	
	h3{
		border-left:6px solid #ac171d !important;
		font-size:20px !important;
		padding:15px 10px 13px 20px !important;
		background-color:#f6f8f9 !important;
		margin-bottom:20px !important;
		}
		
	/*
	h3.i-c span {
		background: url(/gr/aldp/images/curriculum/icon_a.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	h3.i-s span {
		background: url(/gr/aldp/images/curriculum/icon_s.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	h3.i-g span {
		background: url(/gr/aldp/images/curriculum/icon_g.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	*/
		
		
		
		
	
	h4{
		border-bottom:1px solid #ac171d !important;
		font-size:15px !important;
		color:#fff !important;
		margin-bottom:20px !important;
		}
		h4 span{
			display:inline-block !important;
			padding:5px 20px 3px !important;
			background-color:#ac171d !important;
			}
	
	.dl_box{
		width:100%;
		}
		.dl_box dl:not(:first-child){
			margin-left:3.5%;
			}
		.dl_box dl{
			float:left;
			width:31%;
			box-sizing:border-box;
			}
		.dl_box dl dt{
			position:relative;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			margin-bottom:12px;
			padding-top:10px;
			padding-bottom:10px;
			font-size:20px;
			font-weight:bold;
			color:#ac171d;
			}
		.dl_box dl dd{
			}
	
	.learn_box{
		display:table;
		}
	.learn_box > div{
		display:table-cell;
		}
	.learn_box > div:nth-of-type(1){
		position:relative;
		width:45%;
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:20px 25px;
		}
		
	.learn_box > div.plus{
		width:10%;
		padding:0 20px;
		box-sizing:border-box;
		vertical-align:middle;
		text-align:center;
		}
		.learn_box > div.plus span{
			display:inline-block;
			width:30px;
			height:30px;
			background-color:#ac171d;
			border-radius:100%;
			position:relative;
			}
		.learn_box > div.plus span::before{
			position:absolute;
			height:16px;
			width:4px;
			content:"";
			background-color:#fff;
			left:50%;
			top:50%;
			margin-left:-2px;
			margin-top:-8px;
			}
		.learn_box > div.plus span::after{
			position:absolute;
			height:4px;
			width:16px;
			content:"";
			background-color:#fff;
			left:50%;
			top:50%;
			margin-left:-8px;
			margin-top:-2px;
			}
			
	
	.learn_box > div:nth-of-type(3){
		width:45%;
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:20px 25px;
		}
		.learn_box > div:nth-of-type(3) dl{
			box-sizing:border-box;
			}
		.learn_box > div:nth-of-type(3) dl:nth-of-type(2){
			margin-top:20px;
			border-top:1px solid #ccc;
			padding-top:15px;
			}
		.learn_box > div:nth-of-type(3) dl dt{
			position:relative;
			margin-bottom:12px;
			font-size:16px;
			font-weight:bold;
			color:#ac171d;
			}
		
}


/* sp */
@media only screen and (max-width: 800px) {
	
#content >  .sec:not(:nth-of-type(1)){
	margin-top:50px;
	}
	#content > .sec > .sec{
		margin-top:25px;
		}
	
	.intro{
		font-size:15px;
		line-height:2em;
		font-weight:bold;
		}
		.intor_img{
			margin-top:30px;
			}
	
	h3{
		border-left:6px solid #ac171d !important;
		font-size:18px !important;
		padding:13px 10px 11px 20px !important;
		background-color:#f6f8f9 !important;
		margin-bottom:20px !important;
		}
		
	/*
	h3.i-c span {
		background: url(/gr/aldp/images/curriculum/icon_a.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	h3.i-s span {
		background: url(/gr/aldp/images/curriculum/icon_s.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	h3.i-g span {
		background: url(/gr/aldp/images/curriculum/icon_g.png) no-repeat 0em 0em;
		background-size: contain;
		padding-left: 25px;
	}
	*/
		
		
	
	h4{
		border-bottom:1px solid #ac171d !important;
		font-size:14px !important;
		color:#fff !important;
		margin-bottom:20px !important;
		}
		h4 span{
			display:inline-block !important;
			padding:5px 15px 3px !important;
			background-color:#ac171d !important;
			}
	
	.dl_box{
		width:100%;
		}
		.dl_box dl{
			margin-top:20px;
			box-sizing:border-box;
			}
		.dl_box dl dt{
			position:relative;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			margin-bottom:12px;
			padding-top:10px;
			padding-bottom:10px;
			font-size:18px;
			font-weight:bold;
			color:#ac171d;
			}
		.dl_box dl dd{
			}
	
	.learn_box{
		}
	.learn_box > div{
		}
	.learn_box > div:nth-of-type(1){
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:20px 15px;
		}
		
	.learn_box > div.plus{
		padding:20px;
		box-sizing:border-box;
		vertical-align:middle;
		text-align:center;
		}
		.learn_box > div.plus span{
			display:inline-block;
			width:30px;
			height:30px;
			background-color:#ac171d;
			border-radius:100%;
			position:relative;
			}
		.learn_box > div.plus span::before{
			position:absolute;
			height:16px;
			width:4px;
			content:"";
			background-color:#fff;
			left:50%;
			top:50%;
			margin-left:-2px;
			margin-top:-8px;
			}
		.learn_box > div.plus span::after{
			position:absolute;
			height:4px;
			width:16px;
			content:"";
			background-color:#fff;
			left:50%;
			top:50%;
			margin-left:-8px;
			margin-top:-2px;
			}
			
	
	.learn_box > div:nth-of-type(3){
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:20px 15px;
		}
		.learn_box > div:nth-of-type(3) dl{
			box-sizing:border-box;
			}
		.learn_box > div:nth-of-type(3) dl:nth-of-type(2){
			margin-top:20px;
			border-top:1px solid #ccc;
			padding-top:15px;
			}
		.learn_box > div:nth-of-type(3) dl dt{
			position:relative;
			margin-bottom:12px;
			font-size:16px;
			font-weight:bold;
			color:#ac171d;
			}
}



/* ieハック 
@media screen\0 {
	h2 span::before{
		top:-40px\9;
		top:-40px;
		}
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	h2 span::before{
		top:-40px\9;
		top:-40px;
		}
}
_:-ms-input-placeholder, :root h2 span::before {
		top:-40px\9;
		top:-40px;
}
*/