html,body{
	height:100%;
	width:100%;
	-webkit-font-smoothing:antialiased;
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	overflow-x: hidden;			/*IE横スクロール非表示対応*/
	-webkit-overflow-scrolling: touch;	/*スマホスクロールカクカク対応*/
}
/*********************************************************/
/***********************デフォルトカラー******************/
/*********************************************************/
.black{
	background-color:#000000
}


/*********************************************************/
/***********************　スライダー　********************/
/*********************************************************/
.slider{
	width:100%;
	height:80%;
	min-height:500px;
	position:relative
}

.slider .container{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	width:80%;
	height:80%;
	z-index:999}

.slider .tagline{
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;font-weight:bold;
	letter-spacing:-3px;
	width:40%;
	padding:8% 0 0 0;
	float:left;
	color:white
}

@media (max-width: 1450px){.slider .tagline{padding:9% 0 0 0}}

@media (max-width: 800px){.slider .tagline{float:none;width:100%;margin-bottom:70px}}

@media (max-width: 500px){.slider .tagline{float:none;width:100%;margin-bottom:70px}}

.slider .tagline img{
	width:100%;
	max-width: 100%;
	height: auto;
	margin-bottom:10px;
}

.slider .tagline h1{
	font-weight:bold;
	font-size:7rem;
	letter-spacing:-0.25rem;
	line-height:4rem
}

@media (max-width: 1450px){.slider .tagline h1{
	font-size:5rem;
	line-height:5rem
}}
@media (max-width: 800px){.slider .tagline h1{
	display:none;
}}


/*********************************************************/
/***********************コンテンツボタン******************/
/*********************************************************/
.slider .contents{
	float:right;
	width:40%;
	color:white;
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	height:80%;
	margin-left: auto;
	position:relative
}
@media (max-width: 800px){.slider .contents{float:none;width:100%;height:auto}}

.slider .contents .btn-container{
	position:absolute;
	left:60%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	width:100%;
	margin:10px auto;
	height:auto
}

@media (max-width: 1450px){.slider .contents .btn-container{padding:9% 0 0 0}}
@media (max-width: 800px){.slider .contents .btn-container{margin:auto}}

/*********************************************************/
/***********************　ボタン詳細　********************/
/*********************************************************/
.slider .contents .btn-container .btn{
	float:left;
	text-align:center;
	margin-left:20px;
	margin-top:20px;
	width:200px;
	height:55px;
	font-size:1.5rem;
	border:2px solid white;
	color:white;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	transition:all 0.25s ease;
	cursor:pointer;
	line-height:220%;
	overflow:hidden
}


@media (max-width: 1450px){.slider .contents .btn-container .btn{width:200px;height:55px}}
@media (max-width: 800px){.slider .contents .btn-container .btn{float:left;margin:20px 20px 0 0;}}
@media (max-width: 600px){.slider .contents .btn-container .btn{width:100px;height:30px;font-size:0.8rem;}}

/*********************************************************/
/************************　文字装飾　*********************/
/*********************************************************/
.short_line{
	margin-bottom: -0.8em
}

.middle_line{
	margin-bottom: 5em
}
@media (max-width: 500px){.middle_line{margin-bottom: 3em}}
@media (max-width: 500px){.middle_line{margin-bottom: 2em}}

.long_line{
	margin-bottom: 10em
}
@media (max-width: 500px){.long_line{margin-bottom: 7em}}
@media (max-width: 500px){.long_line{margin-bottom: 5em}}

.paragraph{
	margin-left:4.2em;
}
@media (max-width: 1700px){.paragraph{margin-left:0em;margin-bottom:-0.1em;}}
@media (max-width: 800px){.paragraph{margin-bottom:-0.1em;}}

.faint{
	font-weight:bold;
	font-size:4rem;
	letter-spacing:-0.25rem;
	line-height:4rem
}
@media (max-width: 1450px){.faint{
	font-size:3rem;
	line-height:3rem
}}

.emphasis{
	color:red;
	font-size:3rem;
	line-height:3rem;
	letter-spacing:-1px
}
@media (max-width: 800px){.emphasis{font-size:2rem}}
@media (max-width: 500px){.emphasis{font-size:1.5rem}}

.red_c{
	color:#FF0000;
}

.blue_c{
	color:#0000FF;
}

.lime_c{
	color:#00FF00;
}

/*********************************************************/
/************************　フッター　*********************/
/*********************************************************/
footer{
	width:100%;
	height:200px;
	background-color:#000000;
	position:relative;
}
@media all and (-ms-high-contrast:none){
     *::-ms-backdrop,
     footer { height:250px; } /* IE11 */
}
footer .info{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-align:center;
	color:white;
	font-size:1.25rem;
	letter-spacing:-1px
}

footer .info a{
	color:white
}

footer .info img{
	width:330px;
	max-width: 100%;
	height: auto;
}

/*# sourceMappingURL=style.css.map */