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

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

PC、タブレット、スマートフォン共通

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

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

お問い合わせ

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

.contact_top{text-align: center;}

.submit .contact_top{
	border-bottom: 1px solid #CBD6DE;
	padding-bottom: 45px;
	margin-bottom: 50px;
}

.confirm .contact_top{margin-bottom: 60px;}

.contact_top .flow{
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact_top .flow .inner{
	width: 100px;
	height: 100px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-right: 35px;
	position: relative;
	border: 1px solid #CBD6DE;
	color: #B0BEC8;
}

.contact_top .flow .inner:last-of-type{margin-right: 0;}

.contact_top .flow .inner p{line-height: 1;}

.contact_top .flow .inner p:nth-of-type(1){
	font-size: 1.3rem;
	margin-bottom: 8px;
}

.contact_top .flow .inner .ico_arrow03{
	width: 18px;
	height: 32.97px;
	fill: #CBD6DE;
	position: absolute;
	top: 50%;
	right: -27px;
	margin-top: -16.485px;
}

.contact_top .flow .inner.active{
	background: #0270BB;
	border: 1px solid #0270BB;
	color: #FFF;
}

.contact_top .txt{margin-top: 40px;}

/* 個人情報保護方針
---------------------------------------------- */
.privacy_top{margin: 80px 0 30px;}

.privacy_top h2{
	color: #0270BB;
	font-size: 1.8rem;
}

#privacy{
	border: 1px solid #CBD6DE;
	font-size: 1.3rem;
	height: 220px;
	overflow: hidden;
}

#privacy h3{font-weight: 700;}

#privacy p{margin-bottom: 1.5em;}

#privacy p:last-of-type{margin-bottom: 0;}

/* 送信完了画面
---------------------------------------------- */
.completion{text-align: center;}

.comp_inner{
	border-top: 1px solid #CBD6DE;
	border-bottom: 1px solid #CBD6DE;
	padding: 55px 0;
	margin: 60px 0 50px;
}

.comp_inner > p{
	color: #0270BB;
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 30px;
}

.comp_inner .txt{line-height: 2;}

.completion .note{
	font-size: 1.4rem;
	margin-bottom: 80px;
}

.completion .note p:nth-of-type(1){margin-bottom: 20px;}

/* エラー画面
---------------------------------------------- */
.error_screen{text-align: center;}

.error_inner{
	border-top: 1px solid #CBD6DE;
	border-bottom: 1px solid #CBD6DE;
	padding: 55px 0;
	margin: 0 0 80px;
}


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

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

	タブレット

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

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

	お問い合わせ

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

	/* 
	---------------------------------------------- */
	
	
}/*--@media--*/


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

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

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

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

	お問い合わせ

	------------------------------------------------------------ */
	
	.confirm .contact_top{margin-bottom: 50px;}

	.contact_top .flow{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.contact_top .flow .inner{
		width: 90px;
		height: 90px;
		border-radius: 90px;
		margin-right: 25px;
	}

	.contact_top .flow .inner .ico_arrow03{right: -22px;}
	
	/* 個人情報保護方針
	---------------------------------------------- */
	.privacy_top{margin: 50px 0 20px;}
	
	#privacy{line-height: 1.6;}
	
	.mCSB_inside > .mCSB_container{ margin-right: 20px; padding: 10px 0 10px 10px;}
	
	/* 送信完了画面
	---------------------------------------------- */
	.comp_inner{
		padding: 55px 0 50px;
		margin: 50px 0;
	}

	.comp_inner > p{
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	
	.completion .note{margin-bottom: 50px;}

	.completion .note p:nth-of-type(1){margin-bottom: 15px;}
	
	.completion .note p:nth-of-type(1) br:nth-of-type(2){display: none;}
	
	/* エラー画面
	---------------------------------------------- */
	.error_screen{text-align: center;}

	.error_inner{
		border-top: 1px solid #CBD6DE;
		border-bottom: 1px solid #CBD6DE;
		padding: 55px 0;
		margin: 0 0 50px;
	}
	
	
}/*--@media--*/


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

	.contact_top .flow .inner{
		width: 80px;
		height: 80px;
		border-radius: 80px;
	}
	
	
}/*--@media--*/