/*Common*/

::selection {
  color: #fff;
	background: #0D6BAF; /* Safari */
}

::-moz-selection {
	color: #fff;
	background: #0D6BAF; /* Firefox */
}

html{
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size:62.5%;
}

body{
  background: #fff;
  margin: 0;
  padding: 0;
}


#wrapper{
  background-color: #fff;
}

a{
  font-weight: normal;
  text-decoration: none;
  opacity: 1;
  transition: 0.4s;
}

a:hover{
  opacity: 0.6;
}

h1, h2, h3, h4, h5, h6{
  font-weight: normal;
  margin: 0;
  padding: 0;
}

p{
  margin: 0;
  padding: 0;
}

#logo{
	position: fixed;
	left: 180px; top: 140px;
}

#main{
	position: fixed;
	right: 160px; bottom: 60px;
}

.nav_link{
	position: relative;
	display: block;
	margin: 32px 0;
}

/*Breakpoint 1500 */
@media only screen and (min-width: 1500px){

	#wrapper{
		position: relative;
		display: block;
		width: 1500px; height: 100%;;
		margin: 0 auto;
	}
  
} 

/*Breakpoint 768 */
@media only screen and (max-width: 768px){

	#logo{
		position: fixed;
		left: 46px; top: 140px;
	}
	
	#main{
		position: fixed;
		left: 46px; bottom: 40px;
		margin: 34px 0;
	}
	
	.nav_link{
		margin: 34px 0;
	}
	
	.nav_link img{
		width: auto; height: 22px;
	}
  
}