@charset "UTF-8";

/*--------------------------------------------------------------------------------
	contact
--------------------------------------------------------------------------------*/

/* head */

.p-contact-head{
	background:#ffffff;
	padding:30px 25px 0 25px;
}

.p-contact-head-inner{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.p-contact-head-inner-txt{
	font-size:14px;
	line-height:1.5;
}

.p-contact-head-inner-sbox{
	margin:24px 0 0 0;
	border:solid 1px #CCCCCC;
	width:100%;
	height:152px;
	padding:24px;
	overflow-y:scroll;
	font-size:14px;
	line-height:1.5;
}

.p-contact-head-inner-sbox-ttl{
	margin:0 0 1.6em 0;
}

.p-contact-head-inner-sbox-ol {
	margin-left: 1.2em;
}

.p-contact-head-inner-sbox-ol li {
	list-style: decimal;
	margin-top: 10px;
}

.p-text-right {
	text-align: right;
}

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

	.p-contact-head{
		padding:80px 40px 0 40px;
	}

	.p-contact-head-inner-txt{
		font-size:17px;
		line-height:1.76;
		text-align:center;
	}

	.p-contact-head-inner-sbox{
		margin:48px 0 0 0;
		font-size:15px;
		line-height:1.6;
	}

}



/* form */

.p-contact-form{
	background:#ffffff;
	padding:32px 25px 80px 25px;
}

.p-contact-form-inner{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.p-contact-form-inner-txt{
	font-size:14px;
	line-height:1.5;
}

.p-contact-form-his{
	font-size:16px;
	line-height:1.5;
	font-weight:700;
	color:#14B7D0;
}

.p-contact-form-inner-table{
	width:100%;
}

.p-contact-form-inner-table > dl{
	font-size:16px;
	line-height:1.5;
	width:100%;
}

.p-contact-form-inner-table > dl > dt{
	padding:24px 0 0 0;
	color:#14B7D0;
	font-weight:700;
}

.p-contact-form-inner-table > dl > dd{
	padding:8px 0 0 0;
}

.p-contact-form-list-01{

}

.p-contact-form-list-01 > li{
	margin:8px 0 0 0;
}

.p-contact-form-list-02{
	display:flex;
}

.p-contact-form-list-02 > li{
	padding:0 2em 0 0;
}

.p-contact-form-list-02 > li:last-child{
	padding:0 0 0 0;
}

.p-contact-form-btns{
	margin:40px 0 0 0;
	text-align: center;
	justify-content: center;
}

.p-contact-form-btn-01{
	display:inline-block;
	width:100%;
	min-width: 250px;
	max-width:360px;
	margin:0 auto;
	height:48px;
	border-radius:24px;
	font-size:15px;
	line-height:1.3;
	color:#ffffff;
	background:#14B7D0;
	text-align:center;
}

.p-contact-form-btn-01 > span{
	display:block;
	width:100%;
	text-align:center;
	position:relative;
}

.p-contact-form-btn-01 > span:before{
	position:absolute;
	top:50%;
	right:16px;
	transform:translate(0,-50%);
	content:"";
	width:16px;
	height:16px;
	background:url('../../img/common/icn-arrow-02-r.svg') no-repeat center center / contain;
}

.p-contact-form-inner-txt-02{
	color: #14B7D0;
	margin:12px 0 15px 0;
	font-size:18px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}

.p-contact-form-inner-txt-link {
	color: #14B7D0;
	text-decoration: underline;
}

.error,
.error em{
	color: #FF276C;
	font-style: normal;
}

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

	.p-contact-form{
		padding:32px 40px 160px 40px;
	}

	.p-contact-form-inner-txt{
		font-size:17px;
		line-height:1.6;
	}

	.p-contact-form-his{
		font-size:17px;
		line-height:1.6;
		font-weight:700;
		color:#14B7D0;
	}

	.p-contact-form-inner-table > dl{
		display:flex;
		font-size:17px;
		line-height:1.6;
	}

	.p-contact-form-inner-table > dl.p-contact-form-confirm {
		border-bottom: 1px solid #eee;
	}
	.p-contact-form-inner-table > dl > dt{
		width:26%;
		padding:24px 0 16px 0;
		color:#14B7D0;
		font-weight:700;
	}

	.p-contact-form-inner-table > dl > dt.p-contact-form-inner-table-th-01{
		padding:16px 0;
	}

	.p-contact-form-inner-table > dl > dd{
		width:74%;
		padding:16px 0;
	}

	.p-contact-form-btns{
		margin:56px 0 0 0;
		display: flex;
	}
	
	.p-contact-form-btns form {
		display: inline-block !important;
		margin-left: 10px;
		margni-right:10px;
	}

	.p-contact-form-btn-01{
		width:100%;
		max-width:360px;
		margin:0 auto;
		height:58px;
		border-radius:29px;
		font-size:20px;
		line-height:1.3;
		color:#ffffff;
		background:#14B7D0;
		text-align:center;
	}

	.p-contact-form-inner-txt-02{
		color: #14B7D0;
		margin:24px 0 30px 0;
		font-size:32px;
	}
}