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


a.btn_link_gray{
		color: #AC171D;
		margin-top: 20px;
		display: block;
	}
	
	
	

/* 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 p{
			text-align: center;
			font-size: 34px;
			color: #AC171D;
			letter-spacing: 0.2em;
			margin-bottom:50px;
			}
			
			
		.btn_link{
			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;
			}
		.btn_link:hover{
			opacity:0.6;
			transition:500ms;
			}
		.btn_link::after{
			content:url(/gr/aldp/common/img/arrow_white.png);
			position:absolute;
			right:20px;
			top:50%;
			margin-top:-4px;
			line-height: 0;
			}
	
	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;
		}
	
	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;
			}
			
	.guardian_figure{
		}
			
	.guardian_figure + .guardian_figure{
		margin-top:25px;
		}
		.guardian_figure figcaption{
			float:left;
			width:70%;
			}
		.guardian_figure img{
			float:right;
			width:25%;
			}
			
	.voice{
		padding:30px 30px 45px 30px;
		margin-top:50px;
		background-color:#EFEFEF;
		}
		.voice_tit{
			border-left:3px solid #999;
			font-size:17px;
			font-weight:bold;
			padding-left:20px;
			}
		.voice ul{
			}
			.voice ul li{
				width:48.5%;
				background-color:#fff;
				padding:20px;
				box-sizing:border-box;
				margin-top:30px;
				position:relative;
				border-radius:10px;
				}
			.voice ul li::after{
				content: '';
				position: absolute;
				right: 20px;
				bottom: -15px;
				display: block;
				width: 0;
				height: 0;
				border-right: 10px solid transparent;
				border-top: 15px solid #fff;
				border-left: 10px solid transparent;
				}
			.voice ul li:nth-of-type(odd){
				float:left;
				}
			.voice ul li:nth-of-type(even){
				float:right;
				}
				.voice ul li .com_name{
					font-size:15px;
					font-weight:bold;
					margin-bottom:15px;
					}
				.voice ul li .voice_content span{
					text-decoration:underline;
					}
		
}


/* 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;
		}
	
	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;
			}
			
	.guardian_figure + .guardian_figure{
		margin-top:25px;
		}
		.guardian_figure figcaption{
			}
		.guardian_figure img{
			width:100%;
			margin-top:15px;
			}
}



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