/* CSS Document */

#subject{
	padding-top: 0;
	}
	#subject h2{
		position: relative;
		display: flex;
		flex-direction: column;
		margin-left: 1em;
		padding-top: 1.5em;
		}
		#subject h2:before{
			content: "Inquiry";
			margin-left: 2em;
			}
		#subject h2:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			height: 2.5em;
			border-left: 1px solid currentColor;
			}

#inquiry{
	padding-top: 0;
	}
	#inquiry section{
		padding: 0;
		}
	#inquiry .fr-view{
		color: #000;
		line-height: 1.7em;
		}

#thanks{
	padding-top: 0;
	}
	#thanks section{
		padding: 0;
		}
	#thanks h3{
		padding-bottom: 0.8em;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.5em;
		border-bottom: 2px solid #00b0ca;
		}
	#thanks h3+div{
		margin-top: 2em;
		}
	#thanks .fr-view{
		color: #000;
		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 #b2b6bc;
			border-radius: 6px;
			color: inherit;
			font-weight: bold;
			text-align: center;
			line-height: 1.5em;
			text-decoration: none;
			}
			#toDownload li a:hover{
				background: #e6f3f5;
				border-color: currentColor;
				color: #1696ac;
				}
		#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: #000;
		line-height: 1.7em;
		}

#notice{
	margin-bottom: 1em;
	}

#noticeFoot{
	margin-top: 1em;
	}

#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: #1696ac;
			}
	#agreement p{
		display: flex;
		align-items: center;
		justify-content: center;
		fill: #1696ac;
		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: 480px;
		padding: 1.2em;
		padding-left: 3em;
		background: #fff;
		border: 1px solid #b2b6bc;
		border-radius: 6px;
		color: inherit;
		fill: #F38D00;
		text-align: center;
		line-height: 1.5em;
		transition: all 0.2s ease-out;
		cursor: pointer;
		order: 1;
		}
		#submit button i{
			position: absolute;
			top: calc(50% - 0.5em);
			left: 1.2em;
			}
	#submit #btnConfirm{}
		#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{
		border-color: transparent;
		color: #fff;
		fill :currentColor;
		background-color: #df644f;
		}

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

.entry{
	display: flex;
	background: #E8EEF7;
	border-radius: 12px;
	overflow: hidden;
	}
	.entry dt,
	.entry dd{
		padding: 0.8em;
		line-height: 1.5em;
		}
	.entry dt{
		position: relative;
		padding-right: 3em;
		background: #27344d;
		color: #fff;
		font-weight: bold;
		}
		.entry dt:after{
			content: "任意";
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.4em;
			background: #fff;
			color: #27344D;
			font-size: 0.8em;
			font-weight: normal;
			line-height: 1em;
			}
		.entry dt.acids{}
			.entry dt.acids:after{
				content: "必須";
				color: #D1145A;
				}
	.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 #b2b6bc;
			}
	.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以上*/
#subject{}
	#subject h2{
		margin-left: 100px;
		}
}