@charset "utf-8";
/* CSS Document */

/* nav
------------------------------------------*/
.nav ul {
	margin-top:66px;
}
.nav ul li .logo {
	width:53px;
	height:auto;
	margin:0 30px;
}

/* home
------------------------------------------*/
#home {
	height:100%;
}
#home:before {
  background:url('../images/sp_mainbg.gif') no-repeat center top;
  background-size:cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
 /* padding-bottom: 108px;*/
  content: "";
  z-index: -1;
}


/* service
------------------------------------------*/
#service {
	padding:0 15px;
}
#service ul li img {
	width:100%;
	height:auto;
}
#service ul li{
	text-align:center;
	background:url(../images/service_bg.png) ;
	margin-bottom:30px;
}
#service ul li h3 {
	font-size:0.88em;
	font-weight:bold;
	color:#ffffff;
	line-height:1.4;
	margin-bottom:5px;
}
#service ul li p {
	font-size:0.75em;
	color:#ffffff;
	padding-bottom:1em;
	line-height:1.4;
}

/* profile
------------------------------------------*/
#profile {
	background:#ffffff;
	position:relative;
	margin-top:200px;
	text-align:center;
	padding:0 40px 30px 40px;
}
#profile img.photo {
	margin-top:-80px;
	width:160px;
	height:auto;
}
#profile .name {
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 5px 0;
}
#profile .title {
	font-size:0.83em;
	line-height:1.4;
	margin-bottom:1em;
}
#profile .detail {
	font-size:0.8em;
	text-align:justify;
	padding:0 0 60px 0;
	line-height:1.5;
}

/* history
------------------------------------------*/
#history {
	position:relative;
	margin-top:0px;
	text-align:center;
	padding:0 20px 30px 20px;
}
#history .detail {
	font-size:0.8em;
	text-align:justify;
	line-height:1.8;
	padding:0 0 60px 0;
}

/* youtube
------------------------------------------*/
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:40px;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  border:none;
  margin-top:30px;
}
#player1, #player2, #player3, #player4, #player5, #player6, #player7, #player8, #player9 { display:none;}