@charset "UTF-8";

/* ---------------------------------------
  お問い合わせ
-----------------------------------------*/

/* mv
--------------------------------*/
#sec_mv .mv_img {
	background-image: url(../img/contact/pagettl_img_pc.jpg);
	background-position: center top;
}

@media screen and (max-width: 768px) {
	#sec_mv .mv_img {
		background-image: url(../img/contact/pagettl_img_sp.jpg);
	}
}


/* topics
--------------------------------*/
#sec_contact {
	padding: 100px 0 120px;
}

#sec_contact .wrap {
	width: 792px;
}

/*contact_tel*/
#sec_contact .contact_tel {
	text-align: center;
	padding: 40px 0 60px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#sec_contact .contact_tel .txt {
	font-size: 1.7rem;
	line-height: 2.97;
	margin-bottom: 1.8em;
}

#sec_contact .contact_tel .ttl {
	font-size: 1.8rem;
	letter-spacing: 0;
	margin-bottom: .75em;
}

#sec_contact .contact_tel .tel {
	font-weight: 500;
	font-size: 3.74rem;
	line-height: 1;
	letter-spacing: 0.1em;
}

#sec_contact .contact_tel .tel .ruby {
	position: relative;
	display: inline-block;
	line-height: 1;
	padding-top: 1.3rem;
}

#sec_contact .contact_tel .tel .ruby::before {
	content: "ふ～ふい～な";
	display: block;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: center;
	text-indent: -0.2em;
	position: absolute;
	left: 0;
	top: 0;
}

#sec_contact .contact_tel .time {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 1em;
}

/*contact_form*/
#sec_contact .contact_form {
	margin-top: 35px;
}

#sec_contact .contact_form .note {
	font-size: 1.3rem;
	line-height: 2.15;
	letter-spacing: 0.05em;
}

#sec_contact .form_wrap{
	margin-top: 120px;
}

#sec_contact .form .box {
	width: 100%;
	position: relative;
}

#sec_contact .form .box + .box {
	margin-top: 60px;
}

#sec_contact .form .box dt {
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}

#sec_contact .form .box dt .must {
	display: inline-block;
	color: #ffff;
	font-size: 1.2rem;
	line-height: 17px;
	padding: 0 1.25em;
	background-color: #000;
	margin-left: .8em;
	position: relative;
	letter-spacing: 0.1em;
	top: -.2em;
}

#sec_contact .form .box dd.flex > div {
	width: 384px;
}

#sec_contact .form .box dd + dd {
	margin-top: 25px;
}

#sec_contact .form .box dd .txt {
	margin-bottom: 4px;
}

#sec_contact .form input[type="text"],
#sec_contact .form input[type="email"],
#sec_contact .form input[type="tel"],
#sec_contact .form select,
#sec_contact .form textarea {
	width: 100%;
	height: 44px;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size: 1.6rem;
	line-height: 2;
	background: #fbfbfb;
	padding: 6px 1em 5px;
	border-bottom: 1px solid #000;
}

::-webkit-input-placeholder {
	color: #9fa0a0;
}

::-moz-placeholder {
	color: #9fa0a0;
}

:-ms-input-placeholder {
	color: #9fa0a0;
}

#sec_contact .form .post input {
	width: 384px;
}

#sec_contact .form .post .post_btn {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
}

#sec_contact .form .post .post_btn input[type='button'] {
	display: inline-block;
	width: 162px;
	height: 43px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 43px;
	letter-spacing: 0.1em;
	margin-left: 22px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}

#sec_contact .form textarea {
	height: 234px;
	resize: vertical;
	overflow: auto;
}

#sec_contact .form .privacy-policy {
	text-align: center;
	margin-top: 40px;
}

#sec_contact .form .privacy-policy a {
	text-decoration: underline;
}

#sec_contact .form .submitbtn {
	margin-top: 40px;
}

#sec_contact .form .submitbtn input {
	display: block;
	width: 612px;
	height: 75px;
	color: #fff;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: 0.24em;
	margin: 0 auto;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}

#sec_contact .form .wpcf7-not-valid-tip {
	position: absolute;
    font-size: 1.3rem;
    bottom: -2.6em;
    left: 0;
}

#sec_contact .ttl-confirm-format {
	text-align: center;
    font-size: 2.2rem;
    letter-spacing: 0.16em;
}

#sec_contact.confirm .form .submitbtn {
	margin-top: 0;
}

#sec_contact.confirm .form .editbtn {
	text-align: center;
	margin: 5rem auto;
}

#sec_contact.confirm .form .editbtn input {
	font-size: 1.8rem;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

#sec_contact.confirm .form .editbtn input:hover {
	color: #4c4948;
}

@media screen and (min-width: 769px) {
	#sec_contact .form .post .post_btn input[type='button']:hover {
		background-color: #4c4948;
	}

	#sec_contact .form .submitbtn input[type='submit']:hover {
		background-color: #4c4948;
	}
}


@media screen and (max-width: 768px) {
	#sec_contact {
		padding: 28vw 0 20vw;
	}

	#sec_contact .wrap {
		width: 84%;
	}

	/*contact_tel*/
	#sec_contact .contact_tel {
		padding: 8vw 0 10vw;
	}

	#sec_contact .contact_tel .txt {
		font-size: 3.47vw;
		line-height: 2;
		margin-bottom: 1.8em;
	}

	#sec_contact .contact_tel .ttl {
		font-size: 3.87vw;
	}

	#sec_contact .contact_tel .tel {
		font-size: 8vw;
	}

	#sec_contact .contact_tel .tel .ruby::before {
		font-size: 2.8vw;
	}

	#sec_contact .contact_tel .time {
		font-size: 3vw;
	}

	/*contact_form*/
	#sec_contact .contact_form {
		margin-top: 35px;
	}

	#sec_contact .contact_form .note {
		font-size: 2.93vw;
		line-height: 2;
		letter-spacing: 0;
	}
 
	#sec_contact .form_wrap{
		margin-top: 18vw;
	}
	
	#sec_contact .form .box + .box {
		margin-top: 12vw;
	}

	#sec_contact .form .box dt {
		font-size: 3.6vw;
	}

	#sec_contact .form .box dt .must {
		font-size: 2.4vw;
		line-height: 3.5vw;
	}

	#sec_contact .form .box dd.flex{
		display: block;
	}

	#sec_contact .form .box dd.flex > div {
		width: 100%;
	}
	
	#sec_contact .form .box dd.flex > div + div{
		margin-top: 5vw;
	}

	#sec_contact .form .box dd + dd {
		margin-top: 5vw;
	}

	#sec_contact .form .box dd .txt {
		margin-bottom: .8vw;
	}

	#sec_contact .form input[type="text"],
	#sec_contact .form input[type="email"],
	#sec_contact .form input[type="tel"],
	#sec_contact .form select,
	#sec_contact .form textarea {
		height: 8.8vw;
		font-size: 3.2vw;
		padding: 1.2vw 1em;
	}

	#sec_contact .form .post input {
		width: 52.53vw;
	}

	#sec_contact .form .post .post_btn input[type='button'] {
		width: 26.67vw;
		height: 8.8vw;
		font-size: 3.2vw;
		line-height: 8.8vw;
		margin-left: 3vw;
	}

	#sec_contact .form textarea {
		height: 46.67vw;
	}

	#sec_contact .form .privacy-policy {
		margin-top: 5vw;
	}

	#sec_contact .form .submitbtn {
		margin-top: 5vw;
	}

	#sec_contact .form .submitbtn input {
		width: 100%;
		height: 15vw;
		font-size: 3.6vw;
	}

	#sec_contact.confirm .form .editbtn {
		margin: 7vw auto 4vw;
	}

	#sec_contact.confirm .form .editbtn input {
		font-size: 3.6vw;
	}

}