@charset "utf-8";
@font-face {
  font-family: "Noto Serif CJK JP";
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: url("./fonts/NotoSerifCJKjp-ExtraLight.woff") format("woff"),
       url("./fonts/NotoSerifCJKjp-ExtraLight.otf") format("opentype");
}
@font-face {
  font-family: "Noto Serif CJK JP";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/NotoSerifCJKjp-Bold.woff") format("woff"),
       url("./fonts/NotoSerifCJKjp-Bold.otf") format("opentype");
}

html {
  height: 100%;
}

body {
	font-family: 
	"Noto Serif CJK JP","游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN", "HG明朝E",
	 "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	 margin: 0;
	 padding: 0;
	 min-height: 100%;
	 display: flex;
	 flex-direction: column;
}

#wrap {
	/*position: absolute;*/
    width: 100%;
    height: 100%;
    margin: 50px auto;
    padding: 0; 
}
#main {
/*	flex: 1;*/
}

#container {
	width: 1100px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	display: flex;
/*	position: absolute;
    top: 50%;
    left: 50%; 
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
}

.reverse {
	flex-direction: row-reverse; 
}

.box1 {
	flex-basis: 500px;
	margin: 0;
	padding: 0;
}

.box2 {
	flex-basis: 600px;
	margin: 0;
	padding: 0;
}

.logo {
	text-align: right;
}

.right {
	text-align: right;
}

h1 {
	font-size: 26px;
	text-align: center;
	margin: 20px auto 30px;
}

p {
	font-size: 14px;
	margin: 0;
	letter-spacing: -0.05em
}

a {
	text-decoration: none;
	color: #808080;
}

a:hover {
	color: #6600ff;
}

.select1,.select2 {
	text-align: center;
	margin: 0;
}

.select1{
	line-height: 2.2em;
	margin: 0;
	padding: 0;
}
.select2{
	line-height: 1.5em;
	margin-top: 20px;
}


.enter {
	font-size: 50px;
	font-weight: bold;
}

.leave {
	font-size: 22px;
}

.text {
	margin: 50px auto 20px;
}
.footer {
	font-size: 14px;
}
.banner {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}