/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 
* Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */



/* Global Styles */




html,
body {
    height: 100%;
}

body {
    padding-top: 50px; 

/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}



.img-portfolio {
    margin-bottom: 30px;
}



.img-hover:hover {
    opacity: 0.8;
}




/* intro */


.intro {
	display: table;
	width: 100%;
	height: 85%;
	padding-top: 50px;
	text-align: center;
	background: url('../img/topimage.jpg') no-repeat scroll center
bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: #000000;
}


.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
	color: rgb(255, 255, 255);
	text-shadow: 2px 8px 6px rgba(0,0,0,0.8), 0px -5px 15px rgba(255,255,255,0.3);
	max-width: 80%;
	height: auto;
}



.intro .intro-body .intro-text {
	font-weight: bold ;
}





@media(min-width:768px) {
    .intro {
        padding: 0; 
    }

}














/*--------    concept ｾｸｼｮﾝ     --------*/


.line02 {
	display: table;
	width: 100%;
	height: 55%;
	padding: 50px 0px 0px 0px;
	text-align: center;
	color: #000;
	background-color: #BFBFB9;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	margin-top: 50px;
}

.line02 .container {
margin-bottom: 0;

}


.box {
	display: table-cell;

}


.line02 .line02-body :hover{
background: rgba(0,0,0,0);
}






#menu div {
  position: relative;
}

.arrow_box {
  display: none;
  position: absolute;


    top: -50px;  
    left: 0px;  

  padding: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #333;
  color: #fff;
}


span:hover + p.arrow_box {
  display: block;
}