/* CSS Document */

#subject{
	padding-top: 0;
	}
	#subject h2{
		position: relative;
		display: flex;
		flex-direction: column;
		margin-left: 1em;
		padding-top: 1.5em;
		}

#inquiry{
	padding-top: 0;
	}
	#inquiry section{
		padding: 0;
		}
	#inquiry .fr-view{
		color: #4d4d4d;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		line-height: 1.7em;
		}

#thanks{
	padding-top: 0;
	}
	#thanks section{
		padding: 0;
		}
	#thanks h3{
		position: relative;
		padding-bottom: 0.8em;
		font-size: 1.75em;
		font-weight: bold;
		}
		#thanks h3:before{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 1px;
			background: linear-gradient(90deg, #9c1c29 20%, #b3b3b3 20%);
			}
	#thanks h3+div{
		margin-top: 2em;
		}
	#thanks .fr-view{
		color: #4d4d4d;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		line-height: 1.7em;
		}

#toDownload{
	margin-top: 2em;
	}
	#toDownload ul{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		}
	#toDownload li{}
		#toDownload li a{
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding: 1em;
			padding-right: 3em;
			background: #fff;
			border: 1px solid #b3b3b3;
			color: inherit;
			font-weight: bold;
			text-align: center;
			line-height: 1.5em;
			text-decoration: none;
			}
		#toDownload li i{
			position: absolute;
			top: calc(50% - 0.5em);
			right: 1em;
			}
	#toDownload li+li{
		margin-top: 1em;
		}

#form{
	padding-top: 0;
	}
	#form .wrap{
		display: flex;
		flex-direction: column;
		}
	#form .fr-view{
		color: #4d4d4d;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		line-height: 1.7em;
		}

#notice{
	margin-bottom: 1em;
	}

#noticeFoot{
	margin-top: 1em;
	}
	#noticeFoot.fr-view{}
		#noticeFoot.fr-view h3{
			position: relative;
			padding-bottom: 0.8em;
			font-size: 1.75em;
			font-weight: bold;
			margin: 1em 0;
			}
			#noticeFoot.fr-view h3:before{
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 1px;
				background: linear-gradient(90deg, #9c1c29 20%, #b3b3b3 20%);
				}
		#noticeFoot.fr-view h4{
			font-size: 1.2em;
			}
		#noticeFoot.fr-view h5{
			position: relative;
			padding-left: 1.5em;
			font-size: 1.125em;
			line-height: 1.5em;
			}
		#noticeFoot.fr-view ol{
			counter-reset: count;
			margin:1em 0.5em 1em 0;
			}
			#noticeFoot.fr-view ol li{
				position: relative;
				padding-left: 2.5em;
				}
				#noticeFoot.fr-view ol li:before{
					counter-increment: count;
					content: "（"counter(count)"）";
					position: absolute;
					top: 0;
					left: 0;
					}
		#noticeFoot.fr-view ul{
			margin:1em 0.5em 1em 0;
			}
		#noticeFoot.fr-view li{
			padding-left: 1em;
			text-indent: -1em;
			}
			#noticeFoot.fr-view li:before{
				content: "・";
				}

#policy{
	align-self: center;
	margin: 2em 0;
	}

#agreement{}
	#agreement.err{
		padding: 0.8em;
		background: #fff0f3;
		border: 2px solid #f33f46;
		}
	#agreement label{
		font-size: 1.1em;
		font-weight: bold;
		}
		#agreement label a{
			color: #9c1c29;
			}
	#agreement p{
		display: flex;
		align-items: center;
		justify-content: center;
		fill: #9c1c29;
		font-size: 1.1em;
		font-weight: bold;
		}
		#agreement p i{
			position: relative;
			top: 0.1em;
			margin-right: 0.5em;
			}
		#agreement p svg{
			transform: scale(1.4);
			}

#captcha{
	align-self: center;
	margin: 1em 0;
	}
	#captcha div+div{
		margin-top: auto;
		}
	#captcha .captcha-holder{
		width: 100%;
		border-color: #f33f46;
		border-width: 2px;
		}
	#captcha .captcha-success{
		border-color: #5bd25b;
		}

#submit{
	display: flex;
	margin-top: 2em;
	}
	#submit button{
		position: relative;
		display: block;
		width: 100%;
		max-width: 320px;
		padding: 1em;
		padding-left: 3em;
		background: #fff;
		border: 1px solid #b3b3b3;
		color: inherit;
		fill: currentColor;
		text-align: center;
		line-height: 1.5em;
		text-decoration: none;
		}
		#submit button i{
			position: absolute;
			top: calc(50% - 0.5em);
			left: 1.2em;
			}
	#submit #btnConfirm{}
		#submit #btnConfirm:hover{
			border-color: currentColor;
			color: #9c1c29;
			}
		#submit #btnConfirm.lsf-error-btn{
			background: #f2f2f2;
			pointer-events: none;
			opacity: 0.5;
			}
	#submit #btnModify{
		color: #999;
		fill :currentColor;
		}
		#submit #btnModify:hover{
			background: #f2f2f2;
			}
	#submit #btnSend{
		background: #9c1c29;
		border-color: transparent;
		color: #fff;
		fill :currentColor;
		}

.acids{}
	.acids:after{
		content: "必須";
		color: #9c1c29;
		font-weight: bold;
		}

.entry{
	display: flex;
	background: #fff;
	border: 1px solid #b3b3b3;
	color: #4d4d4d;
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	overflow: hidden;
	}
	.entry dt,
	.entry dd{
		padding: 0.8em;
		line-height: 1.5em;
		}
	.entry dt{
		position: relative;
		padding-right: 3em;
		background: #E7E5DD;
		}
		.entry dt:after{
			content: "任意";
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.4em;
			background: #1a1a1a;
			color: #fff;
			font-size: 0.8em;
			font-weight: normal;
			line-height: 1em;
			}
		.entry dt.acids{}
			.entry dt.acids:after{
				content: "必須";
				background: #9c1c29;
				}
	.entry dd{
		display: flex;
		flex-direction: column;
		color: #666;
		}
		.entry dd ul{
			display: flex;
			flex-wrap: wrap;
			}
			.entry dd ul.err{
				padding: 0.3em;
				}
		.entry dd li{
			margin: 0.3em;
			line-height: 1.5em;
			}
		.entry dd p{
			font-size: 0.875em;
			line-height: 1.5em;
			}
			.entry dd p:first-child{
				margin-bottom: 0.5em;
				}
		.entry dd *+p{
			margin-top: 0.5em;
			}
	.entry .err{
		background-color: #ffffcc;
		border: 2px solid #f33f46;
		}
	.entry .error{
		color: #f33f46;
		}
	.entry .confirm{}
		.entry .confirm span.checkValue{
			margin-right: 1.5em;
			}
			.entry .confirm span.checkValue:last-child{
				margin-right: 0em;
				}



/* for all */
@media (max-width: 1200px) {
/*1200px以下*/
}
@media (max-width: 992px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
#submit{
	flex-direction: column;
	}
	#submit button+button{
		margin-top: 1em;
		}
.entry{
	flex-direction: column;
	}
	.entry ul{
		flex-direction: column;
		}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*576px～767px横向き, 768px以上*/
#submit{
	justify-content: center;
	}
	#submit button+button{
		margin-left: 1.5em;
		}
.entry{
	flex-wrap: wrap;
	}
	.entry dt,
	.entry dd{}
		.entry dt:nth-of-type(n+2),
		.entry dd:nth-of-type(n+2){
			border-top: 1px solid #b3b3b3;
			}
	.entry dt{
		width: 6em;
		}
	.entry dd{
		width: calc(100% - 6em);
		}
		.entry dd ul{
			flex-wrap: wrap;
			}
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*576px～767px横向き, 768px～991px*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1200px) {
/*768px～1200px*/
}
@media (min-width: 768px) and (max-width: 992px) {
/*768px～992px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
.entry{}
	.entry dt{
		width: 15em;
		}
	.entry dd{
		width: calc(100% - 15em);
		}
}
@media (min-width: 992px) and (max-width: 1200px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}