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

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

	PC

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

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

	お問い合わせ

	------------------------------------------------------------ */
	.form input[type="text"],
	.form textarea{
        width: 100%;
		border-radius: 2px;
        border: 1px solid #ddd;
        padding: 10px 5px;
        font-size: 14px;
	}

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

	.form input::-moz-focus-inner,
	.form select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form input{-webkit-appearance: none;}/* ios 影消す */

	.form textarea::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form textarea{-webkit-appearance: none;}/* ios 影消す */
    
	.must{
        background: #FF0000;
        font-size: 13px;
        color: #FFF;
        padding: 2px;
        margin-right: 8px;
        border-radius: 2px;
	}
    
    .ERR{color: #FF0000;}
    
    .form tr{
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }
    
    .form tr:last-child{border: none;}
    
    .form th{
        vertical-align: top;
        text-align: left;
        font-weight: normal;
        width: 280px;
    }
    
    .form td{width: 500px;}

	.form textarea{
		display:block;
		width: 500px;
		min-height: 260px;
		resize: vertical;
	}
    
    /* ボタン
	---------------------------------------------- */
	.btn_form{
		margin-top: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-weight: bold;
	}
	
	.conf .btn_form{margin-top: 50px;}
	
	.btn_form .mfs_submit_button,
	.btn_form .back{
		background: #2C315C;
        border-radius: 5px;
        border: none;
		outline: none;
		-webkit-appearance: none;
		display:inline-block;
		font-weight: bold;
		font-size: 18px;
		width: 264px;
		color: #FFF;
		text-align: center;
		line-height: 1;
		padding: 11px 0 13px;
		cursor: pointer;
	}
	
	.btn_form .back{
		background: #888;
		border: 1px solid #FFF;
	}
	
	.btn_form .mfs_submit_button:hover,
	.btn_form .back:hover{opacity: 0.8;}
	
	/*--送信--*/
	.btn_form .send{margin-top: 15px;}
    
    
    /* 送信完了、エラー画面
	---------------------------------------------- */
    .completion{
        text-align: center;
        padding: 100px 0;
    }
    
    .completion p:last-child{
        margin-top: 30px;
    }
    
	

}/*--@media--*/


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

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

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	
	/* ------------------------------------------------------------

	お問い合わせ

	------------------------------------------------------------ */
    .form{width: 92%;}
	
	.form th{
        text-align: left;
		font-weight: normal;
		padding: 10px 0;
	}

	.form td{
		word-break: break-all;
		padding-bottom: 30px;
        border-bottom: 1px solid #eee;
	}
    
    .form tr:last-child td{
        padding: 0;
        border: none;
    }
	
	.conf .form th{padding: 10px 0 5px 0;}
	
	.conf .form td{
		border-bottom: 1px solid #A7A7A7;
		padding-bottom: 10px;
		min-height: 35px;
	}
	
	.form th,
	.form td{display: block;}

	.form textarea,
	.form input[type="text"]{
        width: 100%;
		border: 1px solid #A7A7A7;
		padding: 13px 15px;
		border-radius: 0;
        font-size: 15px;
	}

	.form textarea{
		resize: vertical;
		min-height: 150px;
	}
	
	.form input[type="text"]:focus{outline: none !important;}

	.form input::-moz-focus-inner,
	.form input{-webkit-appearance: none;}/* ios 影消す */

	.form input[type="text"]::placeholder{color: #9E9E9E;}
	.form input[type="text"]:-ms-input-placeholder{color: #9E9E9E;}
	.form input[type="text"]::-ms-input-placeholder{color: #9E9E9E;}
	
	.must{
        background: #FF0000;
		min-width: 36px;
		color: #FFF;
		text-align: center;
		font-size: 11px;
		margin-right: 10px;
        border-radius: 2px;
        padding: 2px 0;
    }
    
    .ERR{color: #FF0000;}
	
	/*--ボタン--*/
	.btn_form{
		margin-top: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-weight: bold;
	}
	
	.btn_form .mfs_submit_button,
	.btn_form .back{
        background: #2C315C;
		outline: none;
		border-radius: 5px;
		-webkit-appearance: none;
		display:inline-block;
		font-weight: bold;
		width: 100%;
		max-width: 260px;
		color: #FFF;
		text-align: center;
		line-height: 1;
		padding: 15px 0 17px;
		border: none;
        font-size: 17px;
	}
	
	.btn_form .back{background: #888;}
	
	/*--送信--*/
	.btn_form .send{margin-top: 20px;}
    
    
    /* 送信完了、エラー画面
	---------------------------------------------- */
    .completion{
        text-align: center;
        padding: 40px 0;
    }
    
    .completion p:last-child{margin-top: 20px;}

}/*--@media--*/