/*-------------------------------
	f view
-------------------------------*/

.subf_view {
	background:url(../images/bg_subf_contact.jpg) no-repeat center / cover;
}

.contact .inner {
	max-width:148rem;
}

/*-------------------------------
	con top
-------------------------------*/

.contact {
	padding-top:5rem;
}

.con_top {
	position:relative;
	max-width:77rem;
	margin:0 auto 10rem;
	border-top:2px solid #f67f00;
	border-bottom:2px solid #f67f00;
	padding:4rem 1rem 3rem;
}

.con_top h3 {
	font-size:2.4rem;
	line-height:1.5;
	position:absolute;
	left:0;
	top:-0.75em;
}

.con_top h3 span {
	position:relative;
	padding:0 1em 0 2.1em;
	font-size:2.4rem;
	line-height:1.5;
	display: inline-block;
}

.con_top h3 .icon_smartphone::before {
	content:"";
	display: block;
	width:1.71em;
	height:2.84em;
	background:url(../images/icon_smartphone.png) no-repeat center / contain;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}

.con_free {
	max-width:57rem;
	margin:0 auto;
	padding-left:3rem;
}

.con_tel_no {
	font-size:6rem;
	letter-spacing: 0.05em;
	font-weight:500;
	padding-left:1.74em;
	position:relative;
}

.con_tel_no::before {
	content:"";
	display: block;
	width:1.49em;
	height:1em;
	background:url(../images/icon_freenumber_green.png) no-repeat center / contain;
	position:absolute;
	left:0;
	top:0.15em;
}

.con_free p {
	font-size:2.2rem;
	letter-spacing: 0.025em;
}

/*-------------------------------
	form top
-------------------------------*/

.form_top {
	margin-bottom:6rem;
}

.form_top p {
	font-size:1.8rem;
	line-height:2.2;
}

.form_top p .required {
	margin-right:1em;
}

/*----------thanks-----*/
.form_top.thanks{
	text-align: left;
}
.form_top.thanks h2.thanks_title{
	margin-bottom: 0.5em;
}
.form_top.thanks h2.thanks_title span{
	padding: 0.8em 1em;
		border-top: #bb4600 0.2rem solid;
		border-bottom: #bb4600 0.2rem solid;
    margin-bottom: 0;
	display: inline-block;
}
.thanks_error{
	font-weight: bold;
	pointer-events: none;
}
/*-------------------------------
	ver.SmartPhone
-------------------------------*/

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

/*-------------------------------
	f view
-------------------------------*/

.subf_view {
	background:url(../images/bg_subf_contact-sp.jpg) no-repeat center / cover;
}

.contact .inner {
	max-width:100%;
}

/*----------thanks-----*/
.thanks_error{
	color: #ee7800;
	pointer-events: painted;
}

/*-------------------------------
	con top
-------------------------------*/

.contact {
	padding-top:3rem;
}

.con_top {
	position:relative;
	max-width:100%;
	margin:0 auto 4rem;
	padding:2rem 1rem 2rem;
}

.con_top h3 {
	font-size:1.6rem;
	position:relative;
	left:auto;
	top:auto;
	text-align: center;
	margin-bottom:1em;
}

.con_top h3 span {
	font-size:1.6rem;
	padding:0 0em 0 1.65em;
}

.con_top h3 .icon_smartphone::before {
	width:1.2825em;
	height:2.13em;
}

.con_free {
	max-width:100%;
	text-align: center;
	padding-left:0;
}

.con_tel_no {
	font-size:3.2rem;
	line-height:1.15;
}

.con_free p {
	margin-top:1em;
	font-size:1.6rem;
	line-height:1.25;
}

/*-------------------------------
	form top
-------------------------------*/

.form_top {
	margin-bottom:3rem;
}

.form_top p {
	font-size:1.6rem;
	line-height: 1.75;
}


} /* end 768px */