@charset "utf-8";

/**
 *
 *  お問合せ
 *　inq
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:url(../images/contact/bg_pagettl.jpg);
}

#Contact .inner{
	width: 1000px;	
}
#Contact .intro{
	text-align:left;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Contact .intro a{
	text-decoration:underline;
	color:#3D3D3D;	
}
#Contact .progress{
	margin-bottom: 60px;
}
#Contact dl{
		
}
#Contact dt{
	clear:both;
	float: left;
	width: 160px;
	padding: 0 0 45px 0;
	font-size:115%;
}
#Contact .required{
	display:block;
	width: 50px;
	padding-bottom: 2px;
	background:#4574BA;
	color:#FFF;
	font-size:72%;
	text-align:center;	
}
#Contact dd{
	min-height:5em;
	padding: 0 0 45px 230px;
	margin-bottom: 45px;
	border-bottom:1px solid #8F8F8F;
}
#Contact dd.form-address{
	padding-left: 160px;	
}
#Contact dd.form-address label{
	padding-right: 15px;	
}
#Contact dd .note{
	padding-top: 5px;
	color:#D90D0D;	
}
#Contact .note01{
	margin-bottom: 30px;	
}
#Contact select{
	width: 313px;
	margin-bottom: 30px;
	padding: 5px 50px 5px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #3D3D3D;
	background:url(../images/contact/ico_select.png) right 50% no-repeat;
	background-size:auto 100%;
	font-size:14px;
	cursor:pointer;	
}
#Contact input[type="text"],
#Contact input[type="email"],
#Contact input[type="tel"]{
	width: 300px;
	height: 50px;
	margin-right: 10px;
	line-height:50px;
	padding: 0 20px;
	border: 1px solid #3D3D3D;
	font-size:14px;
	
}
#Contact #address1,#Contact #address2,
#Contact input[type="email"]{
	width: 630px;	
}
#Contact #address2,#Contact #email2{
	margin-top: 30px;	
}
#Contact dd span{
	font-size:86%;
}

#Contact input[type="radio"]{
	display: inline-block;
    margin-right: 6px;
	opacity:0;
	cursor:pointer;
}
#Contact input[type=radio]+.radio{
	position: relative;	
	padding-left: 5px;
	padding-right: 20px;
	cursor:pointer;
}
#Contact input[type=radio]+.radio:before{
	position: absolute;
	left:-20px;
	top:2px;
	content:"";
	display:block;
	width: 16px;
	height: 16px;
	border: 1px solid #3D3D3D;
	background:#FFF;
    border-radius: 8px;
}
#Contact input[type=radio]+.radio:after{
	position: absolute;
	left:-16px;
	top:6px;
	content:"";
	display:block;
	width: 10px;
	height: 10px;
	background:#FFF;
    border-radius: 8px;	
}
#Contact input[type=radio]:checked+.radio:after{
	background:#4574BA;
}
#Contact textarea{
	width: 660px;
	padding: 20px 15px;
	margin-top: 30px;
	border: 1px solid #3D3D3D;	
	font-size:14px;
}
#Contact .btn a,
#Contact .btn-list a{
	width: 456px;
	margin: 30px auto;
	background:#4574BA;
	color:#FFF;
}

#Contact .error-msg{
	font-size:115%;
	margin-bottom: 30px;
	text-align:center;
}
#Contact .error_messe{
	margin-bottom: 5px;	
	color:#D90D0D;
	text-align:center;
}
#Contact .error-box{
	margin-bottom: 60px;	
}
#Contact .error-txt{
	display:none;
	color:#D90D0D;		
}



/* confirm
-----------------------------------------------------------------*/
#Contact.confirm .progress{
	margin-top: 60px;	
}
#Contact.confirm .btn-list{
	display:flex;
	width: 935px;
	margin: 0 auto;	
}
#Contact.confirm .btn-list li:first-child a{
	border:1px solid #DFDFE8;
	background:#F4F4F7;
	color:#3D3D3D;
}
#Contact.confirm .btn-list li:first-child span:before{
	background-image:url(../images/common/arw_btn_bk01_pc.png);	
}
#Contact.confirm .btn-list li+li{
	margin-left: 22px;	
}


/* thankyou
-----------------------------------------------------------------*/
#Contact.thankyou .progress{
	margin: 60px 0 75px;	
}
#Contact.thankyou h3{
	margin-bottom: 35px;
	font-size:185%;	
}
#Contact.thankyou .txt{
	margin-bottom: 60px;
	line-height:1.8;
	font-size:129%;	
}
#Contact.thankyou .btn-backhome a{
	width: 456px;
	margin: 0 auto;
	background:#3D3D3D;	
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:"";
	background:url(../images/contact/bg_pagettl_sp.jpg) no-repeat right top;
	background-size:auto 100px;
}

#Contact .inner{
	width: 100%;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Contact .progress{
	margin-bottom: 25px;
}
#Contact dt{
	float: none;
	width: 100%;
	padding: 0 0 10px 0;
	font-size:117%;
}
#Contact .required{
	display:inline-block;
	width: 40px;
	margin-left: 7px;
	padding-bottom: 2px;
	font-size:72%;
}
#Contact dd{
	min-height:initial;
	padding: 0 0 15px;
	margin-bottom: 15px;
}
#Contact dd.form-address{
	padding-left: 0;	
}
#Contact dd.form-address label{
	display:inline-block;
	padding: 0 0 5px;
}
#Contact .note01{
	margin-bottom: 15px;	
}
#Contact select{
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
	font-size:12px;
}
#Contact input[type="text"],
#Contact input[type="email"],
#Contact input[type="tel"]{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	font-size:12px;
	
}
#Contact #address1,#Contact #address2,
#Contact input[type="email"]{
	width: 100%;	
}
#Contact #address2,#Contact #email2{
	margin-top: 15px;	
}
#Contact .radio{
	display:inline-block;
	margin-bottom: 10px;	
}
#Contact textarea{
	width: 100%;
	margin-top: 15px;
	font-size:12px;
	line-height:1.6;
}
#Contact .btn a,
#Contact .btn-list a{
	width: 280px;
	margin: 15px auto;
}

#Contact .error-msg{
	font-size:117%;
	margin-bottom: 20px;
	text-align:left;
}
#Contact .error-box{
	margin-bottom: 40px;	
}


/* confirm
-----------------------------------------------------------------*/
#Contact.confirm .progress{
	margin-top: 40px;	
}
#Contact.confirm .btn-list{
	display:block;
	width: 100%;
}
#Contact.confirm .btn-list li:first-child span:before{
	background-image:url(../images/common/arw_btn_bk01_sp.png);
	background-size:7px auto;	
}
#Contact.confirm .btn-list li+li{
	margin-left: 0;	
}


/* thankyou
-----------------------------------------------------------------*/
#Contact.thankyou .progress{
	margin: 40px 0 30px;	
}
#Contact.thankyou h3{
	margin-bottom: 20px;
	font-size:134%;	
}
#Contact.thankyou .txt{
	margin-bottom: 40px;
	font-size:117%;	
}
#Contact.thankyou .btn-backhome a{
	width: 100%;
	margin-bottom: 20px;
}



}