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


/* ************************************************************
header
************************************************************ */
 header{
	margin:0 auto 0.5%;
	width:100%;
	max-width:1000px;
	position:relative
	}
	
	.header-left{
	margin:2% auto 0;
	width:30%;
	float:left;
	text-align: left;
	}

	.header-right{
	margin:2% auto 0;
	padding-right:1%;
	width:70%;
	float:right;
	text-align: right;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
header{padding:2% 4%;}

	.header-right{
	padding-right:0;
	}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

	.header-left{width:40%;}
	.header-right{width:45%;}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

.header-right{width:55%;}
 /* *************** */
}


/* ************************************************************
main visual
************************************************************ */
 
	#main_visual{
	margin:1% auto;
	width:100%;
	height: 450px;
	position: relative;
	background-color: #0068b7;
	}
	
	#main_visual img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
	#main_visual{
	height: 300px;
	}
	#main_visual img{
	width: 70%;
	}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}



/* ************************************************************
block01
************************************************************ */
 
	#block01{
	margin:5% auto 0;
	padding-right: 2%;
	width:100%;
	max-width:1000px;
	}
	
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}
/* ************************************************************
block02
************************************************************ */
 
	#block02{
	margin:8% auto 0;
	width:100%;
	max-width:1000px;
	}
	
	#block02 p{
	margin:3% auto 0;
	width:100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
	#block02{
		 margin:12% auto 0;
			width:90%;
			}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block02{
 margin:15% auto 0;
 width:90%;}



 /* *************** */
}


/* ************************************************************
block03
************************************************************ */
    #block03{
	margin:8% auto 0;
	width:100%;
	max-width:1000px;
	}
	#block03 p{
	margin:5% auto 0;
	padding: 0 5%;
	width:100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

	#block03{
	margin:12% auto 0;
	}



 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#block03{
 margin:15% auto 0;
 width:95%;}

#block03 p{
	margin:8% auto 0;
	width:95%;
	}
 /* *************** */
}

/* ************************************************************
google map
************************************************************ */
 
	#ggmap{
	margin:8% auto 0;
	width:100%;
	height:400px;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

	#ggmap{
	margin:12% auto 0;
	height:300px;
	}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}

/* ************************************************************
block05
************************************************************ */
    #block05{
	margin:8% auto ;
	width:100%;
	max-width:1000px;
	}
	#block05 p{
	margin:5% auto ;
	width:100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

	#block05{
	margin:12% auto;
	width:80%;}

	#block05 p{
	margin:8% auto;
	}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#block05{
 margin:15% auto;
 width:80%;}
#block05 div{
	padding: 0 10%;
	}
#block05 p{
	margin:8% auto;
	width:100%;
	}
 /* *************** */
}

/* ************************************************************
footer
************************************************************ */
 footer{
	margin:0 auto;
	width:100%;
	 color: #FFF;
	background-color: #0068b7;
 padding:1% 0;
	letter-spacing: 0.05em;
	font-size:10px;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}