@charset "UTF-8";
header{
	background: #fff;
	width:100%;
	position: fixed;
	top:0;
	left:0;
	height: 60px;
	padding: 0 60px;
	text-align: center;
	box-sizing: border-box;
	z-index: 999;
}
header h1{
	display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}
header h1 img{
	    top: 16px;
    position: relative;
	width: auto;
}
/*#box01 {
	background: url(../images/main_bg.png)no-repeat ;
	background-size: cover;
}*/
#box01 .bg_img{
	/*margin-top:700px;*/ 
}
#box01 .top_ttl01{
	position: fixed;
	top:0;
	bottom:0;
	left:5%;
	margin: auto;
}
#box01 .top_ttl01 img{
	height: 100%;
	max-height: 567px;
}
#box01 .top_ttl02{
	
	top:80px;
	
	right:20%;
	
	height: 650px;
}
#box01 .top_ttl02 img{
	height: 100%;
}
#box01 .sp_ttl{
	display: none;
}
#box01 img{
	display: block;
}
.container:after,.container:before{
	background-color: #fff;
    bottom: 0;
    content: " ";
    display: block;
    height: 100%;
    position: fixed;
    width: 60px;
    z-index: 999;
}
.container:after{
	right: 0;
}
	.container:before{
	left:0;
}
	body:after{
		background-color: #fff;
		bottom: 0;
		content: " ";
		display: block;
		height: 60px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 999;
}
.copy{
	position: fixed;
	right:25px;
	top:0;
	bottom: 0;
	margin: auto;
	height: 90%;
	max-height: 493px;
	z-index: 9999;
}
.copy img{
	display: block;
	height: 100%;
	width: auto;
}
	.inner{
		/*margin:0 60px;*/
		overflow: hidden;
		box-sizing: border-box;
	}
#box02{
	padding: 120px 0;
	background: url(../images/bg01.jpg) no-repeat center;
	background-size: cover;
}
#box02 h2{
	position: relative;
	z-index: 100;
	opacity: 0;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  opacity: 1;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
#box02 .cont-in h3{
	border-left: 10px solid #eb6112;
	text-align: left;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	letter-spacing: 2px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
}
#box02 .cont-in{
	margin: 40px 0 20px;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  opacity: 1;
}
#box02 .cont-in p{
	margin-left: 30px;
	line-height: 1.9;
	font-size: 15px;
}
#box02 .cont{
	position: relative;
	z-index:100;
	width:50%;
	margin-left:calc(25% - 10px);
	
}
#box02:before{
	content: "";
	background: #fff;
	width: 25%;
	height: 100%;
	position: absolute;
	left:25%;
	top:0;
}
#box02:before.effect{
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);

  opacity: 1;
}
#box02:after{
	content: "";
	background: rgba(255,255,255,0.7);
	width: 25%;
	height: 100%;
	position: absolute;
	left:50%;
	top:0;
	
}
#box03{
	padding:120px 0;
	position: relative;
	background: url(../images/bg02.jpg) no-repeat;
	background-size: cover;
}
#box03 h2{
/*	position: absolute;
	right:70px;
	top:120px;*/	
	z-index: 10;
	position: relative;
	margin-right: 30px;
	display: block;
	text-align: right;
}
#box03 .cont{
	position: relative;
	z-index:100;
	width:50%;
	margin-left: calc(25% - 10px);
	color: #fff;
}
#box03 h3{
	border-left: 10px solid #eb6112;
	text-align: left;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	letter-spacing: 2px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
}
#box03 p{
	margin-left: 30px;
	line-height: 1.6;
	font-size: 21px;
}
#box03 p span{
	/*font-size: 34px;
	font-weight: bold;*/
}
#box03 .cont-in{
	margin: 40px 0 20px 0px;
}
#box03:before{
	content: "";
	background: rgba(254,176,81,1);
	width: 25%;
	height: 100%;
	position: absolute;
	left:25%;
	top:0;
}
#box03:after{
	content: "";
	background: rgba(114,113,113,.7);
	width: 25%;
	height: 100%;
	position: absolute;
	left:50%;
	top:0;
}
#box04 {
	position: relative;
	padding:120px 0;
	background: url(../images/bg03.jpg) no-repeat;
	background-size: cover;
}
#box04 h2{
	position: relative;
	z-index: 100;
	text-align: left;
	margin-left:20px;
}
#box04 .cont{
	margin: 40px auto 40px;
	width:50%;
	position: relative;
	z-index: 100;
}
#box04 table{
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: -10px;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  opacity: 1;
}
#box04 th{
	vertical-align: top;
	text-align: left;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	font-weight: bold;
	    line-height: 1.7;
}
#box04 th span{
	border-left: 10px solid #eb6112;
		padding-left: 20px;
}
#box04 td{
	vertical-align: top;
	padding-bottom: 20px;
	padding-left:20px;
	line-height: 1.7;
}
#box04:before{
	content: "";
	background: #fff;
	width: 25%;
	height: 100%;
	position: absolute;
	left:25%;
	top:0;
}
#box04:after{
	content: "";
	background: rgba(251,218,199,0.8);
	width: 25%;
	height: 100%;
	position: absolute;
	left:50%;
	top:0;
}
#map_canvas , #map_canvas2{
	width:75%;
	min-height: 200px;
	float: left;
}

#box05,#box06{
	position: relative;
	padding: 60px 0;
	background: #fff;
}
#box05 h2,#box06 h2{
	position: absolute;
	right:30px;
	top:50px;
	z-index: 100;
}
#box05 .right,#box06 .right{
	background: #fff;
	width:25%;
	
}
#box05 .cont,#box06 .cont{
	margin-top: 200px;
}
#box05 .cont h3,#box06 .cont h3{
	border-left: 10px solid #eb6112;
	text-align: left;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 15px;
	letter-spacing: 2px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	position: relative;
}
#box05 .cont p,#box06 .cont p{
	margin-left: 20px;
	line-height: 1.8;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  opacity: 1;
}
#box05 .cont p strong,#box06 .cont p strong{
	line-height: 4;
}
nav{
	position: fixed;
	left: 20px;
	top:0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	height: 476px;
}
nav ul li{
	margin-bottom: 20px;
	
}
nav ul li a{
	display: block;
}
nav ul li:last-child{
	margin-bottom: 0;
}
nav ul li img{
	display: block;
	width: 30px;
	height: auto;
}
.scroll{
	position: fixed;
	height:35px;
	bottom:5px;
	margin: 0 auto;
	z-index: 9999;
	display: block;
	text-align: center;
	width: 100%;
}
.scroll img{
	height: 100%;
	display: block;
	margin: 0 auto;
}
#box02, #box03,#box04, #box05, #box06{
	margin-left:60px;
	margin-right:60px; 
}
.img_z{
	padding:0 60px;
	box-sizing: border-box;
}
.sp_btn{
	display: none;
}
.sp-nav ul{
	display: none;
}
.sp-copy{
	display: none;
}
.scroll img.pagetop{
	display: none;
}
@media(max-width:1109px){
	#box02 h2 {
		width: 100%;
	}
	#box02 h2 img{
		width: 95%;
	}
}
#box01,#box03,#box05,#box04,#box06{
	background-attachment: fixed;
}
/*#box04{
	min-height: 100%;
	background-size: cover;
	-webkit-transform: skewY(-15deg) translate3d(0,0,0);
    transform: skewY(-15deg) translate3d(0,0,0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
	margin-top: -150px;
	box-shadow: 0px 13px 13px -3px rgba(0,0,0,0.5),0px -13px 13px -3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 13px 13px -3px rgba(0,0,0,0.5),0px -13px 13px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 13px 13px -3px rgba(0,0,0,0.5),0px -13px 13px -3px rgba(0,0,0,0.5);
}*/
/*#box04 .cont{
	-webkit-transform: skewY(15deg) translate3d(0,0,0);
    transform: skewY(15deg) translate3d(0,0,0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
	
}*/
.blank{

	position: relative;
	height: 200px;
	background: url(../images/main_bg.png) center no-repeat;
	background-size: 10%;
	box-shadow: 0px 13px 13px -3px rgba(0,0,0,0.5),0px -13px 13px -3px rgba(0,0,0,0.5);
  -webkit-box-shadow: /*0px 13px 13px -3px rgba(0,0,0,0.5),*/0px -13px 13px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 13px 13px -3px rgba(0,0,0,0.5),0px -13px 13px -3px rgba(0,0,0,0.5);
	z-index: 70;
/*	-webkit-transform: skewY(-15deg) translate3d(0,0,0);
	transform: skewY(-15deg) translate3d(0,0,0);
    -webkit-transform-origin: top center;
    transform-origin: top center;*/
}
@media(max-width:860px){
	#box01,#box02, #box03, #box05, #box04, #box06{
		background-attachment: inherit;
		background-position: center;
	}
	#box04{
		background-position: right -60px top 0;
	}
	h2{
		position: relative!important;
		width: 95%;
		margin: 0 auto!important;
		right: 0!important;
		left: 0!important;
		top: 0!important;
		text-align: center!important;
	}
	h2 img{
		width: 100%;
		height: auto;
	}
	.cont{
		width: 95%!important;
		margin-left: 0!important;
	}
	.blank{
		display: none;
	}
	#box02:before,#box03:before,#box04:before{
		width: 50%;
		left:0;
	}
	#box02:after,#box03:after,#box04:after{
		width: 50%;
		right: 0;
		left: 50%;
		
	}
	#box02, #box03, #box05, #box04, #box06{
		padding: 60px 0;
	}
	#box03 h2 img,#box04 h2 img,#box05 h2 img{
		width: auto;
		
	}
	#box04 h2{
		text-align: center;
	}
	.container:before{
		display: none;
	}
	body:after{
		display: none;
	}
	.container:after{
		display: none;
	}
	.inner{
		padding: 60px 0 0;
	}
	nav{
		display: none;
	}
	.copy{
		display: none;
	}
	.scroll{
		display: none;
	}
	#box03:before{
		background:rgba(254,176,81,1)
	}
	#box04 table{
		font-size: 90%;
		margin-left: 0;
	}
	#box04 table th{
		width: 30%;
	}
	#box04 th span{
		padding-left: 5px;
	}
	#box05 .cont, #box06 .cont{
		margin-top: 20px;
	}
	#box05 .right, #box06 .right{
		width: 95%;
		float: left;
	}
	#box05 h2{
		margin-bottom: 20px!important;
	}
	/*#box05 .cont h3, #box06 .cont h3{
		margin-left: 300px;
	}*/
	#map_canvas,#map_canvas2{
		width: 100%;
		height: 300px!important;
	}
	#box01 .bg_img{
		margin-top: 200px;
	}
	#box01 .top_ttl01{
		display: none;
	}
	#box01 .top_ttl02{
		display: none;
	}
	#box01 .sp_ttl{
		display: block;
		position: fixed;
		top:70px;
		left:0;
		width: 90%;
	}
	#box01 .sp_ttl img{
		width: 100%;
	}
	#box02, #box03,#box04, #box05, #box06{
	margin-left:0px;
	margin-right:0px; 
	}	
	.img_z{
		padding: 0;
	}
	.sp_btn{
		position: fixed;
		top: 10px;
		right:10px;
		z-index: 9999;
		height: 40px;
		width: 40px;
		display: block;
	}
	.sp_btn img{
		width: 100%;
		display: block;
	}
	.sp-nav ul{
		position:fixed;
		top:60px;
		left:0;
		width: 100%;
		background: rgba(204,204,204,0.90);
		z-index: 999999;
		display: none;
	}
	.sp-nav ul li{
		border-bottom: 2px solid #fff;
		box-sizing: border-box;
		margin: 0 10px;
	}
	.sp-nav ul li:last-child{
		border-bottom: none;
	}
	.sp-nav ul li a{
		color: #000;
		font-size:1rem;
		display: block;
		text-align: center;
		padding: 10px;
		/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
		font-weight: bold;
		letter-spacing: 2px;
	}
	.sp-copy{
		display: block;
		text-align: center;
		padding-bottom: 20px;
		font-size: 0.8rem
	}
}
@media(max-width:480px){
	header h1 img{
		height: 20px;
		width: auto;
		top: 20px;
	}
}
#box01.none:before{
	background: #fff;
	position: fixed;
	
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	content: "";
}
.effect{
	    -webkit-transition: all 2s;
    -ms-transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
}
#open01{
	    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}
 
.modal_window {
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 400px;
    height: auto;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
 
.modal_window h2 {
    margin-bottom: 20px;
    width: 400px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}
 
.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#security{
	width: 90%;
	margin: 20px auto;
}
#security h2{
	margin-bottom: 20px!important;
	text-align: left;
	font-size: 20px;
}
#security h3{
	margin: 40px 0 20px;
	text-align: left;
	border-left: 10px solid #eb6112;
	padding-left: 10px;
	font-size: 20px;
}
#security p{
	margin-left: 1rem;
	line-height: 1.9;
    font-size: 15px;
}
#security p.close{
	text-align: center;
	margin: 20px 0;
	text-decoration: underline;
}
#security p.ml0{
	margin-left: 0;
	margin-top: 20px;
}
body#security:after{
	display: none;
}