/*header*/
body{
	margin:0;
}

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:1700px;
	background-position:top;
	margin:0;
}

header ul{
	display:flex;
	padding-top:20px;
}

header li{
	list-style-type: none;
	padding-left:80px;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}

header p{
	padding-left:280px;
	padding-top:20px;
}

header p a{
	color:#00c44e;
	text-decoration: none;
}

header p a:hover{
	color:#009650;
}

header h1{
	margin:0;
	padding-left:105px;
	padding-top:10px;
}

/*header end*/

/*wrap*/
.wrap{
	flex-wrap: wrap;
	display:flex;
}

.group{
	padding-left:105px;
	padding-right:400px;
}

.group h1{
	color:#00c44e;
}

.group ul{
	display:flex;
	padding:0;
}

.group li{
	list-style-type: none;
}

.group li a{
	text-decoration: none;
	display:flex;
	padding-top:3px;
}

.group2{
	padding-top:60px;
}

.group2 p{
	font-size: 1.5em;
	color:#00c44e;
}

.group2 img{
	width:400px;
}

/*arrow*/
.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a{
	position:relative;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:127px;
	padding-top:6px;
}

.arrow img{
	padding-left:5px;
	padding-right:5px;
}
/*arrow end*/

/***sns***/
/*like*/
.like{
	background-color:#1778f4;
	border-radius: 3px;
	margin-right:3px;
	padding-right:10px;
	padding-left:10px;
}

.like a{
	color:white;
	font-weight:bold;
	font-size:small;
}

.like img{
	padding-right:5px;
}
/*like end*/

/*share*/
.share{
	background-color:#1679f3;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.share a{
	color:white;
	font-weight:bold;
	font-size:small;
}
/*share end*/

/*tweet*/
.tweet{
	background-color:#1497e6;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.tweet a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*tweet end*/

/*share2*/
.share2{
	background-color:#ff6d41;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.share2 a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*share2 end*/
/***sns end***/

/***responsive***/
/*smartphone(330px以上530px未満)*/

@media screen and (min-width:330px) and (max-width:529px) {

	header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:350px;
	background-position:top;
	margin:0;
	height:30px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:80%;
}

.group{
	padding:10px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:150px;
	padding-left:20px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:90px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:5px;	
	}

	.ham_line2{
		top:13px;
	}

	.ham_line3{
		top:21px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:10px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

}

/*tablet(1030px以上1920px未満)*/

@media screen and (min-width:1030px) and (max-width:1919px) {
	/***education.css***/
@charset "utf-8";

/*header*/
body{
	margin:0;
}

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:1250px;
	background-position:top;
	margin:0;
}

header ul{
	display:flex;
	padding-top:20px;
}

header li{
	list-style-type: none;
	padding-left:30px;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}

header p{
	padding-left:100px;
	padding-top:20px;
}

header p a{
	color:#00c44e;
	text-decoration: none;
}

header p a:hover{
	color:#009650;
}

header h1{
	margin:0;
	padding-left:105px;
	padding-top:10px;
}

/*header end*/

/*wrap*/
.wrap{
	flex-wrap: wrap;
	display:flex;
}

.group{
	padding-left:105px;
	padding-right:100px;
}

.group h1{
	color:#00c44e;
}

.group ul{
	display:flex;
	padding:0;
}

.group li{
	list-style-type: none;
}

.group li a{
	text-decoration: none;
	display:flex;
	padding-top:3px;
}

.group2{
	padding-top:60px;
}

.group2 p{
	font-size: 1.5em;
	color:#00c44e;
}

/*arrow*/
.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:29px;
}

.arrow a{
	position:relative;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
/*arrow end*/

/***sns***/
/*like*/
.like{
	background-color:#1778f4;
	border-radius: 3px;
	margin-right:3px;
	padding-right:10px;
	padding-left:10px;
}

.like a{
	color:white;
	font-weight:bold;
	font-size:small;
}

.like img{
	padding-right:5px;
}
/*like end*/

/*share*/
.share{
	background-color:#1679f3;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.share a{
	color:white;
	font-weight:bold;
	font-size:small;
}
/*share end*/

/*tweet*/
.tweet{
	background-color:#1497e6;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.tweet a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*tweet end*/

/*share2*/
.share2{
	background-color:#ff6d41;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.share2 a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}
/*share2 end*/
/***sns end***/

}


/*ipad(761px以上780px未満)*/

@media screen and (min-width:761px) and (max-width:779px) {

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:740px;
	background-position:top;
	margin:0;
	height:30px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:80%;
}

.group{
	padding:10px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:150px;
	padding-left:20px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:460px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:5px;	
	}

	.ham_line2{
		top:13px;
	}

	.ham_line3{
		top:21px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:10px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

}


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

/*iPadpro(780px以上1030px未満)*/

@media screen and (min-width:780px) and (max-width:1029px) {

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:1000px;
	background-position:top;
	margin:0;
	height:30px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:80%;
}

.group{
	padding:10px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:150px;
	padding-left:20px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:745px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:5px;	
	}

	.ham_line2{
		top:13px;
	}

	.ham_line3{
		top:21px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:30px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

}

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

/*smartphone(290px以上330px未満)*/

@media screen and (min-width:290px) and (max-width:329px) {

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:300px;
	background-position:top;
	margin:0;
	height:30px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:50%;
}

.group{
	padding:5px;
	width:300px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:125px;
	padding-left:20px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:70px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:2px;	
	}

	.ham_line2{
		top:10px;
	}

	.ham_line3{
		top:18px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:5px;
	width:300px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

/***sns***/
/*like*/
.like{
	background-color:#1778f4;
	border-radius: 3px;
	margin-right:3px;
	padding-right:10px;
	padding-left:10px;
}

.like a{
	color:white;
	font-weight:bold;
	font-size:small;
}

.like img{
	padding-right:5px;
}
/*like end*/

/*share*/
.share{
	background-color:#1679f3;
	border-radius: 3px;
	margin-right:15px;
	padding-right:10px;
	padding-left:10px;
}

.share a{
	color:white;
	font-weight:bold;
	font-size:small;
}
/*share end*/

/*tweet*/
.tweet{
	background-color:#1497e6;
	border-radius: 3px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
}

.tweet a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*tweet end*/

/*share2*/
.share2{
	background-color:#ff6d41;
	border-radius: 3px;
	padding-right:10px;
	padding-left:10px;
}

.share2 a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*share2 end*/
/***sns end***/

}

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

/*smartphone(290px未満)*/

@media screen and (max-width:289px) {

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:270px;
	background-position:top;
	margin:0;
	height:21px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:50%;
}

.group{
	padding:5px;
	width:250px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:125px;
	padding-left:14px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:50px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:2px;	
	}

	.ham_line2{
		top:10px;
	}

	.ham_line3{
		top:18px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:5px;
	width:250px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

/***sns***/
/*like*/
.like{
	background-color:#1778f4;
	border-radius: 3px;
	margin-right:3px;
	padding-right:5px;
	padding-left:5px;
}

.like a{
	color:white;
	font-weight:bold;
	font-size:small;
}

.like img{
	padding-right:5px;
}
/*like end*/

/*share*/
.share{
	background-color:#1679f3;
	border-radius: 3px;
	margin-right:10px;
	padding-right:5px;
	padding-left:5px;
}

.share a{
	color:white;
	font-weight:bold;
	font-size:small;
}
/*share end*/

/*tweet*/
.tweet{
	background-color:#1497e6;
	border-radius: 3px;
	margin-right:5px;
	padding-right:5px;
	padding-left:5px;
}

.tweet a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*tweet end*/

/*share2*/
.share2{
	background-color:#ff6d41;
	border-radius: 3px;
	padding-right:5px;
	padding-left:5px;
}

.share2 a{
	color:white;
	font-weight:bold;
	font-size:small;
}

i{
	padding-right:5px;
}
/*share2 end*/
/***sns end***/

}

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

/*smartphone(530px以上760px未満)*/

@media screen and (min-width:530px) and (max-width:760px) {

header{
	display:flex;
	background-repeat: no-repeat;
	background-image:url(../images/Educationnavibackground.png);
	background-size:520px;
	background-position:top;
	margin:0;
	height:30px;
	z-index: -1;
}

header ul{
	display:block;
	padding:0;
}

header li{
	padding-top:20px;
	padding-left:60px;
	font-size:80%;
}

header li a{
	color:black;
	text-decoration: none;
}

header li a:hover{
	color:#00c44e;
}


header h1{
	margin:0;
}

header p{
	padding-left:55px;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0px;
	margin:0;
	font-size:80%;
}

.group{
	padding:10px;
}

header a{
	height:10px;
}

header h1{
	padding:0;
	z-index: 0;
}

header h1 img{
	width:150px;
	padding-left:20px;
	padding-bottom:15px;
	padding-top:1px;
}

/*humberger menu*/
	.ham{
		opacity:1;
		position:relative;
		width:40px;
		height:40px;
		cursor:pointer;
		margin-left:265px;
		z-index:2;
	}

	.ham_line{
		position:absolute;
		left:10px;
		width:20px;
		height:1px;
		background-color:#000;
	}

	.ham_line1{
		top:5px;	
	}

	.ham_line2{
		top:13px;
	}

	.ham_line3{
		top:21px;
	}

	.ham_line {
	transition: all 0.3s;
}

/* 以下はすべて新規行で追加 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}

.menu {
	position: fixed;
	width: 150px;
	height: 250px;
	right: -150px;
	transition: all 0.3s;
	background-color:#fff;
}
.clicked .menu {
	right: 8px;
	opacity:0.8;
}

main{
	font-size:80%;
}

.group2{
	padding:10px;
}

.group2 img{
	width:250px;
}

i{
	padding-right:5px;
	padding-bottom:5px;
}

.group span{
	padding-top:5px;
}

/*arrow*/

.arrow{
	padding-top:30px;
	padding-bottom:30px;
}

.arrow a{
	text-decoration: none;
	color:#00c44e;
	border:solid 1px #00c44e;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
}

.arrow a:hover{
	text-decoration: none;
	color:#009650;
	border:solid 1px #009650;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	padding-right:30px;
}

.arrow a{
	position:relative;
	padding-left:5px;
}

.arrow a .active{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.arrow a:hover .active{
	opacity: 1;
	padding-left:105px;
	padding-top:3px;
}

.arrow a:hover .normal{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*arrow end*/

}