@charset 'utf-8';
#main {
	margin-top: 0;
}
.error-message {
	color: #f00;
}
/*------------------------------------------------
#header
------------------------------------------------*/
.contact-header{
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 10px 0 20px;
}
.contact-header__logo{
	width: 317px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.contact-header__logo02{
	width: 127px;
}
/*------------------------------------------------
#general
------------------------------------------------*/
.page-index .page-main-img{
	height: 180px;
	background: url(../common/img/main_bg.jpg) center /cover no-repeat;
}
.page-index .page-main__ttl-wrp{
	top: 90px;
}
.page-cnt{
	margin-top: 60px;
}
.page-main__ttl{
	justify-content: center;
	color: #ffcf00;
}
.lcl-cnt{
	margin-top: 110px;
}
.lcl-lead{
	text-align: center;
}
/*------------------------------------------------
sectionName
------------------------------------------------*/
.lcl-stepbar{
	width: 785px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px auto 0;
}
.lcl-step-item{
	width: 255px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	position: relative;
}
.lcl-step-item::after{
	content: '';
	display: block;
	position: absolute;
	right: 7px;
	bottom: -3px;
	width: 1px;
	height: 30px;
	background-color: #c6c6c6;
	transform: rotate(-30deg);
}
.lcl-step-item.current{
	color: #002584;
	border-bottom: 1px solid #002584;
}
.lcl-step-item.current::after{
	background-color: #002584;
}
/*------------------------------------------------
lcl-form
------------------------------------------------*/
.lcl-form{
	width: 1000px;
	margin: 50px auto 100px;
}
.lcl-form .p-country-name {
  display: none;
}

.lcl-grouplist{

}
/*------------ lcl-formitem ------------*/
.lcl-formitem{
	align-items: stretch;
}
.lcl-formitem:not(:last-child){
	margin-bottom: 10px;
}
.lcl-form__ttl{
	background-color: #f1f1f1;
	width: 220px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	flex-wrap: wrap;
	color: #002584;
	font-size: 14px;
	font-weight: 500;
	position: relative;
}
.lcl-require::after{
	content: "必須";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #fff;
	font-size: 11px;
	background-color: #ff3035;
}
.lcl-form__item{
	background-color: #f1f1f1;
	width: calc(1000px - 220px - 5px);
	padding: 30px 50px 20px;
}

/* error ------------*/
.lcl-box01-error{
	text-align: center;
	margin-top: 50px;
	color: #ff3035;
	font-size: 16px;
}
.lcl-error-comment{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	padding: 5px 40px;
	margin-top: 10px;
	line-height: 1;
	background-color: #ff3035;
}
.lcl-policy-e{
	text-align: center;
}

/* textarea ------------*/
textarea.lcl-textarea {
	width: 100%;
	height: 160px;
	background-color: #fff;
	padding: 10px 15px;
}
/* input ------------*/
input.lcl-form__input {
	width: 100%;
	height: 50px;
	background-color: #fff !important;
	padding: 10px 15px;
}
/* 住所 ------------*/
.lcl-form__item-sbs{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
input.lcl-form__input--postal{
	width: 170px;
	margin-right: 20px;
}
.lcl-form__postal-txt{
	font-size: 14px;
}
/* lcl-policy ------------*/
.lcl-policy{
	margin-top: 60px;
	text-align: center;
}
.lcl-policy__link{
	color: #002584;
	text-decoration: underline;
}
/* lcl-button-area ------------*/
.lcl-button-area{
	margin-top: 60px;
}
.lcl-button-area .linkbtn{
	width: 360px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	padding-left: 0;
	cursor: pointer;
}

/*------------------------------------------------
contact-footer
------------------------------------------------*/
.contact-footer{
	background-color: #e8e8e6;
}
.contact-footer-txt{
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 20px;
}

/*------------------------------------------------
確認ページ
------------------------------------------------*/
.lcl-button-area--edit{
	justify-content: center;
}
.lcl-button-area--edit .linkbtn{
	margin: 0;
}
.lcl-button-area--edit .lcl-linkbtn--edit{
	width: 300px;
	height: 50px;
	border-radius: 50px;
	font-size: 15px;
	margin-right: 20px;
	background-color: #868686;
	color: #fff;
	border: 3px solid #868686;
}
.lcl-button-area--edit .lcl-linkbtn--edit::after {
	top: 0;
	bottom: 0;
	right: auto;
	left: 15px;
	transform: rotate(180deg);
}
/* pc-only ------------*/
@media screen and (min-width: 768px){
	.lcl-button-area--edit .lcl-linkbtn--edit:hover {
		background-color: #fff;
		color: #002584;
	}
	.lcl-button-area--edit .lcl-linkbtn--edit:hover::after {
		left: 10px;
	}
}
/* /pc-only -----------*/
/*------------------------------------------------
サンクスページ
------------------------------------------------*/
.lcl-thanks{
	margin: 60px 0 100px;
	text-align: center;
}
.lcl-thanks__ttl{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	color: #002584;
}
.lcl-thanks__txt{
	margin-top: 40px;
	font-size: 16px;
}
.lcl-thanks .tel_link{
	color: #002584;
}
@media screen and (max-width: 767px){
	/* ---------------------------------------------------------------- SP ---- */
	/*------------------------------------------------
	#header
	------------------------------------------------*/
	.contact-header{
		height: 50px;
		padding: 0 10px 0;
	}
	.contact-header__logo{
		width: 200px;
	}
	.contact-header__logo02{
		width: 100px;
	}
	/*------------------------------------------------
	#general
	------------------------------------------------*/
	.page-index .page-main-img{
		height: 100px;
	}
	.page-index .page-main__ttl-wrp{
		top: 45px;
	}
	.breadcrumbs{
		display: none;
	}
	.page-main__ttl{
		justify-content: center;
	}
	.lcl-cnt{
		margin-top: 60px;
		padding: 0;
	}
	/*------------------------------------------------
	sectionName
	------------------------------------------------*/
	.lcl-stepbar{
		width: 100%;
		margin: 25px auto 0;
		padding: 0 15px;
	}
	.lcl-step-item{
		width: 32%;
	}
	/*------------------------------------------------
	lcl-form
	------------------------------------------------*/
	.lcl-form{
		width: 100%;
		margin: 30px auto 50px;
	}
	/*------------ lcl-formitem ------------*/
	.lcl-formitem{
		display: block;
	}
	.lcl-formitem:not(:last-child){
		margin-bottom: 10px;
	}
	.lcl-form__ttl{
		width: 100%;
		height: 40px;
		padding: 0 20px;
		font-size: 13px;
		margin-bottom: 3px;
	}
	.lcl-form__item{
		width: 100%;
		padding: 15px 15px 10px;
		background-color: #fff;
	}
	/* error ------------*/
	.lcl-box01-error{
		margin-top: 30px;
		font-size: 15px;
	}
	.lcl-error-comment{
		font-size: 13px;
		display: block;
		padding: 5px 0;
		margin-top: 5px;
		text-align: center;
	}
	.lcl-policy-e{
		width: calc(100% - 30px);
		margin-right: auto;
		margin-left: auto;
	}
	/* textarea ------------*/
	textarea.lcl-textarea {
		height: 160px;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #ddd;
	}
	/* input ------------*/
	input.lcl-form__input {
		height: auto;
		padding: 10px;
		border: 1px solid #ddd !important;
	}
	/* 住所 ------------*/
	.lcl-form__item-sbs{
		margin-bottom: 10px;
	}
	input.lcl-form__input--postal{
		width: 170px;
		margin-right: 10px;
	}
	.lcl-form__postal-txt{
		width: 100%;
		font-size: 12px;
		margin: 5px 0;
	}
	/* lcl-policy ------------*/
	.lcl-policy{
		margin-top: 30px;
		padding: 0 15px;
	}
	/* lcl-button-area ------------*/
	.lcl-button-area{
		margin-top: 30px;
	}
	.lcl-button-area .linkbtn{
		width: 250px;
		height: 50px;
		font-size: 13px;
	}
	/*------------------------------------------------
	contact-footer
	------------------------------------------------*/

	.contact-footer-txt{
		padding: 15px;
	}

	/*------------------------------------------------
	確認ページ
	------------------------------------------------*/
	.lcl-button-area--edit .lcl-linkbtn--edit{
		width: 220px;
		height: 40px;
		font-size: 13px;
		margin-right: 0px;
		margin-top: 15px;
	}
	/*------------------------------------------------
	サンクスページ
	------------------------------------------------*/
	.lcl-thanks{
		margin: 30px 15px 60px;
	}
	.lcl-thanks__ttl{
		font-size: 15px;
		text-align: left;
	}
	.lcl-thanks__txt{
		margin-top: 20px;
		font-size: 13px;
		text-align: left;
	}
}