/* ==========================================================================
   フォーム
========================================================================== */
.c-table01 .nameTr td{
	width: 25%;
}
.c-table01 .nameTrCon td{
	width: auto;
}
.c-table01 .catalogRadio{
	display: flex;
}
.c-table01 .catalogRadio li+li{
	margin-left: 1em;
}
.c-table01 .catalogRadio label{
	display: block;
}
.c-table01 .questionList{
	display: flex;

	flex-flow: row wrap;
}
.c-table01 .questionList li{
	margin: 0 1em 1em 0;
}
#formApp .errorText{
	font-size: 1.3rem;
	line-height: 1;
}
#formApp .errorText span{
	display: block;
	margin-top: .5em;
	color: #ff4b4b;
}
#formApp .endText{
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 1em;
	text-align: center;
}
#formApp .endTextOk{
	color: #77aaad;
	border: 1px solid #77aaad;
}
#formApp .endTextError{
	line-height: 1.8;
	color: #b9272d;
	border: 1px solid #b9272d;
}
#formApp .loading{
	position: relative;
	margin-top: 1em;
	opacity: .8;
}
#formApp .loading::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -10px 0 0 -10px;
	content: '';
	-webkit-animation: loader .8s infinite linear;
	        animation: loader .8s infinite linear;
	border: 4px solid #000;
	border-top-color: #ddd;
	border-radius: 50%;
}
#formApp .textareaText{
	line-height: 1.6;
	margin-top: .8em;
	white-space: pre-wrap;
}
#formApp .sendError{
	font-size: 1.8rem;
	width: 90%;
	margin: 1em auto 0;
	padding: 1em;
	text-align: center;
	color: #ff4b4b;
	border: 1px solid #ff4b4b;
}
#formApp .sendError .errorBack{
	font-size: 1.3rem;
	display: flex;
	width: 14em;
	height: 38px;
	margin: .3em auto 0;
	transition: background .2s ease-out;
	background: #e5e5e5;

	align-items: center;
	justify-content: center;
}
#formApp .sendError .errorBack:hover{
	background: #d2d2d2;
}
#formApp .btnRow button{
	font-size: 16px;
	padding: 5px 20px;
	text-indent: 0;
	color: #fff;
	background: #000;
}
#formApp .vdp-datepicker__calendar{
	padding-top: 10px;
}
#formApp .form-Box{
	margin-bottom: 24px;
}
#formApp .form-Box td{
	font-weight: normal;
}
#formApp .form-Box select{
	padding: 5px;
}
#formApp .form-Box .nameTr td{
	display: flex;
}
#formApp .form-Box .nameTr td .inner{
	margin-right: 10px;

	flex: 0 1 25%;
}
#formApp .form-Box .nameTrCon td .inner{
	flex: 0 1 auto;
}
#formApp .form-Box .nameTrCon td .inner p{
	font-weight: normal;
}
#formApp .form-Box .eventRadio{
	display: flex;

	flex-flow: row wrap;
}
#formApp .form-Box .eventRadio li{
	margin: 0 1em 1em 0;
}
#formApp .form-Box .errorText{
	font-size: 13px;
	font-weight: normal;
}
#formApp .form-Box .endText{
	font-size: 15px;
	font-weight: normal;
}
#formApp .form-Box .textareaText{
	font-size: 15px;
	font-weight: normal;
}
.fade-enter-active,.fade-leave-active{
	transition: opacity .8s;
}
.fade-enter,.fade-leave-to{
	opacity: 0;
}
.fade2-enter-active,.fade2-leave-active{
	transition: opacity .4s;
}
.fade2-enter,.fade2-leave-to{
	opacity: 0;
}
@-webkit-keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@media only screen and (max-width: 767px){
	.c-table01 .nameTr{
		display: flex;

		flex-flow: row wrap;
	}
	.c-table01 .nameTr th{
		flex: 0 0 100%;
	}
	.c-table01 .nameTr td{
		flex: 0 1 50%;
	}
	.c-table01 .nameTrCon td{
		flex: 0 1 auto;
	}
	.form-Box .nameTr td{
		display: flex !important;
	}
	.form-Box .nameTr td .inner{
		flex: 0 1 40%;
	}
	.form-Box .nameTr td .inner input{
		width: 100%;
	}
}
/* ==========================================================================
   資料請求　フォーム
========================================================================== */
.requestFormBox{
	max-width: 830px;
	margin: 0 auto;
	padding: 45px 70px 50px 60px;
	background: #fff;
}
.requestFormBox .topText{
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 46px;
	text-align: center;
}
.requestFormBox .inputRow{
	display: flex;

	align-items: center;
}
.requestFormBox .inputRow .title{
	font-size: 1.3rem;
	display: flex;
	letter-spacing: .07em;

	align-items: center;
	flex: 0 1 170px;
}
.requestFormBox .inputRow .hissu{
	font-size: 1.1rem;
	display: flex;
	width: 32px;
	height: 18px;
	margin-left: 1em;
	color: #fff;
	border-radius: 2px;
	background: #bf9b45;

	align-items: center;
	justify-content: center;
}
.requestFormBox .inputRow .inputBox{
	font-size: 1.3rem;

	flex: 1 1 auto;
}
.requestFormBox .inputRow+.inputRow,.requestFormBox .questionField{
	margin-top: 30px;
}
.requestFormBox .kanaField{
	margin: 30px 0;
}
.requestFormBox input[type='email'],.requestFormBox input[type='tel'],.requestFormBox input[type='text']{
	line-height: 30px;
	width: 100%;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #4d4d4d;
	border-radius: 2px;
}
.requestFormBox textarea{
	width: 100%;
	height: 230px;
	padding: 10px;
	border: 1px solid #4d4d4d;
	border-radius: 2px;
}
.requestFormBox .nameRow .inputBox{
	flex: 0 1 205px;
}
.requestFormBox .nameRow .inputBox+.inputBox{
	margin-left: 10px;
}
.requestFormBox .zipRow .title{
	flex: 0 1 150px;
}
.requestFormBox .zipRow .zipInnerRow{
	display: flex;

	align-items: center;
}
.requestFormBox .zipRow .zipInnerRow .mark{
	flex: 0 1 20px;
}
.requestFormBox .zipRow .zipInnerRow input{
	margin-right: 15px;

	flex: 0 1 190px;
}
.requestFormBox .zipRow .zipInnerRow .addrButton{
	display: flex;
	height: 30px;
	padding: 0;
	color: #fff;
	border: none;
	outline: none;
	background: #bf9b45;

	align-items: center;
	flex: 0 1 129px;
	justify-content: center;
}
.requestFormBox .zipRow .zipInnerRow .addrButton:hover{
	opacity: .8;
}
.requestFormBox .zipRow .errorTextZip{
	padding-left: 20px;
}
.requestFormBox .questionRow .title{
	align-self: flex-start;
	flex: 0 1 180px;
}
.requestFormBox .questionRow .questionList{
	display: flex;
	max-width: 300px;

	flex-flow: row wrap;
}
.requestFormBox .questionRow .questionList li{
	margin: 0 1em .5em 0;
}
.requestFormBox .messageRow{
	margin-top: 40px;
}
.requestFormBox .messageRow label{
	line-height: 1;
	display: block;
	margin-bottom: 15px;
}
.requestFormBox .privacyBox{
	margin-top: 15px;
}
.requestFormBox .privacyBox>h2{
	font-weight: normal;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	background: rgba(191,155,69,.3);
}
.requestFormBox .privacyBox .notice{
	padding: 25px;
	background: rgba(191,155,69,.3);
}
.requestFormBox .privacyBox .notice h2{
	font-weight: normal;
	margin-bottom: 20px;
}
.requestFormBox .privacyBox .notice p{
	font-size: 1.2rem;
	line-height: 2;
}
.requestFormBox .privacyBox .privacyLink{
	line-height: 1;
	margin-top: 35px;
	text-align: center;
}
.requestFormBox .privacyBox .privacyLink a{
	text-decoration: underline;
}
.requestFormBox .accsept{
	display: flex;
	margin-top: 35px;

	align-items: center;
	justify-content: center;
}
.requestFormBox .accsept label{
	margin-left: .5em;
}
.requestFormBox .sendBtn{
	margin-top: 35px;
	text-align: center;
}
.requestFormBox .sendBtn .backLink{
	font-size: 1.5rem;
	width: 252px;
	height: 47px;
	padding: 0;
	color: #fff;
	border: none;
	outline: none;
	background: #000;
}
.requestFormBox .sendBtn .backLink:focus{
	outline: none;
}
.requestFormBox .sendBtn .backLink:hover{
	opacity: .8;
}
.requestFormBox .sendBtn .backLink:disabled{
	opacity: .5;
}
.requestFormBox .sendBtn .backLink:disabled:hover{
	opacity: .5;
}
.requestFormBox .requestConfirmBox .nameRow .text+.text{
	margin-left: 10px;
}
.requestFormBox .requestConfirmBox .zipRow .title{
	flex: 0 1 170px;
}
.requestFormBox .requestConfirmBox .sendBtn .backLink{
	margin: 0 10px;
}
@media only screen and (max-width: 767px){
	.requestFormBox{
		width: 100%;
		max-width: none;
		padding: 6.66667vw 2.66667vw;
	}
	.requestFormBox>p{
		line-height: 1.4;
		margin-bottom: 4.66667vw;
	}
	.requestFormBox .inputRow{
		display: block;
	}
	.requestFormBox .inputRow .title{
		font-size: 1.4rem;
		margin-bottom: .5em;
	}
	.requestFormBox .inputRow+.inputRow,.requestFormBox .questionField{
		margin-top: 5.33333vw;
	}
	.requestFormBox .kanaField{
		margin: 5.33333vw 0;
	}
	.requestFormBox input[type='email'],.requestFormBox input[type='tel'],.requestFormBox input[type='text']{
		font-size: 16px;
		line-height: 36px;
		height: 36px;
	}
	.requestFormBox textarea{
		font-size: 16px;
	}
	.requestFormBox .nameRow{
		display: flex;

		flex-flow: row wrap;
		justify-content: space-between;
	}
	.requestFormBox .nameRow .title{
		flex: 0 0 100%;
	}
	.requestFormBox .nameRow .inputBox{
		flex: 0 1 46vw;
	}
	.requestFormBox .nameRow .inputBox+.inputBox{
		margin-left: 0;
	}
	.requestFormBox .zipRow .zipInnerRow{
		display: flex;

		align-items: center;
	}
	.requestFormBox .zipRow .zipInnerRow .mark{
		flex: 0 0 1.5em;
	}
	.requestFormBox .zipRow .zipInnerRow input{
		margin-right: 2.66667vw;

		flex: 1 1 auto;
	}
	.requestFormBox .zipRow .zipInnerRow .addrButton{
		height: 36px;

		flex: 0 0 40vw;
	}
	.requestFormBox .zipRow .errorTextZip{
		padding-left: 1.5em;
	}
	.requestFormBox .questionRow .title br{
		display: none;
	}
	.requestFormBox .questionRow .questionList{
		max-width: none;
	}
	.requestFormBox .questionRow .questionList li{
		margin: 0 1em 1em 0;
	}
	.requestFormBox .messageRow{
		margin-top: 6.66667vw;
	}
	.requestFormBox .messageRow label{
		line-height: 1.3;
		margin-bottom: .5em;
	}
	.requestFormBox .privacyBox{
		margin-top: 2vw;
	}
	.requestFormBox .privacyBox>h2{
		margin-bottom: 6vw;
	}
	.requestFormBox .privacyBox .notice{
		padding: 3.33333vw;
	}
	.requestFormBox .privacyBox .notice h2{
		line-height: 1.3;
		margin-bottom: 2.66667vw;
	}
	.requestFormBox .privacyBox .privacyLink{
		margin-top: 4.66667vw;
	}
	.requestFormBox .accsept{
		margin-top: 6.66667vw;
	}
	.requestFormBox .sendBtn{
		margin-top: 4.66667vw;
	}
	.requestFormBox .sendBtn .backLink{
		width: 100%;
	}
	.requestFormBox .requestConfirmBox .inputRow .title{
		margin-bottom: .8em;
	}
	.requestFormBox .requestConfirmBox .inputRow .text{
		font-size: 1.5rem;
	}
	.requestFormBox .requestConfirmBox .nameRow{
		justify-content: flex-start;
	}
	.requestFormBox .requestConfirmBox .questionList li{
		font-size: 1.5rem;
	}
	.requestFormBox .requestConfirmBox .textareaText{
		font-size: 1.5rem;
	}
	.requestFormBox .requestConfirmBox .sendBtn .backLink{
		margin: 10px 0;
	}
}