@charset "utf-8";
/* CSS Document */
*{margin: 0;}
@media only screen and (min-width:600px){
.top {width: 80%;
	max-width: 800px; }
	.slider{
	margin: auto;	
	max-width: 1200px;}	
h1{font-size: 1.5em;
	line-height: 2;
		　font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
h2{font-size: 1.2em;
	line-height: 1.5;}
.team {
		width: 80%;
		margin: auto;
		border:1 ;
	}
table td{
padding: 10px;
}
table{
max-width: 700px;
border-collapse: collapse;	
border:solid 1px #ccc;
text-align: center;
}

table tr{
  background: #366845;
}

table tr *:nth-child(2){
  background: #fff;
}

table th{
  color:white;
  border:solid 1px #CCC;
padding: 0 20px;

}
table td{
  color:#333;
  border:solid 1px #CCC;
}
.mailform {
	width: 40%;
	max-width: 400px;	
	}
	.sns img{
	width: 40%;	
	max-width: 185px;	
	}
	.menu{width: 80%;
		max-width: 800px;
	margin: auto;
	padding: 30px 0;}
	.person{width: 50%;
	margin: auto;}
.btn {
  width: 18%;
  display: inline-block;
  padding: 7px 20px;
  text-decoration: none;
  color: #FFF;
  background-color: darkcyan;
  transition: .4s;
  font-size: 1.4em;
  font-weight: bold;

}

.btn:hover {
  background-color:cadetblue;
}	
.btn2{
	margin: auto;
	width: 40%;
	padding: 20px;
	border-radius: 45px;
	display: inline-block;
    	text-decoration: none;
	color: #FFF;
	background-color: cornflowerblue;
	transition: .4s;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 0.9;
	}	
	.btn2:hover {
  background-color:cadetblue;
}
.btn3{
	margin:40px auto;
	width: 25%;
	padding: 10px;
	border-radius: 45px;
	display: inline-block;
    text-decoration: none;
	color: #FFF;
	background-color:darkcyan;
	transition: .4s;
	font-size: 1.4em;
	font-weight: bold;
	}	
	.btn3:hover {
  background-color:cadetblue;
}	
.form001{margin: 10px 0}	
.person {
	width: 60%;
	max-width: 500px;
	margin: auto;
	text-align: left;
	}
.about2{display: none;}	
.albam{
	width: 90%;	
	margin: auto auto 10% auto;
	}
.albam img{
  width: calc(90%/4);    /*100%/4を100%/3に変更*/	
	margin: 0.5% 0.5%;	
	}		
.albam_title{
	width: 50%;	
	padding: 5%;}
.albam h3{	text-align: center;
	background: cadetblue;/*背景色*/
	color: #fff; 
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  width: 45%;
  margin: 5% auto;	
}
.albam h4{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
}
.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  margin: 0 auto;}
}
@media only screen and (max-width:599px){
.top {width: 100%;}
	h1{font-size: 1.5em;
		　font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
	h2{font-size: 1em;}
.about{width: 95%;
	margin: auto;}	
.team {
		width: 98%;
		margin: auto;
		border:1 ;
	}
table td{
padding: 5px;
}
table{
width: 100%;
border-collapse: collapse;	
border:solid 1px #ccc;
text-align: center;
font-size: 	0.9em;
}

table tr{
  background: #366845;
}

table tr *:nth-child(2){
  background: #fff;
}

table th{
  color:white;
  border:solid 1px #CCC;
	padding: 0 10px;
}
table td{
  color:#333;
  border:solid 1px #CCC;
}
.mailform {
	width: 90%;	
	}
.sns img{
	width: 30%;	
	max-width: 185px;	
	}
	.menu{width: 100%;
		margin: auto;
	padding: 20px 0}	
.btn {
width: 40%;
margin: 2px 0;
  display: inline-block;
  padding:10px;
  text-decoration: none;
  color: #FFF;
  background-color: darkcyan;
  transition: .4s;
  font-size: 1.3em;
  font-weight: bold;
　font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.btn2{
	margin: auto;
	width: 80%;
	padding: 20px;
	border-radius: 40px;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	background-color: cornflowerblue;
	transition: .4s;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 0.9;
	　font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	}
.btn:hover {
  background-color:cadetblue;
}
.btn2:hover {
  background-color:cadetblue;
}
.btn3{
	margin:30px auto;
	width: 70%;
	padding: 10px;
	border-radius: 45px;
	display: inline-block;
    text-decoration: none;
	color: #FFF;
	background-color:darkcyan;
	transition: .4s;
	font-size: 1.4em;
	font-weight: bold;
	}	
	.btn3:hover {
  background-color:cadetblue;
}		
.form001{margin: 10px 0}	
.person {
	width: 90%;
	margin: auto;
	text-align: left;
	}
	.about2 h2{
		text-align: left;
	}
	.about{display: none}
	.about2{
		width: 90%;
		margin: auto
	}
.albam{
	width: 90%;	
	margin: auto auto 10% auto;
	}
.albam img{
    width: calc(90%/2);    /*100%/4を100%/3に変更*/
	margin: 1% 1%;	
	}
.albam_title{
	width: 100%;	
	padding:0 0 5%;}
.albam h3{
	text-align: center;
	background: cadetblue;/*背景色*/
	color: #fff; 
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  width: 80%;
  margin: 5% auto;
	font-size: 1.1em;	
}
.albam h4{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
}
}	
}