@charset "utf-8";

/*---------------------------------------------

表紙スタイル

-----------------------------------------------*/

@media print, screen and (min-width: 768px) {

/* ▼PC */
body {
	background: url("../img/sakura_top.jpg") center center;
	background-size: cover;
}

#wrap {
	display: flex;
 	justify-content: center;
 	align-items: center;
	height: 100vh;
	flex-wrap: wrap;
}

header {width: 734px;}

h1 {
	text-align: center;
	padding-bottom: 190px;
}

nav {width: 734px;}

ul {
	display: flex;
	justify-content: space-between;
}

}

@media print, screen and (max-width: 767px) {

/* ▼SP */
body {
	background: url("../img/sakura_top.jpg") center center;
	background-size: auto 120vh;
}

#wrap {
	display: flex;
 	justify-content: center;
 	align-items: center;
	height: 85vh;
	flex-wrap: wrap;
}

#logobox {padding-top: 5vh;}

h1 {
	text-align: center;
	padding-bottom: 25%;
}

h1 img {width: 90%;}

ul {text-align: center;}

li {text-align: center;}

li:last-child {padding-top: 12%;}

li img {width: 50%;}
	
}