@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	common

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px; line-height:1.8; color:#333; }

body { margin:0 auto; word-wrap:normal; min-width:1200px; }
a,
a:visited { color:#333; text-decoration:none; }
a:hover { color:#ee6333; text-decoration:none; }

section { overflow:hidden; }
article { overflow:hidden; }

.clear { clear:both; }
.spBr { display:none; }
.spNoBr { display:block; }
.caution { text-indent:-1em; padding-left:1em; line-height:1.5; }

.contents_area { width:1000px; margin:0 auto; }
.contents_area_inner { margin:0 30px;  }

a[href^="tel:"] { cursor:default; }

.err { color:#f00; }


/*--------------------------------------------------
	title
--------------------------------------------------*/
#pageTitleBlock { height:150px; background:url(../../contact/img/title_bg.png) no-repeat center #f6f6f6; }
#pageTitleBlock h2 { text-align:center; font-size:40px; padding-top:40px; margin-left:50px; color:#ee6333; }


/*--------------------------------------------------
	lead
--------------------------------------------------*/
#f_leadBlock { margin:40px auto 60px; }
#f_leadBlock .contents_area_inner { position:relative; overflow:hidden; }
#f_leadBlock p { width:600px; margin-bottom:40px; font-size:16px; }

#f_addBlock { width:300px; float:left; margin-right:30px; }
#f_addBlock dt { }
#f_addBlock dd { font-size:12px; margin:10px 0; }
#f_telBlock { width:270px; float:left; }
#f_telBlock dt { border-bottom:1px dotted #ccc; margin-bottom:10px; 
	/* サイトカラー */ color:#1e436d; }
#f_telBlock dd a { position:relative; display:block; font-size:28px; line-height:1; padding-left:40px; 
	/* サイトカラー */ color:#1e436d; }
#f_telBlock dd a::before { position:absolute; content:''; width:30px; height:30px; top:0; left:0; border-radius:3px; 
	/* サイトカラー */ background:#1e436d; }
#f_telBlock dd a::after { position:absolute; content:''; width:22px; height:22px; background:url(../../contact/img/icon_tel.png) no-repeat; top:4px; left:4px; }
#f_materialImg { position:absolute; top:0; right:0;  display:inline-block; border:1px solid #ccc; }
#f_materialImg img { border:3px solid #fff; }

#outlineBlock { width:600px; border-bottom:1px dotted #ccc; margin-bottom:40px; }
#outlineBlock tr { border-top:1px dotted #ccc; }
#outlineBlock th { text-align:center; vertical-align:top; width:80px; padding:10px; background:#ececec; }
#outlineBlock td { padding:10px; }
#outlineBlock li { display:block; position:relative; padding-left:15px; }
#outlineBlock li::before { position:absolute; content:''; width:10px; height:10px; top:7px; left:0; border-radius:100%; background:#ccc; }




/*--------------------------------------------------
	form
--------------------------------------------------*/
#f_formBlock { }
#f_formBlock h3 { font-size:24px; text-align:center; color:#fff; padding:20px; margin-bottom:30px;    
	/* サイトカラー */ background:#1e436d; }
	
/*----- STEP -----*/
#f_steplist { text-align:center; letter-spacing:-0.4em; margin:40px 0; }
#f_steplist li { display:inline-block; letter-spacing:normal; width:200px; padding:5px 0;  background:#c4c4c4; color:#fff; position:relative; }
#f_steplist li:nth-child(1),
#f_steplist li:nth-child(2) { margin-right:20px; }
#f_steplist li:nth-child(1):after,
#f_steplist li:nth-child(2):after { position:absolute; content:''; width:0; height:0; border:solid 30px transparent; border-left:solid 15px #c4c4c4; top:0; left:200px; }
#f_steplist li span { display:block; }
#f_steplist li.active { background:#b60808; }
#f_steplist li.active:after { border-left:solid 15px #b60808; }

/*----- 表 -----*/
.form { width:100%; border-top:1px dotted #ccc; margin-bottom:40px; }
input,
textarea,
select { border:1px solid #ccc; border-radius:5px; padding:5px; font-size:16px; background:#fff; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

.f_required { color:#3287c9; }
.txt1 { color:#999; margin-left:10px; }
.box1 { width:400px; }
.box2 { width:150px; }
.box3 { width:100px; }
.box4 { width:680px; }
.mb10 { margin-bottom:10px; }
.form tr { border-bottom:1px dotted #ccc; }
.form th { width:160px; padding:20px; background:#ecf7ff; vertical-align:top; }
.form td { padding:20px; vertical-align:middle; }
.form td span { vertical-align:middle; }
.form td label { margin-right:20px; }
.form td ul li { padding:5px 0; display:inline-block; }

/*----- ！ -----*/
#f_caution { font-size:16px; margin-bottom:40px; position:relative; padding-left:80px; }
#f_caution::before { position:absolute; content:''; width:50px; height:50px; left:0; border-radius:100%; border:1px solid #666; }
#f_caution::after { position:absolute; content:''; width:9px; height:32px; top:10px; left:22px; background:url(../../contact/img/icon_caution.png) no-repeat; }

/*----- プライバシーポリシー -----*/
#f_privacyBlock { border:1px solid #ccc; border-radius:5px; padding:30px 50px; margin-bottom:20px; }
#f_privacyBlock h4 { text-align:center; margin-bottom:30px; }
#f_privacyBlock .inner { font-size:12px; height:280px; overflow-y:scroll; padding-left:10px; padding-right:10px; list-style:none; }
#f_privacyBlock .inner .txt { margin:0 0 1em 0; }
#f_privacyBlock .inner p { margin:0; line-height:1.6; }
#f_privacyBlock .inner p.ri { margin:0 0 1.5em 0; text-align:right;}
#f_privacyBlock .inner p.ind { margin:0; text-indent:-1em; padding-left:1em; }
#f_privacyBlock .inner p.ind02 { text-indent:-1em; padding-left:1em; margin-left:1em;}
#f_privacyBlock .inner p.mb05 { margin-bottom:.5em; }
#f_privacyBlock .inner .box { border:1px solid #ccc; background:#F5F5F5; margin:1em; padding:10px; width:60%;}
#f_privacyBlock .inner .box .note { margin:1em; width:auto; border:1px solid #ccc; background:#fff;  padding:10px; line-height:1.6;}

/*----- 同意 -----*/
#f_agreeBlock { font-size:18px; text-align:center; color:#b60808; background:#ffe7e7; border-radius:5px; padding:30px; }

/*----- ボタン -----*/
#f_butBlock { text-align:center; letter-spacing:-0.4em; margin:80px auto; }
#f_butBlock li { display:inline-block; letter-spacing:normal; margin:0 20px; position:relative; }
#f_butBlock li input { width:360px; font-size:24px; color:#fff; padding:20px; cursor:pointer; border:none; }
#f_butBlock li::before { position:absolute; content:''; width:16px; height:16px; border-radius:3px; background:#fff; right:15px; top:50%; margin-top:-8px; }
#f_butBlock li::after { position:absolute; content:''; width:0; height:0; right:15px; top:50%; margin-top:-4px; border:solid 4px transparent; }
#f_butBlock li.f_back::after { border-left:solid 6px #a1a1a1; }
#f_butBlock li.f_next::after { border-left:solid 6px #b60808; }
#f_butBlock .f_back input { 
	background: #c4c4c4;
	background: -moz-linear-gradient(top,  #c4c4c4 0%, #a1a1a1 100%);
	background: -webkit-linear-gradient(top,  #c4c4c4 0%,#a1a1a1 100%);
	background: linear-gradient(to bottom,  #c4c4c4 0%,#a1a1a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#a1a1a1',GradientType=0 );
}
#f_butBlock .f_next input {
	background: #b60808;
	background: -moz-linear-gradient(top,  #b60808 0%, #8e0000 100%);
	background: -webkit-linear-gradient(top,  #b60808 0%,#8e0000 100%);
	background: linear-gradient(to bottom,  #b60808 0%,#8e0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60808', endColorstr='#8e0000',GradientType=0 );
}
#f_butBlock .f_back input:hover { 
	background: #a1a1a1;
	background: -moz-linear-gradient(top,  #a1a1a1 0%, #c4c4c4 100%);
	background: -webkit-linear-gradient(top,  #a1a1a1 0%,#c4c4c4 100%);
	background: linear-gradient(to bottom,  #a1a1a1 0%,#c4c4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#c4c4c4',GradientType=0 );
	box-shadow:2px 2px 3px #999;
}
#f_butBlock .f_next input:hover {
	background: #8e0000;
	background: -moz-linear-gradient(top,  #8e0000 0%, #b60808 100%);
	background: -webkit-linear-gradient(top,  #8e0000 0%,#b60808 100%);
	background: linear-gradient(to bottom,  #8e0000 0%,#b60808 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0000', endColorstr='#b60808',GradientType=0 );
	box-shadow:2px 2px 3px #999;
}



/*--------------------------------------------------
	footer
--------------------------------------------------*/
footer { color:#fff;  line-height:1; 
	/* サイトカラー */ background:#1e436d; }
footer dl { padding:40px 0 30px; border-bottom:1px solid #4b698a; overflow:hidden; }
footer dt { font-size:24px; float:left; margin-right:20px; }
footer dd#add { float:left; margin-top:10px; }
footer dd#tel a,
footer dd#tel a:visited { float:right; font-size:30px; color:#fff; position:relative; padding-left:40px; }
footer dd#tel a::before { position:absolute; content:''; width:30px; height:30px; border-radius:3px; background:#fff; top:0; left:0; }
footer dd#tel a::after { position:absolute; content:''; width:30px; height:30px; background:url(../../contact/img/icon_tel_b.png) no-repeat; top:4px; left:4px; }
#f_copyright { font-size:10px; color:#a9b2bf; text-align:center; clear:both; padding:30px; }



/*--------------------------------------------------
	pageTop
--------------------------------------------------*/
#pageTop { position:relative; }
#pageTop p { position:fixed; bottom:50px; right:3%; z-index:100000; }
#pageTop p a { position:relative; width:46px; height:46px; display:block; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px; background-color:rgba(85,85,85,0.5); cursor:pointer; }
#pageTop p a:after { content:''; width:10px; height:10px; border:0px; border-left:solid 1px #fff; border-bottom:solid 1px #fff;
    -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); position:absolute; top:50%; right:50%; margin:-3px -5px 0 0; }



/*--------------------------------------------------
	送信完了
--------------------------------------------------*/
#f_thanksBlock { text-align:center; }
#f_thanksBlock h4 { font-size:24px; margin-bottom:10px; }
.f_thanks { margin-top:30px; }




/*============================================================*/

/* @media */

/*============================================================*/

/*--------------------------------------------------------------
	SP　表示領域が767px以下
--------------------------------------------------------------*/
@media (max-width:767px) {

			
			/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

				common

			//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			html { font-size:14px; line-height:1.6; }
			
			body { min-width:100%; -webkit-text-size-adjust:100%; }
			a,
			a:visited { }
			a:hover { }

			section { overflow:hidden; }
			article { overflow:hidden; }

			.clear { clear:both; }
			.spBr { display:block; }
			.spNoBr { display:none; }
			
			body.openNav { position:fixed; }
			.contents_area { width:auto; }
			.contents_area_inner { margin:0 10px; }
			
			a[href^="tel:"] { cursor:auto; }



			/*--------------------------------------------------
				title
			--------------------------------------------------*/
			#pageTitleBlock {  margin-top:68px; height:80px; background:url(../../contact/img/title_bg.png) no-repeat center #f6f6f6; background-size:cover; transform: translateY(-10px); clear: both;}
			#pageTitleBlock h2 { font-size:20px; padding-top:25px; margin-left:0; }


			/*--------------------------------------------------
				lead
			--------------------------------------------------*/
			#f_leadBlock { margin:20px auto 30px; }
			#f_leadBlock .contents_area_inner { position:static; }
			#f_leadBlock p { font-size:14px; width:auto; margin-bottom:20px; }
			#f_addBlock { width:calc( 100% - 160px ); margin:0; }
			#f_addBlock dt { }
			#f_addBlock dt img { width:128px; }
			#f_addBlock dd { font-size:10px; margin:5px 0; }
			#f_telBlock { width:calc( 100% - 160px ); }
			#f_telBlock dt { font-size:10px; margin-bottom:10px; }
			#f_telBlock dd a { font-size:16px; padding-left:20px; }
			#f_telBlock dd a::before { width:14px; height:14px; }
			#f_telBlock dd a::after { position:absolute; content:''; width:11px; height:11px; 
				background:url(../../contact/img/icon_tel.png) no-repeat; background-size:11px; top:2px; left:2px; }
			#f_materialImg { position:static; float:right;  }
			#f_materialImg img { width:140px; }
			
			
			#outlineBlock { width:100%; margin-bottom:20px; }
			#outlineBlock tr { }
			#outlineBlock th { width:50px; }
			#outlineBlock td { }
			#outlineBlock li { width:auto; display:block; }
			#outlineBlock li::before { }


			/*--------------------------------------------------
				form
			--------------------------------------------------*/
			#f_formBlock { }
			#f_formBlock h3 { font-size:15px; padding:10px; margin-bottom:15px; }
	
			/*----- STEP -----*/
			#f_steplist { font-size:10px; margin:20px 0; }
			#f_steplist li { width:30%; height:50px;  padding:5px 0; vertical-align:top; }
			#f_steplist li:nth-child(1),
			#f_steplist li:nth-child(2) { margin-right:10px; }
			#f_steplist li:nth-child(1):after,
			#f_steplist li:nth-child(2):after { border:solid 10px transparent; border-left:solid 6px #c4c4c4; top:50%; left:100%; margin-top:-10px; }
			#f_steplist li:nth-child(1) span { margin-bottom:-15px; }
			#f_steplist li:nth-child(2) span,
			#f_steplist li:nth-child(3) span { margin-bottom:-10px; }
			#f_steplist li.active { }
			#f_steplist li.active:after { border-left:solid 6px #b60808; }

			/*----- 表 -----*/
			.form { width:100%; margin-bottom:20px; }
			input,
			textarea,
			select { }
			input[type="number"]::-webkit-outer-spin-button,
			input[type="number"]::-webkit-inner-spin-button { }
			input[type="number"] { }
			
			.f_required { }
			.txt1 { color:#999; margin-left:10px; font-size:12px; }
			.box1 { width:100%; box-sizing:border-box; }
			.box2 { width:150px; }
			.box3 { width:100px; }
			.box4 { width:100%; box-sizing:border-box; }
			.mb10 { margin-bottom:10px; }
			.form tr { }
			.form th { display:block; width:auto; padding:10px; }
			.form td { display:block; padding:20px 10px; }
			.form td span { display:block; font-size:12px; margin-top:10px; }
			.form td label { }
			.form td ul li { }

			/*----- ！ -----*/
			#f_caution { font-size:14px; margin-bottom:20px; position:relative; padding:0 10px 0 45px; }
			#f_caution::before { width:30px; height:30px; }
			#f_caution::after { width:4px; height:16px; top:8px; left:15px; background:url(../../contact/img/icon_caution.png) no-repeat; background-size:4px 16px;  }

			/*----- プライバシーポリシー -----*/
			#f_privacyBlock { padding:15px 20px; margin-bottom:20px; }
			#f_privacyBlock h4 { margin-bottom:15px; }
			#f_privacyBlock > ul { }
			#f_privacyBlock > ul > li { margin-bottom:20px; }

			/*----- 同意 -----*/
			#f_agreeBlock { font-size:12px; padding:15px; }

			/*----- ボタン -----*/
			#f_butBlock { margin:40px auto;  }
			#f_butBlock li { display:block; width:200px; margin:20px auto; }
			#f_butBlock li input { width:100%; font-size:15px; padding:10px; }
			#f_butBlock li::before { width:12px; height:12px; right:10px; top:50%; margin-top:-6px; }
			#f_butBlock li::after { width:0; height:0; right:10px; margin-top:-3px; border:solid 3px transparent; }
			#f_butBlock li.f_back::after { border-left:solid 4px #a1a1a1; }
			#f_butBlock li.f_next::after { border-left:solid 4px #b60808; }
			#f_butBlock .f_back input { }
			#f_butBlock .f_next input { }
			#f_butBlock .f_back input:hover { }
			#f_butBlock .f_next input:hover { }


			/*--------------------------------------------------
				footer
			--------------------------------------------------*/
			footer { text-align:center; }
			footer dl { padding:20px 0 15px; }
			footer dt { font-size:15px; float:none; margin:0 0 15px 0; }
			footer dd#add { font-size:10px;  float:none; margin:0 0 10px 0; }
			footer dd#tel a,
			footer dd#tel a:visited { float:none; font-size:16px; padding-left:20px; }
			footer dd#tel a::before { width:15px; height:15px; }
			footer dd#tel a::after { width:11px; height:11px; background:url(../../contact/img/icon_tel_b.png) no-repeat; background-size:11px; top:2px; left:2px; }
			#f_copyright { padding:20px; }
			
			

			/*--------------------------------------------------
				pageTop
			--------------------------------------------------*/
			#pageTop p { bottom:10px; }
			


			/*--------------------------------------------------
				送信完了
			--------------------------------------------------*/
			#f_thanksBlock { }
			#f_thanksBlock h4 { font-size:18px; margin-bottom:20px; }
			.f_thanks { margin-top:0; }


}