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

.red {color:#ab161c;}
.bg_gray {background:#eff3f4;}

/* pc */
@media screen and (min-width: 801px), print {
	
body{
	position:relative;
	}
	
#content > .sec:not(:nth-of-type(1)){
	}
	#content > .sec > .sec{
		}
	
	.intro{
		font-size:24px;
		line-height:2em;
		text-align:center;
		font-weight:bold;
		margin-bottom:80px;
		}
		.intro > p{
			margin-bottom:30px;
			}
			.intro > p span{
				font-weight:normal;
				}
		.intro ul {
			margin-bottom:30px;
			}
		.intro ul:after, .intro ul:before {
			content: "";
			clear: both;
			display: block;
		}
			.intro ul li{
				box-sizing:border-box;
				width:165px;
				float:left;
				line-height:1.5;
				border:solid 3px #ab161c;
				margin-left:10px;
				display: table;
				height: 165px;
				}
		.intro ul li {
			}
			.intro ul li span{
				font-size:20px;
				line-height: 1.6em;
				display: table-cell;
				vertical-align: middle;
			}
			.intro ul li:first-child{
				margin-left:0px;
				}
		.intro > img {
			margin-bottom:60px;
			}
		.intro .intro_box > img {
			margin-bottom:30px;
			}
		.intro .intro_box > p {
			margin-bottom:30px;
			}
			
			.intro_box .data,
			.intro_box .start
			{
				transform:scale(0.7);
				}
			.intro_box .move{
				transition:500ms;
				transform:scale(1);
				}




	#content .sec h2 {
		text-align: center;
		background-color: #000;
		padding: 18px 0;
		color:#fff;
		margin-bottom:0;
	}


	#content #sec01{
			text-align:center;
			margin-bottom:80px;
			height:100vh;
			width:100%;
			top: 0;
			left: 0;
			position: relative;
			z-index:1;
		}
		#content #sec01 .bg{
			font-size:0;
			letter-spacing:0;
			}
		#content #sec01 .bg > div{
			background-size:cover;
			width:25%;
			height:100%;
			display:inline-block;
			}
			#content #sec01 .bg1{
			background-image:url(/gr/aldp/images/training/bg1.jpg);
			}
			#content #sec01 .bg2{
			background-image:url(/gr/aldp/images/training/bg2.jpg);
			}
			#content #sec01 .bg3{
			background-image:url(/gr/aldp/images/training/bg3.jpg);
			}
			#content #sec01 .bg4{
			background-image:url(/gr/aldp/images/training/bg4.jpg);
			}


	#content #sec01 .copy{
		width:100%;
		position:absolute;
		left:0;
		}
					
					
	#content #sec01 #copy01 {
	}
		#content #sec01 #copy01 ul{
			font-size:0;
			letter-spacing:0;
			height:100%;
			}
		#content #sec01 #copy01 ul li{
			width:25%;
			height:100%;
			display:inline-block;
			position:relative;
			}
		#content #sec01 #copy01 ul li img{
			position:absolute;
			top:50%;
			left:50%;
			margin-left:-100px;
			margin-top:-100px;
			}
	#content #sec01 #copy02 {
		display: none;
		}
		#content #sec01 #copy02 div{
			height:100%;
			width:100%;
			display:table;
			}
			#content #sec01 #copy02 div span{
				display:table-cell;
				vertical-align:middle;
				height:100%;
				padding:0 20px;
				}
			#content #sec01 #copy02 div img{
				max-width:100%;
				}
	#content #sec01 #copy03 {
		display: none;
		}
		#content #sec01 #copy03 div{
			height:100%;
			width:100%;
			display:table;
			}
			#content #sec01 #copy03 div span{
				display:table-cell;
				vertical-align:middle;
				height:100%;
				padding:0 20px;
				}
			#content #sec01 #copy03 div img{
				max-width:100%;
				}
		
		
		
		#content #sec01 .wrap2{
			padding-bottom:30px;
			}
			/*
			#content #sec01 ul{
				max-width: 1060px;
				margin:0 auto;
				margin-bottom:40px;
			}
			#content #sec01 ul:after, .#content #sec01 ul:before {
				content: "";
				clear: both;
				display: block;
			}
				#content #sec01 ul li{
					font-size:22px;
					font-weight:bold;
					color:#fff;
					float:left;
					width:200px;
					margin:3%;
					padding:70px 0;
					line-height:1.4;
					background:#AC171D;
					border-radius:100px;
					}
				*/
					
					
					
		#content #sec01 .wrap2 > img {
			margin-bottom:30px;
			}
		#content #sec01 .wrap2 > p {
			font-size:40px;
			font-weight:bold;
			}

	#content .fadein{
		opacity:0;
	}
	#content .fadein.scrollin{
		opacity:1;
		transition:1000ms;
		}
	#content #fade01.scrollin{
		top:-50px!important;
		}
	#content #fade02.scrollin{
		top:0px!important;
		}
	#content #fade03.scrollin,#content #sec5.scrollin{
		top:0px!important;
		}


	#content #sec02 {
		text-align:center;
		margin-bottom:80px;
		}
		#content #sec02 > div{
			padding:40px 0 0px;
			height:696px;
			}
			.effect > img {
			  height: 696px;
			  transition: .8s;
			} 


	#content #sec03{
		text-align:center;	
		margin-bottom:80px;
		}
		#content #sec03 h2{
			margin-bottom:15px;
			}
		#content #sec03 ul{
			max-width: 1060px;
			margin:0 auto;
			}
		#content #sec03 ul#sec03_ul01{
			border-bottom:1px solid #b0b0b0;
			}
			#content #sec03 ul li {
				border-left:1px solid #b0b0b0;
				box-sizing:border-box;
				margin:15px 0;
				float:left;
				width:33.33%;
				font-weight:bold;
				font-size:100px;
				letter-spacing:-5px;					
				}
			#content #sec03 ul li:first-child {
				border-left:none;
				}



	#content #sec04{
		text-align:center;	
		}
		#content #sec04 .bg_gray{
			padding-top:30px;
			padding-bottom:80px;
			}
		#content #sec04 ul{
			max-width: 1060px;
			margin:0 auto;
			}
			#content #sec04 .tokucho_list li{
				width:50%;
				line-height: 1;
				box-sizing:border-box;
				display:table;
				text-align:center;
				color:#fff;
				background-color:#ab161c;
				transition:500ms;
				font-size:18px;
				font-weight:bold;
				position:relative;
				}
				#content #sec04 .tokucho_list li:after {
					position: absolute;
					content: "";
					width: 17px;
					height: 17px;
					background-image: url(/gr/aldp/images/training/popup.png);
					right: 20px;
					top: 0;
					bottom:0;
					margin:auto;
				}
			#content #sec04 .tokucho_list li:hover{
				opacity:0.8;
				transition:500ms;
				}
			#content #sec04 .tokucho_list li a{
				display:block;
				padding: 31px 0px;
				color:#fff;
				}
			#content #sec04 .tokucho_list li:nth-of-type(odd){
				float:left;
				}
			#content #sec04 .tokucho_list li:nth-of-type(even){
				float:right;
				}
			#content #sec04 .tokucho_list li.pink{
				background-color:#bc454a;
				}
	
	

	#content #sec05{
		text-align:center;	
		}
		#content #sec05 .bg_gray{
			padding:60px 0;
			}
		#content #sec05 ul{
			margin-top:60px;
			}
		#content #sec05 ul li{
			font-size:20px;
			}
		#content #sec05 .skill_list{
			width:1064px;
			margin:auto;
			}
		#content #sec05 .skill_list img{
			transition: 500ms ;
			transform: rotateY( 0deg ) ;
			margin:10px;
		}
		#content #sec05 .skill_list img{
			transition: 500ms ;
			transform: rotateY( 0deg ) ;
		}

		#content #sec05 .skill_list img:hover{
			transform: rotateY( 360deg ) ;
			transition: 500ms ;
		}
		#content #sec05 .arrow {
			margin-top:40px;
			margin-bottom:40px;
		}
		#content #sec05 .skill_text{
			background-image:url(/gr/aldp/images/training/sec5_bg.png);
			background-size:cover;
			background-position:center;
			padding:280px 10px;
			}
			#content #sec05 .skill_text > div{
				background:rgba(172,23,29,0.8);
				max-width:854px;
				box-sizing:border-box;
				margin:auto;
				position:relative;
				font-size:20px;
				text-align:left;
				color:#fff;
				padding:60px 180px 60px 35px;
				font-weight:bold;
				}
			#content #sec05 .skill_text > div img{
				position:absolute;
				right:40px;
				top:-65px;
				}
				








		.pagenation{
			margin-top:100px;
			position:relative;
			text-align:center;
			}
			.pagenation .return{
				background-color:#AC171D;
				color:#FFF;
				font-size:13px;
				letter-spacing:0.2em;
				font-weight:bold;
				padding:17px 45px 15px 23px;
				position:relative;
				display:inline-block;
				}
			.pagenation .return:hover{
				opacity:0.6;
				transition:500ms;
				}
			.pagenation .return::after{
				content:url(/gr/aldp/common/img/arrow_white.png);
				position:absolute;
				right:20px;
				top:50%;
				margin-top:-4px;
				line-height: 0;
				}





.scroll_icon{
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-41px;
	z-index:10;
	}





		
}


/* sp */
@media only screen and (max-width: 800px) {

.scroll_icon{
	display:none!important;
	}

	.intro{
		font-size:24px;
		line-height:2em;
		text-align:center;
		font-weight:bold;
		margin-bottom:50px;
	}
		.intro > p{
			font-size:18px;
			margin-bottom:30px;
			text-align:left;
			}
			.intro > p span{
				font-weight:normal;
				}
		.intro ul {
			margin-bottom:30px;
			}
		.intro ul:after, .intro ul:before {
			content: "";
			clear: both;
			display: block;
		}
			.intro ul li{
				box-sizing:border-box;
				width:48%;
				margin:1% 2% 1% 0;
				float:left;
				line-height:1.5;
				border:solid 3px #ab161c;
				display: table;
				height: 165px;
				}
		.intro ul li {
			}
			.intro ul li span{
				font-size:18px;
				line-height: 1.6em;
				display: table-cell;
				vertical-align: middle;
			}
			.intro ul li:nth-child(odd){
				margin-left:0;
				}
		.intro > img {
			margin-bottom:60px;
			}
		.intro .intro_box {
			width:80%;
			margin:0 auto;
			}
			.intro .intro_box > img {
				margin-bottom:30px;
				width:100%;
				}
			.intro .intro_box > p {
				margin-bottom:30px;
				font-size:20px;
				}
			
			.intro_box .data,
			.intro_box .start
			{
				transform:scale(0.7);
				}
			.intro_box .move{
				transition:500ms;
				transform:scale(1);
				}





	#content .sec h2 {
		text-align: center;
		background-color: #000;
		padding: 18px 0;
		color:#fff;
		margin-bottom:0;
	}


	#content #sec01{
			text-align:center;	
		}
		#content #sec01 .wrap2{
			margin-bottom:50px;
			}
			#content #sec01 #fade01{
				width:96%;
				margin:30px 2%;
			}
		#content #sec01 .wrap2 > img {
			margin-bottom:30px;
			}
		#content #sec01 .wrap2 > p {
			font-size:32px;
			font-weight:bold;
			}
			
	
					
	#content #sec01 #copy01 {
	}
		#content #sec01 #copy01 ul{
			letter-spacing:0;
			font-size:0;
			}
		#content #sec01 #copy01 ul li{
			width:50%;
			display:inline-block;
			padding:40px 10px;
			box-sizing:border-box;
			background-size:cover;
			background-position:center;
			}
			
		#content #sec01 #copy01 ul li:nth-of-type(1){
			background-image:url(/gr/aldp/images/training/bg1.jpg);
			}
		#content #sec01 #copy01 ul li:nth-of-type(2){
			background-image:url(/gr/aldp/images/training/bg2.jpg);
			}
		#content #sec01 #copy01 ul li:nth-of-type(3){
			background-image:url(/gr/aldp/images/training/bg3.jpg);
			}
		#content #sec01 #copy01 ul li:nth-of-type(4){
			background-image:url(/gr/aldp/images/training/bg4.jpg);
			}
		#content #sec01 #copy01 ul li img{
			max-width:100%;
			}
			
			
		#content #sec01 #copy02{
			margin:20px 0px;
			}
			#content #sec01 #copy02 div img{
				max-width:100%;
				}
				
	#content #sec01 #copy03 {
		background-color:#AC171E;
		padding:30px 20px;
		}
		#content #sec01 #copy03 img{
			max-width:100%;
			}
			

	#content .fadein{
		opacity:0;
	}
	#content .fadein.scrollin{
		opacity:1;
		transition:2000ms;
		}
	#content #fade01.scrollin{
		top:-50px!important;
		}
	#content #fade02.scrollin{
		top:0px!important;
		}
	#content #fade03.scrollin{
		top:0px!important;
		}


	#content #sec02 {
		text-align:center;
		}
		#content #sec02 > div {
			margin:30px 10px 50px;
			}
		#content #sec02 > div > img{
			width:100%;
			}



	#content #sec03{
		text-align:center;	
		margin-bottom:50px;
		}
		#content #sec03 h2{
			margin-bottom:15px;
			}
		#content #sec03 ul{
			margin:0 10px;
			}
		#content #sec03 ul#sec03_ul01{
			border-bottom:1px solid #b0b0b0;
			}
			#content #sec03 ul li {
				border-left:1px solid #b0b0b0;
				box-sizing:border-box;
				margin:15px 0;
				float:left;
				width:33.33%;
				font-weight:bold;
				font-size:40px;
				letter-spacing:-1px;					
				}
			#content #sec03 ul li:first-child {
				border-left:none;
				}



	#content #sec04{
		text-align:center;	
		}
		#content #sec04 h2{
			}
		#content #sec04 ul{
			margin:0 auto;
			padding:30px 0 50px;
			width:96%;
			}
			#content #sec04 .tokucho_list li{
				width:100%;
				line-height: 1;
				box-sizing:border-box;
				display:table;
				text-align:center;
				color:#fff;
				background-color:#ab161c;
				transition:500ms;
				font-size:18px;
				font-weight:bold;
				position:relative;
				}
				#content #sec04 .tokucho_list li:after {
					position: absolute;
					content: "";
					width: 17px;
					height: 17px;
					background-image: url(/gr/aldp/images/training/popup.png);
					right: 20px;
					top: 0;
					bottom:0;
					margin:auto;
				}
			#content #sec04 .tokucho_list li:hover{
				opacity:0.8;
				transition:500ms;
				}
			#content #sec04 .tokucho_list li a{
				display:block;
				padding: 31px 0px;
				color:#fff;
				}
			#content #sec04 .tokucho_list li:nth-of-type(odd){
				float:left;
				}
			#content #sec04 .tokucho_list li:nth-of-type(even){
				float:right;
				}
			#content #sec04 .tokucho_list li.pink{
				background-color:#bc454a;
				}
	
	

	#content #sec05{
		text-align:center;	
		}
		#content #sec05 .bg_gray{
			padding:30px 0 50px;
			}
			#content #sec05 .bg_gray > img{
				width:100%;
				padding:0 10px;
				box-sizing:border-box;
				}
		#content #sec05 ul{
			margin-top:60px;
			}
		#content #sec05 ul li{
			font-size:15px;
			text-align:left;
			}
		#content #sec05 .arrow {
			margin-top:40px;
			margin-bottom:40px;
		}
		#content #sec05 .skill_text{
			background-image:url(/gr/aldp/images/training/sec5_bg.png);
			background-size:cover;
			background-position:center;
			padding:100px 10px;
			margin-top:20px;
			}
			#content #sec05 .skill_text > div{
				background:rgba(172,23,29,0.8);
				max-width:854px;
				box-sizing:border-box;
				margin:auto;
				position:relative;
				font-size:16px;
				text-align:left;
				color:#fff;
				padding:30px 25px 100px;
				font-weight:bold;
				}
			#content #sec05 .skill_text > div img{
				position:absolute;
				right:50%;
				bottom:-65px;
				width:60px;
				margin-right:-30px;
				}








		.pagenation{
			margin-top:100px;
			position:relative;
			text-align:center;
			}
			.pagenation .return{
				background-color:#AC171D;
				color:#FFF;
				font-size:13px;
				letter-spacing:0.2em;
				font-weight:bold;
				padding:17px 45px 15px 23px;
				position:relative;
				display:inline-block;
				}
			.pagenation .return:hover{
				opacity:0.6;
				transition:500ms;
				}
			.pagenation .return::after{
				content:url(/gr/aldp/common/img/arrow_white.png);
				position:absolute;
				right:20px;
				top:50%;
				margin-top:-4px;
				line-height: 0;
				}













}



/* 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;
}
*/