@charset "utf-8";
/* CSS Document */

section.common h2.common_ttl span{
	letter-spacing: 0.15em;
}
section#contact .bg_lightpink{
	padding: 0em 0 12em 0;
    background-image: url("../img/top/img25.jpg");
    background-repeat: repeat-x;
    background-size: 65.375em;
    background-position: 23.5% bottom;
}
section#contact .bg_lightpink #formtop{
	padding-top:7.5em;
	position: relative;
	z-index: 2;
}
section#contact p.contact_info{
	letter-spacing: 0.07em;
}
span.h,
span.n {
    background-color: #f187a2;
    color: #FFF;
    font-size: 0.7em;
    font-weight: normal;
    display: inline-block;
    border-radius: 3px;
	padding: 0.143em 0.741em;
}
span.n {
    background-color: #599dcf;
}
span.memo{
	display: block;
    margin-top: 1.5em;
    color: #969696;
	font-weight: 400;
}
span.error{
	color: #d53333;
}
section#contact form {
    margin-top: 4em;
}
section#contact form dl {
    display: table;
    width: 100%;
    margin: 0.12em 0;
}
section#contact form dl dt,
section#contact form dl dd {
    display: table-cell;
	font-weight: 500;
}
section#contact form dl dt {
    background-color: #f7e6e6;
	text-align: right;
	vertical-align: middle;
	width: 31%;
	box-sizing: border-box;
	padding: 1em 1.25em 1em 1em;
}
section#contact form dl dd {
    width: 58%;
    box-sizing: border-box;
    padding-left: 2%;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}
section#contact form dl dd input {
    width: 100%;
	box-sizing: border-box;
	border: 2px solid #b1b1b1;
	padding: 0.594em 0.5em;
	font-size: 1em;
	font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
section#contact form dl dd textarea {
    width: 100%;
	box-sizing: border-box;
	height: 6em;
	padding: 0.594em 0.5em;
	border: 2px solid #b1b1b1;
	font-size: 1em;
	font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}
section#contact form input[type="submit"] {
    -webkit-appearance: none;
	width: 96%;
	margin: 3em auto 0px auto;
	font-size: 1.25em;
	background-color: #e96283;
	border: 2px solid #e96283;
	cursor: pointer;
	padding:0.55em 0 0.45em 0;
	border-radius: 5em;
	color: #FFF;
	max-width: 21em;
	transition:.2s;
}
section#contact form input[type="submit"]:hover{
	color: #E95F83;
	background-color: #FFF;
}
form a.back ,
form a.post {
    display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 45%;
	font-size: 1.3em;
	background-color: #aaa;
	border: 2px solid #aaa;
	color: #FFF;
	cursor: pointer;
	border-radius: 2em;
	padding: 0.5em 0 0.5em 0;
	position: relative;
}
form a.post {
    background-color: #e96283;
	border: solid 2px #e96283;
}
form a.back:hover,
form a.post:hover{
	background-color:#FFF;
	color:#aaa;
}
form a.back i,
form a.post i{
	position: absolute;
	height: 1em;
	top: 0;
	bottom: 0;
	left: 1.1em;
	right: auto;
	margin: auto;
}
form a.post i{
	left:auto;
	right:1.1em;
}
form a.post:hover{
	color:#E95F83;
}
section#contact .flex {
    width: 70%;
    margin-top: 5em;
}

/*complete*/
section#contact.complete .bg_lightpink #formtop {
    padding-top: 8.5em;
}