@charset "utf-8";
/* Copyright 2021 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	フォーム関連

	------------------------------------------------------------ */

	.form{width: 100%;}

	.form tr{border-top: 1px solid #E9E9E9;}

	.form tr:last-child{border-bottom: 1px solid #E9E9E9;}

	.form th{
		width: 200px;
		font-weight: bold;
		vertical-align: top;
		padding-top: 33px;
	}

	.form td{
		width: 800px;
		word-break: break-all;
		padding: 20px 0;
	}

	.form .inner{
		display: flex;
		align-items: center;
	}

	.form input[type="text"],
	.form textarea{
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.6;
		background: #F4F4F4;
		border: none;
		border-radius: 0;
		padding: 13px 10px 12px;
		outline: none;
	}

	.form input::-moz-focus-inner,
	.form select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form input{-webkit-appearance: none;}/* ios 影消す */
	.form input[type="text"]{height: 50px;}
	.form input[type="text"]::placeholder{color: #B9B9B9;}

	.form textarea{
		display: block;
		resize: vertical;
		width: 100%;
		min-height: 200px;
	}

	.form textarea::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form textarea{-webkit-appearance: none;}/* ios 影消す */
	.form textarea::placeholder{color: #B9B9B9;}

	.form .error{
		color: #FF4C4C;
		display: block;
	}

	.form .must{
		display: block;
		color: #FFF;
		width: 36px;
		height: 18px;
		font-size: 1.1rem;
		line-height: 1.2;
		text-align: center;
		background: #DE7093;
		border-radius: 9px;
		padding: 3px 0 2px;
		margin: 0 0 2px 10px;
	}

	/*--ボタン--*/
	.btn_form{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 90px;
	}

	.btn_form button{
		display: block;
		color: #FFF;
		background: #DE7093;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.2;
		padding: 22px 25px 21px;
		margin: 0;
		outline: 0;
		border: none;
		border-radius: 32px;
		-webkit-appearance: none;
		cursor: pointer;
		width: 176px;
	}

	.btn_form button:hover{opacity: .7;}

	.btn_form button.submit{
		width: 300px;
		color: #FFF;
		background: #DE7093;
	}

	.btn_form button.back,
	.btn_form button.send{width: 150px;}

	.btn_form button.back{
		color: #333;
		background: #A4A4A4;
	}

	.btn_form button.send{margin-left: 30px;}


}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	フォーム関連

	------------------------------------------------------------ */

	.form{width:100%;}

	.form th,
	.form td{
		width: 100%;
		display: block;
	}

	.form th{
		font-weight: bold;
		line-height: 1.6;
		padding-bottom: 5px;
	}

	.form td{
		word-break: break-all;
		padding-bottom: 25px;
	}

	.form  tr:last-child td{padding-bottom: 0;}

	.form .inner{
		display: flex;
		align-items: center;
	}

	.form input[type="text"],
	.form textarea{
		width: 100%;
		font-size: 1.6rem;
		background: #F4F4F4;
		border: none;
		border-radius: 0;
		padding: 15px 10px;
		outline: none;
	}

	.form input[type="text"]:focus,
	.form textarea:focus{outline: none !important;}

	.form input::-moz-focus-inner,
	.form select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form input{-webkit-appearance: none;}/* ios 影消す */
	.form input[type="text"]{height: 50px;}
	.form input[type="text"]::placeholder{color: #B9B9B9;}

	.form textarea{
		display: block;
		resize: vertical;
		-webkit-appearance: none; /*--safariの影なくす--*/
		min-height: 150px;
	}

	.form textarea::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form textarea{-webkit-appearance: none;}/* ios 影消す */
	.form textarea::placeholder{color: #B9B9B9;}

	.form .error{
		color: #FF4C4C;
		display: block;
	}

	.form .must{
		display: block;
		color: #FFF;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		min-width: 36px;
		border-radius: 8px;
		background: #DE7093;
		padding: 3px 0 2px;
		margin: 0 0 1px 10px;
	}

	/*--ボタン--*/
	.btn_form{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 50px;
	}

	.btn_form button{
		display: block;
		color: #FFF;
		max-width: 240px;
		background: #DE7093;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
		padding: 16px 25px;
		margin: 0;
		outline: 0;
		border: none;
		border-radius: 26px;
		-webkit-appearance: none;
		cursor: pointer;
	}

	.btn_form button.submit{width: 240px;}

	.btn_form button.back,
	.btn_form button.send{width: calc(50% - 8px);}

	.btn_form button.back{
		color: #333;
		background: #A4A4A4;
	}

	.btn_form button.send{margin-left: 15px;}


}/*--@media--*/