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

body{
	position:relative;
	}
#particles{
	position:absolute;
	height:100%;
	width:100%;
	z-index:-1;
	top: 0;
	overflow: hidden
	}
.footer_white{
	background-color:#fff;
	margin: 0;
	padding:60px 0;
	}

/* pc */
@media screen and (min-width: 801px), print {
	
.sec1{
	margin-bottom:155px;
	}
	.sec1 h3{
		text-align:center;
		font-size:38px;
		color:#AC171D;
		letter-spacing:0.2em;
		}
	.sec1 .text1{
		text-align:center;
		font-size:24px;
		margin-top:55px;
		font-weight:bold;
		letter-spacing:0.2em;
		}
	.sec1 .text2{
		text-align:center;
		margin-top:20px;
		font-size:20px;
		line-height:2em;
		letter-spacing:0.2em;
		}
	.circle_img{
		text-align:center;
		margin-top:80px;
		}
	.sec1 .link_btn{
		text-align:center;
		margin-top:100px;
		}
		.sec1 .link_btn a{
			display:inline-block;
			background-color:#AC171D;
			color:#FFF;
			font-size:14px;
			letter-spacing:0.4em;
			font-weight:bold;
			padding:27px 53px 25px 33px;
			position:relative;
			}
		.sec1 .link_btn a:hover{
			opacity:0.6;
			transition:500ms;
			}
		.sec1 .link_btn a::after{
			content:url(/gr/aldp/common/img/arrow_white.png);
			position:absolute;
			right:20px;
			top:50%;
			margin-top:-4px;
			line-height: 0;
			}
		
}


/* sp */
@media only screen and (max-width: 800px) {
	
.sec1{
	margin-bottom:80px;
	}
	.sec1 h3{
		font-size:24px;
		color:#AC171D;
		}
	.sec1 .text1{
		font-size:18px;
		margin-top:30px;
		font-weight:bold;
		}
	.sec1 .text2{
		margin-top:20px;
		}
	.circle_img{
		text-align:center;
		margin-top:60px;
		}
		.circle_img img{
			max-width:100%;
			}
	.sec1 .link_btn{
		text-align:center;
		margin-top:60px;
		}
		.sec1 .link_btn a{
			display:inline-block;
			background-color:#AC171D;
			color:#FFF;
			font-size:13px;
			letter-spacing:0.4em;
			font-weight:bold;
			padding:17px 45px 15px 23px;
			position:relative;
			}
		.sec1 .link_btn a:hover{
			opacity:0.6;
			transition:500ms;
			}
		.sec1 .link_btn a::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;
}
*/