/*---------------------------------------------------------
  						reset
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;border-spacing: 0;}
/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
.clea{
	clear:both;	
	}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
body{
	-webkit-text-size-adjust: none;
	font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	color:#202020;
	line-height:1.5;
	background:#fff;
	}
a{
	color:#333;
	text-decoration:none;
	outline: none;		
}
a:hover{
	color:#19b491;
	}
#header h1{
	padding:10px;
	background:#000;
	color:#fff;
	text-align:center;
	}
	

a.button{
	display:block;
	background:#18dfb3;
	padding:10px 15px;
	color:#fff;
	margin-top:20px;	
	}
a.button:hover{
	text-decoration:none;
	background:#19b491;	
	}
.wrap{
	margin-top:50px;
	margin-bottom:50px;
	
	}
.font-36{
	font-size:36px;	
	}
	
/*
------------------------------------------------------------------------------------*/
.content{
	width:100%;
	margin:auto;
	}

.box{
	max-width: 960px;
    margin: 0 auto;	
	}

.box_bg_01{
	width:100%;
	height:200px;
	margin:0 auto;
	background-color:#1c1c1c;
}

.box_bg_02{
	width:100%;
	height:737px;
	margin:0 auto;
	background-image:url(../img/prx01_bg.gif);
	background-position: top center;
}

.box_bg_03{
	width:100%;
	height:899px;
	margin:0 auto;
	background-image:url(../img/prx02_bg.gif);
	background-position: top center;
}

.box_bg_04{
	width:100%;
	height:995px;
	margin:0 auto;
	background-image:url(../img/prx03_bg.gif);
	background-position: top center;
}

.content h3{
	font-size:24px;
	}
.content p{
	line-height:1.8;
	}






/*************************
パララックス
*************************/
div.parallax{
	height:793px;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	}
.content{
	/*padding:30px 0;*/
	}
.box{
	max-width: 960px;
    margin: 0 auto;	
	}
.box h2{
	line-height: 600px;
	font-size: 60px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}





.parallax_img_1{
	background:url(../img/001.jpg);	
	}
.parallax_img_2{
	background:url(../img/002.jpg);	
	}
.parallax_img_3{
	background:url(../img/003.jpg);	
	}


/*
20160920 ----------------------------------*/
div.parallax_bn{
	height:420px;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	}
.parallax_img_bn{
	background:url(../img/prxbn_bg.jpg);
	height:420px;
	}

.foot_bn{
	margin:50px;auto;
}

/*************************
メディアクエリ

@media screen and (max-width: 960px){
	.content{
		width:auto;
		}
	.box{
		width:auto;	
		}
	}
	*************************/
	
@media screen and (max-width: 760px){
	
	div.parallax{
	height:793px;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	}
	
	.box_bg_01 img,
	.box_bg_02 img,
	.box_bg_03 img,
	.box_bg_04 img { width:95%; }
	
	.box_bg_01{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#1c1c1c;
	}
	
	.box_bg_02{
		width:100%;
		height:auto;
		margin:0 auto;
		background-image:url(../img/prx01_bg.gif);
		background-position: top center;
	}
	
	.box_bg_03{
		width:100%;
		height:auto;
		margin:0 auto;
		background-image:url(../img/prx02_bg.gif);
		background-position: top center;
	}
	
	.box_bg_04{
		width:100%;
		height:auto;
		margin:0 auto;
		background-image:url(../img/prx03_bg.gif);
		background-position: top center;
	}
	
	div.parallax{
	  height:280px;
	  background-position: top center;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-size: cover;
	}
	
	.parallax_img_1{
	  background:url(../img/003sp.jpg);
	  background-attachment:fixed;
	}
	.parallax_img_2{
	  background:url(../img/002.jpg);	
	}
	.parallax_img_3{
	  background:url(../img/003sp.jpg);	
	}





div.parallax_bn{
	height:250px;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	}
.parallax_img_bn{
	background:url(../img/prxbn_bg.jpg);
	height:250px;
	align:center;
	}

.btm_m25{
	margin-bottom:25px;
}

.foot_bn_sp{
	margin:10px;auto;
}
.foot_bn_sp_sml img{
	width:95%;
}
}

/*
--------------------------------------------------------------------------------------*/
/*
---------------------------------------------- * --------------------------*/
@media screen and (max-width: 760px) {
  .cw_head_sp{
	  width:100%;
  }
  
  .sp_h1{
	  float:left;
  }
  .sp_h2{
	  float:right;
	  text-align:right;
	  padding-top:15px;

  }

  
}



.imgSP{
	display:none;
}
@media screen and (max-width: 760px) {
	.imgSP{
	display:block;
	}
	.imgPC{
	display:none;
	}
}


.spimg100 img{width:100%;}
/*
---------------------------------------------- * --------------------------*/



.altxt{
	display:none;
}

.cs1{
	padding:1100px 0 0 80px;
}

.cs2{
	padding:680px 0 0 80px;
}

.pdt70{
	padding-top:50px;
}

.pdt30{
	padding-top:25px;
}

.pdt20{
	padding-top:20px;
}

/*
----------------------- footer -----------------------*/
.cw_footer{
	width:100%;
	height:150px;
	overflow:hidden;
	/*background-color:#000;*/
	border-top:1px solid #333;
	/*margin-top:45px;*/
}

.cw_footer_sp{
	width:100%;
	/*height:150px;*/
	overflow:hidden;
	/*background-color:#000;*/
	border-top:1px solid #333;
	/*margin-top:45px;*/
	padding:10px 0px;
}

.cw_f{
	width:960px;
	margin:25px auto;
	overflow:hidden;
	background-color:#000;
}

.cw_f1{
	width:320px;
	float:left;
	overflow:hidden;
}

.cw_f2{
	width:320px;
	float:left;
	overflow:hidden;
	text-align:center;
}

.cw_f3{
	width:320px;
	float:right;
	overflow:hidden;
	text-align:right;
}

/*--------------- pc - display:none ---------------------*/


.cw_head_sp{
	display:none;
}



 @media screen and (max-width: 760px) {

/*--------------- sp - display:none ---------------------*/
		  .cw_head,
		  .cw_f{
			  display:none;
		  }
		  
		  
		  .cw_f_sp{
			  width:96%;
			  margin:10px auto;
			  
		  }
		  
		  .cw_f_sp_1{
			  width:40%;
			  float:left;
			  overflow:hidden;
			  text-align:right;
		  }
		  
		  .cw_f_sp_2{
			  width:30%;
			  float:left;
			  overflow:hidden;
			  text-align:center;
		  }
		  
		  .cw_f_sp_3{
			  width:30%;
			  float:right;
			  overflow:hidden;
			  text-align:left;
		  }
		  
		  .head_logo{
			  display:none;
		  }
		  
		  .cw_head_sp{
			  display:block;
		  }

}



.pt6{padding-top:6px; color:#fff;}



#spm{
	display:none;
}
 @media screen and (max-width: 760px) {
#spm{
	display:block;
}
 }




#spMainHead {
  height: 60px;
  
  background: #fff;
  color: #000;
  padding: 10px; }
  #spMainHead .wrapper {
    max-height: 100%;min-width:400px: }
  #spMainHead .first {
    height: 50px;
    margin-right: 15px; }
  #spMainHead .next {
    height: 35px; }
	#spMainHead .next_i {
		margin-left: 25px;
    height: 35px; }
  #spMainHead #spMenuBtn {
    position: absolute;
    right: 10px;
    top: 10px; }
    #spMainHead #spMenuBtn img {
      height: 40px; }







/*
---------------------------------------------------------------------*/



.cw_head{
	width:100%;
	/*height:613px;*/
	margin:0 auto;
}

.cw1080{
	width:960px;
	margin:0 auto;
}
@media screen and (max-width: 760px) {
	.cw1080{
	  width:100%;
	  margin:0 auto;
	  display:block;
	  min-width:500px;
	}
}

.head_logo{
	width:100%;
	height:100px;
	overflow:hidden;
	/*padding-top:20px;*/
}

.head_logo1{
	width:250px;
	float:left;
	overflow:hidden;
}

.head_sns{
	width:250px;
	padding-top:10px;
	float:left;
	overflow:hidden;
	text-align:left;
}

.head_marvel{
	width:550px;
	float:right;
	overflow:hidden;
	text-align:right;
}

.bg1c{
	width:100%;
	height:aito;
	background-color:#000;
	color:#fff;
}


.wid100 img{
	display:block;
	width:97.35vw;
}


.spV{
	width:100%;
	height:auto;
	margin:0 auto;
}