@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */
.pagettl {
	background-color: rgba(0,0,0,0.3);
	background-image: url("../images/contact.jpg");
	background-size: 100% auto;
	background-position: center -200px;
	background-blend-mode: darken;
}
.pagettl h2 {
	color: #FFF;
	font-size: 70px;
	font-weight: bold;
	line-height: 1.1em;
}
.pagettl h2 span {
	display: block;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.1em;
}

.form {
	margin-bottom: 35px;
}

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

	PC

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

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

	お問い合わせ

	------------------------------------------------------------ */
	
	/* グローバルナビ
	---------------------------------------------- */
	.nav_global ul li.g06 a{background-position: -701px -95px;}
	
	/* ページタイトル
	---------------------------------------------- */
	
	/* 見出し
	---------------------------------------------- */
	.ttl_contact01{
		text-align: center;
		margin-bottom: 60px;
	}
	
	.ttl_contact01 img{width: 159px;}

	/* コンテンツ
	---------------------------------------------- */	
	.comp{text-align: center;}
	
	.btn_contact{
		text-align: center;
		padding-top: 60px;
	}
	
	/*--common.css上書き--*/
	.btn_back{margin-top: 40px;}

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


	/* リード文
	---------------------------------------------- */
	.wrap_lead {
		max-width: 800px;
		margin: 50px auto;
		text-align: center;
	}

	.wrap_lead .lead p:not(:last-of-type) {margin-bottom: 15px;}

	.wrap_lead .lead p br.sp{display: none;}

	.wrap_lead .lead .txt::before{
		content:"■ ";
		font-size: 2.5rem;
	}

	.wrap_lead .tel {
		padding: 10px 0;
		margin: 20px 0;
		border-top: 1px dashed #333;
		border-bottom: 1px dashed #333;
	}

	.wrap_lead .tel .tel_inner {
		margin: 10px 0;
		line-height: 1.2;
	}

	.wrap_lead .tel .tel_inner .link_tel01 {
		font-size: 3.0rem;
		font-weight: 700;
	}


	/* 送信ボタン
	---------------------------------------------- */

	/* 同意する */
	.agreement {
		text-align: center;
		margin: 40px 0 30px 0;
	}

	.agreement .checkbox {
		margin-top: 10px;
		position: relative;
	}

	.agreement .checkbox .visually-hidden {
		position: absolute !important;
		top: 0px !important;
		left: 0px !important;
		width: 1px !important;
		height: 1px !important;
		opacity: 0 !important;
		overflow: hidden !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		visibility: visible !important;
	}

	.agreement .checkbox input[type="checkbox"]+label {
		display: inline-block;
		background: url("../images/img_checkbox01.svg") no-repeat 0 2px;
		background-size: 20px;
		padding: 4px 0 0 30px;
		line-height: 1.2;
		cursor: pointer;
	}

	.agreement .checkbox input[type="checkbox"]:checked+label {
		background: url("../images/img_checkbox01_on.svg") no-repeat 0 2px;
		background-size: 20px;
	}

	/* 送信ボタン */
	.submit .mfs_confirmation_button {
		background: url("../images/btn_send01_on.gif") no-repeat 0 0;
		background-size: 192px;
		text-indent: -9999px;
		border: none;
		display: inline-block;
		width: 192px;
		height: 48px;
		cursor: pointer;
		padding: 0;
		outline: none;
		opacity: 1;
		pointer-events: auto;
	}

	.submit.active .mfs_confirmation_button {
		opacity: 1;
		pointer-events: auto;
	}



}/*--@media--*/


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

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

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

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

	お問い合わせ

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{
		background-image: url("../contact/img/bg_pagettl01.jpg");
		background-size: 200%;
	}
	
	.pagettl_inner{background-image: url("../contact/img/ttl_pagettl02.png");}

	/* 見出し
	---------------------------------------------- */
	.ttl_contact01{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.ttl_contact01 img{width: 34%;}

	/* コンテンツ
	---------------------------------------------- */
	.comp{text-align: center;}
	
	.btn_contact{
		text-align: center;
		padding-top: 40px;
	}

	/*--common.css上書き--*/
	.btn_back{margin-top: 30px;}

	/*--リキャプチャ--*/
	.grecaptcha-badge{z-index: 2;}
	


	/* リード文
	---------------------------------------------- */
	.wrap_lead {text-align: center;}

	.wrap_lead .lead p:not(:last-of-type) {margin-bottom: 15px;}

	.wrap_lead .lead .txt::before{
		content:"■ ";
		font-size: 2.5rem;
	}
	
	.wrap_lead .tel {
	padding: 10px 0;
	margin: 30px 0;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	}

	.wrap_lead .tel .tel_inner {
		margin: 10px 0;
		line-height: 1.2;
	}

	.wrap_lead .tel .tel_inner .link_tel01 {
		font-size: 2.4rem;
		font-weight: 700;
	}


	/* 送信ボタン
	---------------------------------------------- */

	/* 同意する */
	.agreement {
		text-align: center;
		margin: 30px 0 20px 0;
	}

	.agreement .checkbox {
		margin-top: 10px;
		position: relative;
	}

	.agreement > P span {display: inline-block;}

	.agreement .checkbox .visually-hidden {
		position: absolute !important;
		top: 0px !important;
		left: 0px !important;
		width: 1px !important;
		height: 1px !important;
		opacity: 0 !important;
		overflow: hidden !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		visibility: visible !important;
	}

	.agreement .checkbox input[type="checkbox"]+label {
		display: inline-block;
		background: url("../images/img_checkbox01.svg") no-repeat 0 0;
		background-size: 18px;
		padding: 4px 0 0 25px;
		line-height: 1.2;
		cursor: pointer;
	}

	.agreement .checkbox input[type="checkbox"]:checked+label {
		background: url("../images/img_checkbox01_on.svg") no-repeat 0 0;
		background-size: 18px;
	}

	/* 送信ボタン */
	.submit .mfs_confirmation_button {
		background: url("../images/btn_send01_on.gif") no-repeat 0 0;
		background-size: 160px;
		text-indent: -9999px;
		border: none;
		display: inline-block;
		width: 160px;
		height: 40px;
		cursor: pointer;
		padding: 0;
		outline: none;
		opacity: 1;
		pointer-events: auto;
	}

	.submit.active .mfs_confirmation_button {
		opacity: 1;
		pointer-events: auto;
	}

	
}/*--@media--*/