@charset "utf-8";

html.fix{overflow-y:hidden}

#wrap{position:relative;opacity:0;left:0;max-width:1920px;overflow:hidden;min-height:100%;margin:0 auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease}
#wrap.start{opacity:1}

.d_t{display:table;width:100%;height:100%;}
.d_t .d_c{display:table-cell;width:100%;vertical-align:middle;}



.main_visual{opacity:0;position:fixed;top:0;left:50%;width:1919px;height:1250px;margin-left:-960px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease}
.main_visual .dot{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,1);opacity:0.6}
.main_visual div{-webkit-transition: all 1.9s ease;-moz-transition: all 1.9s ease;-o-transition: all 1.9s ease;transition: all 1.9s ease}
.main_visual.start{opacity:1}
.main_visual .left{position:absolute;top:0;right:50%;width:50%;height:100%;z-index:1;background:url(../../images/main_visual_left.jpg) right top no-repeat;}
.main_visual .right{position:absolute;bottom:0;left:50%;width:50%;height:100%;z-index:1;background:url(../../images/main_visual_right.jpg) left bottom no-repeat;}
.main_visual.start .left{height:100%;width:50%}
.main_visual.start .right{height:100%;width:50%}

#footer{position:relative;padding:45px 20px 95px 20px;background:#666;z-index:10}
#footer address{font-size:14px;line-height:24px;color:#fff}
#footer address a{color:#fff}
#footer .btn_sns{margin-top:25px}
#footer .btn_sns a{margin:0 7px}

#conData{position:relative;z-index:10}
.data_cell{position:relative;width:100%;padding-top:52.09%;background-color:#fff;position:relative;overflow:hidden}
.data_wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.data_wrap .visual{z-index:2;position:absolute;top:0;width:50%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.cover{z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ede7df}
.data_wrap .txt_wrap{z-index:3;position:absolute;top:0;width:50%;height:100%}
.main04 .cover{background-color:#f6f3ef}
.main05 .cover{background-color:#f0f0f5}
.main06 .cover{background-color:#f6f3ef}
.main07 .cover{background-color:#eceff1}
.main08 .cover{background-color:#efefef}


.main02 .data_wrap{background-color:#ede7df}
.main02 .visual{left:0;background-image:url(../../images/main_visual02.jpg)}
.main03 .visual{right:0;background-image:url(../../images/main_visual03.jpg)}
.main04 .visual{left:0;background-image:url(../../images/main_visual04.jpg)}
.main05 .visual{right:0;background-image:url(../../images/main_visual05.jpg)}
.main06 .visual{left:0;background-image:url(../../images/main_visual06.jpg)}
.main07 .visual{right:0;background-image:url(../../images/main_visual07.jpg)}
.main08 .visual{left:0;background-image:url(../../images/main_visual08.jpg)}

.main02,
.main04,
.main06,
.main08{text-align:left}

.main02 .txt_wrap,
.main04 .txt_wrap,
.main06 .txt_wrap,
.main08 .txt_wrap{right:0}

.main03 .txt_wrap,
.main05 .txt_wrap,
.main07 .txt_wrap{left:0}

.main02 .txt_cell,
.main04 .txt_cell,
.main06 .txt_cell,
.main08 .txt_cell{padding:0 27% 0 100px}

.main03 .txt_cell,
.main05 .txt_cell,
.main07 .txt_cell{padding:0 100px 0 27%}

.main03 .visual .v_txt_cell,
.main05 .visual .v_txt_cell,
.main07 .visual .v_txt_cell{padding:0 30% 0 100px;text-align:left}



.v_txt_cell > p:first-child{margin-top:0}
.txt_cell > p:first-child{margin-top:0}

.main03,
.main05,
.main07{text-align:right}

.main07 .visual .d_c{vertical-align:top}
.main07 .visual .v_txt_cell{padding-top:50px}

.txt05{font-size:30px;color:#333;font-weight:400}
.txt06{font-size:16px;line-height:24px;margin-top:20px}
.txt07{font-size:14px;line-height:20px;color:#666;margin-top:20px}
.txt08{margin-top:40px;opacity:0.6}


.main01{padding-top:0 !important;background:none;height:1250px}
.main01 .container{max-width:940px;margin:0 auto}
.main01 h1{padding-top:238px}
.main01 .txt01{font-size:16px;color:#bbb;line-height:25px;margin-top:40px}
.main01 .txt02{font-size:40px;color:#fff;line-height:48px;margin-top:30px}
.main01 .txt03{font-size:16px;color:#bbb;line-height:25px;margin-top:20px}
.main01 .txt04{font-size:16px;color:#bbb;line-height:25px;margin-top:30px}
.main01 .effect{opacity:0}



/* desktop 1920 */
@media screen and (max-width:1920px){	

}


/* desktop 1600 */
@media screen and (max-width:1600px){	

}

/* desktop 1440 */
@media screen and (max-width:1440px){	

}

/* desktop 1366 */
@media screen and (max-width:1366px){

}

/* desktop 1280 */
@media screen and (max-width:1280px){


}

/* desktop 1024 */
@media screen and (max-width:1024px){		
	.cover{display:none}	
	.main01 .effect{opacity:1}
	.main02 .txt_cell,
	.main04 .txt_cell,
	.main06 .txt_cell,
	.main08 .txt_cell{padding:0 30px}

	.main03 .txt_cell,
	.main05 .txt_cell,
	.main07 .txt_cell{padding:0 30px}

	.main03 .visual .v_txt_cell,
	.main05 .visual .v_txt_cell,
	.main07 .visual .v_txt_cell{padding:0 30px;text-align:left}
	
	.main07 .visual .v_txt_cell{padding-top:30px}
	.txt08{margin-top:20px}

	.data_cell{padding-top:62%}

}
/* mobie 1023 */
@media screen and (max-width:1023px){	
	
}

/* mobie 960 */
@media screen and (max-width:960px){
	
}
/* mobie 900 */
@media screen and (max-width:900px){
	
}

/* mobie 800 */
@media screen and (max-width:800px){
	.main_visual{left:0;width:100%;height:100%;margin-left:0}
	.main_visual .left{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	.main_visual .right{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left top}
	.main01{height:auto;padding-bottom:100px}
	.main01 .container{padding:0 30px}
	.main01 h1{padding-top:100px}
	.main01 .txt01{margin-top:40px}
	.main01 .txt02{margin-top:30px}
	.main01 .txt03{margin-top:20px}
	.main01 .txt04{margin-top:30px}

	.data_cell{padding-top:93%}

}

/* mobie 768 */
@media screen and (max-width:768px){
	
}

/* mobie 736 */
@media screen and (max-width:736px){

}

/* mobie 720 */
@media screen and (max-width:720px){

}
/* mobie 667 */
@media screen and (max-width:667px){	

}

/* mobie 640 */
@media screen and (max-width:640px){	
	.main_visual{height:60%}
	.main01 h1{padding-top:60px}
	.main01 h1 img{width:150px}
	.main01 .txt01{font-size:14px;line-height:20px;margin-top:20px}
	.main01 .txt02{font-size:20px;line-height:28px;margin-top:15px}
	.main01 .txt03{font-size:14px;line-height:20px;margin-top:10px}
	.main01 .txt04{font-size:14px;line-height:20px;margin-top:15px}
	.main01 .container{padding:0 20px 60px 20px}
	.main01 .container.m_data{padding:30px 20px 60px 20px;background:#444}

	.txt05{font-size:24px}
	.txt06{font-size:14px;line-height:20px;margin-top:10px}
	.txt07{font-size:13px;line-height:18px;margin-top:10px}
	.txt08{margin-top:15px}

	.data_cell{padding:0}
	.data_wrap{position:relative;top:auto;left:auto;width:auto;height:auto}
	.data_wrap .visual{position:relative;top:auto;width:100%;height:auto;padding-top:100%}
	.data_wrap .txt_wrap{position:relative;top:auto;width:100%;height:auto}
	.data_wrap .txt_wrap .txt_cell{padding:30px 20px 60px 20px;text-align:left}
	.data_wrap .visual .v_txt_cell{position:absolute;top:0;left:0;padding:30px 20px}



	#footer{padding:30px 20px 50px 20px}
	#footer address{font-size:13px;line-height:20px}
	#footer .btn_sns{margin-top:15px}
	#footer .btn_sns a{margin:0 5px}

	
}
/* mobie 568 */
@media screen and (max-width:568px){
	
}
/* mobie 480 */
@media screen and (max-width:480px){	
	
}

/* mobie 420 */
@media screen and (max-width:420px){
	
}

/* mobie 414 */
@media screen and (max-width:414px){
	body{background:#444}
}
/* mobie 384 */
@media screen and (max-width:384px){
	.main_visual{height:72%}
}
/* mobie 375 */
@media screen and (max-width:375px){
	
}
/* mobie 360 */
@media screen and (max-width:360px){
	.main_visual{height:75%}
}

/* mobie 320 */
@media screen and (max-width:320px){
	.main_visual{height:88%}
}