@charset "utf-8";
/* CSS Document */
@import "https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css";

*{
	margin:0;
	padding:0;
	 font-family: 'MyWebFont', Arial, sans-serif; 
	
}

#wrap{
	width:80%;
	margin:0 auto;
	
}
#left{
	width:50%;
	float:right;
}
#head{
	background-image:url(img/gaiyou.svg);
	background-size:cover;
	width:100%;
	height: 400px;
}
#headjp{
	background-image:url(img/kaisya.svg);
	background-size:cover;
	width:100%;
	height: 400px;
}
h4 {
	width: 95%;
	margin-top:50px;
	font-size:24px;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
	box-sizing:border-box;
	margin-bottom: 20px;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	font-size:24px;
   transition: all 0.1s ease-out;
}
h4:hover {
	width: 95%;
	margin-top:50px;
	font-size:24px;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
	box-sizing:border-box;
	margin-bottom: 20px;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	font-size:26px;
}

#centar{
	float:left;	
	width:25%;
}
#right{
	float:right;
	width:50%;
}
#sc-box{
	opacity:0.8;
}
#wrapper{
	height:100%;
	position:relative;
}
html{
	height:100%;
}
body{
	height:100%;
}
#rakuten{
	position:absolute;
	z-index:500;
	width:220px;
	height:auto;
	left:50px;
	bottom:50px;
	
}
p{
	 text-shadow: 0 0 1px #FFFFFF;
	  font-feature-settings : palt;
	  
	
}
h3{
	width:350px;
	height: auto;
	margin: 0 auto;
	border-bottom:#FFCC33 2px solid;
	margin-bottom:20px;
padding: 0.5em;
font-size:2em;

}


ul{
	list-style:none;	
}
a{
	text-decoration:none;
	color:#FFFFFF;
	 font-feature-settings : "palt";
	 text-shadow: 1px 1px 2px #808080 ; 
	

}
#text-box03{
	height:300px;
	    text-align: left;
		width:95%;
		margin: 0 auto;
}
#cont-box05{
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	}
#map{
	height:50%;
}
#text-box05{
	height:50%;
	padding-top:200px;
	box-sizing:border-box;
	  
	
}
#text-box05 p{
	margin-top:5px;	
}
.section {
  width: 100%;
  height:100%;

}
.section-content {
	width:100%;
	text-align: center;
	height:120%;
	background-size:cover;
	box-sizing:border-box;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.section-content01 {
	width:100%;
	margin: 0 auto;
	text-align: center;
	height:100%;
	background-size:cover;
	box-sizing:border-box;
}
#content01{
	width:80%;
	height:120%;
	margin:0 auto;
	
	

}
#video01 {
	height: 240%;
	width: 80%;
}

#content02{
	width:80%;
	height:410px;
	margin:0 auto;
	padding-top:70px;

}
#img-box01{
	
	width:50%;
	
	padding-left:10px;
	box-sizing:border-box;
	float:left;
	}
	#img-box02{
	
	width:50%;
	
   
	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
	#img-box03{
	width:50%;
	padding-left:10px;
	box-sizing:border-box;
	float:left;
	}
		#img-box04{
	
	width:50%;

	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
			#img-box05{
	
	width:40%;

	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
				#img-box06{
	
	width:20%;

	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}




 .section01 {
	
	background-size:cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
	  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	height:100%;
	    text-align: left;
	
	
}
.section01::before{
	/* 透過した黒を重ねる */
	 background: linear-gradient( rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
#logo{
	position:fixed;
	z-index:-10;
	width:100%;
	height:100%;
	animation-name:toumei;
	animation-delay:2s;

}

@keyframes toumei {
    0% {
        opacity:1;
    }
	100% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
#header{
	height: 25px;
    width: 200px;
    color: #FFFFFF;
    float: right;
    margin-top: 30px;
	margin-right:30px;
	position:relative;
	z-index:100;
	
}
#header02{
	height: 25px;
    width: 100px;
    color: #FFFFFF;
    float: right;
    margin-top: 34px;
	margin-right:20px;
	position:relative;
	z-index:100;
	
}
.section02 {
	width:100%;
	background-color:#FFFFFF;
	position:relative;
	height:100%;
}
 

 
.section03 {
	width:100%;
	background-color:#FFFFFF;
	height:100%;
	text-align: left;
	position: relative;
}
.section08 {
	width:100%;
	background-color:#FFFFFF;
	text-align: left;
	margin-top: 100px;
}
.section04 {
 width:100%;
	background-color:#FFFFFF;
	position:relative;
	    text-align: left;
}
.section05 {
 width:100%;
	background-color:#FFFFFF;
	position:relative;
	    text-align: left;
}
 

header{	
width:850px;
    position: relative;
    top: 200px;
	display:block;
	margin:0 auto;
	    z-index: 120;


} 





.hover01{
	position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 18px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:65%;
}
.hover02{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 18px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  

  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:55%;	
}
.hover03{

    position: relative;
    z-index: 100;
    width: 50px;
    display: block;
    margin-right: 180px;
    font-size: 18px;
    font-weight: bold;
    list-style-type: disc;
    float: left;
    margin-top: 165px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    left: 25%;
}

.hover04{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 18px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  
  
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:45%;
}
.hover05{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 18px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  
  
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:35%;
}
.hover06{

    position: relative;
    z-index: 100;
    width: 50px;
    display: block;
    margin-right: 180px;
    font-size: 18px;
    font-weight: bold;
    list-style-type: disc;
    float: left;
    margin-top: 165px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    left: 5%;
}
.logo{
	    margin-top: -80px;
    position: absolute;
    left:900px;
	z-index:100;
	}
.hover01:hover~.section01  {
	background-image:url(img/20170911_093605.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover02:hover~.section01  {
	background-image:url(img/20170925_150255.jpg);
		background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover03:hover~.section01  {
	background-image:url(img/20170911_093605.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover04:hover~.section01  {
	background-image:url(img/sode.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
}

.arrows path {
    stroke: #000;
    fill: transparent;
    stroke-width: 1px;  
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite; 
}

#scroll01 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/honsya3.jpg);
	background-size:auto;
	animation: moveBg 5s infinite linear;
	background-position-y:-300px;
	z-index:15;
}
#scroll02 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/choshi.jpg);
	-webkit-background-size: 500px;
	background-size:auto;
	background-position-y:-400px;
	opacity:0.4;
	z-index:15;
}
#scroll03 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/20170911_093346.jpg);
	-webkit-background-size: 500px;
	background-size:auto;
	background-position-y:-500px;
	opacity:0.4;
	z-index:15;
}
#scroll04 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

 background-image:url(img/sode.jpg);
 -webkit-background-size: 500px;
	background-size:auto;
 background-position-y:-300px;
  opacity:0.4;
  z-index:15;
}
#scroll05{
 height: 500px;
 width:100%;
 position: absolute;
  top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
    opacity:0.4;
  
 background-image:url(img/honsya3.jpg);
 	background-size:auto;
 animation: moveBg 5s infinite linear;
  background-position-y:-300px;

  z-index:15;
}
#scroll06 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;


 background-image:url(img/choshi.jpg);
 -webkit-background-size: 500px;
 background-size:auto;

  background-position-y:-500px;
  opacity:0.4;
  z-index:15;
}
#scroll07 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/20170911_093352.jpg);
	-webkit-background-size: 500px;
	background-size:auto;
	background-position-y:-500px;
	opacity:0.4;
	z-index:15;
}
#scroll08 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

 position:absolute;
 background-image:url(img/sodegaura.JPG);
 -webkit-background-size: 500px;
background-size:auto;

  background-position-y:-300px;
  opacity:0.4;
  z-index:15;
}
#text-box01{
	position:absolute;
	z-index:20;
	text-align:start;
	height:400px;
	margin-left:25%;
	 margin-top:25%;
	 width:200px;
}
.nav{
	font-size: 1.2em;
	list-style-type: disc;
	line-height: 200%;
	float: left;
	writing-mode: tb-rl;
	text-orientation:upright;
	/* IE独自仕様 */
  writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	background-color: rgba(232,244,255,0.6);
	padding:10px;
 
 
}
#text-box02{
	position:absolute;
	z-index:20;
	height:100%;
	width:100%;
	  margin:100px auto 0 auto;
}

h1{
	width:75px;
	height:auto;
	font-size: 4vh;
	letter-spacing: 20px;
	list-style-type: disc;
	writing-mode: tb-rl;
	text-orientation:upright;
	/* IE独自仕様 */
  writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	display:inline-block;
	margin:0 auto;
	
}
.hover{
	width:100px;
	height:auto;
	position:absolute;
	margin-top:30%;
	margin-left:55%;
	 transition-property: all;
	 background-color:#000000;
	 	padding-top:10px;
	padding-bottom:10px;
  transition: 0.2s linear;
}

.hover:hover{
	width:120px;
	height:auto;
	background-color:#000;
	color:#FFF;
	position:absolute;
	margin-top:30%;
	margin-left:55%;
	padding-top:10px;
	padding-bottom:10px;
	opacity:1;
	color:#fff;
}
.hove{
	width:95%;
	height:auto;
	text-align:center;
	border:1px solid #000;
	 	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
  transition: 0.2s linear;
  color:#000000;
  	position:absolute;
	 box-sizing:border-box;
 
}
.hove:hover{
	width:95%;
	height:auto;
	background-color:#000;
margin-bottom:20px;
	position:absolute;
 	padding:10px;
	margin-top:20px;
	opacity:1;
	 color:#fff;
	 box-sizing:border-box;
	
	
}


.logo01{
	width:15%;
	height:auto;
	position:absolute;
	right: 15%;
    top: 13%;
}



@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}



@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -500px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -500px;}
}
#text-box02en {
    position: absolute;
    z-index: 20;
    height: 80%;
    width: 100%;
    margin: 15% auto 0 auto;
}
h1 .eng {
    width: 75px;
    height: auto;
    font-size: 2.5em;
    /* letter-spacing: 20px; */
    /* list-style-type: disc; */
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    display: inline;
    margin: 0 auto;
}
#text-box01en {
    position: absolute;
    z-index: 20;
    text-align: start;
    height: 400px;
    margin-left: 25%;
    margin-top: 25%;
    width: 50%;
}
.naven {
    font-size: 1em;
    list-style-type: disc;
    /* line-height: 200%; */
    float: left;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
	 background-color: rgba(255,255,255,0.4);
  padding:10px;
}
h2 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
	text-align: left;
}
.hoveren {
    width: 100px;
    height: auto;
    position: absolute;
    margin-top: 13%;
    margin-left: 80%;
    transition-property: all;
    background-color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.2s linear;
}

.hover01en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size: 18px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 300px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover02en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size: 18px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 400px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover03en {
	position: relative;
	z-index: 100;
	width: 500px;
    display: block;
	/* margin: 0 auto; */
    font-size: 18px;
	font-weight: bold;
	/* list-style-type: disc; */
    /* float: left; */
    margin-top: 700px;
	/* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	/* -webkit-writing-mode: vertical-rl; */
    position: absolute;
	left: 28%;
}
.hover04en {
	position: relative;
	z-index: 100;
	/* width: 500px; */
    display: block;
	/* margin: 0 auto; */
    font-size: 18px;
	font-weight: bold;
	/* list-style-type: disc; */
    /* float: left; */
    margin-top: 500px;
	/* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	/* -webkit-writing-mode: vertical-rl; */
    position: absolute;
	left: 30%;
}
.hover05en{
	position:relative;
	z-index:100;
	width:auto;
	display:block;
	margin-right:180px;
	font-size: 18px;
	font-weight: bold;
	list-style-type: disc;
	float: left;
	margin-top:200px;
	left: 30%;
	margin-top: 600px;
	position:absolute;
	
}
.hover01en:hover~.section01  {
	background-image:url(img/20170911_093605.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover02en:hover~.section01  {
	background-image:url(img/20170925_150255.jpg);
		background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover03en:hover~.section01  {
	background-image:url(img/20170911_093605.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
.hover04en:hover~.section01  {
	background-image:url(img/sode.jpg);
	background-size: cover;
	box-sizing:border-box;
	position:relative;
	width:100%;
}

.logoen {
    margin-top: -80px;
    position: absolute;
  
    z-index: 50;
    width: 100%;
}
#scroll01en {
 height: 500px;
 width:100%;
 position: absolute;
  top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  
 background-image:url(img/honsya3.jpg);
 background-size:auto;
 animation: moveBg 5s infinite linear;

opacity:0.4;
  z-index:15;
}
#scroll02en {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
background-position-y:-400px;
 
 background-image:url(img/choshi.jpg);
 -webkit-background-size: 500px;
 background-size:auto;


  opacity:0.4;
  z-index:15;
}
#scroll03en {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;


 background-image:url(img/20170911_093352.jpg);
 -webkit-background-size: 500px;
 background-size:auto;

  opacity:0.4;
  z-index:15;
}
#scroll04en {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0px;
	left: 0;
	margin: auto;
	background-image:url(img/sode.jpg);
	-webkit-background-size: 500px;
	 background-size:auto;
	background-position-y:0px;
	opacity:0.4;
	z-index:15;
}
#scroll05en {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

 background-position-y:-300px;
 background-image:url(img/honsya.jpg);
 -webkit-background-size: 500px;
  background-size:auto;


  opacity:0.4;
  z-index:15;
}
@media screen and (max-width: 1500px) {
	.logo {
    margin-top: -80px;
    position: absolute;
    left: 90%;
}	
	#text-box01{
	position:absolute;
	z-index:20;
	text-align:start;
	height:400px;
	margin-left:15%;
	 margin-top:20%;
	 width:200px;
}

#wrap{
	width:100%;
	margin:0 auto;
	
}
.hover03en {
	position: relative;
	z-index: 100;
	width: 500px;
    display: block;
	/* margin: 0 auto; */
    font-size: 18px;
	font-weight: bold;
	/* list-style-type: disc; */
    /* float: left; */
    margin-top: 700px;
	/* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	/* -webkit-writing-mode: vertical-rl; */
    position: absolute;
	left: 20%;
}
}
@media screen and (max-width: 1000px) {
	.hover01{
	position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 30px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:65%;
}
.hover02{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 30px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  

  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:55%;	
}
.hover03{

    position: relative;
    z-index: 100;
    width: 50px;
    display: block;
    margin-right: 180px;
    font-size: 25px;
    font-weight: bold;
    list-style-type: disc;
    float: left;
    margin-top: 165px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    left: 15%;
}

.hover04{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 30px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  
  
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:45%;
}
.hover05{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 30px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  
  
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;	
	position:absolute;
	left:35%;
}
.hover06{

    position: relative;
    z-index: 100;
    width: 50px;
    display: block;
    margin-right: 180px;
    font-size: 30px;
    font-weight: bold;
    list-style-type: disc;
    float: left;
    margin-top: 165px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    left: 5%;
}
	#left{
	width:100%;
	
}
#right{
	width:100%;

}
#img-box01{
	
	width:100%;
	
      
	padding-left:10px;
	box-sizing:border-box;
	float:left;
}
#text-box01{
	position:absolute;
	z-index:20;
	text-align:start;
	height:600px;
	margin-left:5%;
	 margin-top:40%;
	 width:200px;
}
	#img-box02{
	
width:100%;
	
   
	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
	#img-box03{
	
	width:100%;
	
   
	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
		#img-box04{
	
	width:100%;

	padding-left:10px;
	box-sizing:border-box;

	float:left;
	}
#content01 {
    width: 100%;
    height: 410px;
    margin: 0 auto;
}
#logo{
	display:none;	
}
.logo {
    margin-top: -80px;
    position: absolute;
    left: 90%;
}
#text-box01en {
    position: absolute;
    z-index: 20;
    text-align: start;
    height: 400px;
    margin-left: 25%;
    margin-top: 60%;
    width: 50%;
}
#text-box02en {
    position: absolute;
    z-index: 20;
    height: 80%;
    width: 100%;
    margin: 40% auto 0 auto;
}
#scroll01 {
 height: 500px;
 width:100%;
 position: absolute;
  top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  
 background-image:url(img/honsya3.jpg);
 background-size:cover;
 animation: moveBg 5s infinite linear;
  background-position-y:0px;

  z-index:15;
}
#scroll02 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/choshi.jpg);
	-webkit-background-size: 500px;
	background-size:cover;
	background-position-y:-100px;
	opacity:0.4;
	z-index:15;
}
#scroll03 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/20170911_093346.jpg);
	-webkit-background-size: 500px;
	background-size:cover;
	background-position-y:-200px;
	opacity:0.4;
	z-index:15;
}
#scroll04 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

 background-image:url(img/sode.jpg);
 -webkit-background-size: 500px;
 background-size:cover;
 background-position-y:0px;
  opacity:0.4;
  z-index:15;
}
#scroll05{
 height: 500px;
 width:100%;
 position: absolute;
  top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
    opacity:0.4;
  
 background-image:url(img/honsya3.jpg);
 background-size:cover;
 animation: moveBg 5s infinite linear;
  background-position-y:0px;

  z-index:15;
}
#scroll06 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;


 background-image:url(img/choshi.jpg);
 -webkit-background-size: 500px;
 background-size:cover;

  background-position-y:0px;
  opacity:0.4;
  z-index:15;
}
#scroll07 {
	height: 500px;
	width:100%;
	position: absolute;
	top: -15%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image:url(img/20170911_093352.jpg);
	-webkit-background-size: 500px;
 background-size:cover;
	background-position-y:0px;
	opacity:0.4;
	z-index:15;
}
#scroll08 {
 height: 500px;
 width:100%;
 position: absolute;
top: -15%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

 position:absolute;
 background-image:url(img/sodegaura.JPG);
 -webkit-background-size: 500px;
 background-size:cover;

  background-position-y:0px;
  opacity:0.4;
  z-index:15;
}
.hover01en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size:30px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 300px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover02en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size: 30px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 400px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover03en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size: 30px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 700px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover04en {
    position: relative;
    z-index: 100;
    /* width: 500px; */
    display: block;
    /* margin: 0 auto; */
    font-size: 30px;
    font-weight: bold;
    /* list-style-type: disc; */
    /* float: left; */
    margin-top: 500px;
    /* writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    /* -webkit-writing-mode: vertical-rl; */
    position: absolute;
    left: 30%;
}
.hover05en{
		position:relative;
	z-index:100;
		width:auto;
	display:block;
	margin-right:180px;
  font-size: 30px;
  font-weight: bold;
  list-style-type: disc;
  float: left;
  margin-top:200px;	
  left: 30%;
  margin-top: 600px;
	
	position:absolute;
	
}


}