@charset "utf-8";


/* ==========================================================================
	main
========================================================================== */

#main{
	width:100%;
	height:450px;
	background:url(../image/main.jpg) left center no-repeat;
	background-size:cover;
	margin-bottom:61px;
	position:relative;
	box-sizing:border-box;
}

#main h1{padding-top:164px;
	text-align:center;
	letter-spacing:0.025em;
	font-size:62px;
	font-weight:700;
	color:#fff;
	text-shadow: 7px 7px 7px #000;
	}

#main h1 span{
	-webkit-text-shadow: 0 0 9px #ddd; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 9px #ddd; /* Firefox用 */
	text-shadow: 0 0 9px #ddd; /* CSS3 */
	
	}
	
	
	
#main h2{
	margin-top:13px;
	color:#fff;
	font-weight:bold;
	font-size:22.5px;
	text-align:center;
	letter-spacing:0.05em;
	-webkit-text-shadow: 7px 7px 7px #000; /* Safari, Chrome用 */
	-moz-text-shadow: 7px 7px 7px #000; /* Safari, Chrome用 */
	text-shadow:  7px 7px 7px #000; /* Safari, Chrome用 */


	
	}
@media screen and ( max-width: 1020px ) {
	
#main{
	margin-bottom:60px;
	}
	}
@media screen and ( max-width: 720px ) {
	

#main{
	width:100%;
	height:170px;
	background-size:cover;
	margin-bottom:32px;
}
#main h1{
	padding-top:52px;
	font-size:30px;
	}

#main h2{
	margin-top:3px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	letter-spacing:0.05em;
	
	}
	}

	
	



/* ==========================================================================
	about
========================================================================== */
#top_about{
	width:100%;
}
.about_box{
	
	width:1000px;
	margin:0 auto 75px;
	}
#top_about h1{
	font-size:41px;
	color:#b9ab27;
	text-align:center;
	font-weight:700;
	}

#top_about h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 35px;
	font-weight:bold;
	letter-spacing:0.025rem;
	}
#top_about h3{
	font-size:25px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0;
	color:#424242;
	letter-spacing:-0.025rem;
	margin-bottom:21px;
	}
#top_about p{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	margin:0 0 50px;
	}
	
#top_about ul{
	
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	width:760px;
	margin:0 auto;
	}
#top_about ul li{
	width:370px;
	padding:34px 10px 35px;
	box-sizing:border-box;
	margin-bottom:20px;
	text-align:center;
	}

#top_about ul .box1,
#top_about ul .box2{
	
	padding:34px 10px 50px;
	}
#top_about ul li h4{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	}
	
#top_about ul li h4:after{
	content:"";
	display:block;
	width:50px;
	height:3px;
	margin:20px auto 24px;
	background:#fff;
	}
#top_about ul li p{
	font-weight:bold;
	color:#fff;
	margin:0;
	letter-spacing:0;
	}
	
#top_about ul .box1{
	background:#cd4a48;
	}
#top_about ul .box1 img{
	width:43px;
	margin:0 auto 23px;
	}
	
#top_about ul .box2{
	background:#1b8ab7;
	}
#top_about ul .box2 img{
	width:45px;
	margin:0 auto 23px;
	}
	
	
#top_about ul .box3{
	background:#000;
	border-radius: 10px;
	}
#top_about ul .box3 img{
	width:43px;
	margin:0 auto 19px;
	}
	
#top_about ul .box4{
	background:#696969;
	border-radius: 10px;
	}
#top_about ul .box4 img{
	width:58px;
	margin:0 auto 29px;
	}
	

@media screen and ( max-width: 1020px ) {
	

.about_box{
	
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	}
	}
@media screen and ( max-width: 800px ) {
#top_about ul{
	width:100%;
	margin:0 auto;
	}
#top_about ul li{
	width:48.5%;
	padding:34px 10px 35px;
	box-sizing:border-box;
	margin-bottom:20px;
	text-align:center;
	}
	
	}
	
@media screen and ( max-width: 720px ) {

.about_box{
	
	padding:0 15px;
	margin-bottom:34px;
	}
#top_about h3{
	font-size:16px;
	line-height:24px;
	color:#424242;
	margin-bottom:10px;
	}
#top_about p{
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin:0 0 30px;
	}

#top_about ul{
	width:100%;
	margin:0 auto;
	}
#top_about ul li{
	width:100%;
	padding:17px 10px 20px;
	box-sizing:border-box;
	margin-bottom:15px;
	text-align:center;
	}
#top_about ul .box1,
#top_about ul .box2{
	
	padding:20px 10px;
	}
#top_about ul li h4{
	font-size:14px;
	}
	
#top_about ul li h4:after{
	width:23px;
	height:2px;
	margin:10px auto 14px;
	}
#top_about ul .box1 img{
	width:30px;
	margin:0 auto 13px;
	}
	
#top_about ul .box2 img{
	width:31px;
	margin:0 auto 13px;
	}
	
#top_about ul .box3 img{
	width:28px;
	margin:0 auto 10px;
	}
	
#top_about ul .box4 img{
	width:44px;
	margin:0 auto 15px;
	}
	
}


	
/* ==========================================================================
	お電話でのお問い合わせ
========================================================================== */


#tell_area{
	
	width:840px;
	margin:0 auto 90px;
	padding:0;
	box-sizing:border-box;
	}

#tell_area h1{
	font-size:41px;
	text-align:center;
	font-weight:700;
	color:#000;
	}

#tell_area h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 50px;
	font-weight:bold;
	letter-spacing:0.025rem;
	color:#808080;
	}
#tell_area ul{
	background:#f6f6f6;
	}
	

#tell_area ul li{
	width:50%;
	box-sizing:border-box;
	float:right;
	text-align:center;
	padding:20px 0 25px;
	}
#tell_area ul li:first-child{
	float:left;
	text-align:left;
	padding:25px 0 25px 114px;
	position:relative
	}

#tell_area ul li:first-child:after{
	content:"";
	display:block;
	position:absolute;
	width:1px;
	height:50px;
	top:0;
	bottom:0;
	margin:auto;
	right:0;
	background:#000;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	}
#tell_area ul li h3{
	font-size:38px;
	line-height:38px;
	font-weight:500;
	color:#424242;
	position:relative;
	}

#tell_area ul li h3:after{
	content:"";
	display:block;
	position:absolute;
	width:38px;
	height:34px;
	top:0;
	left:-53px;
	background:url(../image/tell_icon.png) center center no-repeat;
	background:url(../image/tell_icon_ie.png) center center no-repeat\9;
	background-size:cover;
	}

#tell_area ul li p{
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	}
	
@media screen and ( max-width: 900px ) {
	
#tell_area{
	width:100%;
	padding:0 20px;
	box-sizing:border-box
	}
	
#tell_area ul li:first-child{
	padding:25px 0 25px 12%;
	}

	}
@media screen and ( max-width: 800px ) {
	
	
#tell_area ul li{
	width:100%;
	float:none;
	text-align:center;
	padding:20px 0 15px;
	}
#tell_area ul li:first-child{
	float:none;
	text-align:center;
	padding:25px 0 0 20px;
	position:relative
	}

#tell_area ul li:first-child:after{
	display:none;
	}
#tell_area ul li h3{
	font-size:38px;
	width:260px;
	margin:0 auto;
	padding-left:20px;
	line-height:38px;
	font-weight:500;
	color:#424242;
	position:relative;
	}

#tell_area ul li h3:after{
	content:"";
	display:block;
	position:absolute;
	width:38px;
	height:34px;
	top:0;
	left:-33px;
	background:url(../image/tell_icon.png) center center no-repeat;
	background-size:cover;
	}

#tell_area ul li p{
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	}
	
	}
	

@media screen and ( max-width: 720px ) {
	
#tell_area{
	
	margin:0 auto 40px;
	}

#tell_area h1{
	font-size:30px;
	
	}

#tell_area h2{
	font-size:11px;
	line-height:11px;
	margin:5px 0 25px;
	}
	
#tell_area ul li{
	padding:10px 0 13px;
	}
#tell_area ul li:first-child{
	padding:18px 0 0 0;
	position:relative
	}
#tell_area ul li h3{
	font-size:21.5px;
	line-height:21.5px;
/*	width:180px; */
/*	padding-left:13.5px; */
	box-sizing:border-box;
}
#tell_area ul li h3:after{
	width:21px;
	height:19px;
	left:-8px;
	}
#tell_area ul li p{
	font-size:11px;
	line-height:22px;
	}

	}
	
/* ==========================================================================
	フォーム
========================================================================== */

#form{
	
	width:100%;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
	}

#form h1{
	font-size:41px;
	text-align:center;
	font-weight:700;
	color:#000;
	}

#form h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 40px;
	font-weight:bold;
	letter-spacing:0.025rem;
	color:#808080;
	}

#form .form_txt{
	font-size:14px;
	line-height:30px;
	color:#424242;
	font-weight:bold;
	text-align:center;
	margin-bottom:35px;

}

/*フォーム設定*/
#contact_form{
	width:650px;
	margin:0 auto;
	font-size:14px;
	}

#contact_form dt{
	color:#333;
	font-weight:bold;
	}	
#contact_form dd{
	margin:8px 0 27px;
	vertical-align:center;
	}
	
#contact_form .mc{
	margin:15px 0 30px;
	
	}
	
input.formtxt {
	width:100%;
	height:40px;
	background:#f6f6f6;
	border:1px solid #ccc;
	box-sizing:border-box;
}
textarea { 
	width:100%;
	min-height:210px;
	background:#f6f6f6;
	border:1px solid #ccc;
	box-sizing:border-box;
	-webkit-appearance: none;
	border-radius: 0;

}
input[type=text]    {
	width:100%;
	background:#f6f6f6;
	border:1px solid #ccc;
	box-sizing:border-box;
	-webkit-appearance: none;
	border-radius: 0;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}

.submit{
	margin:0 auto 100px;
	width:166px;
	padding:0;
	height:41px;
}
.submit2{
	margin:0 auto;
	width:166px;
	height:41px;
}

.sub_back{
	width:166px;
	height:41px;
	float:left;
	display:block;
    padding:0;
    border:0;
	float:left;
    background:url(../image/back.jpg) no-repeat left top;
	background-size:cover;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
	}
	
.sub_back2{
	width:166px;
	height:41px;
	display:block;
    padding:0;
    border:0;
	margin:0 auto;
    background:url(../image/back.jpg) no-repeat left top;
	background-size:cover;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
	}
	
.send{
	margin:0 auto;
	width:140px;
	padding:0;
	height:39px;
}
#btn_center{
	text-align:center;
	margin-top:40px;
	margin-bottom: 40px;
}
.er_center{
	width:650px;
	margin:40px auto 100px;
}
.er_center2{
	width:100%;
	margin:auto;
	font-weight:bold;
}

.er_center2 .form_txt{
	font-size:14px;
	line-height:30px;
	color:#424242;
	font-weight:bold;
	text-align:center;
	margin-bottom:35px;

}
.er_center3{
	width:650px;
	margin:0 auto 100px;
}
.fr{
	float:right;
}
.thanks_txt{
	width:640px;
	margin:0 auto 48px;
	color:#333;
	}
.tel_b_txt{
	text-align:center;
	margin-top:42px;
	color:#666;
	}
.form_txt2{
	text-align:center;
	margin-bottom:10px;
	color:#333;
	font-weight:bold;
	}
.form_txt3{
	line-height:25px;
	}
	
.conf_style{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin:10px 0 15px !important;
}

#form .mb{
	margin-bottom:93px;
	}
@media screen and ( max-width: 720px ) {
		
#form{
	padding:0 15px;
	}

#form h1{
	font-size:30px;
	
	}

#form h2{
	font-size:11px;
	line-height:11px;
	margin:5px 0 22px;
	}

#form .form_txt{
	font-size:11px;
	line-height:22px;
margin-bottom:17px;

}
.er_center2 .form_txt{
	font-size:11px;
	line-height:22px;
margin-bottom:7px;
padding:0;

}

/*フォーム設定*/
#contact_form{
	width:100%;
	margin:0 auto;
	font-size:11px;
	}
#contact_form dd{
	margin:4px 0 15px;
	vertical-align:center;
	}
	
	
input.formtxt {
	height:34px;
}
textarea { 
	min-height:107px;

}
.submit{
	margin:0 auto 56px;
	width:134px;
	padding:0;
	height:33px;
}
.submit2{
	margin:0 auto;
	width:134px;
	padding:0;
	height:33px;
}

.sub_back{
	width:134px;
	height:33px;
	}
	
.sub_back2{
	width:134px;
	height:33px;
	}


.conf_style{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin:10px 0 15px !important;
}

.er_center{
	width:100%;
	margin:22px auto 56px;
}
.er_center3{
	width:100%;
	margin:0 auto 56px;
}
#form .mb{
	margin-bottom:45px;
	}
	
#btn_center{
	text-align:center;
	margin-top:25px;
}
	}
input[type="button"],input[type="submit"],input[type="image"] {
	  border-radius: 0;
    -webkit-appearance: none;
  }
/* ==========================================================================
	安全
========================================================================== */

#whats{
	position:relative;
	z-index:105;
	width:100%;
	background:url(../image/whats_bg.jpg) bottom center no-repeat;
	padding:65px 0 0;
  box-sizing:border-box;
  
}

#whats h1{
	position:relative;
	width:386px;
	margin:0 auto;
	}

#whats h2{
	position:relative;
	width:700px;
	text-align:center;
	font-size:15.39px;
	font-weight:bold;
	margin:22px auto 40px;
	line-height:15.39px;
	}


#whats div{
	width:100%;
	margin:0 auto;
	max-width:1000px;
	}

#whats .shosai_btn1{
	width:145px;
	height:40px;
	font-size:14px;
	box-sizing:border-box;
	}
@media screen and ( max-width: 720px ) {
	
#whats{
	position:relative;
	z-index:105;
	width:100%;
	padding:10% 0 0 0;
	background:#F6F1F7;
  box-sizing:border-box;
}
#whats h1{
	width:65%;
	}
#whats h2{
	position:relative;
	width:100%;
	box-sliging:border-box;
	text-align:center;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:10px;
	letter-spacing:0.025rem;
	}
#whats div{
	width:100%;
	}
	
#whats .shosai_btn1{
	position:relative;
	display:block;
	width:134px;
	height:34px;
	font-size:11px; 
	padding-top:9px;
	font-weight:bold;
	border:2px solid #333;
	}
	}

@media screen and ( max-width: 550px ) {
#whats h2{
	font-size:13px;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:14px;
	}
	}

@media screen and ( max-width: 400px ) {
#whats h2{
	font-size:11px;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:10px;
	}
	
	}
	
	
	


/* ==========================================================================
	フッターバナー
========================================================================== */
#hasei_ftbnr{
	position:relative;
	width:1000px;
	height:0;
	margin:0 auto;
	z-index:1000;
	}
.foot_bnr{
	width:221px;
	height:66px;
	position:absolute;
	border:2px solid #231d1f;
	bottom:-34px;
	left:-38px;
}

@media screen and ( max-width: 1080px ) {
#hasei_ftbnr{
width:100%;
}
	
.foot_bnr{
	left:10px;
	}

	}
@media screen and ( max-width: 720px ) {
#hasei_ftbnr{
	width:100%;
	height:96px;
	background:#f9f7f4;
}
.foot_bnr{
	width:130px;
	height:40px;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	}

	
}