* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {

	height: 100%;
}
body {
	font-size: 14px;
	font-family: 'Lato', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background-color: rgb(250, 250, 250);
	-webkit-text-size-adjust: 100%;
}

#main {
	background: #eee;
}
#main-in {
	padding-left: 170px;
}
#main p {
}
#main .inner {
	padding: 60px;
	background-color: rgb(250, 250, 250);
}

/* main-visual */
#main-visual {

	--bg-color1:rgb(255, 170, 11);
	--bg-color2:rgb(255, 240, 152);
	background: #ffffff;
	background: -webkit-linear-gradient(-30deg, var(--bg-color2), var(--bg-color1));
	background: -moz-linear-gradient(-30deg, var(--bg-color2), var(--bg-color1));
	background: -ms-linear-gradient(-30deg, var(--bg-color2), var(--bg-color1));
	background: linear-gradient(-30deg, var(--bg-color2), var(--bg-color1));
	/*
		background: #64CE80;
	background: -webkit-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: -moz-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: -ms-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: linear-gradient(-45deg, #64CE80, #C68BC4);
*/
	height: 100px;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#main-visual h2 {
	font-size: 500%;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-shadow: 0px 0px 3px rgb(243, 178, 14);
	color: #fff;
	/* text-shadow:0px 2px rgb(255, 200, 19); */
}
#copyright a {
	color: #666;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

/*--------------------------------*/
/*--------[Logo]------------------*/
/*--------------------------------*/
#brand-logo {
	width: 80px;
	margin:30px;
	margin-bottom:0px;
    transition:0.8s;
    transform: rotateZ( 0deg ) ;
}
.logo p{
    color:white;
}
#brand-logo:hover {
  filter:brightness(80%);
  transform: rotateZ( 360deg ) ;
  cursor:pointer;
}
#brand-logo:active{
	transition:0.2s;
	transform:scale(0.9);
}

@font-face {
	font-family: "title";
	src: url(../font/ISE-FONT2/ISE-FONT2/Isemin.otf);
}
@font-face {
	font-family: "main-title";
	src: url(../font/Citronella/Citronella/Citronella-Regular.otf);
}
/*--------------------------------*/