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

Body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	box-sizing: border-box;
	font-size: 10px;
	color: #555;}


#container{
	width: 1024px;
	background-color: #fff;
	margin:0 auto;}



#pageheader{
	width: 782px;
	height: 50px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;}

#pageheader nav{
	position:absolute;
	top: 52px;
	right: 0;}

#hamberger ul {
	 list-style: none;}

#pageheader h1{
	text-indent: -9999px;
	width: 50%;
	font-size:12px;
	background-image: url("SVG/imaizumidesign-logo.svg");
	background-repeat: no-repeat;}

#pageheader ul{
	float: left;
	display: flex;
	list-style:none;}

#pageheader li{
	padding-right: 20px;}

#pageheader li:last-child{
	padding: 0;
}

#pageheader li a{
	text-decoration: none;
	color: #111;}

#pageheader li a {
  position: relative;
  display: inline-block;
  text-decoration: none;}

#pageheader li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00ffff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#pageheader li a:hover::after {
  transform: scale(1, 1);
}



.SNS{
	width: 930px;
	margin: 0 auto;
	position:relative;}

.SNS1{
	position:absolute;
	right: 0;
	top:300px;}


	
.SNS img{
	width: 16px;
	height: auto;
	padding-bottom: 40px;}

.SNS img:hover {
	opacity: 0.5;}



#menu{
	clear: both;
	width: 782px;
	height: 640px;
	margin: 0 auto;}

#menu h2{
	font-size:11px;
	width: 782px;
	height: 30px;
	border-top: solid 1px;
	margin: 0 auto;
	padding: 10px 0 50px;}



.slider{
    width: 100%;
	padding-left:0px;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}


.nextpage{
	clear: both;
	padding-top: 50px;
	width: 782px;
	height: 100px;
	margin: 0 auto;}

.nextpage li{
	list-style:none;}

.nextpage a{
	text-decoration: none;
	color: #555;}

.nextpage a:hover {
	opacity: 0.5;}
	
.nextpage ul{
	padding-left:0px;}


.left{
	float: left;
	padding-left:0px;}

.light{
	float: right;}

#Copyright{
	clear: both;
	width: 782px;
	margin: 0 auto;
	text-align: center;
}



@media only screen and (min-width:600px) and (max-width:900px) {
	
#container{
	width: 100%;
	background-color: #fff;
	margin:0 auto;}



#pageheader{
	width:80%;}



.SNS{
	width:90%;
	margin: 0 auto;
	position:relative;}

.SNS1{
	position:absolute;
	right: 0;}



#menu{
	width: 80%;
	height: auto;}

#menu h2{
	width: auto;}


	.slider{
	width: 100%;
	display:block;
	margin: 0 auto;
	padding-left:0px;}
	
	.slider img{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 50px;
		padding-left:0px;}
	
	.nextpage{
		width: 80%;
	}
	
.nextpage ul{
	padding-left:0px;}
	

#Copyright{
	clear: both;
	width: 80%;
	margin-bottom: 50px;}
		
}


@media screen and (max-width:599px) {

#container{
	width: 100%;
	background-color: #fff;
	margin:0 auto;}



#pageheader{
	width:90%;}

	
#container{
	position:relative;}
	
.SNS{
	display: none;
	width:90%;
	margin: 0 auto;
	position:absolute;
	bottom:0px;}

.SNS1{
	position:static;}

.SNS ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
	
.SNS a{
padding-left: 50px;
	}
	

#menu{
	width: 90%;
	height: auto;}

#menu h2{
	width: auto;}


	.slider{
	width: 90%;
	display:block;
	margin: 0 auto;
	padding-left:0px;}
	
	.slider img{
		width:90%;
		margin: 0 auto;
		padding-bottom: 50px;
		padding-left:0px;}

	.nextpage{
		width: 90%;
	}
	
.nextpage ul{
	padding-left:0px;}

#Copyright{
	clear: both;
	width: 90%;
	margin-bottom: 0px;}
		
	
}