@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: #ffffff;
	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;}







/* カウントダウンタイマー--------------------------------------------*/

#time {/* background: url("../images/time.png") no-repeat top center; */height:    70px;background-color: #fe013a;color: #fff;font-size: 34px;line-height: 2.1;font-weight: bold;box-sizing: border-box;margin: 0 auto;width: 1000px;}
.time_count {
    color: yellow;
    text-decoration: none;
}

/* カウントダウンタイマー--------------------------------------------*/









#wrap0{
    overflow: hidden;
}








/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}





.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}













/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

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


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:24px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#head1 { background: url("../images/header_01.png") no-repeat top center; height:    186px; } 
#head2 { background: url("../images/header_02.png") no-repeat top center; height:    581px; } 
#head3 { background: url("../images/header_03.png") no-repeat top center; height:    465px; } 



#sub_01 { background: url("../images/sub_01.png") no-repeat top center; height:    256px; } 
#sub_02 { background: url("../images/sub_02.png") no-repeat top center; height:    256px; } 
#sub_03 { background: url("../images/sub_03.png") no-repeat top center; height:    256px; } 
#sub_04 { background: url("../images/sub_04.png") no-repeat top center; height:    256px; } 
#sub_05 { background: url("../images/sub_05.png") no-repeat top center; height:    256px; } 
#sub_06 { background: url("../images/sub_06.png") no-repeat top center; height:    256px; } 
#sub_07 { background: url("../images/sub_07.png") no-repeat top center; height:    256px; } 
#sub_08 { background: url("../images/sub_08.png") no-repeat top center; height:    255px; } 
#sub_09 { background: url("../images/sub_09.png") no-repeat top center; height:    255px; } 
#sub_10 { background: url("../images/sub_10.png") no-repeat top center; height:    255px; } 
#sub_11 { background: url("../images/sub_11.png") no-repeat top center; height:    256px; } 
#sub_12 { background: url("../images/sub_12.png") no-repeat top center; height:    255px; } 
#sub_13 { background: url("../images/sub_13.png") no-repeat top center; height:    255px; } 
#sub_14 { background: url("../images/sub_14.png") no-repeat top center; height:    255px; } 
#sub_15 { background: url("../images/sub_15.png") no-repeat top center; height:    255px; } 
#sub_16 { background: url("../images/sub_16.png") no-repeat top center; height:    255px; } 

#sozai_title { background: url("../images/sozai_title.png") no-repeat top center; height:    239px; } 

#sozai_01 { background: url("../images/sozai_01.png") no-repeat top center; height:    490px; } 
#sozai_02 { background: url("../images/sozai_02.png") no-repeat top center; height:    526px; } 
#sozai_03 { background: url("../images/sozai_03.png") no-repeat top center; height:    682px; } 
#sozai_04 { background: url("../images/sozai_04.png") no-repeat top center; height:    459px; } 
#sozai_05 { background: url("../images/sozai_05.png") no-repeat top center; height:    801px; }
#sozai_06 { background: url("../images/sozai_06.png") no-repeat top center; height:    515px; } 
#sozai_07 { background: url("../images/sozai_07.png") no-repeat top center; height:    473px; } 
#sozai_08 { background: url("../images/sozai_08.png") no-repeat top center; height:    505px; } 
#sozai_09 { background: url("../images/sozai_09.png") no-repeat top center; height:    252px; } 
#sozai_10 { background: url("../images/sozai_10.png") no-repeat top center; height:    350px; } 
#sozai_11 { background: url("../images/sozai_11.png") no-repeat top center; height:    350px; } 
#sozai_12 { background: url("../images/sozai_12.png") no-repeat top center; height:    518px; } 
#sozai_13 { background: url("../images/sozai_13.png") no-repeat top center; height:    286px; } 
#sozai_14 { background: url("../images/sozai_14.png") no-repeat top center; height:    1700px; } 



#bullet_01 { background: url("../images/bullet_01.png") no-repeat top center; height:    103px; } 
#bullet_02 { background: url("../images/bullet_02.png") no-repeat top center; height:    80px; } 
#bullet_03 { background: url("../images/bullet_03.png") no-repeat top center; height:    104px; } 
#bullet_04 { background: url("../images/bullet_04.png") no-repeat top center; height:    103px; } 
#bullet_05 { background: url("../images/bullet_05.png") no-repeat top center; height:    104px; } 
#bullet_06 { background: url("../images/bullet_06.png") no-repeat top center; height:    104px; } 
#bullet_07 { background: url("../images/bullet_07.png") no-repeat top center; height:    80px; } 
#bullet_08 { background: url("../images/bullet_08.png") no-repeat top center; height:    80px; } 
#bullet_09 { background: url("../images/bullet_09.png") no-repeat top center; height:    104px; } 
#bullet_10 { background: url("../images/bullet_10.png") no-repeat top center; height:    80px; } 
#bullet_11 { background: url("../images/bullet_11.png") no-repeat top center; height:    104px; } 
#bullet_12 { background: url("../images/bullet_12.png") no-repeat top center; height:    103px; } 
#bullet_13 { background: url("../images/bullet_13.png") no-repeat top center; height:    80px; } 
#bullet_14 { background: url("../images/bullet_14.png") no-repeat top center; height:    103px; } 
#bullet_15 { background: url("../images/bullet_15.png") no-repeat top center; height:    104px; } 
#bullet_16 { background: url("../images/bullet_16.png") no-repeat top center; height:    104px; } 
#bullet_17 { background: url("../images/bullet_17.png") no-repeat top center; height:    104px; } 
#bullet_18 { background: url("../images/bullet_18.png") no-repeat top center; height:    93px; } 
#bullet_19 { background: url("../images/bullet_19.png") no-repeat top center; height:    103px; } 
#bullet_20 { background: url("../images/bullet_20.png") no-repeat top center; height:    103px; } 
#bullet_21 { background: url("../images/bullet_21.png") no-repeat top center; height:    103px; } 
#bullet_22 { background: url("../images/bullet_22.png") no-repeat top center; height:    104px; } 
#bullet_23 { background: url("../images/bullet_23.png") no-repeat top center; height:    104px; } 
#bullet_24 { background: url("../images/bullet_24.png") no-repeat top center; height:    93px; } 
#bullet_25 { background: url("../images/bullet_25.png") no-repeat top center; height:    93px; } 
#bullet_26 { background: url("../images/bullet_26.png") no-repeat top center; height:    93px; } 
#bullet_27 { background: url("../images/bullet_27.png") no-repeat top center; height:    103px; }
#bullet_28 { background: url("../images/bullet_28.png") no-repeat top center; height:    104px; } 
#bullet_29 { background: url("../images/bullet_29.png") no-repeat top center; height:    93px; } 
#bullet_30 { background: url("../images/bullet_30.png") no-repeat top center; height:    80px; } 
#bullet_31 { background: url("../images/bullet_31.png") no-repeat top center; height:    104px; } 
#bullet_32 { background: url("../images/bullet_32.png") no-repeat top center; height:    93px; } 
#bullet_33 { background: url("../images/bullet_33.png") no-repeat top center; height:    104px; } 
#bullet_34 { background: url("../images/bullet_34.png") no-repeat top center; height:    104px; } 
#bullet_35 { background: url("../images/bullet_35.png") no-repeat top center; height:    104px; } 
#bullet_36 { background: url("../images/bullet_36.png") no-repeat top center; height:    80px; } 


#bullets_01 { background: url("../images/bullets_01.png") no-repeat top center; height:    93px; } 
#bullets_02 { background: url("../images/bullets_02.png") no-repeat top center; height:    105px; } 
#bullets_03 { background: url("../images/bullets_03.png") no-repeat top center; height:    104px; } 
#bullets_04 { background: url("../images/bullets_04.png") no-repeat top center; height:    104px; } 
#bullets_05 { background: url("../images/bullets_05.png") no-repeat top center; height:    80px; } 





#voice_01 { background: url("../images/voice_01.png") no-repeat top center; height:   592px; } 
#voice_02 { background: url("../images/voice_02.png") no-repeat top center; height:   327px; } 
#voice_03 { background: url("../images/voice_03.png") no-repeat top center; height:   842px; } 
#voice_04 { background: url("../images/voice_04.png") no-repeat top center; height:   159px; } 
#voice_05 { background: url("../images/voice_05.png") no-repeat top center; height:   228px; } 
#voice_06 { background: url("../images/voice_06.png") no-repeat top center; height:   538px; } 

#voice_07 { background: url("../images/voice_07.png") no-repeat top center; height:   369px; } 
#voice_08 { background: url("../images/voice_08.png") no-repeat top center; height:   1328px; } 
#voice_09 { background: url("../images/voice_09.png") no-repeat top center; height:   541px; } 
#voice_10 { background: url("../images/voice_10.png") no-repeat top center; height:   339px; } 












#form { background: url("../images/form.png") no-repeat top center; height:    390px; } 
#wrap_a_02 { background: url("../images/wrap_a_02.png") no-repeat top center; height: 7px; } 


#wrap {

	background-image: url("../images/wrap.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_gray {

	background-image: url("../images/wrap_gray.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#wrap_q {

	background-image: url("../images/wrap_q.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_a_01 {

	background-image: url("../images/wrap_a_01.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}



#wrap_blue {

	background-image: url("../images/wrap_blue.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#wrapform {

	background-image: url("../images/wrapform.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#container {

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

#text {

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


#text2 {

	font-size:20px;
	text-align:left;
	width:880px;
	margin:0 auto;
	
	
}



#textwhite {

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

#texts2 {

	
	text-align:left;
	width:750px;
	position: relative;
	margin-top:170px;
	margin-left:400px;
	
	
}

#texts3 {

	text-align:left;
	width:850px;
	margin-top:250px;
	margin-left:170px;
	
	
}


.container {

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

.white {
  color: #fff;
}

.text-center {
　text-align: center;
}

#footer {  
	background-color: #29364a;
}
--------------------------- */

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