@charset "UTF-8";
/* CSS Document */
body{
	width:100%;
	background:#000;
	padding-bottom:50px;
}
.wrapper{
	width:100%;
	height:auto;
}
 .inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
	width:100%;
	height:auto;
}
#top-head .logo {
   /* float: left;*/
	position:absolute;
	top:-10px;
	left:15px;
    /*transform:scale(0.7);*/
	width:10%;
}
#top-head .logo >a > img{
	width:150%;
}
#global-nav{
	width:980px;
}
#global-nav ul {
	/*flaot:right;*/
    list-style: none;
    position: absolute;
    right: 0;
   /* bottom: 0;*/
    font-size: 1.1em;
	width:80%;
	height:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 auto;
	text-align:center;
}
#global-nav ul li {
   /* float: left;*/
}
#global-nav ul li a {
    padding: 0 30px;
}
 #global-nav ul li a:hover {
	color:yellow;
}
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    /*padding-top: 10px;*/
    height: 55px;
    background: #fff;
    background: rgba(0,0,0,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
/*#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}*/
#top-head.fixed #global-nav ul li a {
    color: #fff;
    padding: 0 20px;
}
#top-head.fixed #global-nav ul li a:hover{
	color:yellow;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


 /*ナビ部分*/
 /*#global-nav{
	 width:100%;
	 height:auto;
	 position:absolute;
	 top:0;
 }
 #global-nav ul{
	 display:flex;
	 flex-direction:row;
	 justify-content:space-between;
	 width:80%;
	 margin:0 auto;
	 text-align:center;
	 padding-top:20px;
	 font-size:1em;
 }
 #global-nav ul li a{
	 text-decoration:none;
	 color:#fff;
 }*/
 
 
 /*FV部分*/
.fv{
	width:100%;
	height:auto;
	position:relative;
}
 .fv >p > img{
	width:100%;
	height:auto;
}
 /*.top_head h1{
	 font-size:3em;
	 color:#fff;
	 display:block;
	 margin:auto;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
 }*/
 .fv h1 img{
	 width:100%;
	 height:auto;
	 transform:scale(0.5);
	  position:absolute;
	 top: 25%;
 }
 /* .drt{
	   font-size:1.7em;
	 color:#fff;
	 display:block;
	 margin:10px auto 0;
	 text-align:center;
	 line-height:1.3;
	 position:absolute;
	 top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
 }*/
 /*.top_head .btn{
	 font-size:1em;
	 display:block;
	 margin:15px auto 0;
	 text-align:center;
	 border: 1px solid #626262;
	 background:#fff100;
	 padding:20px 40px;
	 color:#333; 
	 text-decoration:none;
	 -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
 }*/
  /*.fv .btn img{
	  width:100%;
	  height:auto;
	  transform:scale(0.2);
	   position:absolute;
	 top:50%;
  }*/
/* .btn > a{
	 color:#333; 
	 text-decoration:none;
 }*/
/*.btn >a:hover{
	/* color:#009944;*/
	/*opacity:0.8;
 }*/
 .fv > a{
	 color:#333; 
	 text-decoration:none;
 }
.fv .btn{
	width:20%;
	padding:20px 25px;
	background:yellow;
	display:block;
	margin:0 auto 50px;
	text-align:center;
	position:absolute;
	top:75%;
	left:38%;
}
.fv a:hover{
	opacity:0.9;
}
.fv .btn:hover{
	opacity:0.9;
}
 
 
 /*コンテンツ部分*/
 .content{
	 width:100%;
	 height:auto;
 }
 
 /*about部分*/
 #about{
	 width:100%;
	 height:auto;
	 background:#fff;
 }
 #about p{
	 width:80%;
	 height:auto;
	 display:block;
	 margin:0 auto;
	 line-height:2;
	 font-size:1.3em;
	 padding:50px 0 30px
 }
 /* #about p:first-of-type{
	  margin-top:70px;
  }*/
  #about .gogoLink{
	  text-align:center;
	  font-size:1em;
  }
  #about .gogoLink a{
	  font-size:1em;
	  color:#fff;
	  text-decoration:none;
	  padding:15px 20px ;
	  background:#717070;
  }
   #about .gogoLink a:hover{
	   opacity:0.8;
   }
    #about p:last-of-type{
	  margin-bottom:70px;
  }
  
 /* zehi部分*/
 .zehi{
	 width:100%;
	 height:auto;
	 background:#009944;
	 padding:30px 0 70px;
 }
 .zehi h3{
	 font-size:1.5em;
	 display:block;
	 text-align:center;
	 color:#fff;
	 padding:50px;
 }
  .zehi ul{
	  width:85%;
	  height:auto;
	  display:block;
	  margin:0 auto;
  }
  .zehiWrap{
	  width:85%;
	  height:auto;
	  display:flex;
	  flex-direction:row;
	  justify-content:space-between;
	  margin:50px auto;
  }
   .zehi .zehiWrap li{
	   color:#fff;
	   padding-top:30px;
	   width:200px;
	   line-height:1.5;
	   text-align:center; 
           margin: 0 auto;
           display: block;
   }
   .zehi .zehiWrap li img{
	   width:200px;
   }
   .donna img{
		padding-bottom:20px;
	}
	.eco img{
		padding-bottom:20px;
	}
	.gattu img{
		padding-bottom:45px;
	}
	.shakeHands img{
		padding-bottom:68px;
	}
	.rupe img{
		padding-bottom:20px;
	}
	.welcome img{
		padding-bottom:34px;
	}
	
	/*startup部分*/
	#startup{
		width:100%;
		height:auto;
		padding:30px 0 70px;
		background:#fff;
	}
	#startup h2{
		font-size:1.7em;
		text-align:center;
		padding:50px;
	}
	#startup .zehiWrap{
	  width:80%;
	  margin:50px auto 80px;
	}
         .zehiWrap li{
		width:300px;
                text-align: center;
	}
	 .zehiWrap li img{
	   width:300px;
   }
	.zehiWrap li.large{
		width:300px;
                text-align: center;
	}
	 .zehiWrap li.large img{
	   width:300px;
   }
   #startup .zehiWrap li a{
	   text-decoration:none;
	   color:#333;
	   font-size:1.1em;
	   line-height:1.5;
   }
    #startup .zehiWrap li a:hover{
		color:green;
	}
   .zehiWrap li.omni{   
    color: #333;
    text-align: center;
    padding-top: 22px;
   }


	/*timetable部分*/
	#timetable{
		width:100%;
		height:auto;
		/*padding:30px 0 0;*/
	}
	.flow{
		width:100%;
		height:auto;
		background:#009944;
	}
	.flow h2{
		font-size:1.7em;
		text-align:center;
		padding:50px;
		color:#fff;
	}
	ol{
		width:70%;
		height:auto;
		display:block;
		margin:0 auto;
		text-align:center;
		font-size:1.2em;
		padding-bottom:50px;
	}
	.flow ol li{
		padding:10px;
		color:#fff;
		line-height:1.5;
	}
	.time{
		text-align:left;
		padding-right:30px;
	}
	/*.flow p{
		width:100%;
		height:auto;
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.flow p img{
		width:85%;
		height:auto;
		transform:scale(0.8);
	}*/
	.table{
		width: 100%;
		height: auto;
		display: block;
		/*margin: 50px auto;*/
		background:#fff;
		text-align: center;
	}
	.table h3{	
		font-size: 1.7em;
		line-height: 2;
		padding:40px 0;
	}
	.table .time{	
		padding-left: 30px;
		font-size: 0.9em;
	}
    .table h4{
		font-size:1.3em;
		margin-bottom:10px;
	}
	.table .zehiWrap{
		width:70%;
	}
	.table .zehiWrap ul{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		width:100%;
	}
.table .zehiWrap ul li{
	color:#000;
	width:300px;
}
.table .zehiWrap ul li img{
	width:100%;
}
 .table .zehiWrap2{
	  width:70%;
	  height:auto;
	  display:block;
	  margin:0 auto;
  }
  .table .zehiWrap2 ul{
      display:flex;
	  flex-direction:row;
	  justify-content:space-between;
	  margin:50px auto;
	  width:100%;
   }
   .table .zehiWrap2 li{
	   color:#000;
	   /*padding-top:30px;*/
	   width:200px;
	   margin:0 auto;
	   line-height:1.5;
	   text-align:center;
   }
   .table .zehiWrap2 ul li{
	   width:200px;
   }
   .zehiWrap2 h5{
     padding: 15px 0;
	 line-height:2;
    /* background-color: white; */
}
/*.table .zehiWrap ul li img{
	margin-bottom:20px;
}*/
.katagaki{
	font-size:0.9em;
	margin-bottom:10px;
}
.zehiWrap h5{
     padding: 15px 0;
    /* background-color: white; */
}
.todan{
	margin-bottom:100px
}
.mod p{
	padding-top:30px;
}
.mod h5{
	padding:15px 0;
	line-height:1.5;
}
.mod{
	padding-bottom:80px;
}
.pitch{
	background:#009944;
	width:100%;
	height:auto;
	display:block;
	/*margin:50px auto 0;*/
	text-align:center;
	color:#fff;
}
.pitch h3{	
		font-size: 1.7em;
		line-height: 2;
		padding:50px;
	}
.pitch p{
	font-size:1.3em;
	padding-bottom:80px;
}
.pitch .time{
	padding-left:30px;
	font-size:0.9em;
}
.working{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	text-align:center;
	color:#fff;
	position:relative;
}
 .working >p > img{
	width:100%;
	height:auto;
}
.working h3{
	font-size:1.7em;
	position:absolute;
	top:40%;
	width:100%
}
.working .time{
	padding-left:30px;
	font-size:0.9em;
}

/*entry部分*/
#entry{
	background:#009944;
	width:100%;
	height:auto;
	display:block;
	margin:0 auto ;
	text-align:center;
	color:#fff;
}
#entry h2{
		font-size:1.7em;
		text-align:center;
		padding:50px 0;
		color:#fff;
}
#entry p{
	font-size:1.3em;
	padding-bottom:50px;
	line-height:1.6;
}
#entry > a{
	 color:#333; 
	 text-decoration:none;
 }
#entry .btn{
	width:20%;
	padding:20px 25px;
	background:yellow;
	display:block;
	margin:0 auto 50px;
}
#entry a:hover{
	opacity:0.9;
}
#entry .btn:hover{
	opacity:0.9;
}
/*#entry .btn img{
	  width:100%;
	  height:auto;
	  transform:scale(0.2);
	   position:absolute;
	 top:50%;
  }*/

/*.btn >a:hover{
	 /*color:#009944;*/
	/*opacity:0.8;
 }	*/

/*company*/
#company{
	width:100%;
	height:auto;
	display:block;
	/*margin:50px auto;*/
	text-align:center;
	background:#fff;
}
#company h2{
	    font-size:1.7em;
		text-align:center;
		padding:50px 0;
}
#company ul{
	width:75%;
	display:flex;
	flex-direction:row;
        flex-wrap: wrap;
	justify-content:space-between;
	margin:30px auto 100px;
}
#company ul:nth-of-type(2){
        width:75%;
	display:flex;
	flex-direction:row;
        flex-wrap: wrap;
	justify-content:space-between;
        margin: 30px auto;
}
#company ul li{
        width: 300px;
        padding: 0 30px;
}
#company ul li img{
        width: 300px;
}
#company ul.float{
	display:block;
}
#company ul.float li.left{
	width:300px;
	float:left;
}
#company ul.float li.right{
	width:300px;
	float:right;
}
	
#company p{
	width:300px;
	display:block;
	margin:30px auto 0;
	padding-bottom:50px;
}
#company p img{
        width: 300px;
}
#company ul li.textOnly{
	line-height:8;
}

/*access*/
#access{
	width:100%;
	height:auto;
	display:block;
	/*margin:50px auto;*/
	text-align:center;
	background:#009944;
	color:#fff;
	padding:30px 0;
}
#access h2{
	font-size:1.7em;
		text-align:center;
		padding:50px 0;
}
#access p{
	width:85%;
	display:block;
	margin:0 auto;
	font-size:1.5em;
	padding-bottom:50px;
	line-height:2;
}
.small{
	font-size:0.8em;
}
.map{
	width:50%;
	height:auto;
	margin:0 auto;
}
.map iframe{
	width:100%;
	height:auto;
}


@media screen and (max-width: 940px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #333;
        width: 100%;
        height: 50px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #fff;
        /*font-size: 26px;*/
		width:100px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -510px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		flex-direction:column;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
	 #top-head #global-nav ul li a:hover,
    #top-head.fixed #global-nav ul li a:hover{
		color:yellow;
	}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	
	
	.fv h1 img{
	 width:100%;
	 height:auto;
	 transform:scale(0.5);
	  position:absolute;
	 top: 25%;
 }
	.fv .btn{
	width:30%;
	padding:10px 15px;
	background:yellow;
	display:block;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:67%;
	left:31%;
	font-size:0.75em;
}
.fv p{
	margin-top:50px;
}

#about p{
	font-size:1em;
}
	#about .gogoLink a{
		font-size:1em;
	}

.zehi h3{
	font-size:1.3em;
	padding:20px;
}
	
.zehiWrap{
	flex-direction:column;
	width:70%;
	margin:0 auto;
}
.zehiWrap2{
	flex-direction:column;
	width:70%;
	margin:0 auto;
}
.zehiWrap li{
	width:100%;
	padding:30px 0 50px;
}
.zehiWrap li img{
	width:100%;
	padding-bottom:25px;
}

#startup h2{
	font-size:1.3em;
	padding:50px 0 0;
}
#startup .zehiWrap{
	width:50%;
	margin:50px auto 0;
}
.zehiWrap li.large{
		width:100%;
	}
#startup .zehiWrap li img{
	width:100%;
}

.flow h2{
	font-size:1.3em;
}

ol{
	width:80%;
	font-size:1em;
	line-height:1.7;
}

.table h3{
	font-size:1.2em;
}
.table h4{
	font-size:1.1em;
}
.table .zehiWrap ul{
	flex-direction:column;
}
.table .zehiWrap ul li{
	width:100%;
        line-height: 1.5;
}
.table .zehiWrap2 ul{
        flex-direction:column;
}
.table .zehiWrap2 ul li{
        width:100%;
}
.todan{
	margin-bottom:50px;
}
.mod{
	width:70%;
	display:block;
	margin:0 auto;
}
.mod h4{
	padding-bottom:30px;
}
.mod p img{
	width:100%;
	padding-bottom:25px;
}
.mod p{
	padding-top:0;
}

.pitch h3{
	font-size:1.3em;
}
.pitch p{
	font-size:1.1em;
	padding:0 10px 80px;
	display:block;
	margin:0 auto;
	width:80%;
	line-height:1.5;
}
.pitch p img{
	width:100%;
}

.working h3{
	font-size:1.2em;
}

#entry h2{
	font-size:1.5em;
}
#entry p{
	font-size:1em;
}
#entry .btn{
	width:200px;
}

#company h2{
	font-size:1.5em
}
#company ul{
	flex-direction:column;
	margin:0 auto 50px;
        width: 100%;
}
#company ul li{
	margin:30px auto;
}
#company ul li img{
	width:100%;
}
#company ul li.textOnly{
	line-height:1;
}
#company ul.float{
	display:flex;
	flex-direction:column;
}
#access h2{
	font-size:1.5em;
}
#access p{
	font-size:1.2em;
}
.map{
	width:80%;
	height:auto;
	margin:0 auto;
}
}

/*test.html分*/
.dazaifu_body{
	background:#fff;
	padding:50px 0;
}
.dazaifu{
	text-align:center;
}