html{
    width: 100%;
    margin: 0 auto;
}
.green{
	background: #01d193 !important;
	box-shadow: 0 3px 6px hsl(144deg 61% 50% / 27%) !important;
}
.lightgreen{
	background: linear-gradient(135deg, #7ddbc5, #7de0a5) !important;
    box-shadow: 0 3px 6px hsl(144deg 61% 50% / 27%) !important;
}
.blue{
	background: linear-gradient(135deg, #407fed, #4668db) !important;
	box-shadow: 0 3px 6px hsl(235deg 61% 50% / 20%) !important;
}
.lightblue{
	background: linear-gradient(135deg, #14cad1, #14a7cc) !important;
	box-shadow: 0 3px 6px hsl(197deg 61% 50% / 27%) !important;
}
.purple {
    background: linear-gradient(315deg,#5611cf,#673ab7) !important;
    box-shadow: 0 3px 6px hsl(272deg 61% 50% / 27%) !important;
}
.lightpurple {
    background: linear-gradient(315deg,#673ab7,#9c27b0) !important;
    box-shadow: 0 3px 6px hsl(285deg 61% 50% / 27%) !important;
}
.lightpink{
	background: linear-gradient( 315deg,#ff0a5d,rgb(255 33 160)) !important;
    box-shadow: 0 1px 3px hsl(298deg 96% 64% / 40%) !important;
}
.pink {
    background: #ff0054 !important;
    box-shadow: 0 1px 3px hsl(340deg 100% 50% / 40%) !important;
}
.yellow{
	background: linear-gradient(135deg, #ffcd44, #f7b542) !important;
	box-shadow: 0 1px 3px hsl(38deg 92% 43% / 40%) !important;
}
.gold{
    background: linear-gradient(135deg, #aab763, #917d37) !important;
	box-shadow: 0 1px 3px hsl(47deg 45% 21% / 40%) !important;
}
.silver{
	background: #a3bea3 !important;
    box-shadow: 0 1px 3px hsl(120deg 17% 51% / 40%) !important;
}
.brown{
	background: #bca583 !important;
	box-shadow: 0 3px 6px hsl(36deg 30% 45% / 27%) !important;
}
body {
	font-family: Hiragino Kaku Gothic Pro,¥Ò¥é¥®¥Î³Ñ¥´ pro w3,Meiryo,¥á¥¤¥ê¥ª,Osaka,MS PGothic,arial,helvetica,sans-serif;
	margin:0 auto;
	padding:0;
	font-size: 15px;
    line-height: 1.6;
    color: #333;
	text-align:center;
	width:100%;
	min-width:900px;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
a{
	color:#1967d2;
}
h1{
    width: 100%;
    height: 100%;
    aspect-ratio: 1920 / 600;
    margin: 0 auto 50px;
}
h1 img{
	width:100%;
	height:100%;
}
.not{
	margin: 40px 0 30px;
    font-weight: 700;
}
.not br{
	display:none;
}
nav{
	margin-bottom:70px;
}
nav ul{
	list-style:none;
}
nav ul li{
	display:inline-block;
}
nav .enter, nav .leave {
    padding: 15px 100px 18px;
	width:298px;
    font-size: 13px;
    display: block;
    text-align: center;
	text-decoration:none;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    box-sizing: border-box;	
}
nav .enter p, nav .leave p{
	font-size: 33px;
    font-weight: normal;
    font-family: Oswald;
    display: block;
    font-weight: 700;
    letter-spacing: 3px;
	line-height: 1.4;
}
nav .enter:hover, nav .leave:hover{
	transform: translateY(-5px);
	transition: .5s;
}
nav .enter {
    margin: 0;
    color: #fff;
    margin-right: 20px;
    background: #333;
    box-shadow: 0 3px 6px hsl(0deg 0% 27% / 15%);
}
nav .leave {
    margin: 0;
    background-color: #eee;
    color: #333 !important;
}
.txt{
    padding: 50px;
    background-color: rgb(0 0 0 / 2%);
}
.txt-inner{
	width:900px;
	padding:0 50px;
	margin: 0 auto;
}
.asobo_link a{
	display:inline-block;
	line-height: 0;
}
aside section{
	padding: 50px;
}
aside section:nth-child(2){
    background: #fafafa;
}
aside h2{
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px;
}
aside h2 span{
    font-family: anton,serif;
    font-size: 29px;
    font-weight: 400;
    display: block;
    line-height: 1;
    position: relative;
	top:-1px;
    text-transform: uppercase;
}
aside section.other a img{
	width:88px;
	height:31px;

}
footer {
	width: 100%;
    padding: 50px 0 80px;
    position: relative;
    background-color: #222;
    color: #fff;
}
footer a{
    color: #fff;
}

/*680px°Ê²¼*/
@media screen and (max-width: 680px) {
	body{
		min-width:100%;
		font-size:14px;
	}
    h1 {
		aspect-ratio: 600 / 600;
		margin:0 auto 30px;
    }
	.not {
		margin: 0 0 30px;
	}
	.not br{
		display:block;
	}
	nav{
		padding:0 30px;
	}
	nav ul li{
		display:block;
	}
	nav .enter, nav .leave{
		width:100%;
		font-size:16px;
		padding:18px 0 20px;
	}
	nav .enter p, nav .leave p{
		display:none;
	}
	nav .enter:hover, nav .leave:hover{
		transform: none;
	}
	nav .enter{
		margin-right:0;
	}
	nav .leave{
		margin-top:18px;
	}
	.txt{
		padding:50px 30px;
		border-radius:0;
	}
	.txt-inner{
		max-width:100%;
		padding:0;
		text-align: left;
	}
	.txt-inner br{
		display:none;
	}
	aside section{
		padding:50px 30px;
	}
	aside section:first-child img{
		width:100%;
		height:100%;		
	}
	footer{
		padding: 50px 30px 80px;
	}
}