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

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/

/*-----------------------------------------------
  font
-----------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap");
/* font-family: "Shippori Mincho", serif; */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/* font-family: "Noto Sans JP", sans-serif; */

/*-----------------------------------------------
  text
-----------------------------------------------*/
html {
overflow-y: scroll;
}
body,
input,
textarea {
font-family: "Shippori Mincho", serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
a {
color: #000;
text-decoration: none;
transition: 0.2s ease;
}
a:hover {
text-decoration: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 1080px) {
	body,
	input,
	textarea {
	font-size: 16px;
	}
}

/*-----------------------------------------------
  header
-----------------------------------------------*/
header {
position: relative;
padding: 15px 4%;
background: #19BEBE;
}
header h1 {
font-size: 1.75em;
text-align: center;
color: #FFF;
}
header .logout {
position: absolute;
top: calc(50% - 1.1em);
right: 4%;
}
header .logout a {
display: block;
padding: 0.25em;
text-align: center;
color: #FFF;
border: 1px solid #FFF;
}
header .logout a:hover {
color: #19BEBE;
background: rgba(255,255,255,0.8);
}
@media screen and (max-width: 799px) {
	header {
	padding: 4%;
	}
	header h1 {
	font-size: 1.35em;
	}
	header .logout {
	font-size: 0.85em;
	top: calc(50% - 1.1em);
	}
}

/*-----------------------------------------------
  main
-----------------------------------------------*/
main {
min-height: 400px;
}


/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer {
border-top: 1px solid #C8C8C8;
}
footer .logo {
width: 50%;
max-width: 300px;
margin: 40px auto;
}
footer .copyright {
padding: 10px 4%;
font-size: 0.65em;
font-weight: 400;
text-align: center;
color: #FFF;
background: #19BEBE;
}
@media screen and (max-width: 799px) {
	footer .copyright {
	padding: 4%;
	}
}