/* 画面の横幅が641px以上　Portrait tablet to landscape and desktop */
@media screen and (min-width: 641px){

.PC{
	display:block;
}
.SP{
	display:none;
}

a {
	/**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


		
/* コンテンツ基本
------------------------------------------------------------ */		
body{
	min-width:1180px;
}
#main-wrapper {
				
}

#contents-wrapper{
	background-color:#fff;
}

/*コンテンツ幅*/
.content-inner{
	width:1100px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.content-innerS{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.content-innerL{
	width:94%;
	max-width:1400px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.full-inner{ 
	width:100%;
	position:relative;
}

.inner{
}

/*パターンcss*/
.bgcolor01{
	background-color:#09ACFF;
	color:#fff;
}

/*基本レイアウト*/
.photo-left .imgbox{
	float:left;
	margin:0 15px 15px 0;
	width:320px;
}
.photo-left .txtbox{
	
}

.photo-right .imgbox{
	float:right;
	margin:0 0px 15px 15px;
	width:320px;
}
.photo-right .txtbox{
	
}


.col2box .inner{
	margin:0 -10px;
}
.col2box .box{
	width:50%;
	float:left;
}
.col2box .box .box-inner{
	padding:0 10px;/*body min-widthより小さく*/
}


.col3box .inner{
	margin:0 -10px;
}
.col3box .box{
	width:33.33333%;
	float:left;
}
.col3box .box .box-inner{
	padding:0 10px;
}

.col3box02 .inner{
	margin:0 -5px;
}
.col3box02 .box{
	width:33.33333%;
	float:left;
}
.col3box02 .box .box-inner{
	padding:0 5px;
}


.col4box .inner{
	margin:0 -10px;
}
.col4box .box{
	width:25%;
	float:left;
}
.col4box .box .box-inner{
	padding:0 10px;
}

.col5box .inner{
	margin:0 -10px;
}
.col5box .box{
	width:20%;
	float:left;
}
.col5box .box .box-inner{
	padding:0 10px;
}


/* ページトップ 
------------------------------------------------------------ */
.pagetop{
	position:fixed;
	bottom:0px;
	right:2%;
	display:none;
	z-index:1000;
}
.pagetop a{
	display:block;
	width:50px;
	height:50px;
	background:url(../../images/btn_pagetop.png) center center no-repeat;
	background-size:50px;
	text-indent:-9999px;
}


/* ヘッダー
------------------------------------------------------------ */

#header	{
	position:relative;
	z-index:1020;
	width:100%;
	height:auto;
	border-bottom:solid #ddd 1px;
	background-color:#fff;
}

#header a{
	color:#333;
	text-decoration:none;
}

#header-inner{
	height:88px;
}

#header-inner #logo{
	padding:23px 0 0 47px;
	display:table;
	float:left;
}
#header-inner #logo strong{
	display:table-cell;
	height:42px;
	vertical-align:middle;
	text-align:left;
}
#header-inner #logo strong img{
	height:42px;
	vertical-align:middle;
}
#header-inner #logo strong span{
	font-size:11px;
	margin-left:20px;
}
#header-inner #logo strong span img{
	height:10px;
}


/* ナビ部分 
------------------------------------------------------------ */
#menuBtn,
#menuClose,
#shadows{
	display:none;
}

#navi{
	display:block;
	position:relative;
	float:right;
}
#navi ul{
	display:table;
	padding-right:20px;
}
#navi ul li{
	display:table-cell;
	vertical-align:middle;
	height:88px;
}
#navi ul li a{
	color:#333;
	text-decoration:none;
	display:block;
	padding:23px 30px 23px 30px;
	font-weight:600;
	font-size:13px;
}


/* フッター
------------------------------------------------------------ */

#footer{
	border-top:solid #ddd 1px;
}
#footer-inner{
	width:1100px;
	margin:0 auto;
	padding:45px 0;
	line-height:120%;
}
#footer-inner address{
	font-size:11px;
	color:#989898;
}



/* トップメインイメージ
------------------------------------------------------------ */
#mainimg{
	display:table;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}

#mainimg #movieover{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../../images/movie_over.png) left top repeat;
	z-index:6;
}


#mainimg #mainimg-inner{
	/*高さjsで設定*/
	display:table-cell;
	position:relative;
	vertical-align:middle;
	background-color:#333;
	/*background:url(../../images/mainimg001.jpg) center center no-repeat;*/
	background-size:cover;
	overflow:hidden;
}

#mainimg #mainimg-inner video {
  position:absolute;
  left: -1%;
  top: 0;
  min-width: 102%;
  min-height: 102%;
  width: auto;
  height: auto;
  opacity: 0;
  z-index:5;
}

#mainimg #mainimg-inner h1{
	padding:80px 0 60px 0;
	position:relative;
	z-index:10;
}
#mainimg #mainimg-inner h1 span{
	display:block;
	padding-top:60px;
	position:relative;
	z-index:10;
}

#btn-scroll{
	position:absolute;
	z-index:15;
	bottom:40px;
	width:100%;
	text-align:center;
}
#btn-scroll a{
	display:inline-block;
	width:30px;
	padding:15px;
}
	
	
}