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

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

	PC

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

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

	お問い合わせ

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

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g08 span::after{width: 100%;}

	/* フッターお問い合わせ非表示
	---------------------------------------------- */
	.wrap_f_contact{display: none;}

	#footer{border-top: 1px solid #1B3C89;}

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../contact/img/pc/bg_pagettl01.jpg");}

	/* コンテンツ
	---------------------------------------------- */
	.requests{
		background: #ECF3FC;
		display: flex;
		margin-bottom: 80px;
		font-weight: 700;
	}

	.requests h3{
		background: #193985;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 2.4rem;
		font-weight: 700;
		width: 236px;
		min-height: 130px;
		color: #FFF;
	}

	.requests_inner{
		width: calc(100% - 236px);
		display: flex;
		justify-content: center;
		align-items: center;
		color: #193985;
		font-size: 1.6rem;
	}

	.requests_inner a{
		color: #193985;
		text-decoration: underline;
		transition: opacity .3s;
	}

	.requests_inner a:hover{opacity: 0.7;}

	.contact_info{
		display: flex;
		justify-content: center;
		margin-bottom: 100px;
	}

	.contact_info .inner{
		width: 50%;
		text-align: center;
	}

	.contact_info .inner:nth-of-type(1){border-right: 1px solid #DDDDDD;}

	.contact_info .inner h3{
		color: #1A3B88;
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 35px;
	}

	.contact_info .inner .txt{
		font-size: 1.4rem;
		margin-bottom: 40px;
	}

	.contact_info .inner h4{
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 15px;
	}

	.wrap_flow{
		margin-bottom: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.wrap_flow::after{
		content: "";
		background: #DDDDDD;
		width: 150px;
		height: 1px;
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.flow{
		width: 70px;
		text-align: center;
		box-sizing: content-box;
		padding-right: 100px;
	}

	.flow:last-of-type{padding-right: 0;}

	.flow p{
		position: relative;
		padding-top: 50px;
	}

	.flow p::before,
	.flow p::after{
		content: "";
		position: absolute;
		left: 50%;
	}

	.flow p::before{
		display: block;
		background: #E8E8E8;
		border-radius: 40px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		top: 0;
	}

	.flow p::after{
		display: block;
		background: #A4A4A4;
		border-radius: 16px;
		width: 16px;
		height: 16px;
		margin-left: -8px;
		top: 12px;
		z-index: 1;
	}

	.flow.active p::after{background: #1B3C89;}

	.ttl_contact01{
		text-align:center;
		color: #1A3B88;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		margin: 50px 0 40px;
	}

	.txt_contact{
		text-align: center;
		margin-bottom: 50px;
		line-height: 2;
	}

	/*--個人情報保護方針--*/
	.privacy_top{
		display: flex;
		margin-bottom: 10px;
	}

	.privacy_top p{
		color: #868686;
		font-size: 1.5rem;
		margin-left: 15px;
	}

	#privacy{
		border: 1px solid #E5E5E5;
		font-size: 1.4rem;
		height: 200px;
		overflow: hidden;
	}

	#privacy h4{font-weight: 700;}

	#privacy p{margin-bottom: 20px;}

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

	/*--完了画面--*/
	.completion{
		text-align: center;
		margin: 70px 0 0;
		line-height: 2.2;
	}

	.completion p:nth-of-type(3){margin: 30px 0 50px;}

	/*--エラー画面--*/
	.error_screen{
		text-align: center;
		min-height: 200px;
		margin-top: 60px;
	}

	.error_screen .btn_type03{margin-top: 50px;}

	/*--リキャプチャ--*/
	.grecaptcha-badge{
		bottom: 145px !important;
	}


}/*--@media--*/


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

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

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

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

	お問い合わせ

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

	/* フッターお問い合わせ非表示
	---------------------------------------------- */
	.wrap_f_contact{display: none;}

	#footer{border-top: 1px solid #1B3C89;}

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../contact/img/sp/bg_pagettl01.jpg");}

	/* コンテンツ
	---------------------------------------------- */
	.requests{
		background: #ECF3FC;
		display: flex;
		margin-bottom: 40px;
		font-weight: 700;
	}

	.requests h3{
		background: #193985;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		font-weight: 700;
		width: 94px;
		min-height: 102px;
		color: #FFF;
	}

	.requests_inner{
		width: calc(100% - 94px);
		display: flex;
		justify-content: center;
		align-items: center;
		color: #193985;
		font-size: 1.5rem;
		padding: 0 25px;
	}

	.requests_inner a{
		color: #193985;
		text-decoration: underline;
	}

	.contact_info{margin-bottom: 45px;}

	.contact_info .inner{text-align: center;}

	.contact_info .inner:nth-of-type(1){
		padding-bottom: 35px;
		margin-bottom: 40px;
		border-bottom: 1px solid #DDDDDD;
	}

	.contact_info .inner h3{
		color: #1A3B88;
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		margin-bottom: 20px;
	}

	.contact_info .inner .txt{
		font-size: 1.3rem;
		margin-bottom: 20px;
	}

	.contact_info .inner h4{
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 8px;
	}

	.wrap_flow{
		margin-bottom: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.wrap_flow::after{
		content: "";
		background: #DDDDDD;
		width: 175px;
		height: 1px;
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.flow{
		width: 60px;
		text-align: center;
		box-sizing: content-box;
		padding-right: 45px;
	}

	.flow:last-of-type{padding-right: 0;}

	.flow p{
		position: relative;
		padding-top: 45px;
	}

	.flow p::before,
	.flow p::after{
		content: "";
		position: absolute;
		left: 50%;
	}

	.flow p::before{
		display: block;
		background: #E8E8E8;
		border-radius: 40px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		top: 0;
	}

	.flow p::after{
		display: block;
		background: #A4A4A4;
		border-radius: 16px;
		width: 16px;
		height: 16px;
		margin-left: -8px;
		top: 12px;
		z-index: 1;
	}

	.flow.active p::after{background: #1B3C89;}

	.ttl_contact01{
		text-align:center;
		color: #1A3B88;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
		margin: 35px 0 20px;
	}

	.txt_contact{
		text-align: center;
		margin-bottom: 25px;
		line-height: 2;
	}

	.txt_contact br{display: none;}

	/*--個人情報保護方針--*/
	.privacy_top{margin-bottom: 10px;}

	.privacy_top h3{
		letter-spacing: 0.1em;
		margin-bottom: 5px;
	}

	.privacy_top p{
		color: #868686;
		font-size: 1.2rem;
	}

	#privacy{
		border: 1px solid #E5E5E5;
		font-size: 1.2rem;
		height: 172.5px;
		line-height: 1.8;
		overflow: hidden;
	}

	#privacy h4{font-weight: 700;}

	#privacy p{margin-bottom: 20px;}

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

	.mCSB_inside > .mCSB_container{
		margin-right: 20px !important;
		padding: 10px 0 10px 10px !important;
	}

	/*--完了画面--*/
	.completion{
		text-align: center;
		margin: 50px 0 0;
		line-height: 2;
	}

	.completion p:nth-of-type(3){margin: 15px 0 30px;}

	.completion p:nth-of-type(3) br{display: none;}

	/*--エラー画面--*/
	.error_screen{
		text-align: center;
		min-height: 200px;
		margin-top: 40px;
	}

	.error_screen .btn_type03{margin-top: 30px;}

	/*--リキャプチャ--*/
	.grecaptcha-badge{
		bottom: 125px !important;
	}


}/*--@media--*/