@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.dir-conceptshop .main .en{
	font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-style: normal;
}
.dir-conceptshop .main{
	position: relative;
	overflow: hidden;
}

.dir-conceptshop .main .section{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #FFFFFF;
}
.dir-conceptshop .main .bg-pink{
	background-color: #e5c7de;
}
.dir-conceptshop .main .bg-green{
	background-color: #d6ede0;
}
.dir-conceptshop .main .concept-ttl{
	background-color: #ece096;
	height: 130px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}
.dir-conceptshop .main .concept-ttl img{
	height: 56px;
}
/*----------------------------
fadeIn ｜下から上へ出現
----------------------------*/
.fadeIn {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.fadeIn.on {
  transform: translateY(0);
  opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.fadeIn_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.fadeIn_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.fadeIn_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.fadeIn_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}
.dir-conceptshop .main .item{
	opacity: 0;
}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.animat02 {animation-delay: 0.2s;}
.animat03 {animation-delay: 0.4s;}
.animat04 {animation-delay: 0.6s;}
.animat05 {animation-delay: 0.8s;}
.animat06 {animation-delay: 1.0s;}
.animat07 {animation-delay: 1.2s;}
.animat08 {animation-delay: 1.4s;}
.animat09 {animation-delay: 1.6s;}

.dir-conceptshop .main .p-50{
	padding-top: 50px;
	padding-bottom: 50px;
}
.dir-conceptshop .main .pt-50{
	padding-top: 50px;
}
.dir-conceptshop .main .p-30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.dir-conceptshop .main .pt-30{
	padding-top: 30px;
}
.dir-conceptshop .main .main-text{
	background-color: #efe8dd;
	font-size: 2.0rem;
	line-height: 1.8;
	font-weight: bold;
}


@media only screen and (max-width: 768px) {
	.dir-conceptshop .main .container{
		max-width: 900px;
		margin: 0 auto;
	}
	.dir-conceptshop .main .p-50{
	padding-top: 30px;
	padding-bottom: 30px;
}	
	.dir-conceptshop .main .pt-50{
	padding-top: 30px;
}
.dir-conceptshop .main .p-30{
	padding-top: 15px;
	padding-bottom: 15px;
}
	.dir-conceptshop .main .pt-30{
	padding-top: 15px;
}
	.dir-conceptshop .main .concept-ttl{
		height: 80px;
		padding-left: 10px;
		padding-right: 10px;
}

	.dir-conceptshop .main{
		padding-bottom: 30px;
	}
	
	
}

@media only screen and (min-width: 769px) {
	
	.dir-conceptshop .btn-floating{
		display: none;
	}
	
	
	
	
}