/*
*
*	お問い合わせフォーム（通常）
*
*/
	
	input:required{background: #fcedef;}
	input:valid{background: transparent;}
	input[type="email"]:invalid{　background: #fce8ea;}
	input:focus{background: #edfade;}
	
	.contact_t {
		text-align: center;
		width: 500px;
		margin: 0 auto; 
		padding: 0;
		border: 0;font: inherit;
		font-size: 2.0vw;
		font-weight: 700;
		vertical-align: baseline;
		opacity: 1;
		transform: translate(0, 0);
		transition: all .8s ease 1s;
	}	
	.contact_in {
		display: block;
		width: 775px;
		min-height: 500px;
		margin: 20px auto 0 auto;
		font-weight: 400; 
		font-size: 14px;
		line-height: 2.0; 
	}
	.contact_in .pcms_top {
		padding: 30px 20px;	
	}	
	.contact_in .pcms_rec {
		margin-left  : 10px;
		margin-bottom: 5px;
		clear:both;
	}
	.contact_in .pcsm_title, .pcsm_title_long{
	    border				: solid 1px #fff;
	    border-radius		: 3px;	
	    color				: #fff;
	    background-color	: #777;	
				
		float				: left;
		width  				: 200px;
		height 				: 50px; 
		line-height 		: 50px;
		text-align			: left;
		
		font-size			: 15px;	
		
		margin-right		: 20px;
		padding-left		: 15px; 
	}
		
	.contact_in .pcsm_detail {
		float: left;
		display: inline-block;
		width  : 500px;
		height : 50px; 
		line-height : 50px;
		
	}
	.contact_in .pcsm_detail input[type="text"], .contact_in .pcsm_detail input[type="email"], .contact_in .pcsm_detail input[type="date"]   {
		height : 46px;
		border-color: #CCCCCC;
	    border-width: 1px;
	    border-style: solid;
	    line-height: 16px;
	    border-radius: 3px;
	    padding: 6px;
	    outline: none;
	    font-size: 16px;
	}
	
	.pcsm_detail_long {
		float: left;
		display: inline-block;
		width  : 500px;
		height : 155px; 
		line-height : 50px;
		
	}
	.pcsm_detail_long input[type="text"], .contact_in .pcsm_detail input[type="email"], .contact_in .pcsm_detail input[type="date"]   {
		height : 46px;
		border-color: #CCCCCC;
	    border-width: 1px;
	    border-style: solid;
	    line-height: 16px;
	    border-radius: 3px;
	    padding: 6px;
	    outline: none;
	    font-size: 16px;
	}	
	
	.contact_in .pcsm_title_long{
		height : 150px;
		line-height : 150px;
	}
	.contact_in .pcsm_detail_textarea {
		display: inline-block;
		width  : 500px;
		height : 150px; 
		line-height : 150px;	
	}
	.contact_in .pcsm_detail_textarea textarea {
		width: 400px;
		height : 150px;
		border-color: #CCCCCC;
	    border-width: 1px;
	    border-style: solid;
	    line-height: 16px;
	    border-radius: 3px;
	    padding: 6px;
	    outline: none;
	    font-size: 14px;
	}
	
	::placeholder {
		color: #ccc;
	}

	.inpage_action {
	    margin: 1px;
	    color: gray;
	    border-width: 1px;
	    border-style: solid;
	    border-radius: 10px;
	    border-color: #ddd;
	    width: 50px;
	    height: 20px;
	    line-height: 20px;
	    text-align: center;
	    font-size: 10px;
	    background-color: #f7f7f7;
	    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	    user-select: none;
	    -moz-user-select: none;
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    cursor: pointer;
	    display: inline-block;
	}
    
	@media screen and (max-width: 774px) {
		.contact_in {
			width: 90%;	
		}	
		.contact_in .pcsm_title, .pcsm_title_long{
			width  : 400px;
			margin-right: 0;
			padding-left: 10px;
			float: none;
			display: block;
			text-align: left;
		}
		.contact_in .pcsm_title_long{
			height : 50px;
			line-height : 50px;
		}		
		.contact_in .pcsm_detail {
			margin-right: 0;
			float: none;
			display: block;
			text-align: left;
			width  : 100%;
		}
		
		.contact_in .pcsm_detail_long {
			margin-right: 0;
			float: none;
			display: block;
			text-align: left;
			height: 170px;
			width  : 100%;
		}		
	
		.contact_in .pcsm_title, .pcsm_title_long{
			width  : 95%;
			margin-right: 0;
			padding-left: 10px;
			float: none;
			display: block;
			text-align: left;
		}

		.contact_in .pcsm_detail input[type="text"], 
		.contact_in .pcsm_detail input[type="email"], 
		.contact_in .pcsm_detail select {
			max-width: 95%;
		}
		
		.contact_in .pcsm_detail_textarea {
			display: block;
			text-align: left;			
			width  : 100%;
		}		
		.contact_in .pcsm_detail_textarea textarea {
			max-width: 95%;
		}
		
		
		.long {
			height:255px;
		}									
	}
	
	@media screen and (max-width: 400px) {
		
		.contact_t {
			font-weight: 900;
			margin-top: 80px;
			font-size: 15px;
			width: 90%;	
		}	
		
		.contact_in {
			width: 90%;		
		}	
		.contact_in .pcms_top {
			padding: 10px 5px;	
		}		
					
	}	
/*　End.お問い合わせフォーム（通常）*/


	.contact_complete_in {
		margin: 40px auto;
		width : 48%;	
	}		

	.contact_complete_t {
		text-align: center;
		width: 500px;
		margin: 0 auto; 
		padding: 0;
		border: 0;font: inherit;
		font-size: 2.5vw;
		font-weight: 700;
		vertical-align: baseline;
		opacity: 1;
		transform: translate(0, 0);
		transition: all .8s ease 1s;
	}	
	
	
	.mandatory_icon {
		display: inline-block;
		height 			: 20px;
	    line-height		: 1em;
	    letter-spacing	: 0.20em;
	    box-sizing		: content-box;
	    padding			: 5px;
	    position		: relative;
	    box-sizing		: border-box;
	    text-decoration	: none;
	    font-size		: 11px;
	    font-weight		: 500;
	    color			: #fff;
	    background-color: #d16e6d;
	    transition		: 0.33s cubic-bezier(0.44, 0.18, 0.49, 0.99);
	    border			: solid 1px #daebeb;
	    border-radius	: 5px;
	    text-align		: center;
	    cursor			: pointer;
	    margin-left	: 10px;		
	}
	@media screen and (max-width: 800px) {
		.target_icon { width: 40px; margin-bottom: 10px; }
	}