/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

セクション毎の設定

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.context {
	margin: 0;
	padding: 0;
}



#photo1,#photo2,#photo3,#photo4 {
	background-repeat: no-repeat;
	background-size:  cover;
	background-color: transparent;
	display:block;
}

body{
	background-image:  none;

}

#photo1 {
	background-image: url(../../imgs/vision/kuwabata/01.jpg);
	background-position: 50% -92px;
	background-size: 140%;
}

#photo1.fixed {
	background-position: 50% -92px; /* 位置調整（2018.04.23）*/
}

#photo2 {
	background-image: url(../../imgs/vision/kuwabata/02.jpg);
	background-position: 50% 58px; /* 位置調整（2018.04.23）*/
}

#photo3 {
	background-image: url(../../imgs/vision/kuwabata/03.jpg);
	background-position: 50% 58px; /* 位置調整（2018.04.23）*/
}

#photo4 {
	background-image: url(../../imgs/vision/kuwabata/04.jpg);
	background-position: 50% 58px; /* 位置調整（2018.04.23）*/
}


/*
@最初
*/

#sec0 {
/*	background: rgba(5,5,5,0);
*/
	position: relative;
	background-image: url(../../imgs/vision/kuwabata/sections/bg/00.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
}

 #sec0 .fp-tableCell {
	vertical-align: bottom  !important;
    height:  100% !important;
	 background:  none;
}



/*
A
*/

#sec1 {
	background-color: #FFF;
	margin-top:  58px;/* 位置調整（2018.04.23）*/
}







/*
B
*/

#sec2 {
	background-color: #FFF;
}

#sec2 .pic {	display: none; }

/*
C
*/
#sec3 {
	background-color: #FFF;
}



/*
D
*/
#sec4 {
	background-color: #FFF;
}

.fixed{
	position: fixed;
	top: 0;
}
.absolute {
	position:  absolute;
}

.relative {
	position:  relative;
}
    .main_01 {
        position:  absolute;
        left:  1em;
		/*bottom:  450px;*/     bottom:200px !important;
		font-size:  170% !important;
    }
    
     .main_02 {
        position:  absolute;
        left:  1em;
		font-size:  170% !important;
		/*bottom:  330px;*/
       bottom:  50px!important;
    }

@media (min-width: 768px) {
 
	
	.main_01 {
        position:  absolute;
        left:  15px;
		/*bottom:  450px;*/
        bottom: 450px;
		font-size:  200% !important;
    }
    
     .main_02 {
        	position:  absolute;
        	left:  15px;
			/*bottom:  330px;*/
       	 	bottom:  230px;
		 	text-align:  right !important;
		 	font-size:  200% !important;
    }


}

@media (min-width: 1024px) {

body{
	background-image: url(../../imgs/vision/kuwabata/sections/bg/00.jpg);
	background-position: 0 58px;/* 位置調整（2018.04.23）*/
	background-repeat: no-repeat;
	background-size:  cover;
	background-attachment: fixed;
	width:  100%;
}

#sec0 {
	background: transparent !important; /* 位置調整（2018.04.23）*/
	}
	
#photo1, #photo2,#photo3,#photo4 {
	width:  50%;
	left: 0; 
	 margin: 0;
	}
.attach_fix {

}
	
#photo2,#photo3,#photo4 {
	display: none;
}
	
	#sec1,#sec2,#sec3,#sec4 {
		width:  50%;
		margin-left:  50%;
		
	}
  
    .main_01 {
        position:  absolute;
        left:  15px;
		/*bottom:  450px;*/
        bottom: 450px;
    }
    
     .main_02 {
        position:  absolute;
        left:  15px;
		/*bottom:  330px;*/
       bottom:  230px;
		 text-align:  right !important;
    }
}
@media (max-width: 1023px) {

	
	
    #sec0 h2 {
        margin-bottom:  36px;
        
    }
    
    #sec1 .fp-tableCell,
    #sec2 .fp-tableCell,
    #sec3 .fp-tableCell,
    #sec4 .fp-tableCell,
    #sec5 .fp-tableCell    {
        vertical-align: top !important;
        height:  auto !important;
      }
    
    


}