@charset "utf-8";
/* CSS Document */

/*==============================*/
/* PHILOSOPHY */
/*==============================*/
div.formWrap input[type="hidden"],
div.formWrap input[type="text"],
div.formWrap input[type="email"],
div.formWrap select,
div.formWrap textarea{
	position: relative; top: -1px;
	height: 40px;
	padding: 0 4px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #444;
	width: 100%;
}
div.formWrap textarea{ height: 240px;}


/*-- 画像
------------------------- */

.formTitle{
	text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.414em;
    font-family: "UD Shin Go Conde90 M"; letter-spacing: -0.04em;
}



/*==============================*/
/*  */
/*==============================*/

/*---------------------------------
   タグ設定
---------------------------------*/
div.formContent input[type="hidden"],
div.formContent input[type="text"],
div.formContent input[type="email"],
div.formContent select,
div.formContent textarea{
	position: relative; top: -1px;
	height: 40px;
	padding: 0 4px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #444;
	width: 100%;
}
div.formContent textarea{ height: 240px;}


/*---------------------------------
   Text
---------------------------------*/
div.formContent div.formText{
	width: min(720px,100%);
	margin: 0 auto;
}
div.formContent div.formText p:not(:last-child){ margin-bottom: 16px;}


div.formContent div.red_txt{
	width: min(720px,100%);
	margin: 24px auto 0 auto;
	color: #D80033;
}
div.formContent div.red_txt br{ display: none;}


/*---------------------------------
   Table
---------------------------------*/
div.formContent table{
	width: min(880px,100%);
	margin: 48px auto 0 auto;
}
div.formContent table tr:first-child{ border-top: 1px solid #E4E4E4;}
div.formContent table tr{
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 28px 0;
	border-bottom: 1px solid #E4E4E4;
}

div.formContent table tr th{
	position: relative;
	display: block;
	flex: 0 0 300px;
	padding-right: 56px;
	color: #000;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
div.formContent table tr th span{ display: none;}

div.formContent table tr th::before{
	position: absolute; top: 50%; right: 0;
	content: "必須";
	width: 48px;
	padding: 2px 0px 2px 0px;
	background: #D80033;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	
    line-height: 1.3em;
	letter-spacing: 0.03em;
	transform: translateY(-50%);
}
div.formContent table tr:nth-child(1) th::before,
div.formContent table tr:nth-child(3) th::before{
	content: "任意";
	background: #999;
}

div.formContent table tr td{
	display: block;
	flex: 1;
	min-width: 0;
}



/*---------------------------------
   Btn
---------------------------------*/
div.formContent ul.form-btnBox{
	display: flex;
	justify-content: center;
	gap: 20px
}
div.formContent ul.form-btnBox li{
	width: min(232px,100%);
}

div.formContent ul.form-btnBox li a,
div.formContent ul.form-btnBox li input{
	display: block;
	padding: 14px 0;
	width: 100%;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	
}

/*-- 中見出し
------------------------- */
div.formContent ul.form-btnBox li.backBtn a{
	background: #ccc;
	transition: all 300ms;
	text-align: center;
}
div.formContent ul.form-btnBox li.backBtn a:hover {
	background-color: #999;
	box-shadow: 0 0 0 1px #999 inset;
	transform: translateY(-3px);
}


/*-- 確認・送信
------------------------- */
div.formContent ul.form-btnBox li.submitBtn input{
	background: #1a1a1a;
	transition: all 300ms;
}
div.formContent ul.form-btnBox li.submitBtn input:hover {
	background-color: #1B9B84;
	box-shadow: 0 0 0 1px #1B9B84 inset;
	transform: translateY(-3px);
}



/*==============================*/
/* ContactThanks */
/*==============================*/
div.contactThanks{
	width: min(656px,100%);
	margin: 0 auto 56px auto;
}

div.contactThanks h2{
	margin-bottom: 18px;
	font-size: 26px;
    font-weight: 700;
    line-height: 1.414em;
	letter-spacing: 0.02em;
	text-align: center;
}

div.contactThanks p{ text-align: center;}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.contactThanks h2{
			margin-bottom: 20px;
			font-size: 24px;
		}
		div.contactThanks p{ text-align: left;}
	}