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


/*----------------------------------------
 お問い合わせページ
------------------------------------------*/
#form_page{}

/* FV */
#form_page .fv{
	position: relative;
	width: 100vw;
	height: 30vh;
	background-image: url("../images/conta_fv.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#form_page .fv .fv_txt{
	padding: 14vh 0 0 0;
}
#form_page .fv .fv_txt h2{
	font-size: 2em;
}
#form_page .fv .fv_txt h3{
	font-size: 1.2em;
}

/* リード分 */
#form_page .lead{
	margin: 10% 0;
}

/* フォーム部分 */
#form_page #formWrap {
	margin-bottom: 20%;
}
#form_page table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border: none;
	
}
#form_page table.formTable td,table.formTable th{
	display:block;
	font-size: 1em;
	border:none;
}
#form_page table.formTable th{
	padding:5px 0;
	text-align:left;
	font-weight: bold;
}
#form_page table.formTable th span{
	color: #ff0000;
	font-size: .8em;
}
#form_page table.formTable td{
	padding:0 0 5%;
	text-align:left;
}
#form_page table.formTable th .form_st{
	display: inline;
	font-size: .7em;
}
#form_page table.formTable td .form_pl{
	display: inline-block;
}
#form_page table.formTable td .form_pl a{
	font-size: .7em;
	color: #331bb6;
	text-decoration: underline;
}

/* 入力 */
#form_page form input[type="text"], form textarea{
	width: 100%;
	padding: 5px;
	font-size: 110%;
	display: block;
}
/* 確認・リセット */
#form_page form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:60px;
	cursor: pointer;
}
#form_page form input[type="submit"]{
	color: #FFFFFF;
	background: #1A98A7;
	border:1px solid #1A98A7;
	border-radius: 100px;
	margin-bottom: 5%;
}
#form_page form input[type="reset"], form input[type="button"]{
	color: #FFFFFF;
	background: #a8aaaa;
	border:1px solid #a8aaaa;
	border-radius: 100px;
}
#form_page form .form_btn{
	margin-top: 5%;
}


/*幅640px以上に適用されるCSS（スマホ横・小型タブ縦）
------------------------------------------*/
@media print, screen and (min-width:640px) {
	/* リード分 */
	#form_page .lead{
		margin: 10% 0 5% 0;
	}

	/* フォーム部分 */
	#form_page table.formTable td{
		padding:0 0 3%;
	}

	/* 入力 */

	/* 確認・リセット */
	#form_page form input[type="submit"], form input[type="reset"], form input[type="button"] {
		display:inline-block;
		width:47%;
	}
	#form_page form input[type="submit"]{
		margin-bottom: 0;
		margin-right: 5%;
	}
	#form_page form .form_btn{
		margin:5% auto 0 auto;
		width: 85%;
	}

}

/*幅768px以上に適用されるCSS（タブレット縦）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	/* リード分 */
	#form_page .lead{
		margin: 10% 0 5% 0;
	}

	/* フォーム部分 */
	#form_page table.formTable td{
		padding:0 0 25px;
	}

	/* 入力 */
	#form_page form input[type="text"], form textarea{
		width: 80%;

	}

	#form_page form .form_btn{
		margin:30px auto 0 auto;
	}
}

/*幅1024px以上に適用されるCSS（タブレット横・PC小型）
------------------------------------------*/
@media print, screen and (min-width:1024px) {
	/* リード分 */
	#form_page .lead{
		margin: 100px 0;
		text-align: center;
	}

	/* フォーム部分 */
	#form_page table.formTable{
		width:80%;
	}

	/* 入力 */
	#form_page form input[type="text"], form textarea{
		width: 100%;
	}

	#form_page form .form_btn{
		width: 60%;
	}
}

/*幅1280px以上に適用されるCSS（ノートPC）
------------------------------------------*/
@media print, screen and (min-width:1280px) {
	/* リード分 */
	#form_page .lead{
		margin: 100px 0;
	}

	/* フォーム部分 */
	#form_page #formWrap {
		margin-bottom: 150px;
	}
	#form_page table.formTable{
		width:60%;
	}

}

/*幅1538px以上に適用されるCSS（大型PC）
------------------------------------------*/
@media print, screen and (min-width:1538px) {}


/*----------------------------------------
thanks_page
------------------------------------------*/
/* FV */
#thanks .fv{
	position: relative;
	width: 100vw;
	height: 30vh;
	background-image: url("../images/conta_fv.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#thanks .fv .fv_txt{
	padding: 14vh 0 0 0;
}
#thanks .fv .fv_txt h2{
	font-size: 2em;
}
#thanks .fv .fv_txt h3{
	font-size: 1.2em;
}

/* リード文 */
#thanks .lead{
	margin: 10% 0 5% 0;
}
#thanks .lead .title h2, #thanks .lead .title h3{
	color: #122E5F;
}
#thanks .lead .title h2{
	font-size: 2em;
}
#thanks .lead .title h3{
	font-size: 1.2em;
}
#thanks .lead p{
	height: 40vh;
}


/*幅640px以上に適用されるCSS（スマホ横・小型タブ縦）
------------------------------------------*/
@media print, screen and (min-width:640px) {
}

/*幅768px以上に適用されるCSS（タブレット縦）
------------------------------------------*/
@media print, screen and (min-width:768px) {}

/*幅1024px以上に適用されるCSS（タブレット横・PC小型）
------------------------------------------*/
@media print, screen and (min-width:1024px) {
	/* リード文 */
	#thanks .lead{
		margin: 100px 0;
		text-align: center;
	}
	#thanks .lead p{
		height: 30vh;
	}
}

/*幅1280px以上に適用されるCSS（ノートPC）
------------------------------------------*/
@media print, screen and (min-width:1280px) {
	/* リード文 */
	#thanks .lead p{
		height: 20vh;
	}
}

/*幅1538px以上に適用されるCSS（大型PC）
------------------------------------------*/
@media print, screen and (min-width:1538px) {}