@charset "utf-8";

/*
Theme Name: SUBHAND
Author: SUBHAND.LLC
Author URL: http://www.subhand.net/
*/


/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #fff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}





/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1150px;
	background-color:#110c06;
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;

 text-align:center;
  font-size: 26px;
  font-family: Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
    color: #000000;
	 line-height: 1.8;
  letter-spacing: 0.03em;
}



		/* スマホへの振り分け */

 /* 表示領域が1090px以上の場合に適用するスタイル（パソコン向け） */
@media screen and (min-width: 1090px){
  
#registration_pc {visibility : visible;}
#registration_sp {display : none;}
	
}	

 /* 表示領域が1080px以下の場合に適用するスタイル（スマホ向け） */
@media screen and (max-width: 1080px) {
  

#registration_pc {display : none;}
#registration_sp {visibility : visible;}

}

body{
	background-color: #001447;
}


#head1 { background: url("../images/header_01.jpg") no-repeat top center; height: 779px; z-index: -1; position: relative;} 
#head2 { background: url("../images/header_02.jpg") no-repeat top center; height: 1000px; z-index: 5;} 
#head3 { background: url("../images/header_03.jpg") no-repeat top center; height: 1180px; } 
#head4 { background: url("../images/header_04.jpg") no-repeat top center; height: 710px;  z-index: 5; } 
#head5 { background: url("../images/header_05.jpg") no-repeat top center; height: 509px; } 
#head6 { background: url("../images/header_06.jpg") no-repeat top center; height: 1030px; z-index: 5; } 
#head7 { background: url("../images/header_07.jpg") no-repeat top center; height: 949px; } 
#head7sp { background: url("../images/header_07sp.jpg") no-repeat top center; height: 1747px; } 
#head8 { background: url("../images/header_08.jpg") no-repeat top center; height: 160px; margin-top:-2px;} 
#head8_2 { background: url("../images/header_08.jpg") no-repeat top center; height: 150px; margin-top:-2px;} 
#head9 { background: url("../images/header_09.jpg") no-repeat top center; height: 700px; margin-top:-2px;} 
#head10 { background: url("../images/header_10.jpg") no-repeat top center; height: 1309px; } 
#head11 { background: url("../images/header_11.jpg") no-repeat top center; height: 1420px;  z-index: 5;} 
#head12 { background: url("../images/header_12.jpg") no-repeat top center; height: 654px; } 
#head13 { background: url("../images/header_13.jpg") no-repeat top center; height: 214px; } 

#of {
overflow: hidden;}

#container {

	text-align:left;
	width:1150px;
	margin:0 auto;
	z-index: 9999;
	
}

#text {

	text-align:left;
	width:850px;
	margin:0 auto;
	
	
}



--------------------------- */
ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}



.btn_box{
	width: 1150px;
	margin: 0 auto;
	position: relative;
		top: 0px;
}

.box{
	z-index: 5;
}






/***フッター***/
footer{
	margin: 0 0 0 0;
	min-width: 1000px;
	background: #000000;
	font-size:14px;
	color:#fff;
	text-align: center;
}

small{
	display:block;
	width: 100%;
	text-align:center;
	padding: 0;
}

.block{
	display: block;
	padding-top: 10px;
	
}

.copy2{
	display:block;
	color: #fff;
	font-size:14px;
	line-height: 1.3;
	padding:5px 0 10px 0;
}

.toku{
	text-align:center;
	color:#fff;
	font-size:14px;
}

.mt0{
	margin-top: 0;
}

.mb0{
	margin-bottom: 0;
}

#aaa{
	position:absolute;
	top: -5000px;
}

#bbb{
	position:relative;
	top: 50px;
}


.mail01 {
    margin: 0 auto;
    display: block;
    width: 810px;
    height: 100px;
    font-size: 30px;
    border: 3px solid #707070;
    line-height: 1.2;
    text-align: center;
    box-sizing: border-box;
}








/***movie***/

.movie_box{
	position: relative;
	top: 10px;
	width: 932px;
	height: 604px;
	background-color: #161616;
	margin: 0px auto 0 auto;
	border-radius: 10px;
	overflow: hidden;
}

iframe{
	width: 882px;
	height: 550px;
	display: block;
	margin: 26px auto 0 auto;
}


.w2000{
	max-width: 2000px;
	text-align: center;
}



.particle-section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100vh;
}
.particle-caption {
    margin: auto;
    width: 700px;
    max-width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.25);
    text-align: center;
}
#canvas-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background: black;
}
#canvas-container canvas {
    vertical-align: middle;
}





/* -----------------------------------------------------------
	particles.js
----------------------------------------------------------- */

.particle{
	width: 100%;
	position: absolute;
}

#particles-js01{
	height: 779px;
}

#particles-js02{
	height: 1180px;
}

#particles-js03{
	height: 949px;
}

#particles-js04{
	height: 1020px;
}

/* -----------------------------------------------------------
	particles.js(sp)
----------------------------------------------------------- */

@media screen and (max-width: 479px) {
	.particle {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: -1;
	}
}