@charset "utf-8";
*{box-sizing: border-box;}
/*--記事----------------------*/
head{
	width:100%;
}



h5{
	font-family: 'Open Sans', sans-serif;
	font-size:34px;
	
}
.index{
	font-family: 'Open Sans', sans-serif;
	font-size:34px;
　  padding-top:15%;
}


.wi{
	margin-top:3%;
}


h3{
	font-size:20px;
}
h4{
	font-size:12px;
}
header img{
	width:100%;
}

/*--.bxslider----------*/
.bxslider {
    width: 100%;
  	max-width: 1025px;
    max-height: 500px;
}  


nav ul li:first-child {
//	border-left: 1px solid #ccc;
}
nav ul li a  {
//	display: block;
//	color: #777;
//	transition: ease all 0.8s;
}
nav ul li a:hover {
    color: tomato;
}
a:hover {
	color: tomato;
}
.dai {
	font-size:30px;
}
.about{
//	background-color: pink;
}
.koubou{
    margin: 6% 5% 12% 10%;
	width: 35%;
	float:left;
//	border: 1px solid pink;
}


.about1{
	float:right;
//	border: 1px solid green;
	width: 35%;
	margin:6% 10% 0% 5%;
    font-size: 16px;
	line-height:28px;
}

.sain{
	text-align: right;
}
table{
    float:right;
//  border:solid 1px #000;
//	margin-top:5%;
//	margin-bottom:5%;
	width: 40%;
	margin:6% 5% 10% 0%;

    border-collapse:collapse;
//  width: 50%;
}

th,td{
    padding:1px;
//  border:solid 1px #000;
    border-spacing: 0;
    font-size: 14px;
    text-align: left;
    line-height:20px;
}
th{
    width:10%;
}


.s2{
    margin: 0 auto;
    width:100%;
//	border:2px solid blue;
}
.gallery {
	width:70%;
	height:auto;
	margin:0 auto;
//	border:2px solid yellow;
}
#box{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
//	border:1px solid pink;
	flex-wrap:nowrap;
}
#box  p{
//	float:left;
	margin: 0 auto;
 	padding: 2%; 
	text-align:center;
//	border:1px solid tomato;
}

.madobe{
    float:left;
    margin:3% 10% 5% 10%;
	width:40%;
}
#access{
//  border:1px solid pink;
}
.c_access{
//  border:1px solid green;
}
.section s3{
//	background-color;pink;
}

.adress{
    float:right;
//  background-color: pink;
    line-height: 40px;
    margin:10% 14% 0% 0%;
}
.map{
    width:100%;
}
.map1{
    width:100%;
}
footer{
    width:80%;
 // background-color:red;
    margin: 0 auto;
    border-top:solid 1px #666;
}
footer p{
    padding:20% auto;
    font-size:12px;
    margin: 0 auto;
    text-align: center;
	line-height:50px;
}
/*--1024pxのレイアウト-----------------------------*/
@media (max-width:1024px){
    img{max-width:100%;
	height:auto;
}
.madobe{
    float:left;
    margin:10% 0% 10% 5%;
	width:40%;
}
#access{
//  border:1px solid pink;
}
.c_access{
//  border:1px solid green;
}
.section s3{
//	background-color;pink;
}

.adress{
    float:right;
//  background-color: pink;
    line-height: 40px;
    margin:12% 5% 0% 0%;
}
/*-------1440pxのレイアウト---------------------*/
@media (max-width:1440px){
    img{max-width:100%;
	height:auto;
}
.wrap{
//  background-color: tomato;
}
}
/*-------ここまで1440pxのレイアウト---------------------*/

/*-------1024pxのレイアウト---------------------*/


@media (max-width:1024px){
    img{max-width:100%;
	height:auto;
}
.wrap{
//   background-color: green;
}
.koubou{
	margin: 6% 0% 0% 6%;
	width:40%;
	float:left;
//	border: 1px solid pink;
}
.about1{
	float:right;
//	border: 1px solid green;
	width: 40%;
	margin:6% 6% 0% 2%;
    font-size: 18px;
	line-height:28px;
}
.sain{
	text-align: right;
}
table{
    float:right;
//	border:solid 1px #000;
	margin:	4% 15% 5% 15%;
//	margin-bottom:5%;
    border-collapse:collapse;
    width: 70%;
}

th,td{
    padding:1px;
//   border:solid 1px #000;
    border-spacing: 0;
    font-size: 18px;
    text-align: left;
    line-height:26px;
}
th{
    width:10%;
}
.gallery{
    width: 100%;
// 	padding: 20px;
//    background-color: yellow;
}
.s2{
    margin: 0 auto;
    width:90%;
//	border:2px solid blue;
}
#box p{
    width: 20%;
//	height: auto;
    padding: 1%; 
// background-color: chartreuse;
}
.madobe{
    float:left;
    margin:10% 0% 10% 10%;
	width:40%;
}
#access{
//  border:1px solid pink;
}
.c_access{
//    border:1px solid green;
}
.section s3{
//	background-color;pink;
}

.adress{
    float:right;
//  background-color: pink;
    line-height: 40px;
    margin:12% 10% 0% 0%;
}

}/*--ここまで1024----*/

/*--768のレイアウト-----------------------------*/
@media (max-width:768px){
    img{max-width:100%;
	height:auto;
}
.wrap{
//   background-color: deeppink;
}
.koubou{
    margin: 6% 0% 0% 6%;
	width:40%;
	float:left;
//	border: 1px solid pink;
}
.about1{
	float:right;
//	border: 1px solid green;
	width: 40%;
	margin:6% 6% 0% 2%;
    font-size: 16px;
	line-height:28px;
}
.sain{
	text-align: right;
}
table{
    float:right;
//  border:solid 1px #000;
	margin:	4% 10% 5% 10%;
    border-collapse:collapse;
    width: 80%;
}

th,td{
    padding:1px;
//  border:solid 1px #000;
    border-spacing: 0;
    font-size: 14px;
    text-align: left;
    line-height:20px;
}
th{
    width:10%;
}
.gallery{
    width: 100%;
// 	padding: 20px;
//  background-color: yellow;
}
.s2{
    margin: 0 auto;
    width:90%;
//	border:2px solid blue;
}
#box p{
    width: 20%;
//	height: auto;
    padding: 1%; 
//  background-color: chartreuse;
}
.madobe{
    float:left;
    margin:10% 0% 10% 5%;
	width:40%;
}
#access{
//	border:1px solid pink;
}
.c_access{
//  border:1px solid green;
}
.section s3{
//	background-color;pink;
}

.adress{
    float:right;
//  background-color: pink;
    line-height: 40px;
    margin:12% 5% 0% 0%;
}

}/*--ここまで768-------------------------------------*/


/*--425サイズのレイアウト---------------------------------*/
@media (max-width:426px){
    img{max-width:100%;
	height:auto;
}
.wrap{
//  background-color: blue;
}
.koubou{
    margin: 6% 20% 6% 20%;
	width:60%;
//	border: 1px solid pink;
}
.about1{
//	border: 1px solid green;
    margin: 6% 20% 6% 20%;
	width:60%;
    font-size: 16px;
	line-height:28px;
}
.sain{
	text-align: right;
}
table{
//  float:right;
//  border:solid 1px #000;
	margin:	4% 0% 5% 0%;
    border-collapse:collapse;
    width: 100%;
}

th,td{
    padding:10px;
//  border:solid 1px #000;
    border-spacing: 0;
    font-size: 14px;
    text-align: left;
    line-height:20px;
}
th{
    width:20%;
}
.gallery{
    width: 100%;
// 	padding: 20px;
//  background-color: yellow;
}
.s2{
    margin: 0 auto;
    width:100%;
//	border:2px solid blue;
}
#box p{
    width: 40%;
//	height: auto;
    padding: 0.2%; 
// background-color: chartreuse;
}
.madobe{
    margin:10%;
	width:80%;
}
#access{
//  border:1px solid pink;
}
.c_access{
//  border:1px solid green;
}
.section s3{
//	background-color;pink;
}

.adress{
	width:70%;
//  background-color: pink;
    line-height: 40px;
    margin:0 15% 15% 15%;
}

}
}/*-----ここまで425px------------------------------------*/

/*--スマホサイズ 375pxレイアウト-------------------------*/
@media (max-width:375px){
 img{max-width:100%;
	 height:auto;
}
.adress{
	width:80%;
//	background-color: pink;
    line-height: 40px;
	margin:15% 10% 20% 10%;
}
}/*-----ここまで375px-------------------------------------*/

/*--スマホサイズ 320pxレイアウト--------------------------*/
@media (max-width:320px){
 img{max-width:100%;
	 height:auto;
}

table{
//  float:right;
//  border:solid 1px #000;
	margin:	4% 0% 5% 0%;
    border-collapse:collapse;
    width: 100%;
}

th,td{
    padding:10px;
//  border:solid 1px #000;
    border-spacing: 0;
    font-size: 12px;
    text-align: left;
    line-height:20px;
}
th{
    width:22%;
}
.adress{
	width:90%;
//  background-color: pink;
    line-height: 40px;
    margin:15% 5% 20% 5%;
}
}/*-----ここまで320px--------------------------------------*/











































}