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

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


/* 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_2.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
---------------------------------------------*/
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:22px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#head1 { background: url("../images/header_01.png") no-repeat top center; height:    201px; } 
#head2 { background: url("../images/header_02.jpg") no-repeat top center; height:    234px; } 
#head3 { background: url("../images/header_03.jpg") no-repeat top center; height:   647px; } 

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


#sub1 { background: url("../images/sub_1.png") no-repeat top center; height:379px; } 
#sub2 { background: url("../images/sub_2.png") no-repeat top center; height:248px; } 
#sub2_1 { background: url("../images/sub_2_1.png") no-repeat top center; height:173px; } 
#sub2_2 { background: url("../images/sub_2_2.png") no-repeat top center; height:171px; } 
#sub2_3 { background: url("../images/sub_2_3.png") no-repeat top center; height:174px; } 
#sub3 { background: url("../images/sub_3.png") no-repeat top center; height:247px; } 
#sub4 { background: url("../images/sub_4.png") no-repeat top center; height:247px; } 
#sub5 { background: url("../images/sub_5.png") no-repeat top center; height:247px; } 
#sub6 { background: url("../images/sub_6.png") no-repeat top center; height:247px; } 
#sub7 { background: url("../images/sub_6_1.png") no-repeat top center; height:99px; } 
#sub8 { background: url("../images/sub_6_2.png") no-repeat top center; height:99px; } 

#burett1 { background: url("../images/burett_1.png") no-repeat top center; height:498px; } 
#burett2 { background: url("../images/burett_2.png") no-repeat top center; height:590px; } 
#burett3 { background: url("../images/burett_3.png") no-repeat top center; height:324px; } 
#burett4 { background: url("../images/burett_4.png") no-repeat top center; height:498px; } 

.bg1 {

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

.bg2 {

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

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

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

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

.wrap2w {

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

.wrap_g {

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

.wrap_gw {

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

#wrap_g2 {

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

.wrap_gw2 {

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

#wrap_y {

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

#wrap_n {

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

#wrap_nw {

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

#container {

	text-align:left;
	width:2000px;
	margin:0 auto;
	
	
}
.container {

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

#text {

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

.text {

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

#textwhite {

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

.textwhite {

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

#texts2 {

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

#texts3 {

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

	text-align:left;
	width:850px;
	margin-left:570px;
	
	
}

.container {

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


.white {
  color: #fff;
}
#footer {  
	background-color: #141920;
}

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