@charset "UTF-8";


/** ---------------------------------------
body
--------------------------------------- */

body{
font-size: 16px;
font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "sans-serif";
line-height: 1.8; 
letter-spacing: 0.1rem; 
}

	@media screen and ( max-width:479px ){
		body{
			font-size: 14px;
			}
	}


/** ---------------------------------------
wapper
--------------------------------------- */

.wrapper{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 1rem;
}
	@media screen and ( max-width:479px ){
		.wrapper{
			display: block;
			margin: 0 auto;
			padding: 0 3vw;
			width: auto;
			}
	}


/** ---------------------------------------
logo
--------------------------------------- */

article.logo{
display: block;
margin: 0;
padding: 8rem 0;
text-align: center;
}

article.logo img{
margin: 0;
padding: 0;
aspect-ratio: 1 / 1;
width: 75%;
max-width: 360px;
}


article.open{
margin: 0;
padding: 0;
}

article.open .box{
margin: 0;
padding: 2rem;
border: 1px solid #ddd;
text-align: center;
}


article.open h1{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 18px;
}



/** ---------------------------------------
twitter
--------------------------------------- */

article.twitter{
margin: 0;
padding: 2rem 0;
}

article.twitter .box{
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}

article.twitter .box .left,.right{
margin: 0;
padding: 1rem;
}

article.twitter .box .left img{
margin: 0;
padding: 0;
aspect-ratio: 1 / 1;
width: 80px;
}

article.twitter .box .right h1{
margin: 0;
padding: 0;
font-weight: bold;
}

article.twitter .box .right p{
margin: 0;
padding: 0;
}

article.twitter .box .right a{
margin: 0;
padding: 0;
color: deepskyblue;
}


	@media screen and ( max-width:479px ){
		article.twitter .box{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		}
	}


/** ---------------------------------------
footer
--------------------------------------- */

footer{
display: block;
margin-top: 3rem;
padding: 0.6rem 0;
background: #190513;
color: #fff;
}


footer p{
text-align: center;
}

footer span{
font-size: 20px;
vertical-align: middle;
}

footer a{
color: #fff;
text-decoration: none;
}