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

.main {
	background-color: #FAF9F7;
	width:1800px;
	margin:0 auto;
	    box-shadow: 0px 0px 6px 2px #cccccc;
    -moz-box-shadow: 0px 0px 6px 2px #cccccc;
    -webkit-box-shadow: 0px 0px 6px 2px #cccccc;
}

.main img {
	max-width:100%;
}

.center {
	text-align:center;
	margin:20px 0px;
}

.sp {
	display:none;
}



.header_wrap .logo {
	display: table-cell;
	vertical-align: middle;
	float: left;
	padding: 15px 0px 10px 10px;
	max-width: 40%;
}
.header_wrap .logo img {
	max-width: 400px;
}
.header_wrap .right_area {
	display: table-cell;
	float: right;
	vertical-align: top;
	max-width: 60%;
}
.header_wrap .right_area .tel {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}
.header_wrap .right_area .tel img {
	max-width: 260px;
}
.header_wrap .right_area .contact_btn {
	display: table-cell;
	vertical-align: middle;
}
.header_wrap .right_area .contact_btn img {
	max-width: 223px;
}

.mainvisual {
	background: url("../images/mainvisual_bg.png") center;
	background-size: cover;
	text-align: center;
	padding: 160px 30px;
}
.mainvisual img {
	max-width: 980px;
	width: 60%;
}


.content {
	text-align: center;
}

.content01 {
	padding: 70px 0px;
}

.tokutyou {
	padding-bottom: 70px;
}

.footer {
	text-align: center;
	padding-bottom: 30px;
}

.btn_wrap .btn {
	display: table-cell;
	vertical-align: top;
}


.tokutyou_wrap {
	background: url("../images/tokutyou_bg.png")center;
	background-size: cover;
	padding: 60px 0px;
}
.tokutyou_wrap .tokutyou_title {
	width: 63%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.tokutyou_wrap .tokutyou_area {
	margin: 0px 8%;
	text-align: center;
}
.tokutyou_wrap .tokutyou_area .box {
	width: 21%;
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 3%;
}
.tokutyou_wrap .tokutyou_area .box:nth-child(4) ,
.tokutyou_wrap .tokutyou_area .box:nth-child(7) {
	margin-right: 0;
}


.access_wrap {
	text-align: center;
	background-color: #fff;
	padding: 3% 3%;
	margin: 0 8%;
	margin-bottom: 70px;
}
.access_wrap .access_title {
	width: 58%;
	margin: 0 auto;
}
.access_wrap iframe {
	margin: 30px 0px;
}



#right_navi {
    position: fixed;
    right: -1px;
    z-index: 99;
    top: 120px;
	overflow:visible;
}

#right_navi .btn {
	width: 50px;
	margin-bottom: 10px;
}




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

/* for TB & SP CSS   */

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

/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1900px) {

.main {
	width:100%;
}

}

/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {

.pc {
	display:block !important;
}


.main {
	width:100%;
}
.main img {
	width:100%;
}


	

}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

.main .campaign_btn {
	padding:66% 0% 30% 5%;
}

}




/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {

	




}



/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {

.pc {
	display:none;
}
.sp {
	display:block;
}

.main ,
.main img {
	width:100%;
}

	.top_btn {
		margin-top: -50px;
	}
	
	
	.sp_top {
		padding-top: 20px;
	}
	
	
	.content02 {
		background: url("../images/sp/content02_bg.png") center;
		background-size: cover;
		padding: 50px 20px;
	}
	
	.content02 .box {
		margin: 30px 0px;
	}
	.footer {
		padding: 30px 0px 150px 0px;
	}
	
	#foot_fix {
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 999;
	}
	
	#foot_fix .btn_wrap {
		display: table;
		width: 100%;
	}
	#foot_fix .btn_wrap .btn {
		width: 50%;
	}
	#foot_fix .btn_wrap img {
		width: 100%;
	}
	
	
	.access_wrap {
		padding: 5%;
		margin: 0;
		margin-bottom: 30px;
	}
	.access_wrap .access_title {
		width: 100%;
	}
	
	
	
	
	
}



/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {


	



}