@charset "utf-8";
/* contact */
#subvisual .bg-contact:before{
	background-image: url("../image/contact/bg-contact.jpg"); 
	background-position: left;
}

#subpage.contact .content{
	padding: 80px 0;
}

#subpage.contact .description{margin-bottom: 50px;}

#subpage.contact .description a{color:#d00c3c;text-decoration: none;}

#subpage.contact .description a:hover{text-decoration: underline;}


#mailform-layout.simple .item{
	border-bottom:1px solid #dedede;
	padding-bottom: 45px;
	margin-bottom: 45px;	
}

#mailform-layout.simple .item:first-of-type{
	margin-top: 45px;	
}

#mailform-layout.simple .item:last-of-type{
	border-bottom:none;
	padding-bottom: 25px;
	margin-bottom: 25px;
}


#mailform-layout .item .name {
	width: 260px;
	font-weight: bold;
}

#mailform-layout .item .answer {
	padding-left: 260px;
}

@media screen and (max-width:1080px) {
	#mailform-layout .item .name {width: 240px;}

	#mailform-layout .item .answer {padding-left: 240px;}
}

@media screen and (max-width:800px) {
	#mailform-layout .item .name {
		width: 100%;
		position: relative;
		margin-bottom: 15px;
	}

	#mailform-layout .item .answer {
		width:100%;
		padding: 0;
	}
}


#mailform-layout .required {
    background-color: #d00c3c;
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    color: #ffffff;
    text-align: center;
    width: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    border-radius: 0px;
	letter-spacing: 0.025em;
	margin-left: 10px;
	line-height: 1.2;	
}

@media screen and (max-width:750px) {
	#mailform-layout .required {
		 font-size: 24px;
		 width: 100px;
		 margin-left: 20px;
	}
}

input[type=text],input[type=tel],input[type=email],textarea {
	width:100%;
	border:1px solid #dbdbdb;
	border-radius: 5px;
}

#mailform-layout .postcode input:nth-of-type(1),
#mailform-layout .postcode input:nth-of-type(2){
	border:1px solid #dbdbdb;
	border-radius: 5px;	
	width: 80px;
	margin-bottom: 15px;
}

@media screen and (max-width:750px) {
	#mailform-layout .postcode input:nth-of-type(1),
	#mailform-layout .postcode input:nth-of-type(2){
		width: 100px;
	}
}



.submit-button button {
    background-color: #4aa6db;
    color: #ffffff;
    border: 1px solid #4aa6db;
	text-align: center;
	text-indent: inherit;
	border-radius: 50px;
	width: 280px;
	line-height: 1.2;
}


@media screen and (max-width:750px) {
	.submit-button button {
		width: 400px;
		padding: 15px 40px;
		margin-bottom: 30px;
		font-size: 30px;
	}
}


.submit-button button:hover {
   	background-color:#ffffff;
    color: #4aa6db;
    border: 1px solid #4aa6db;
}

.submit-button button:after,
.submit-button button:before{
    content:none;
}

.submit-button button.pageback{
  	background-color:#ffffff;
    color: #4aa6db;
    border: 1px solid #4aa6db;
	text-indent: 0!important;
	text-align: center;
	padding-right: 50px!important;
}

@media screen and (max-width:750px) {
	.submit-button button.pageback{
		padding: 15px 40px!important;
	}
}


.submit-button button.pageback:after,
.submit-button button.pageback:before{
    content:none;
}

.submit-button button.pageback:hover{
    background-color: #4aa6db;
    color: #ffffff;
    border: 1px solid #4aa6db;
}

.mailform-setup-alart span,
.mailform-alart.error span,
.mailform-alart span,
#mailform-layout .comment span{display:inline-block;}

@media screen and (max-width:750px) {
	.mailform-setup-alart strong{
		font-size: 32px;
	}
	.mailform-box .title{font-size: 32px;background-position: left 2px top 7px;}
}


#mailform-layout.reply .item{
	padding-bottom: 30px;
	margin-bottom: 30px;
}


#mailform-layout.reply .item .answer{
	min-height: 50px;
}

@media screen and (max-width:750px) {
	#mailform-layout.reply .item .answer{
		min-height: auto;
	}
}


/*
#mailform-layout.reply .item{
    padding-bottom: 0;
    margin-bottom: 0;
}

*/