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

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

	PC

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

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

	フォーム関連

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

	.form{
		width: 100%;
		margin-bottom: 20px;
	}

	.form th,
	.form td{padding: 20px 0;}

	.form th{
		width: 220px;
		font-weight: 700;
		font-size: 1.6rem;
	}

	.form .inquiry th{vertical-align: top;}

	.form td{word-break: break-all;}

	.form input,
	.form textarea{
		width: 100%;
		background: #F7F7F7;
		font-size: 1.5rem;
		padding: 20px 15px;
		border-radius: 0;
		outline: none;
		border: none;
	}

	.form textarea::-webkit-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form textarea::-moz-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form textarea::-ms-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-webkit-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-moz-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-ms-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}

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

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

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

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

	.form .must,
	.form .optional{
		display: inline-block;
		line-height: 1;
		padding: 5px;
		font-size: 1.1rem;
		margin-right: 8px;
	}

	.form .must{
		background: #1B3C89;
		color: #FFF;
	}

	.form .optional{
		background: #DDDDDD;
		color: #333;
	}

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

	.btn_contact{
		display: inline-block;
		color: #333;
		text-align: center;
		border: 1px solid #1B3C89;
		border-radius: 60px;
		width: 230px;
		line-height: 1;
		font-size: 1.5rem;
		position: relative;
		cursor: pointer;
	}

	.btn_contact.submit::before,
	.btn_contact.send::before{
		content: "";
		display: block;
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		width: 8px;
		height: 14px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -7px;
		transition: right .3s;
		pointer-events: none;
	}

	.btn_contact.back::before{
		content: "";
		display: block;
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		transform: scale(-1, 1);
		width: 8px;
		height: 14px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -6px;
		transition: left .3s;
		pointer-events: none;
	}

	.btn_contact.submit:hover::before,
	.btn_contact.send:hover::before{right: 15px;}

	.btn_contact.back:hover::before{left: 15px;}

	.btn_form button{
		background: none;
		margin: 0;
		padding: 20px 25px;
		outline: 0;
		border: none;
		color: #1B3C89;
		font-weight: 700;
		border-radius: 0;
		-webkit-appearance: none;
		width: 100%;
		height: 100%;
		cursor: pointer;
		transition: opacity .3s;
	}

	.btn_contact.submit:hover input,
	.btn_contact.send:hover button,
	.btn_contact.back:hover input{opacity: 0.7;}


}/*--@media--*/


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

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

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

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

	フォーム関連

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

	.form{
		width: 100%;
		margin-bottom: 15px;
	}

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

	.form th{padding: 15px 0 10px;}

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

	.form .postal input[type="text"]{width: 75px;}

	.form input,
	.form textarea{
		background: #F7F7F7;
		width: 100%;
		border: none;
		padding: 12px 8px;
		border-radius: 0;
		outline: none;
	}

	.form textarea::-webkit-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form textarea::-moz-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form textarea::-ms-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-webkit-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-moz-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::-ms-input-placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}
	.form input::placeholder{
		color: #B8B8B8;
		font-size: 1.5rem;
	}

	.form input:focus,
	.form textarea:focus{outline: none !important;}

	.form input::-moz-focus-inner,
	.form select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */
	.form select::-ms-expand{display: none;}/* IEで矢印消す */
	.form input{-webkit-appearance: none;}/* ios 影消す */

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

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

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

	.form .must,
	.form .optional{
		display: inline-block;
		font-weight: 700;
		line-height: 1;
		padding: 4px 0;
		text-align: center;
		min-width: 32px;
		font-size: 1.1rem;
		margin-right: 8px;
	}

	.form .must{
		background: #2C5EA9;
		color: #FFF;
	}

	.form .optional{
		background: #DDDDDD;
		color: #333333;
	}

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

	.btn_contact{
		display: inline-block;
		color: #333;
		text-align: center;
		border: 1px solid #1B3C89;
		border-radius: 60px;
		width: 100%;
		max-width: 345px;
		line-height: 1;
		font-size: 1.5rem;
		position: relative;
		cursor: pointer;
	}

	.btn_contact.back,
	.btn_contact.send{
		width: calc(50% - 8.75px);
		max-width: 155px;
	}

	.btn_contact.submit::before,
	.btn_contact.send::before{
		content: "";
		display: block;
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		width: 7px;
		height: 11.5px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
		pointer-events: none;
	}

	.btn_contact.back::before{
		content: "";
		display: block;
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		transform: scale(-1, 1);
		width: 7px;
		height: 11.5px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -6px;
		pointer-events: none;
	}

	.btn_contact.submit:hover::before,
	.btn_contact.send:hover::before{right: 15px;}

	.btn_contact.back:hover::before{left: 15px;}

	.btn_form button{
		background: none;
		margin: 0;
		padding: 15px 25px;
		outline: 0;
		border: none;
		color: #1B3C89;
		font-weight: 700;
		border-radius: 0;
		-webkit-appearance: none;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}


}/*--@media--*/