@charset 'utf-8';
/*
 * name:contact.css
 * author:sovanda nulo
*/

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

.mb-register-form-box { padding: 0 20px; }
#contents { padding-top: 0; background: #fff; }
.title-01 { max-width: 1200px; }
.page-contact .wrap { max-width: 1200px; }

#form { max-width: 1200px; display: block; margin: 0 auto; }
.form__block { font-size: 16px; font-size: 1.6rem; }
.form__block input[type=text],
.form__block input[type=email],
.form__block input[type=tel],
.form__block input[type=number],
.form__block input[type=submit],
.form__block select,
.form__block textarea { 
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	appearance: none; 
	padding: 5px 15px; 
	width: 100%; 
	height: 35px; 
	background: #fff; 
	border: solid #BBBBBB 1px; 
	border-radius: 5px; 
	font-size: 1.6rem;
	letter-spacing: .072em;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	vertical-align: top;
}
.form__block select { background: #fff url(../../img/share/arrow-select.png) no-repeat right 2px center; background-size: 40px; }
.form__block textarea { max-width: 937px; height: 250px; }
.form__block--break { display: flex; flex-wrap: wrap; padding: 32px 0; border-bottom: 2px solid #E6E6E6; }
.form__block--break:first-child { padding-top: 0; }
.form__block__field { width: 100%; }
.form__block__field:not(:last-child) { margin-bottom: 28px; }
.form__block__field.w-half { max-width: 440px; width: 100%; margin-right: 57px; }
.form__block__field .wl { max-width: 440px; }
.form__block__field .bf-label { display: block; line-height: 1.2; margin-bottom: 7px; }
.form__block__field .bf-label span { font-size: 10px; font-size: 1rem; letter-spacing: .08em; color: #fff; background: #B94E4E; line-height: 2; padding: 0 10px; display: inline-block; vertical-align: 2px; margin-left: 1em; -webkit-border-radius: 50px; border-radius: 50px; }
.form__block__field .bf-column { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -15px; }
.form__block__field .bf-column .bf-column--half { width: 47.7%; }
.form__block__field .bf-column li { margin-bottom: 15px; }
.form__block__field--last { margin-bottom: 0 !important; }
.form__block__field--afterlast { margin-top: 28px; }
.form__agree { display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px; }
.form__agree input[type="checkbox"] { cursor: pointer; width: 24px; height: 24px; background: #fff; border-radius: 0; margin-top: 0; border: 1px solid #BBBBBB; -webkit-appearance: none; outline: none; appearance: none; display: inline-block!important; vertical-align: -4px; margin-right: 8px; }
.form__agree input[type="checkbox"]:checked { border-color: #BBBBBB; background: #fff url(../../img/share/bg-checkbox.png) no-repeat center center; background-size: 75%; }
.form__agree .ec-errorMessage { margin-bottom: 0; }
.form__agree--privacy { font-size: 12px; font-size: 1.2rem; letter-spacing: .028em; }
.form__agree--privacy a { display: inline-block; color: #0879CC; text-decoration: underline; }
.form--note { font-size: 14px; font-size: 1.4rem; line-height: 2; letter-spacing: .08em; opacity: .5; max-width: 560px; width: 100%; margin-top: 30px; }
.form--submit { max-width: 368px; width: 100%; margin-top: 40px; }
.form--submit button { font-size: 18px; font-size: 1.8rem; font-weight: 500; letter-spacing: .028em; cursor: pointer; display: block; width: 100%; height: 64px; background: #000; color: #fff; -webkit-appearance: none; appearance: none; border: none; border-radius: 0; }

#contact_delete_briquetonline_account { display: flex; flex-wrap: wrap; align-items: center; }
#contact_delete_briquetonline_account label { font-size: 14px; font-size: 1.4rem; margin: 0; margin-left: 5px; margin-right: 20px; }
#contact_delete_briquetonline_account input[type=radio] { position: relative; min-height: 20px; width: 20px; height: 20px; background: #fff; border-radius: 50%; border: 1px solid #000; -webkit-appearance: none; outline: none; appearance: none; display: inline-block; vertical-align: middle; margin-top: 0; }
#contact_delete_briquetonline_account input[type=radio]:checked:after { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; height: 60%; background: #B94E4E; -webkit-border-radius: 50%; border-radius: 50%; }

		#form {  }
		.form__block { font-size: 14px; font-size: 1.4rem; }
		.form__block input[type=text],
		.form__block input[type=email],
		.form__block input[type=tel],
		.form__block input[type=number],
		.form__block input[type=submit],
		.form__block select,
		.form__block textarea { 
			font-size: 1.4rem;
		}
		.form__block select { background: #fff url(../../img/share/arrow-select.png) no-repeat right 4px center; background-size: 25px; }
		.form__block textarea { max-width: 937px; height: 135px; }
		.form__block--break { padding: 32px 0; border-bottom: 2px solid #E6E6E6; }
		.form__block--break:first-child { padding-top: 0; }
		.form__block__field { width: 100%; }
		.form__block__field:not(:last-child) { margin-bottom: 23px; }
		.form__block__field.w-half { max-width: 100%; width: 100%; margin-right: 0; }
		.form__block__field .wl { max-width: 100%; }
		.form__block__field .bf-label { display: block; line-height: 1.2; margin-bottom: 10px; }
		.form__block__field .bf-label span { font-size: 10px; font-size: 1rem; letter-spacing: .08em; color: #fff; background: #B94E4E; line-height: 2; padding: 0 10px; display: inline-block; vertical-align: 2px; margin-left: 1em; -webkit-border-radius: 50px; border-radius: 50px; }
		.form__block__field .bf-column { display: flex; flex-wrap: wrap; justify-content: space-between; }
		.form__block__field .bf-column .bf-column--half { width: calc( 50% - 8px ); }
		.form__agree { justify-content: center; }
		.form__agree--privacy a { display: inline-block; color: #0879CC; text-decoration: underline; }
		.form--note { font-size: 13px; font-size: 1.3rem; line-height: 1.9; opacity: 1; }
		.form--submit { max-width: 368px; width: 100%; margin-top: 25px; padding-top: 25px; border-top: 2px solid #E6E6E6; }
		.form--submit button { font-size: 15px; font-size: 1.5rem; height: 50px; }




.page-confirm .ec-contactConfirmRole { max-width: 100%; padding: 0; }
.page-confirm .ec-off1Grid .ec-off1Grid__cell { width: 100%; margin: 0; }
.page-confirm .mb-register-form-box .ec-pageHeader { font-size: 15px; font-size: 1.5rem; margin-bottom: 15px; padding: 0; text-align: left; border: none; }
.page-confirm .ec-borderedDefs { padding: 30px 15px; margin-bottom: 30px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.page-confirm .ec-borderedDefs dl { border: none; flex-direction: column; padding: 0; margin: 0; }
.page-confirm .ec-borderedDefs dl:not(:last-child) { margin-bottom: 25px; }
.page-confirm .ec-borderedDefs dl dt,
.page-confirm .ec-borderedDefs dl dd { font-size: 15px; font-size: 1.5rem; width: 100%; padding: 0; margin: 0; line-height: 1.5; }
.page-confirm .ec-borderedDefs dl dt { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 8px; }
.page-confirm .ec-borderedDefs dl dt .ec-required { font-size: 10px; font-size: 1rem; letter-spacing: .08em; color: #fff; background: #B94E4E; line-height: 2; padding: 0 10px; display: inline-block; vertical-align: 2px; margin-left: 1.5em; -webkit-border-radius: 50px; border-radius: 50px; }
.page-confirm .ec-borderedDefs dl dd { padding: 0 15px; }
.page-confirm .ec-ConfirmNote { font-size: 15px; font-size: 1.5rem; line-height: 1.53333; }
.page-confirm .ec-off4Grid .ec-off4Grid__cell { font-size: 18px; font-size: 1.8rem; display: flex; flex-wrap: wrap; margin-left: 0; width: 100%; margin-top: 40px; }
.page-confirm .ec-off4Grid .ec-off4Grid__cell button { cursor: pointer; max-width: 368px; width: 100%; outline: none !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; margin-right: 0; padding: 5px 10px; height: 64px; background: #232323; color: #fff; border: 1px solid #232323; border-radius: 0; font-size: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-confirm .ec-off4Grid .ec-off4Grid__cell button.ec-blockBtn--cancel { color: #232323; background: none; }
	

		.page-confirm .mb-register-form-box .ec-pageHeader { font-size: 14px; font-size: 1.4rem; margin-bottom: 12px; }
		.page-confirm .ec-borderedDefs { padding: 23px 0; }
		.page-confirm .ec-borderedDefs dl:not(:last-child) { margin-bottom: 20px; }
		.page-confirm .ec-borderedDefs dl dt,
		.page-confirm .ec-borderedDefs dl dd { font-size: 14px; font-size: 1.4rem; }
		.page-confirm .ec-borderedDefs dl dt { padding-bottom: 5px; margin-bottom: 5px; }
		.page-confirm .ec-borderedDefs dl dd { padding: 0 15px; }
		.page-confirm .ec-ConfirmNote { font-size: 14px; font-size: 1.4rem; line-height: 1.75; }
		.page-confirm .ec-off4Grid .ec-off4Grid__cell { font-size: 15px; font-size: 1.5rem; margin-top: 25px; }
		.page-confirm .ec-off4Grid .ec-off4Grid__cell button { height: 58px; line-height: 1; }

	

.page-complete .contactComplete {  }
.page-complete .contactComplete--alert { font-size: 16px; font-size: 1.6rem; position: relative; padding: 31px 35px 31px 98px; background: rgba(104,184,82, .2); border: 1px solid #68B852; -webkit-border-radius: 4px; border-radius: 4px; }
.page-complete .contactComplete--alert:before { content: ''; display: inline-block; vertical-align: -5px; margin-right: 35px; width: 28px; height: 21px; position: absolute; left: 35px; top: calc( 50% - 10.5px ); background: url(../../img/share/icon-check.png) no-repeat; background-size: 100%; }
.page-complete .contactComplete--desc { font-size: 16px; font-size: 1.6rem; line-height: 1.75; margin-top: 32px; }
.page-complete .contactComplete--btn { font-size: 18px; font-size: 1.8rem; letter-spacing: .048em; font-weight: 500; max-width: 368px; margin-top: 35px; text-align: center; }
.page-complete .contactComplete--btn a { font-size: inherit; height: 64px; line-height: 64px; display: block; padding: 0; background: #232323; color: #fff; }

	

		.page-complete .contactComplete {  }
		.page-complete .contactComplete--alert { font-size: 14px; font-size: 1.4rem; padding: 20px 28px 20px 98px; -webkit-border-radius: 3px; border-radius: 3px; }
		.page-complete .contactComplete--alert:before { content: ''; display: inline-block; vertical-align: -5px; margin-right: 35px; width: 35px; height: 26px; position: absolute; left: 28px; top: calc( 50% - 13px ); }
		.page-complete .contactComplete--desc { font-size: 14px; font-size: 1.4rem; line-height: 1.75; margin-top: 23px; }
		.page-complete .contactComplete--btn { font-size: 13px; font-size: 1.3rem; margin-top: 20px; }
		.page-complete .contactComplete--btn a { height: 52px; line-height: 52px; }