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

/* header */

header {
	background-color: black;
}

div.header {
	display: flex;
	justify-content: space-between;
}

div.title {
	background-color: black;
	display: flex;
	justify-content: flex-start;
}

h1.logo {
	color: white;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;
}

a.logo {
	text-decoration: none;
	color: white;
}

a.logo:hover {
	text-decoration: none;
	color: red;
}

div.sns {
	background-color: black;
	display: flex;
	justify-content: space-between;
}

a.sns_nav:hover {
	opacity: 0.5;
}

/* nav */

nav {
	background-color: black;
}

div.navigation {
	display: flex;
	justify-content: space-around;
}

div.nav_link {
	background-color: black;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;	
	font-weight: 400;
}

a.nav {
	text-decoration: none;
	color: white;
}

a.nav:hover {
	text-decoration: none;
	color: red;
}

/* main */

div.img {
	padding-bottom: 0;
}

img {
	width: 100%;
}

div.catch_copy {
	background-color: black;
}

h2.catch_copy {
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;	
	font-weight: 400;
	text-align: center;
	word-spacing: 3em;
	color: white;
}

div.statement {
	background-color: black;
}

h2.statement {
	text-align: center;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;	
	font-weight: 400;
	color: white;
}

p.s_sentence {
	font-family: toppan-bunkyu-gothic-pr6n,serif;
    font-weight: 400;
    font-style: normal;
	color: white;
}

div.schedule {
	background-color: black;
}

h2.schedule {
	text-align: center;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;	
	font-weight: 400;
	color: white;
}

h3.schedule {
	text-align: center;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;	
	font-weight: 400;
	color: white;
}

/* footer */

footer {
	background-color: black;
}

p.copyright {
	color: white;
	text-align: center;
	font-family: charcuterie-contrast, sans-serif;
    font-style: normal;
	font-weight: 400;
}

/* responsive */

@media (min-width: 481px){
	
}

@media (min-width: 769px){
	
}
