@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
.page_body{
	width:900px;
	margin:0 auto;
}

	.contact_intro_box{
		margin:3em 0;
		text-align:center;
	}
	
		.contact_intro_box > p{
			font-size: 1.1em;
			line-height: 2;
		}
		
	.contact_tel_fax_box{
		margin-bottom: 80px;
	}
	
		.contact_tel_fax_box .box_header,
		.contact_mailform_box .box_header{
			margin-bottom:2em;
		}
		
			.contact_tel_fax_box .box_header h3,
			.contact_mailform_box .box_header h3{
				font-size: 1.4em;
				font-weight: bold;
				color: #333;
				position: relative;
				padding-left: 1.1em;
				line-height: 1.6;
			}
		
			.contact_tel_fax_box .box_header h3:before,
			.contact_mailform_box .box_header h3:before{
				content: "";
				display: inline-block;
				height: 90%;
				width: 6px;
				background: #004E93;
				position: absolute;
				top: 0;
				left: 0;
			}
			
		.contact_tel_fax_box .box_inner{
			width:600px;
			margin:0 auto;
			padding:2em 0;
			background:#e6f0fc;
			color:rgba(0,79,148,1);
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
			
			.contact_tel_fax_box .box_inner dl{
				display:flex;
				justify-content:center;
			}
			
				.contact_tel_fax_box .box_inner dl > dt{
					font-size:1.4em;
					padding-top:0.6em;
				}
			
				.contact_tel_fax_box .box_inner dl > dd{
					position:relative;
					padding-left:0.5em;
					font-size:2.4em;
				}
			
			.contact_tel_fax_box .box_inner .tel{
				margin-bottom:1em;
			}
			
		.contact_tel_fax_box .box_footer{
			text-align:center;
			margin-top:0.6em;
			font-size:1.2em;
		}
		
			.contact_tel_fax_box .box_footer dl{
				display:flex;
				justify-content:center;
			}
			
				.contact_tel_fax_box .box_footer dl dt{
					margin-right:1em;
				}
		
		.contact_mailform_box > .box_inner{
			padding:0 20px;
			line-height:1.6;
		}
	
		.contact_mailform_box .box_inner p{
			font-size:1.05em;
			line-height:1.8;
		}
		
		.require_msg{
			margin:1em 0 0.5em 0;
		}
		
			.require_msg .require{
				color: #c40026;
				font-weight: bold;
				margin-right:0.5em;
			}
			
		.mailform_main{}
		
			.mailform_main a{
				color:#004e92;
			}
	
			.mailform_main dl{
				display:flex;
				padding: 1em;
				font-size:1.05em;
				align-items: center;
			}
	
			.mailform_main dl:nth-child(odd){
				background-color: #f6f6f6;
			}
		
				.mailform_main dl dt{
					width: 210px;
				}
		
					.mailform_main dl dt .required{
						margin-left: 0.5em;
						color: #c40026;
						font-weight: bold;
					}
		
				.mailform_main dl dd{
					width: calc(100% - 210px);
				}
				
					.mailform_main dl dd input[type="text"]{
						box-sizing:border-box;
						border:1px solid #aaa;
						font-size:1.1em;
						padding:0.2em;
					}

					.mailform_main dl dd input[type="text"].width1{
						width:40%;
					}

					.mailform_main dl dd input[type="text"].width2{
						width:25%;
					}
					
					.mailform_main dl dd input[type="text"].width3{
						width:90%;
					}
					
					.mailform_main dl dd textarea {
						width: 90%;
						height: 200px;
						padding: 0.2em;
						box-sizing: border-box;
					}
		
					.mailform_main dl .captcha_img{
						display: flex;
						align-items: flex-end;
						margin-bottom: 1em;
					}
					
						.mailform_main dl .captcha_img_btn{
							padding-left:1em;
						}
						
						.mailform_main dl .captcha_img_btn a{
							display:inline-block;
							text-decoration:none;
							background:#aaa;
							color:#111;
							padding:0.5em;
							font-size:0.9em;
							border-radius:4px;
							background:#fff;
							border:1px solid #aaa;
						}
						
						.mailform_main dl .captcha_img_btn a:hover{
							border:1px solid #888;
						}
						
						.mailform_main dl .captcha_img_btn a:before{
							font-family: FontAwesome;
							content:"\f021";
							margin-right:0.3em;
							color:#326c11;
						}
						
						.mailform_main dl .captcha_input input[type="text"]{
							width:8em;
						}
	

			
			.pp_check_box{
				margin-top:50px;
				border:1px solid #ccc;
				padding:2em 1em;
			}
			
				.pp_check_box > .box_inner{
					margin-bottom:1em;
				}
				
					.pp_check_box > .box_inner dl{
						display:block;
						background:#fff;
						padding:0;
					}
					
					.pp_check_box > .box_inner dl dt{
						width:auto;
						text-align:center;
						font-weight:bold;
						border-bottom:1px dotted #aaa;
						padding-bottom:0.5em;
						margin-bottom:0.8em;
					}
					
					.pp_check_box > .box_inner dl dd{
						width:auto;
						padding:0 1em;
					}
				
				.pp_check_box > .box_footer{
					text-align:center;
				}
				
					.pp_check_box > .box_footer label{
						display:inline-block;
						background:#f6f6f6;
						font-size:1.2em;
						padding:1em 2em;
						border:1px solid #aaa;
					}
					
					.pp_check_box > .box_footer label input[type="checkbox"]{
						margin-right:0.5em;
					}
			
			
			.mailform_main .submit_box{
				margin: 50px 0;
			}
	
				.mailform_main .submit_box ul{
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0;
				}
				
					.submit_box ul li input[type="button"]{
						width:220px;
						height:60px;
						border:1px solid #fff;
						font-size:1.4em;
						box-shadow:0 5px 5px -5px rgba(0,0,0,0.5);
						transition:.3s all ease;
						letter-spacing:0.1em;
					}
					
						.submit_box ul li input[type="button"][name="confirmBtn"]{
							background:#004e92;
							color: #fff;
						}


/* ##########SP########## */
@media screen and (max-width:479px) {
	.page_body{
		width:100%;
		margin:0;
		box-sizing:border-box;
		padding:0 3vw;
	}
	
		.contact_intro_box{
			margin:1em 0 2em 0;
			text-align:left;
		}
		
			.contact_intro_box > p{
				font-size: 1em;
				line-height:1.6;
			}
			
		.contact_tel_fax_box{
			margin-bottom: 8vw;
		}
		
			.contact_tel_fax_box .box_header,
			.contact_mailform_box .box_header{
				margin-bottom:1em;
			}
			
				.contact_tel_fax_box .box_header h3,
				.contact_mailform_box .box_header h3{
					font-size: 4.4vw;
				}
			
			.contact_tel_fax_box .box_inner{
				width:90%;
				display:block;
				padding:4vw 0;
				box-sizing:border-box;
			}
				
				.contact_tel_fax_box .box_inner dl{
					justify-content:center;
					margin-bottom:3vw;
				}
				
					.contact_tel_fax_box .box_inner dl > dt{
						font-size:1.2em;
						padding-top:0.4em;
					}
				
					.contact_tel_fax_box .box_inner dl > dd{
						padding-left:0.5em;
						font-size:2em;
					}
				
				.contact_tel_fax_box .box_inner .fax{
					margin-left:0;
					margin-bottom:0;
				}
				
			.contact_tel_fax_box .box_footer{
				font-size:1em;
			}
			
			.contact_mailform_box > .box_inner{
				padding:0;
			}
		
			.contact_mailform_box .box_inner p{
				font-size:1em;
				line-height:1.6;
			}
			
				.mailform_main dl{
					display:block;
					padding: 0.7em;
					font-size:1em;
				}
			
					.mailform_main dl dt{
						width:100%;
						margin-bottom:0.3em;
					}
			
					.mailform_main dl dd{
						width:100%;
					}
			
						.mailform_main dl dd input[type="text"].width1{
							width:50%;
						}
	
						.mailform_main dl dd input[type="text"].width2{
							width:40%;
						}
						
						.mailform_main dl dd input[type="text"].width3{
							width:100%;
						}
						
						.mailform_main dl dd textarea {
							width: 100%;
							height: 50vw;
						}
						
							.mailform_main dl .captcha_img_img{
								width:60%;
							}
							
								.mailform_main dl .captcha_img_img img{
									max-width:100%;
									height:auto;
								}
				
				.pp_check_box{
					margin-top:5vw;
					padding:4vw 3vw;
				}
				
					.pp_check_box > .box_inner dl dd{
						padding:0 2vw;
					}
					
					.pp_check_box > .box_footer label {
						font-size: 1.1em;
						padding: 1em 1.5em;
					}
					
				
				.mailform_main .submit_box{
					margin: 8vw 0 4vw 0;
				}
		
					.mailform_main .submit_box ul{
						display: flex;
						justify-content: center;
						align-items: center;
						margin: 0;
					}
					
						.mailform_main .submit_box ul li{
							width:calc((100% - 5vw) / 2);
							margin-right:5vw;
						}
						
						.mailform_main .submit_box ul li:nth-child(even){
							margin-right:0;
						}
					
						.submit_box ul li input[type="button"]{
							width:100%;
							height:12vw;
							box-sizing:border-box;
							font-size:1.3em;
							letter-spacing:0;
						}
						
							.submit_box ul li input[type="button"][name="confirmBtn"]{
								background:#004e92;
								color: #fff;
							}
	
}

/* ##########印刷用########## */
@media print{

}