@charset "utf-8";

/*　751px以上の対応
////////////////////////////////////////////////////*/
@media screen and (min-width:751px) {
	#contact #wrap{
		width: 800px;
		margin: 0 auto 0;
		letter-spacing: 0.15em;
		font-feature-settings: "palt";
		padding: 0;
	}
	#contact .logo{
		width: 132px;
		margin: 40px 0 48px;
	}
	#contact .header--image{
		width: 132px;
		margin: 40px 0 32px;
	}
	#contact h1{
		font-size: 32px;
		margin-bottom: 32px;
		color: #EA0029;
	}
	#contact .page_lead, #contact .attention_lead{
		font-size: 14px;
		line-height: 1.8;
		font-weight: 500;
	}
	#contact .page_lead{
		margin-bottom: 16px;
	}
	#contact .mailform-general.page_lead{
		margin-bottom: 32px;
	}
	#contact .attention_lead {
		color: #EA0029;
		background: #F9F1F1;
    	display: inline-block;
		padding: 0 8px;
		margin-bottom: 32px;
	}
	#contact .attention_lead a{
		text-decoration: underline !important;
		color: #EA0029;
	}
	#contact .attention_lead a:hover{
		text-decoration: none !important;
	}
	/** デモお申し込み・お問い合わせの対応 **/
	#form {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 80px;
	}
	.footer-contact-form {
		background: #EA0029;
		font-size: 12px;
		text-align: center;
		color: #fff;
		padding: 10px 0 11px;
		width: 100%;
		min-width: 800px;
	}
}


/*////////////////////////////////////////////////////////////////////////////

　750px以下の対応

////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:750px) {
	#contact #wrap{
		letter-spacing: 0.15em;
		font-feature-settings: "palt";
	}
	#contact .logo{
		width: 132px;
		margin: 8% 0 3%;
	}
	#contact .header--image{
		width: 100%;
		margin: 8% 0 3%;
	}
	#contact h1{
		font-size: 23px;
		margin-bottom: 3%;
		color: #EA0029;
	}
	#contact h1.document--3set__title{
		line-height: 1.5;
	}
	#contact .page_lead, #contact .attention_lead{
		font-size: 14px;
		line-height: 1.8;
		font-weight: 500;
	}
	#contact .page_lead{
		margin-bottom: 16px;
	}
	#contact .mailform-general.page_lead{
		margin-bottom: 24px;
	}
	#contact .attention_lead {
		color: #EA0029;
		background: #F9F1F1;
    	display: inline-block;
		padding: 3%;
		margin-bottom: 24px;
	}
	#contact .attention_lead a{
		text-decoration: underline !important;
		color: #EA0029;
		display: inline;
	}
	/** デモお申し込み・お問い合わせの対応 **/
	#form{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 30px;
	}
	.footer-contact-form {
		background: #EA0029;
		font-size: 12px;
		text-align: center;
		color: #fff;
		padding: 10px 0 11px;
		width: 100%;
	}
}