@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1300px) {
  section.concept h1 span {
    font-size: 2rem;
  }
  section.concept .photo {
    padding: 0 10% 0 0;
  }
  section.products article h2 {
    font-size: 2rem;
  }
  section.products article h2 img {
    margin-right: 20px;
    width: 120px;
  }
}
@media only screen and (max-width: 980px) {
  .br {
    display: none;
  }
  .pc_none {
    display: block;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  body {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  /* header
------------------------------------------------- */
  header {
    padding: 4%;
    height: 100vh;
  }
  header h1 {
    width: 200px;
  }
  /* コンテンツ
------------------------------------------------- */
  section.concept {
    flex-direction: column;
  }
  section.concept div.txt_area {
    width: 100%;
    padding: 50px 6% 30px;
  }
  section.concept h1 {
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
  }
  section.concept h1 strong {
    font-size: 20px;
    width: auto;
    margin-bottom: 20px;
  }
  section.concept h1 span {
    font-size: 1.7rem;
    border-left: none;
    padding-left: 0;
    width: auto;
    font-weight: 700;
  }
  section.concept p {
    margin-bottom: 20px;
  }
  section.concept .photo {
    background-image: none;
    padding: 0;
    width: 70%;
    margin: auto;
  }
  section.concept .photo img {
    aspect-ratio: 9 / 16;
  }
  /* 商品 */
  section.products {
    line-height: 2;
    padding: 50px 2%;
  }
  section.products h1 {
    font-size: 20px;
    padding-top: 0;
    margin-bottom: 30px;
  }
  section.products h1:before {
    content: none;
  }
  section.products article {
    flex-direction: column-reverse;
    margin-bottom: 6%;
  }
  .pala_wrap {
    aspect-ratio: 3 / 4; /* ← 好きな比率にする（画像に合わせる） */
  }
  section.products article h2 {
    flex-direction: column;
    font-size: 2rem;
    margin-bottom: 30px;
  }
  section.products article h2 img {
    width: 100px;
    margin-bottom: 20px;
  }
  .btn a {
    width: 250px;
    font-size: 1.6rem;
  }
  .btn a:hover::after {
  left: 225px;
}
  section.products article div {
    width: 100%;
    padding: 50px 6%;
  }
  section.products article picture {
    width: 100%;
  }
  article.tie {
    flex-direction: row-reverse;
  }
  
  
  /* design_concept */
.design_concept{
	background-color: rgba(38,28,21,0.6);
	padding: 50px 2%;
}

.design_wrap{
	width: 100%;
	padding: 50px 6%;
	margin-bottom: 500px;
}
.design_concept p{
	margin-bottom: 20px;
}
section.design_concept h1 {
  font-size: 20px;
  margin-bottom: 30px;
}



  footer {
    padding: 175px 7% 70px;
  }
  address {
    font-size: 1.4rem;
  }
  .copy {
    font-size: 1.3rem;
  }
}