@charset "UTF-8";

/* ============================================ 
	common
/* ============================================ */


.txt {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 1.3px;
}

.brandName-en {
	font-family: var(--font-en);

}

/* pc: common */
@media screen and (min-width:769px) {
	
.story__topic--en {
	font-size: 1.6rem;
	letter-spacing: 1.76px;
}

.story__topic--jp {
	font-size: 2.2rem;
	letter-spacing: 4.4px;
}

.txt {
	font-size: 1.5rem;
	letter-spacing: 2.25px;
	font-feature-settings: "palt";
}
}


/* pc：769px */

/* ============================================ 
story
/* ============================================ */
.story-wrapper {
	width: 100%;
	height: 100%;
	padding-top: 143px;
}


/* 画像のラップ */
.img-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 126px;
}

/* 画像のスタイル */
.img-wrap img {
    object-fit: cover;
    width: 100%;
    height: 126px;
}
	
.story__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 10px 13%;
	margin-top: 30px;
}

.story__topic--en {
	font-family: var(--font-en);
	font-size: 1.1rem;
	letter-spacing: 1.21px;
	margin-top: 25px;
	line-height: 1;
}

.story__topic--jp {
	margin-top: 15px;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 3.84px;
	text-align: left;
	font-feature-settings: "palt";
}

.txt--story {
	margin-top: 70px;
	font-feature-settings: "palt";
}

.verticalLine {
	background-color: #aeaeae;
	width: 1px;
	height: 150px;
	margin: 100px auto 0;
	animation: liner 3.5s cubic-bezier(1, 0, 0, 1) infinite;
}

	@keyframes liner {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	70% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
	}

.brSp {
	display: block;
}

.brPc {
	display: none;
}

.horizonLine {
	display: flex;
	flex-direction: row;
	align-items: center;
	&::after {
		content: '';
		width: 30px;
		height: 1px;
		background-color: black;
	}
}


/* pc: story */
@media screen and (min-width:769px) {
	.brSp {
		display: none;
	}
	
	.brPc {
		display: block;
	}

	.story-wrapper {
		padding-top: 143px;
	}
	
	.story__content {
		align-items: flex-start;
		padding: 0 22.5%;
		margin-top: 120px;
	}
	
	.story__topic--en {
		margin-top: 0;
		font-size: 1.6rem;
		letter-spacing: 1.76px;
	}
	
	.story__topic--jp {
		margin-top: 25px;
		font-size: 6.4rem;
		letter-spacing: 7.68px;
	}

	.txt--story {
	font-size: 1.6rem;
	line-height: 2.7;
	letter-spacing: 1.6px;
	}

	.img-wrap {
		height: 279px;
	}

	.img-wrap img {
		height: 279px;
	}
		
	.verticalLine {
		margin: 120px auto 0;
		width: 0.8px;
		height: 300px;
	}
}

/* pc：769px */
/* ============================================ 
brand Name
/* ============================================ */
.brandName-wrapper {
	width: 100%;
	height: 100%;
	margin-top: 70px;
}

.brandName-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 130px;
}
	
.brandName-img {
	width: 86.4%;
	height: 200px;
	object-fit: cover;
}

.brandName__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 57px;
	padding: 0 13%;
}

.brandName__topic {
	display: block;
}
	
.brandName__topic--en {
	font-family: var(--font-en);
	font-size: 4.5rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
}

.brandName-adotwalk {
	margin-top: 0;
	font-family: var(--font-ja);
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: -1.2px;
}

.brandName__topic--jp {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.18px;
	margin-top: 10px;
	font-feature-settings: "palt";
}

.txt--brandName {
	margin-top: 70px;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 1.3px;
	font-feature-settings: "palt";
}

.logo__brandName {
	margin-top: 10px;
	margin-left: auto;
	margin-right: 50px;
	width: 40px;
	height: 40px;
}


/* pc: brand Name */
@media screen and (min-width:769px) {
.brandName-wrapper {
	margin-top: 90px;
}

.brandName-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 22.5%;
}
	
.brandName-img{
	width: 100%;
	height: 487px;
}

.brandName__content {
	margin-top: 80px;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.brandName__topic {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.brandName__topic--en {
	font-size: 7.8rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.1px;
}

.brandName__topic--jp {
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 2;
	letter-spacing: -0.27px;

	br {
		display: none;
	}
}

.txt-brandName-wrapper {
	display: inline-block;
    margin: 0 auto;
}

.txt--brandName {
	margin-top: 100px;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 3.15;
	letter-spacing: 2.4px;

	.brSp {
		display: none;
	}
}

.logo__brandName {
	margin: 120px 0 0 0;
	
	width: 50px;
	height: 50px;
}

}
/* pc：769px */

/* ============================================ 
	products
/* ============================================ */
.products-wrapper {
	width:100%;
	height:100%;
	padding: 130px 17% 0;
  }
  
  .topic__title--sub {
	text-align: center;
	margin-top: 20px;
	font-family: var(--font-en);
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1.2px;
  }
  
  .topic__title--txt {
	text-align: center;
	margin-top: 10px;
	font-family: var(--font-en);
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1.2px;
  }
  
  .products-container {
	display: block;
  }
  
  .products__list {
	display: flex;
	flex-direction: column;
	gap: 50px;
  }
  
  .products__item {
	display: flex;
	flex-direction: column;
	text-align: center;
	
	img {
	  width: 260px;
	  height: auto; 
	}
  
	p {
	  font-family: var(--font-en);
	  font-size: 1.3rem;
	  font-weight: 300;
	  line-height: 1;
	  letter-spacing: 0.26px;
	  text-align: center;
	}
	
	span {
	  font-family: var(--font-en);
	  display: inline-block;
	  font-family: var(--font-en);
	  font-size: 1.3rem;
	  font-weight: 300;
	  line-height: 1;
	  letter-spacing: 0.13px;
	  margin-top: 15px;
	}
  }
  
  /* pc：products */
  @media screen and (min-width:769px) {
	.products-wrapper {
	  padding: 160px 0 0;
	}
  
	.topic__title--sub {
	  margin-top: 50px;
	  font-size: 2rem;
	  letter-spacing: 2px;
	}
	
	.topic__title--txt {
	  margin-top: 18px;
	  font-size: 2rem;
	  line-height: 1.3;
	  letter-spacing: 2px;
	}
  
	.brandName-jp {
	  font-size: 1.5rem;
	  line-height: 1.1;
	  letter-spacing: 1.5px;
	}
  
	.products__list {
	  flex-direction: row;
	  justify-content: center;
	  gap: 80px;
	  width: 100%;
	}
	
	.products__item img {
	  width: 100%;
	  height: 300px;
	  object-fit: cover;
	}
	
	.products__item p {
	  font-size: 1.6rem;
	  font-weight: 300;
	}
	
	.products__item span {
	  font-size: 1.8rem;
	  font-weight: 300;
	}
  }
  
  /* pc：769px */
  /* ============================================ 
	contact
/* ============================================ */
.contact-wrapper {
	margin-top: 32px;
}

@media screen and (min-width:769px) {
.contact-wrapper {
	margin-top: 70px;
}
}