@charset "UTF-8";
/* CSS Document */
body {
    background-color:#000;
    color: #fff;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 13px;
	font-feature-settings: normal;
	line-height: 190%;
	text-align: center;
	letter-spacing: 0.05em;
	word-break: break-all;
	width: 100%;
    height: 100vh;
    background-image: url("../img/cover_p.jpg");
    background-position:center;
	background-size:cover;
	background-repeat: repeat;
}
img {
	display: block;
	width:100%;
	margin:0 auto 
}
a {
	color:#4e3168;
	text-decoration: none;
    transition: .2s ease-in-out;
}
a:hover {
	color: #aaa;
	text-decoration: none;
}
a:active, a:focus {
	color: #aaa;
	text-decoration: none;
}
.jp {
    color: #FFF;
}
.jp_at {
    font-size: 12px;
}
.eng {
    color: #FFF;
}
.sp_only { }
.pc_only { display: none;}

/*header
---------------------------------------------*/

h1 {
	width: 50%;
	margin:1em auto 1.5em;
	padding-top: 1.5em;
}
h2 {
	margin-bottom:0;
}
.wrap {
	display: flex;
	justify-content:flex-start;
	align-items:baseline;
	height: 100vh;
	}

/*container
---------------------------------------------*/
.container {
    width: 100%;
    margin-top:46vh;
	background:rgba(92,121,136,0.85);
	
	}
.text {
	text-align: left;
    margin: 0  auto 1em;
	width: 88%;
}
.credit {
    font-size:.75em;
	margin-top: 2em;
	color: #FFF;
}
.button {
	margin-top: 2em;
	margin-bottom: 3em;
	}
.button a {
	display: inline-block;
	padding: 0.55em 1em 0.5em;
	margin: 0 0.5em;
	width: 8em;
	line-height: 1em;
    border-radius: 0.1em;
	background-color:#FFF;
}
.button a:hover {
    color:#FFF;
    background-color:#CFCDCD;
}

/*footer
---------------------------------------------*/
h4 {
	font-size:.75em;
    font-weight: normal;
	line-height: 1;
	margin-bottom: 2em;
	color: #FFF;
}


@media screen and (min-width:1024px) {
    body {
	width: 100%;
    height: 100vh;
    background-image: url("../img/cover_p.jpg");
    background-position:center;
	background-size:contain;
	background-repeat: repeat;
        background-color:#FFF;}
	.sp_only {display: none;}
	.pc_only {display: block;}
    .header {
        width: 100%;
        max-width: 980px;
		padding: 0em 0;
    }
	.wrap {
	display: flex;
	justify-content:center;
	align-items:center;
	height: 100vh;
	}
	
	.container {
    width: 70%;
    margin: 2em auto 1.5em;
    max-width: 680px;
	padding: 2em 1em 0.8em;
	background:rgba(92,121,136,0.85);
}
	h1 {
		width: 40%;
		margin: 0 auto;
	}
	h1 {
		padding: 1em 0 1em;
	}
	h4 {
	margin-bottom: 1em;
}
}