@charset "UTF-8";
/* CSS Document */


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

　   全体

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

html {
	margin:			0!important;
	padding:		0!important;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
	-moz-text-size-adjust:		none;
	-webkit-text-size-adjust:	100%;
	}
	
body{
	color: #ffffff;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	line-height:	180%;
	width:			100%;
	padding:		0;
	margin: 0;
	}


.main-container{
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: url("73962872.jpg") no-repeat center top;
	background-size: cover;
	text-align: center;
	padding: 3rem 0;
	}
.logo-box{
	margin: 2rem 0 3rem 0;
	}
h2.heading{
	font-size: 1.8rem;
	}
h3.description{
	font-size: 1rem;
	margin: 3rem 0;
	}
.copy{
	font-size: 0.85rem;
	}

	@media only screen and (max-width: 640px) {
		h2.heading{
			font-size: 1.6rem;
			}
		h3.description{
			font-size: 0.95rem;
			}
		.copy{
			font-size: 0.8rem;
			}
		}
	@media only screen and (max-width: 540px) {
		.main-container{
			padding: 2rem 0;
			}
		.logo-box{
			width: 70%;
			margin: 0 auto;
			}
		.logo-box img{
			width: 100%;
			height: auto;
			}
		h2.heading{
			font-size: 1.5rem;
			}
		h3.description{
			font-size: 0.9rem;
			line-height:	170%;
			margin: 2rem 0;
			}
		.copy{
			font-size: 0.75rem;
			}
		}
	@media only screen and (max-width: 480px) {
		h2.heading{
			font-size: 1.4rem;
			}
		h3.description{
			font-size: 0.85rem;
			}
		.copy{
			font-size: 0.7rem;
			}
		}