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


body











 




body {
  margin: 0;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #ffffff;
}
header {
  display: flex;
  width: 375px;
  height: 40px;
  background-color: white;
  align-items: center;
  position: absolute;
  top: 20px;
	position: fixed;
}
 
* {
  box-sizing: border-box;
}



nav {
  margin: 0 0 0 auto;
}

ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  line-height: 60px;
  padding: 0 20px;
}

.sm {
  display: none;
}


/**********************************　
以下、ハンバーガーメニューの設定　
************************************/

@media (max-width : 375px ){

  .pc {
    display: none;
  }

  #hamburger {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 auto;
    height: 60px;
    width: 60px;
  }

  .icon span {
    position: absolute;
    left: 15px;
    width: 20px;
    height: 1px;
    background-color: white;
    border-radius: 8px;
    transition: ease 0.75s;
  }

  .icon span:nth-of-type(1) {
    top: 19px;
	  left: 330px;
  }
  .icon span:nth-of-type(2) {
    top: 29px;
	  left: 330px;
  }
  .icon span:nth-of-type(3) {
    bottom: 19px;
	  left: 330px;
  }

  .close span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 28px;
	  
  }

  .close span:nth-of-type(2) {
    opacity: 0;
  }

  .close span:nth-of-type(3) {
      transform: rotate(-45deg);
      top: 28px;
  }

  .sm {
      top: 60px;
      left: 0px;
      position: absolute;
      z-index: 10;
      width: 100%;
      background-color: rgba(34, 49, 52, 0.9);
  }

  ul {
    flex-direction: column;
  }

  a {
    text-align: center; 
    border-top: solid 0.5px rgba(255, 255, 255, 0.6);
  }
}










.relative1 {
    position: relative;
	right: 50px;
	bottom: 340px;
}

.relative2 {
    position: relative;
	right: 140px;
	bottom: 640px;
}


.relative3 {
    position: relative;
	left: 10px;
	bottom: 670px;
}

.relative4 {
    position: relative;
	right: 100px;
	bottom: 572px;
}

.relative5 {
    position: absolute;
	left:210px;
	top: 320px;
}

.relative6 {
    position: absolute;
	left: 247.5px;
	top: 370px;
}

.relative7 {
    position: absolute;
	left: -400px;
	top: -40px;
}

.relative8 {
    position: relative;
	top: -30px;
	left: -7.5px
}

.relative9 {
    position: absolute;
	left: 50px;
	top: 60px;
}

.relative10 {
    position: absolute;
	left: -240px;
	top: -185px;
}

.relative11 {
    position: absolute;
	left: 130px;
	top: -100px;
}

.relative12 {
    position: absolute;
	left: -50px;
	top: 80px;
}

.relative13 {
    position: absolute;
	left: 130px;
	top: 80px;
}

.relative14 {
    position: absolute;
	left: 135px;
	top: 455px;
}

.relative15 {
    position: absolute;
	left: 10px;
	top: -20px;
}

.relative16 {
    position: absolute;
	left: 140px;
	top: 10px;
}

.relative17 {
    position: absolute;
	left: 311px;
	top: -5px;
}

.relative18 {
    position: absolute;
	left: 340px;
	top: 580px;
}

.relative19 {
    position: absolute;
	left: -160px;
	top: 450px;
}


.relative20 {
    position: absolute;
	left: -125px;
	top: 100px;
}

.relative21 {
    position: absolute;
	left: -75px;
	top: 750px;
	
}

.relative22 {
    position: relative;
	left: -20px;
	bottom: 500px;
}



.relative23 {
    position: relative;
	left: 75px;
	bottom: 50px;

}

.relative24 {
    position: relative;
	left: 22px;
	bottom: 1190px;
	
}
.relative25 {
    position: relative;
	left: 58px;
	bottom: 1562px;
	
}

.relative26 {
    position: relative;
	left: 240px;
	bottom: 1592px;
	
}

.relative27 {
    position: relative;
	left: 200px;
	bottom: 1442px;

}

.relative28 {
    position: relative;
	left: 225px;
	bottom: 2057px
}

.relative29 {
    position: relative;
	left: 156px;
	bottom: 2052px
}

.relative30 {
    position: relative;
	left: 85px;
	bottom: 2050px
}

.relative31 {
    position: relative;
	left: 0px;
	bottom: 1700px
}
.relative32 {
    position: relative;
	left: 0px;
	bottom: 2140px
}

.relative33 {
    position: relative;
	left: -40px;
	bottom: 1870px
}

.relative34 {
    position: relative;
	left: -110px;
	bottom: 2300px
}

.relative35 {
    position: relative;
	left: 170px;
	bottom: 2433px
}

.relative36 {
    position: relative;
	left: -20px;
	bottom: 2723px
}

.relative37 {
    position: relative;
	left: 200px;
	bottom: 2923px
}

.relative38 {
    position: relative;
	left: 98px;
	bottom: 2573px
}

.relative39 {
    position: relative;
	left: 0px;
	bottom: 3560px
}

.relative40 {
    position: relative;
	left: 40px;
	bottom: 3080px
}

.relative41 {
    position: relative;
	left: -20px;
	bottom: 2480px
}

.relative42 {
    position: relative;
	left: -20px;
	bottom: 3380px
}

.relative43 {
    position: relative;
	left: 40px;
	bottom: 3980px
}


.relative44 {
    position: relative;
	left: 0px;
	bottom: 4460px
}
.relative45 {
    position: relative;
	left: 150px;
	bottom: 3710px
}

.relative46 {
    position: relative;
	left: 150px;
	bottom: 4600px
}
.relative47 {
    position: relative;
	left: 30px;
	bottom: 4300px
	
}

.relative48 {
    position: relative;
	align-items: center;
	left: 189px;
	bottom: 4360px;
	
}

.relative49 {
    position: absolute;
	align-items: center;
	left: 0px;
	top: 6350px
}

.relative50 {
    position: absolute;
	align-items: center;
	left: 50px;
	top: 6250px
}

.relative51 {
    position: absolute;
	align-items: center;
	left: 0px;
	top: 6550px
}
.relative52 {
    position: absolute;
	align-items: center;
	left: 60px;
	top: 6600px
}

.relative53 {
    position: absolute;
	align-items: center;
	left: -72px;
	top: 6717px
}

.relative54 {
    position: absolute;
	align-items: center;
	left: 113px;
	top: 7117px
}

.relative55 {
    position: absolute;
	align-items: center;
	left: 246px;
	top: 7132px
}

.relative56 {
    position: absolute;
	align-items: center;
	left: 13px;
	top: 7047px
}


.relative57 {
    position: absolute;
	align-items: center;
	left: 0px;
	top: 7321px
}

.relative58 {
    position: absolute;
	align-items: center;
	left: 0px;
	top: 7847px
}

.relative59 {
    position: absolute;
	align-items: center;
	left: -10px;
	top: 7847px
}
.relative60 {
    position: absolute;
	align-items: center;
	left: 90px;
	top: 7297px
}

.relative61 {
    position: absolute;
	left: 0px;
	top: 5700px
}

.relative62 {
    position: absolute;
	align-items: center;
	
	top: 5700px
}


.relative63 {
    position: absolute;
	left: -145px;
	top: 720px
}






body {
  padding: 0;
}




h4{	color: white;
	font-size: 0.7em;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, 'serif'
	width: 100%;
	height: 40px;
	transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
	position: absolute;
	left: 30px;
	top: 100px;
}

div#first{
	text-align: left;
	font-size: 0.7em;
	font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	position: relative;
	left: 63px;
	bottom: 1593px
    
}

div#second{
	writing-mode: vertical-rl;
	letter-spacing: 5px;
	text-align: right;
	font-size: 1.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 270px;
	bottom: 1283px
    
}

div#bunn1{
	writing-mode: vertical-rl;
	letter-spacing: 4px;
	text-align: left;
	font-size: 0.8em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 200px;
	bottom: 1418px
    }
		
		
	div#bunn3{
	writing-mode: vertical-rl;
		letter-spacing: 4px;
	text-align: left;
	font-size: 0.8em;
	font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	position: relative;
	left: 130px;
	bottom: 1593px
    }	
		
		div#bunn4{
	writing-mode: vertical-rl;
			letter-spacing: 4px;
	text-align: left;
	font-size: 0.8em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 58px;
	bottom: 1740px
    }	
		
		
	div#midasi1{
			letter-spacing: 2px;
	text-align: left;
	font-size: 1.4em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 58px;
	bottom: 3630px
    }	

		div#midasi2{
			color: white;
			letter-spacing: 2px;
	text-align: left;
	font-size: 1.4em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 58px;
	bottom: 4530px
    }	

		div#bunn5{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.55em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 80px;
	bottom: 3600px
    }	

div#bunn6{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.55em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 80px;
	bottom: 4500px
    }	

div#bunn7{
			letter-spacing: 1px;
	text-align: left;
	font-size: 1.1em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 40px;
	bottom: 4690px
    }	

div#bunn8{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.7em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 40px;
	bottom: 4680px
    }	

div#bunn9{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.7em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 40px;
	bottom: 4660px
    }	

div#bunn10{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 40px;
	bottom: 4630px
    }	


div#bunn11{
			letter-spacing: 1px;
	text-align: left;
	font-size: 1.1em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 225px;
	bottom: 4885px
    }	

div#bunn12{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.7em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 225px;
	bottom: 4875px
    }	

div#bunn13{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.7em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 225px;
	bottom: 4855px
    }	

div#bunn14{
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 225px;
	bottom: 4825px
    }	

div#bunn15{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: relative;
	left: 125px;
	bottom: 4675px
    }	

div#mozi2{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 105px;
	top: 6075px
    }	



div#mozi1{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 105px;
	top: 6100px
    }	




div#bunn16{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 1.3em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 120px;
	top: 7067px
    }	


div#bunn17{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 1.2em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 40px;
	top: 7437px
    }	


div#bunn18{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 40px;
	top: 7507px
    }	

div#bunn19{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 1.2em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 220px;
	top: 7930px
    }	


div#bunn20{
	align-items: center;
			letter-spacing: 1px;
	text-align: left;
	font-size: 0.6em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	left: 220px;
	top: 8000px
    }	




h6{
	color: black;
	font-size: 0.7em;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, 'serif'
	width: 10%;
	height: 40px;
	transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	position: absolute;
	left: 308px;
	top: 500px;
}





.button003 a {
    width: 300px;
    
	background: #eee;
	font-size: 0.8em;
    border-radius: 100px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 100;
	 position: absolute;
    top: 8367px;
    left: 50px;
}
.button003 a:hover {
    background: #313131;
    color: #FFF;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}


.footer03 {
 color: #808080;
 background: #e5e5e5;
 padding: 30px;
}
.footer03 a {
 color: #808080;
 text-decoration: none;
}
.footer03 a:hover {
 text-decoration: underline;
}
.footer03 .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
}
.footer03 .menu li {
 margin: 0;
 padding: 0 20px;
 border-left: 1px #808080 solid;
}
.footer03 .menu li:first-child {
 padding-left: 0;
 border: none;
}
.footer03 .copyright {
 margin: 0;
 padding: 20px 0 0 0;
}

@media only screen and (max-width: 375px) {
.footer03 .menu li {
 width: 100%;
 padding: 0 20px 0 0;
 box-sizing: border-box;
 border: none;
	
	
	
}
}