@charset "utf-8";


/* -------------------------------------------------------
大 large
------------------------------------------------------- */

/* 中 middle
------------------------------------------------------- */

/* 小 small */


/* -------------------------------------------------------
mainvisual
------------------------------------------------------- */
.mv{
	padding: 0 2%;
	margin-bottom: 65px;
}
.mv-inner{
	background-image: url("../img/top/mv-img2.jpg");
	width: auto;
	height: 90vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	
	
}
.main-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

/*下からフェードイン*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

@media screen and (max-width: 1200px){
	.mv-inner img{
		width: 90%;
	}
	.mv-inner{
		height: 90vh;
	}
	.mv{
		padding: 0 3%;
	}
	.main-text{
		width: 100%;
	}
	.main-text{
	transform: translate(-45%,-50%)
}
}


/* -------------------------------------------------------
information
------------------------------------------------------- */

.info-inner{
	display: flex;
	padding: 40px 40px 40px 45px;
	border: 1px solid #DDDDDD;
	margin-bottom: 75px;
}
h2.info-title span{
	display: block;
}
.info{
	display: flex;
	align-items: center;
	margin-right: 125px;
}
.info img{
	height: 1px;
	margin:0 0 10px 15px;
}
.info-item{
	display: flex;
}
.info-item{
	margin-bottom: 10px;	
}
.info-item dt{
	margin-right: 65px;
}

@media screen and (max-width: 1200px){
	.info-inner{
		display: block;
		padding: 40px 20px;
	}
	.info-item dt{
		margin-right: 30px;
	}
	.info{
		margin-bottom: 25px;
	}
}
/* -------------------------------------------------------
about
------------------------------------------------------- */


.about{
	margin-bottom: 135px;
}



@media screen and (max-width: 767px){
	.about-title{
		margin-bottom: 160px;
	}

	.about{
		margin-bottom: 70px;
	}
	
	
}

/* -------------------------------------------------------
works
------------------------------------------------------- */
.works-title span{
	display: block;
}
.works-title{
	margin-bottom: 40px;
}

.works{
	margin-bottom: 170px;
}

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

	.works-title{
		margin-bottom: 25px;
	}

	.works{
		margin-bottom: 70px;
	}

	
}
/* -------------------------------------------------------
new arrivals
------------------------------------------------------- */