@charset "UTF-8";
.c-formWrap {
	padding:7.5vw 4% 7.5vw;
}
.c-formWrap__hedding {
	font-size: 2rem;
	margin-bottom: 3.75vw;
	text-align: center;
}
.c-formWrap__txt {
	text-align: center;
	font-size: 1.4rem;
}
.c-formWrap_failure__txt {
	text-align: left;
	display: inline-block;
}
.c-icon_failed {
	text-align: center;
	width: 66px;
	height: 66px;
	display: block;
	margin: auto;
}
.c-form {
	width: 100%;
	display: block;
	background-color: #fff;
	border-radius: 1.25vw;
	margin: 5vw auto 15vw;
	padding: 5vw;
	box-sizing: border-box;
}
.c-form__inner {
	max-width: 125vw;
	margin: 0 auto;
}
.c-form__row {
	margin-bottom: 3.75vw;
}
.c-form__row .row-hedding {
	padding-bottom: 1.25vw;
	display: inline-block;
	font-weight: bold;
}

.c-form__row .row-val {
	width: 100%;
}
.c-form__row .row-valCol2 .row-valCol2__item:first-child {
	margin-bottom: 2vw;
}
.c-form__row .row-val .row-val__note {
	font-size: 1.2rem;
	color: #979797;
	padding-top: 1.25vw;
}
/*ハイフンなし注記*/
.c-form__row .row-hedding .row-val__note {
    font-size: 1.2rem;
    font-weight: 400;
    color: #979797;
    padding-top: 5px;
    margin-left: 5px;
}
.row-val__addItem {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.row-val .row-val__addItem:not(:last-child) {
    margin-bottom: 8px;
}
/*代表者と同じボタン*/
.c-form__row.same-btn {
	border-bottom: none;
}
@media screen and (max-width: 768px) {
	.c-form__row.same-btn .row-hedding {
		display: none;
	}
}
.c-form__row .row-val .form-radio-list {
	display: flex;
}
.c-form__row .row-val .form-radio-list .form-radio-label {
	margin-left: 0;
}
.c-form__row .row-val .form-radio-list .form-radio {
	margin: 0 10px 0 0;
}
.c-form__row .row-val .form-radio-list .form-radio:last-child {
	margin-right: 0;
}
.c-form__noticeBox {
	width: 100%;
	margin: 10vw auto 5vw;
	padding: 5vw;
	text-align: center;
	background-color: #F8F8FB;
	box-sizing: border-box;
}
.noticeBox-text {
	margin-bottom: 5vw;
}
.c-form__btnArea.btnArea_col2 .c-btn__solid:first-child {
	margin-bottom: 20px;
}
.c-form__Agree {
	width: 100%;
	text-align: center;
	margin: 2.5vw auto 5vw;
}
.c-form__btnArea {
	margin: 5vw auto;
}
/********p-addUser********/
.row-val__postcode {
	margin-bottom: 2vw;
}
.p-addUser__txtPostcode {
	width: 100%;
	margin:0 2.5vw 2vw 0;
	display: block;
}
.c-form__row #PostalCode, .c-form__row #AddressPref, .c-form__row #AddressCity {
	width: 40%;
	display: inline-flex;
}
.p-addUser__BtnPostcode {
	width: 50%;
}
.p-addUser__inputDisable {
    background-color: whitesmoke !important;
}
.p-addUser__auctionPosNo .c-btn_lightGray {
	margin-top: 2vw;
}
.auctionPosNo-row {
	margin: 0 5vw 0 0;
	display: flex;
	align-items: center;
	width: 100%;
}
.auctionPosNo-row:not(:last-child) {
	margin-bottom: 2vw;
}
.c-btn__rowPuls , .c-btn__rowDel {
	display: none;
	border-radius: 50%;
	color: #fff;
	width: 7.5vw;
	height: 7.5vw;
	padding: 1.25vw;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 0 2.5vw;
}
.c-btn__rowPuls {
	background-color: #F98484;
}
.c-btn__rowDel {
	background-color: #979797;
}

.c-btn__rowPuls:before, .c-btn__rowPuls:after ,.c-btn__rowDel:before {
	display: inline-block;
	content: '';
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	width: 2.5vw;
	height: 0.5vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.c-btn__rowPuls:before {
	width: 0.5vw;
	height: 2.5vw;
  }
.c-btn__rowDel {
	display: none;
}
.c-btn__rowPuls.active {
	display: inline-block;
}
.c-btn__rowDel.active {
	display: inline-block;
}
/********p-complete********/



@media screen and (min-width:390px) {
	/********p-addUser********/
	.p-addUser__txtPostcode {
		width: 30%;
		margin-bottom: 0px;
		display: inline-block;
	}
}
@media screen and (min-width:768px) {
	.c-formWrap {
		padding:30px 20px 160px;
	}
	.c-formWrap__hedding {
		font-size: 3rem;
		margin-bottom: 5px;
	}
	.c-formWrap__txt {
		font-size: 1.6rem;
	}
	.c-form {
		max-width: 1280px;
		margin: 20px auto 0;
		padding: 60px 20px 80px;
	}
	.c-form__inner {
		max-width: 700px;
	}
	.c-form__row {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: dotted 1px #ccc;
	}
	.c-form__row .row-hedding {
		width: 335px;
		margin-right: 10px;
		padding: 5px 10px 0;
		display: flex;
		margin-bottom: 0;
	}
	.c-form__confirm .c-form__row .row-hedding {
		padding: 0 10px 0;
		margin-bottom: 0;
	}
	.c-form__required {
		margin-left: 5px;
		padding: 1px 0 0;
	}
	.c-form__row .row-val {
		max-width: 500px;
		padding: 0 10px 0 0;
	}
	.c-form__row .row-valCol2 {
		display: flex;
		justify-content: space-between;
	}
	.c-form__row .row-valCol2 .row-valCol2__item {
		width: 48%;
	}
	.c-form__row .row-valCol2 .row-valCol2__item:first-child {
		margin-bottom: 0;
	}
	.c-form__row .row-val .row-val__note {
		padding-top: 5px;
	}
	.c-form__row .row-val .form-radio-list .form-radio-label {
		margin: 0 20px 0 0;
	}

	.c-form__noticeBox {
		max-width: 700px;
		margin: 40px auto 20px;
		padding: 20px;
	}
	.noticeBox-text {
		margin-bottom: 20px;
	}
	.c-form__Agree {
		max-width: 500px;
		margin: 10px auto 20px;
	}
	.c-form__btnArea {
		max-width: 650px;
		margin: 40px auto;
	}
	.c-form__btnArea.btnArea_col2 {
		display: flex;
		flex-flow: row-reverse;
	}
	.c-form__btnArea.btnArea_col2 .c-btn__solid {
		max-width: 300px;
		width: 100%;
		margin-bottom: 0;
	}
	.c-form__btnArea.btnArea_col2 .c-btn__solid:first-child {
		margin-bottom: 0;
	}

	/********p-addUser********/
	.row-val__postcode {
		margin-bottom: 8px;
	}
	.p-addUser__txtPostcode {
		width: 30%;
		margin:0 10px 0px 0;
		display: inline-block;
	}
	.p-addUser__btnPostcode {
		width: 175px;
	}
	.p-btn__userAdd {
		max-width: 360px;
		margin: auto;
	}
	.p-addUser__auctionPosNo {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;

	}
	.auctionPosNo-row:not(:last-child) {
		margin-bottom: 8px;
	}
	.c-btn__rowPuls , .c-btn__rowDel {
		width: 30px;
		height: 30px;
		padding: 5px;
		margin: 0 0 0 10px;
	}
	.c-btn__rowPuls:before, .c-btn__rowPuls:after ,.c-btn__rowDel:before {
		width: 10px;
		height: 2px;
	}
	.c-btn__rowPuls:before {
		width: 2px;
		height: 10px;
	}
	.p-addUser__auctionPosNo .c-btn_lightGray {
		margin-top: 0;
	}
	/*complete*/
}