@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	基本
----------------------------------------------------*/
body {
	font-size: 13px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

img {
	max-width: 100%;
	/* [disabled]display: block; */
	margin: 0 auto;
	vertical-align: bottom;
}


/* ----------------------------------------------------
   common
* ----------------------------------------------------*/

/* リンク*/
a {
	color: #0000FF;
	text-decoration: none;
	outline: none;
}
/* CLEAR FIX*/
.clearfix:before,.clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1; }
/* TEXT DECORATION & LAYOUT*/
.red { color: #C00; }.blue { color: #00C; }.bold { font-weight: bold; }
/* TEXT ALIGN*/
.alignleft { text-align: left; }.aligncenter { text-align: center; }.alignright { text-align: right; }.alignjust { text-align: justify; }
/* FLOAT*/
.left { float: left; }.right { float: right; }.clear { clear: both; }
/* POSITION*/
.relative{ position: relative; }.absolute{ position: absolute; z-index: 1;}
/* BOX MODEL*/
.block { display: block; }
.sp_disp { display: none; }
.pc_disp { display: inline-block; }
.none-text{
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

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

	#contents{
		position: relative;
		margin-top: 5px;
		border-top:5px #c80026 solid;
		width: 100%;
		height:auto;
		z-index: 100;
		background: url(../img/contentsBack_ground.gif) 0 0 repeat;
	}
	
	.contents_navi{
		width: 900px;
		height:auto;
		margin: 0px auto;
		padding: 40px 0 40px 0;
		border: bottom 1px solid #CCCCCC;
	}
	
	.contents_navi .left_con{
		width: 338px;
		height:auto;
		float: left;
	}

	.contents_navi .right_con{
		width: 530px;
		height:auto;
		float: right;
	}	

	.contents_navi_bar{
		border-radius: 20px;   
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
		background: #c80026;
		padding: 10px;
		font-size: 1.6em;
		text-align:center;
		color:#ffffff;
		font-weight: bold;
	}

.contents_navi_name{
		padding:20px 0 10px 0;
		font-size: 3em;
		font-weight: bold;
		text-align:center;
	}
	
.contents_navi_btn a{
	border: solid 5px #c80026;
	padding: 10px;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	color:#000000;
	box-sizing: border-box;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	}
	
.contents_navi_btn a:hover{
	background-color: #c80026;
	color: #ffffff;		
	}


.header_tel_box{
	display: none;
}

#form_write{
	z-index: 200;
}

#form_step_img{
	width: 496px;
	height: auto;
	margin: 10px auto 30px auto;
}

#form_step_img img{
	width: 100%;	
}


	.formExplanation_txt{
		padding: 50px 0 10px 0;
		margin: 0 auto;
		text-align:center;
		font-size: 1.4em;
		line-height: 2em;
	}
	
	.formEx_required{
		background: #b63f31;
   	color: #fff;
    padding: 2px 5px;
    font-size: 14px;
		border-radius: 5px;
		margin-right: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
		white-space: nowrap;
	}

	.formEx_mansion{
	border: 5px solid #7a0000; 
	box-sizing: border-box;
	width: 850px;
	height: auto;
	margin: 0 auto;
	}
	
	.formEx_mansion dt,.formEx_mansion dd{
		font-size: 2.2em;
		padding: 20px;
	}
	
	.formEx_mansion dt{
		background: #7a0000;
		float: left;
		color: #ffffff;
	}
	
	.formEx_mansion dd{
		float: left;
	}
	
	/*テーブル*/
	.formEx_table{
		width: 850px;
		margin: 0 auto;
	}
	
	.formEx_table table{
		width: 900px;
	}
	
	/*フォーム箇所*/	
	.formEx_table{
		z-index: 1000;
	}
	
	table.form_table {
	/*border-top: 1px dotted #d1c6b5;*/
		margin-top: 20px;
	}
	
.formEx_table caption{
		font-size: 2em;
		padding:5px 0 5px 10px;
		font-weight: bold;
		margin-bottom: 15px;
	border-bottom: dotted 1px #cccccc;
	border-left: solid 3px #7a0000;
	}
	


	.formEx_table th{
		font-weight: bold;
	}

	.formEx_table .rec{
		width: 40px;
	}
	
	.formEx_table th,.formEx_table td{
		border-top: 1px dotted #d1c6b5;
	}
	
	.formEx_table th{
		padding: 15px 0 15px 10px;
		background: #ffecec;
	}
	
	.formEx_table td{
		padding: 15px 0 15px 10px;
	}

	.formEx_table input, .formEx_table textarea, .formEx_table select {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #CCC;
    vertical-align: middle;
}
	
	.formEx_table input[type=text],.formEx_table select ,.formEx_table textarea{
    margin: 5px;
	}
	
	.formEx_table textarea{
		width: 80%;
		max-width: 400px;
	}
	
	#inquiry_iframe_box{
		height: 200px;
    padding: 0.5em;
    overflow-y: scroll;
    border: 3px solid #ccc;
    margin: 30px 0 35px 0;
	}
	
	
	#inquiry_box02 ul{
		width: 650px;
		margin: 0 auto;
	}
	
	#inquiry_box02 li{
		width: 250px;
	}
	
#inquiry_box02 .check_back_btn{
	float: left;
	}
	
#inquiry_box02 .apply_btn_conf{
	float: right;
	}
	

	.contact_radio{
		font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: rgba(204,0,3,1.00);
    display: inline;
	}

	.radio_check{
		text-align: center;
    margin: 0 0 10px;
	}
	
	#inquiry_box02{
		display: block;
		margin:20px 0 20px 0; 
	}
	
	.inquiry_btn_conf{
		background: #7a0000;
    display: block;
    float: none;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    width: 250px;
    height: 60px;
    cursor: pointer;
    border: none;
		margin: 0 auto;
}

.form_input_error{
	width: 90%;
	padding: 10px;
	margin: 10px auto 20px auto;
	border: solid 2px #ff0000;
	background: url(../img/error_bg.gif) no-repeat top right;
	color:#FF0004;
}

.form_input_error h4{
	font-size: 1.4em;
	font-weight: bold;
}
	
.footer_navi{
		width: 100%;
		background: url(../img/contentsBack_ground.gif) 0 0 repeat;
		height: auto;
		padding: 50px 0 50px 0;
	}
	
	.footer_navi_img{
		height: auto;
		margin: 0 auto;
	}

footer{
	padding: 40px;
	text-align: center;
	background: #7a0000;
	color:#ffffff;
}

.homeAddressEn{
    max-width: 400px;
    width: 100%;
}


/*************************PC用*************************/

@media only screen and (min-width: 1101px) {
	.topCover_bar{
		display: none;
	}
	
		.form_midashi_img2 .tel_number a{
		color: #FFFFFF;
		text-decoration: none;
	}


	
}

/*************************PC用WIDE*************************/
@media only screen and (max-width: 1100px) {
	
.header_tel_box{
	display: block;
	position: absolute;
	top: 20px;
	right:20px;
	z-index: 1000;
	text-shadow: 0px 0px 3px #000;
	color:#ffffff;
}
	
	.header_tel_box dt{
		font-size: 1.5em;
	}
	
	.header_tel_box dd .tel_number{
		font-size: 2.3em;
	}
	
	.form_midashi_img2 .tel_number a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.form_midashi_img1{
		z-index: 110;
		background: url(../img/form_midashi_img_2.png) 0 0 repeat;
	}
	
	.form_midashi_img2 dl{
	display: none;
	}
	
	.topCover_txt{
		line-height: 30px;
	}
	
	.topCover_bar{
		display: block;
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: 0.3em;
	}
	
	.form_midashi_img1 img{
		display: none;
	}

	
}




/*************************PC用*************************/

@media only screen and (min-width: 769px) {
.cont_p { display:block !important; }
.cont_rp { display:block !important; }
.cont_rs { display:none !important; }
	
	.tb_br{ display: none; }
	.sp_br{ display: none; }
	
	.header_box{
		position: relative;
	}

	.cover_img-02{
		position: absolute;
		top: 0;
		z-index: 0;
    right: 813px;
    width: 1200px;
    height: 695px;
    /*background: url(../img/top_front_pic1.jpg) 0 0 no-repeat;*/
	}
	
	.cover_img-03{
		position: absolute;
    width: 844px;
    height: 695px;
		top:0;
		right:0;
		bottom:0;
		background: url(../img/top_back_pic1.jpg) 0 0 no-repeat;
	}
	
	.top_inner{
		margin: 0 auto;
    width: 1000px;
	}
	
		.top_inner_box{
    width: 1000px;
    height: 690px;
		margin:auto 0;
	}
	
	.topCover_eyecatch_txts{
		position: relative;
    width: 884px;
    height: 690px;
	}

	.topCover_eyecatch_txts::before{
		content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 71px;
    right: 0;
    bottom: 0;
    left: 25px;
    margin: auto;
    width: 626px;
    height: 626px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
		overflow: hidden;
	}
	
	.topCover_log{
		position: absolute;
    z-index: 3;
    top: -392px;
    right: 0;
    bottom: 0;
    left: 2px;
    margin: auto;
    width: 271px;
    height: 56px;
	}
	
	.topCover_tit{
		position: absolute;
    z-index: 3;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0;
    width: 246px;
    height: 174px;
	}

	.topCover_txt{
		position: absolute;
    z-index: 4;
    top: 444px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0;
    width: 390px;
    height: auto;
		font-size: 16px;
		text-align: center;
		line-height: 37px;
	}
	
	
	
	.form_midashi_img1{
		position: absolute;
		z-index: 1;
    right: 694px;
    bottom: -5px;
    width: 357px;
    height: 313px;
	}
	
	.form_scroll_img{
		position: absolute;
		z-index: 300;
    top: 594px;
		bottom: 0;
    left: 405px;
    right: 0;
		width: 60px;
		height:60px;
	}
	

	
	.form_midashi_img2{
		position: absolute;
		z-index: 3;
		bottom: -9px;
    left: 579px;
    right: 0;
		width: 636px;
		height:318px;
		background: url(../img/form_tel_img.png) 0 0 no-repeat;
	}
	
	.form_midashi_img2 dl{
		position:absolute;
		top:150px;
		left:230px;
		color:#FFFFFF;
		text-align:right;
	}

	.form_midashi_img2 dl .tel_txt{
		font-size: 1.5em;
	}

	.form_midashi_img2 dl .tel_number{
		font-size: 2.3em;
	}

	.form_table .input03{
		width:150px;
	}
	
}




/*************************タブレット用*************************/
@media screen and (min-width:480px) and ( max-width: 768px) {
.cont_p { display:none !important; }
.cont_rp { display:block !important; }
.cont_rs { display:none !important; }
}
/*************************タブレット用*************************/




/************************タブレット・スマホ用*************************/
@media only screen and (max-width: 768px) {
	.tb_br{ display: block; }
	.sp_br{ display: none; }
	
	
	body {
		width: 100%;
		min-width: inherit;
	}

	.header_box{
		border-top:10px solid #c80026; 
		position: relative;
	}
	
	.header_tel_box{
		display: none;
	}

	.topCover_log{
		padding: 10px;
		text-align: center;
	}
	
	.topCover_tit{
		padding: 10px;
		text-align: center;
		width: 60%;
		margin: 0 auto;
	}
	
	.topCover_txt{
		text-align: center;
	}
	
	.form_scroll_img{
		display: none;
	}

	
	.form_midashi_img2 dl{
		display: block;
	}
	
	.form_midashi_img2 dt{
		background: #7a0000;
		text-align: center;
		color: #FFFFFF;
		padding: 5px;
	}
	
	.form_midashi_img2 ul{
		padding: 5px;
		text-align: center;
	}
	
	.formEx_table th, .formEx_table td{
		border: none;	
	}
	
.contents_navi {
		width: 95%;
		overflow: hidden;
	}
	
.contents_navi .left_con {
  float: left;
  width: 250px;
}
	
.contents_navi .right_con{
	float: right;	  
  width: 100%;
  margin-right: -270px;
  padding-right: 270px;
  box-sizing: border-box;
	}
	
	.contents_navi_name{
		font-size: 2em;
	}
	
	.contents_navi_btn a{
		font-size: 1.2em;
	}
	
	.contents_navi_bar {
	font-size: 1.4em;
	}
	
	.formExplanation_txt{
		padding: 20px 0 20px 0;
		font-size: 1.2em;
	}
	
	.formEx_mansion{
	width: 90%;
	}
	
	.formEx_mansion dt, .formEx_mansion dd{
		font-size: 1.5em;
		padding: 5px;
	}
	
	.formExplanation_txt{
		width: 90%;
	}
	
	/*フォーム箇所*/
	.formEx_table{
		width: 100%;
	}
	
	.formEx_table table{
		width: 100%;
	}
	
	.formEx_table th{
		width: 71%;
    float: left;
    background: #ffecec;
	}
	
.form_confirmation .formEx_table th{
	width: 100%;
	float: left;
	background: #ffecec;
}


	.formEx_table th .table_th{
		display: block;
		padding-left: 10px;
	}
	
	
	.formEx_table  .formEx_required{
		margin-right: 5px;
	}
	
	.formEx_table th , .formEx_table td{
    vertical-align: middle;
    display: inline-block;
		padding: 10px 0 10px 0;
	}
	
	.formEx_table .rec{
		clear: inherit;
    width: 29% !important;
    float: right !important;
    background: #ffecec;
    text-align: right;
	}
	
	.formEx_table td{
		clear: both;
		display: block;
	}
	
	.formEx_table .form_inp{
		padding: 5px;
	}
	

	#inquiry_iframe_box{
		width: 90%;
		margin: 30px auto 35px auto;
	}
	
	
		#inquiry_box02 ul{
		width: 90%;
		margin: 0 auto;
	}
	
	#inquiry_box02 li{
		width: 45%;
	}
	
#inquiry_box02 .check_back_btn{
	float: left;
	}
	
#inquiry_box02 .apply_btn_conf{
	float: right;
	}
	
	
	.contact_radio{
		width: 90%;
		margin: 0px auto 0px auto;
		display: block;
	}
	
	.footer_navi{
		width: 90%;
		margin: 0 auto;
	}
	
	
.form_midashi_img2 .tel_number a{
		color: #000000;
	}
	
}
/************************タブレット・スマホ用*************************/




/*************************スマホ用*************************/
@media only screen and (max-width: 479px) {

.cont_s { display:block; }
.cont_p { display:none !important; }
.cont_rp { display:none !important; }
	
	.tb_br{ display: block; }
	.sp_br{ display: block; }
	
.contents_navi .left_con {
  float: none;
  width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
	
.contents_navi .right_con{
	float: none;	  
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  box-sizing: border-box;
	}

	#form_step_img{
	width: 90%;
	height: auto;
	margin: 10px auto 30px auto;
}
	
	
	.formEx_mansion{
		border: 2px solid #7a0000;
    box-sizing: border-box;
	}
	
	.formEx_mansion dt, .formEx_mansion dd{
	  text-align: center;
		float: none;
	}
	
	#inquiry_box02 input[type=button]{
		width: 90%;
	}
	
/*確認画面*/	
.form_confirmation .formEx_table th {
    width:100%;
    float: left;
    background: #ffecec;
}


}
/*************************スマホ用*************************/