@charset "UTF-8";



.formWrap {
	margin-top: 20px;
	padding: 40px;
	background-color: var(--white);
}
.formSection{
	margin-top: 20px;
}
.formSection:first-child{
	margin-top: 0;
}
.formDl{
}
.formDlBlock {
	padding: 20px;
}
.formDt {
	font-weight: bold;
	font-size: 14px;
}
.required,
.formDtIcon {
	background-color: var(--red);
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 8px;
	margin-left: 10px;
	display: inline-block;
}
.formDtIcon {
	background-color: var(--baseColor);
}
.formDd {
	margin-top: 10px;
}
.passwordDisplay {
	color: var(--linkColor);
	text-align: right;
	margin-top: 15px;
	font-size: 14px;
	cursor: pointer;
}
.formDdInputHide {
	margin-top: 10px;
	display: none;
}
.formDdBtnList {
	display: flex;
	flex-wrap: wrap;
	margin: -20px 0 0 -40px;
}
.formDdBtnItem{
	margin: 20px 0 0 40px;
}
.formDdBtnList2 {
	display: flex;
	align-items: center;
}
.formDdBtnList2 * {
	margin-left: 8px;
}
.formDdBtnList2 *:first-child{
	margin-left: 0;
}
.formDdItem {
	margin-top: 20px;
}
.formDdItem:first-child {
	margin-top: 0;
}
.formDdNote {
	font-size: 14px;
	color: var(--noteColor);
	margin-top: 5px;
}
input[name="tel1"],
input[name="tel2"],
input[name="tel3"],
.tel {
	width: 5em;
}
.formDd .buttonModal {
	font-weight: normal;
	/* font-size: 16px;
	background-size: 10px;
	padding-right: 50px; */
}
.formDdLayerWrap {
}
.formDdLayer {
	display: flex;
}
.formDdLayerParentItem {
	width: 150px;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #707070;
	padding: 10px 20px;
	cursor: pointer;
}
.layout2 .formDdLayerParentItem {
	width: 250px;
}
.formDdLayerParentItem._active {
	background-color: #D9D9D9;
	background-image: url(../img/icon_triangle_right_black.svg);
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
}
.formDdLayerParentItem:first-child {
	border-top: 1px solid #707070;
}
.formDdLayerChild {
	border: 1px solid #707070;
	background-color: #F8F8F9;
	padding: 10px 20px;
	width: 400px;
	box-shadow: 0px 0px 4px 2px rgb(0,0,0, 0.16);
}
.formDdLayerChildList {
	display: none;
}
.formDdLayerChildList:first-child {
	display: block;
}
.formDdLayerChildList {
	
}
.formDdLayerChildItem {
	margin-top: 20px;
}
.formDdLayerChildItem:first-child {
	margin-top: 0;
}
.dateWrap {

}
.dateWrap .dateUnit {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.dateWrap .dateUnit:first-child{
	margin-top: 0;
}
.dateWrap .datetimepickerWrap:first-child{
	margin-right: 20px;
}
.dateWrap .inputText{
	width: 12em;
}
.dateUnit .button{
	margin-left: 20px;
}
.dateUnit .releaseBtn {
	margin-left: 10px;
}
.uploadFileWrap{
}

#attachFile._uploadFile{
}
.uploadFileDelete{
}
.fileUploadButton {
	display: inline-block;
	background-color: #F8F8F9;
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	height: 48px;
	padding: 0 20px;
	line-height: 48px;
	font-weight: inherit;
}
.fileUploadPreview {
	margin-top: 10px;
}
.fileUploadPreviewImg {
	max-width: 300px;
}
.imageDelete._imageDelete{
}
.movieWrap {
	max-width: 100%;
	text-align: center;
}
.movieWrap iframe{
	width: 560px;
	max-width: 100%;
	height: 315px;
}
.formDtStrong {
	font-size: 14px;
	font-weight: bold;
	color: var(--red);
	margin-left: 8px;
}
.formRuleWrap {
	margin-top: 20px;
}
.formRule {
	background-color: var(--white);
	padding: 20px;
	height: 236px;
	overflow-y: scroll;
	margin-top: 5px;
	font-size: 14px;
}
* + .formRuleText{
	margin-top: 1em;
}
.formRule .commonTitle4 {
	margin-top: 2em;
}
.formRuleList{
	margin-top: 1em;
}
.formRuleItem{
	margin-top: 1em;
}
.formRuleList2{
	margin-top: 1em;
	padding-left: 1em;
}
.formRuleItem2{
	margin-top: 1em;
}
.formRuleLink{
}

.formRuleInput {
	margin-top: 20px;
	position: relative;
}
.formRuleInputBtn {
	position: absolute;
	z-index: 1;
}
.formRuleInput2 .formRuleInputBtn {
	position: relative;
}
.formRuleInputText {
	font-size: 14px;
	padding-left: 30px;
	display: block;
	padding-top: 0.2em;
}
.formBtnWrap {
	margin-top: 60px;
	text-align: center;
}
.formBtnWrap2 {
	margin-top: 0;
}
.formBtnWrap .button{
	width: 300px;
	height: 48px;
	border-radius: 8px;
	font-size: 14px;
}

.login .formWrap {
	padding: 20px 60px 40px;
}
.login .formDl{
	margin: 0;
}
.login .formDlBlock {
	padding: 20px 0;
}
.loginBtnWrap {
	margin-top: 40px;
	text-align: center;
}
.loginBtnWrap .button {
	width: 300px;
	height: 48px;
	border-radius: 8px;
	font-size: 14px;
}
.loginReminder {
	margin-top: 40px;
	text-align: right;
	font-size: 14px;
}
.loginReminder .link {
	background-image: url(../img/icon_arrow_right_blue.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	background-size: 11px;
}
.entryBtnWrap {
	margin-top: 60px;
	text-align: center;
}
.entryBtnWrap .button {
	width: 300px;
	height: 48px;
	border-radius: 8px;
	font-size: 14px;
}
.reminder .formWrap {
	margin-top: 40px;
}
.reminderBtnWrap {
	margin-top: 20px;
}
.billingSwitch,
.sougoushikauSwitch {
	display: none;
}
.ruleText2 {
	display: none;
}
.confirmForm .formDd{
	font-size: 18px;
}
.confirmForm .formBtnList .buttonText {
	margin-top: 20px;
}
@media screen and (max-width:560px) {
	.formWrap {
		margin-top: 5.36vw;
		padding: 10.71vw 5.36vw;
	}
	.formWrap2 {
		padding: 5.36vw;
	}
	.formDl {
		/* margin-top: 10.71vw; */
	}
	.formDl + .formDl {
		margin-top: 10.71vw;
	}
	.formDlBlock {
		padding: 0;
	}
	.formDlBlock + .formDlBlock,
	.billingSwitch + .formDlBlock {
		margin-top: 10.71vw;
	}
	.formDt {
		font-size: 3.57vw;
	}
	.formDd {
		margin-top: 2.68vw;
	}
	.confirmForm .formDd {
		font-size: 4.29vw;
	}
	.required,
	.formDtIcon {
		border-radius: 0.36vw;
		font-size: 3.39vw;
		padding: 0.18vw 1.43vw;
		margin-left: 3.57vw;
	}
	.dateWrap .dateUnit {
		margin-top: 1.79vw;
	}
	.dateWrap .dateUnit:nth-child(n + 2) {
		margin-top: 2.68vw;
		border-top: 1px dashed #000;
		padding-top: 2.68vw;
	}
	.datetimepickerWrap {
		margin: 1.79vw 0 0 0;
	}
	.datetimepickerWrap:first-child {
		margin: 0;
	}
	.passwordDisplay {
		margin-top: 2.68vw;
		font-size: 3.57vw;
	}
	.formSection {
		margin-top: 16.07vw;
	}
	.formDdNote {
		font-size: 3.57vw;
		margin-top: 0.89vw;
	}
	.fileUploadButton {
		border-radius: 0.71vw;
		height: 13.39vw;
		padding: 0 3.57vw;
		line-height: 13.39vw;
	}
	.fileUploadPreview {
		margin-top: 1.79vw;
	}
	.fileUploadPreviewImg {
		max-width: 53.57vw;
	}
	.buttonMini {
		padding: 1.79vw 3.57vw;
		font-size: 0.9em;
	}
	.formBtnWrap {
		margin-top: 10.71vw;
	}
	.formBtnWrap2 {
		margin-top: 0;
	}
	.formBtnWrap .button {
		width: 75.89vw;
		height: 10.71vw;
		border-radius: 1.43vw;
		font-size: 3.75vw;
	}
	.confirmForm .formBtnList .buttonText {
		margin-top: 3.57vw;
	}
	.formRuleWrap {
		margin-top: 5.36vw;
	}
	.formRule {
		padding: 2.68vw;
		height: 60.71vw;
		margin-top: 2.68vw;
		font-size: 3.75vw;
	}
	.formRuleInput {
		margin-top: 7.14vw;
	}
	.formRuleInputText {
		font-size: 3.75vw;
		padding-left: 8.04vw;
		padding-top: 0.1em;
	}
	.login .formWrap {
		padding: 10.71vw 5.36vw;
	}
	.login .formDlBlock {
		padding: 0;
	}
	.login .formDlBlock + .formDlBlock{
		margin-top: 5.36vw;
	}
	.loginBtnWrap .button,
	.entryBtnWrap .button {
		width: 100%;
		height: 10.71vw;
		border-radius: 1.43vw;
		font-size: 3.75vw;
	}
	.loginReminder {
		margin-top: 10.71vw;
		font-size: 3.75vw;
	}
	.loginReminder .link {
		padding-right: 3.57vw;
		background-size: 2.68vw;
	}
	.entryBtnWrap {
		margin-top: 10.71vw;
	}
	.reminderBtnWrap {
		margin-top: 10.71vw;
	}
}