@charset "utf-8";

.wrap{
	max-width: 1084px;
	width: 100%;
	margin: 0 auto;
}
.wrap .wrap_inner{
	padding: 0 5%;
}

.agreementwrap{
	max-width: 1144px;
	padding: 0 30px;
	width: 100%;
	margin: 0 auto;
}

.form_imgArea{
	margin: 80px auto 70px;
	text-align: center;
}

@media screen and (max-width: 767px){
	.form_imgArea{
		margin: 40px 0 35px;
	}
}

.formArea{
	padding: 30px 0px 100px;
}
.formArea .formList .formGroup{
	position: relative;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 30px 0;
	font-size: 1.6rem;
}
.formArea .formGroup.formGroup_disNon{
	display: none;
}

.formArea .formList .formGroup .formTitle,
.formArea .formList .formGroup .formContent{
	display: table-cell;
}
.formArea .formList .formGroup .formTitle{
	position: relative;
	width: 220px;
	font-weight: bold;
	padding: 14px 30px 14px 0;
}
.formArea .formList .formGroup .formContent{
	vertical-align: middle;
}
@media screen and (max-width: 990px){
	.formArea .formList .formGroup{
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	.formArea .formList .formGroup .formTitle,
	.formArea .formList .formGroup .formContent{
		width: 100%;
		display: block;
	}
	.formArea .formList .formGroup .formTitle{
		padding: 10px 30px 10px 0;
	}
	.formArea .formGroup.formGroup_disNon {
		display: none;
	}
}

@media screen and (max-width: 767px){
	.formArea{
		padding: 20px 0px 50px;
	}
}

/*エラー*/
.formArea .formList .formGroup.error .errList{
	display: block;
	margin: 3px 0 -6px;
}

/*エラーテキスト*/
.errList{
	display: none;
}
.errList > *{
	position: relative;
	color: #ed3232;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.75;
}
.errList.note > *{
	padding-left: 1em;
}
.errList.note > *:before{
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.formArea .formList .errorText.error .errList ,
.formArea .formList .formGroup.error .errList {
	display: block;
	margin: 15px 0 -5px;
}

/*inlineForm*/
.inlineForm{
	margin: -10px -20px 0 0;
}
.inlineForm + .inlineForm{
	margin-top: 20px;
}
.inlineForm .inlineFormItem{
	display: inline-block;
	padding: 10px 20px 0 0;
}
.inlineForm .inlineFormItem .inlineFormItem_tit{
	min-width: 270px;
}
.inlineForm .inlineFormItem_note{
	padding: 10px 20px 0 0;
	font-size: 1.4rem;
	line-height: 1.5;
	/* padding-left: 26.31%; */
}
.inlineForm .inlineFormItem .inlineFormText{
	display: inline-block;
}
.inlineForm .inlineFormItem .inlineFormText:first-child{
	margin-right: 10px;
}
.inlineForm .inlineFormItem .inlineFormText:last-child{
	margin-left: 10px;
}

@media screen and (max-width: 500px){
	.inlineForm .inlineFormItem .inlineFormText_sp500{
		display: block;
		margin-top: 10px;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 650px){
	.inlineForm .inlineFormItem .inlineFormText_sp650{
		display: block;
		margin-top: 10px;
		margin-left: 0 !important;
	}
}

.btn-list__itm__link {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 3px;
	padding: 6px 20px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 100px;
	background-color: #fff;
	cursor: pointer;
	font-size: 1.6rem;
}

/*noteArea*/
.noteArea{
	margin-top: 20px;
	font-size: 1.4rem;
}
.noteList > li {
	padding-left: 1.2em;
	position: relative;
	line-height: 1.928;
}
.noteList > li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
.contentText{
	margin-top: 6px;
	font-size: 1.6rem;
	line-height: 1.875;
}
.contentText.contentText_disNon{
	display: none;
}

@media screen and (max-width: 767px){
	.noteArea{
		margin-top: 10px;
	}
}

/*textbox*/
.textbox{
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	/* border-radius: 4px; */
	padding: 10px 15px;
	box-sizing: border-box;
}
.textbox.w78{ width: 78px;}
.textbox.w120{ width: 120px;}
.textbox.w210{ width: 210px;}
.textbox.w230{ width: 230px;}
.textbox.w270{ width: 270px;}
.textbox.w565{ width: 565px;}

@media screen and (max-width: 767px){
	.textbox.w565{ width: 100%;}
}

/*textarea*/
.textarea{
	width: 100%;
	height: 100px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 7px 8px;
	box-sizing: border-box;
}

/*selectbox*/
.selectbox{
	width: 210px;
	background: #fff;
	border: 1px solid #ccc;
	/* border-radius: 3px; */
	padding: 10px 15px;
}
.selectbox.w270{
	width: 270px;
}
.selectbox.w565{
	width: 565px;
}
select {
	display: block;
}

/*radioBtn*/
/*checkbox*/
.checkbox {
	margin-top: 5px;
}
.radioBtn label,
.checkbox label{
	position: relative;
	display: inline-block;
	padding-left: 38px;
	margin-right: 30px;
}
.radioBtn label:last-child,
.checkbox label:last-child{margin-right: 0;}
.radioBtn label input[type="radio"],
.checkbox label input[type="checkbox"]{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	margin-right: 10px;
}
.radioBtn label input[type="radio"],
.checkbox label input[type="checkbox"]{

	cursor: pointer;
}
.checkbox label, .radioBtn.s_low2 label {
/*	padding-bottom: 5px;
	margin-bottom: 15px;*/
  margin-bottom: 20px;
	vertical-align: top;
}
.checkbox.col1 {
	width: 650px;
	margin: 100px auto 0;
}
.checkbox.col1 label {
	font-size: 1.6rem;
}
.checkbox.s_noapp {
	font-size: 1.6rem;
	text-align: center;
	margin: 100px auto 10px;
}
.radioBtn li + li {
  margin-top: 24px;
}


@media screen and (max-width: 990px){
	.checkbox.col1 {
		width: 100%;
	}
}
@media screen and (max-width: 1040px){
}

.checkmarkR {
	position: absolute;
	top: -5px;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 50%;
}
.checkmarkR:after {
	content: "";
	position: absolute;
	display: none;
}

.radioBtn input:checked ~ .checkmarkR:after {
	display: block;
}
.radioBtn .checkmarkR:after {
	top: 5px;
	left: 5px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #7c7c7c;
}
.checkmarkC {
	position: absolute;
	top: -5px;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.checkmarkC:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox input:checked ~ .checkmarkC:after {
	display: block;
}
.checkbox .checkmarkC:after {
	border-left:4px solid #7c7c7c;
	border-bottom:3px solid #7c7c7c;
	width:16px;
	height:8px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:6px;
}

.inputFile {
	display: block;
	width: 100%;
	position: relative;
	z-index: 0;
}
.inputFile + .inputFile {
margin-top: 10px;
}
.inputFile::after {
	content: "";
	display: block;
	clear: both;
}
.inputFile .p_file {
	display: block;
	width: 100%;
	height: 48px;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0.01;
}
.inputFile .p_file,
.inputFile .p_file::-webkit-file-upload-button{
	cursor: pointer;
}
.inputFile .p_fileTxt {
	display: block;
	width: 100%;
	height: 44px;
	padding: 5px 15px;
	border: 1px solid #ccc;
	float: left;
}

.agreementContent .title {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
}
.agreementContent .title::before {
	content: "";
	display: inline-block;
	width: 0.3em;
	height: 0.8em;
	vertical-align: middle;
	margin-right: 0.5em;
	background-color: #000;
}
.agreementContent .color01 {
	color: #e60012;
}
.btn_confirm {
  margin-top: 40px;
  text-align: center;
}
/*-------------------------------------
modal
---------------------------------------*/
#modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}
#modal .modalMask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
}
#modal .modalCont {
  display: none;
}
#modal .modal_inner {
  position: absolute;
  width: 92%;
  max-width: 1120px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  margin: auto;
  padding: 56px 64px;
  background: #fff;
  text-align: center;
}
#modal .wrap {
  height: 100%;
  max-height: 700px;
  overflow: scroll;
}
#modal .ttl {
  background: #e60012;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 24px;
  padding: 24px;
}
#modal .text {
  font-size: 2.6rem;
  font-weight: bold;
  color: #e60012;
  margin-bottom: 24px;
}
#modal .col2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
#modal .col2 .btn_back:hover, #modal .modal_inner .btn_close:hover {
  cursor: pointer;
}
#modal .col2 li + li {
  margin-left: 24px;
}
#modal .col2 button, #modal .col2 a {
  margin-top: 0;
}
#modal .btn_close {
  position: absolute;
  top: -24px;
  right: -24px;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  #modal .modal_inner {
    padding: 8.53vw 0 8.53vw 3.2vw;
  }
  #modal .wrap {
    max-height: 80vh;
    padding-right: 3.2vw;
  }
  #modal .ttl {
    font-size: 4.53vw;
    margin-bottom: 3.2vw;
    padding: 5.33vw 0;
  }
  #modal .text {
    font-size: 3.47vw;
    margin-bottom: 3.2vw;
  }
  #modal .col2 {
    display: block;
    margin-top: 5.33vw;
  }
  #modal .col2 li + li {
    margin: 5.33vw 0 0 0;
  }
  #modal .btn_close {
    top: -3.2vw;
    right: -3.2vw;
  }
  #modal .btn_close img {
    width: 9.07vw;
  }
}