@charset "UTF-8";
.pcnone {
  display: none;
}

.spnone {
  display: inline;
}

.catalog * {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  color: #0b1229;
}
.catalog * {
  line-height: 1.8;
}

.catalog .sec {
  padding: 80px 0;
}

.catalog .sec-inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
}

.catalog .sec01__block {
  margin: 0 0 80px;
}

.catalog .sec-ttl {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.08em;
  margin: 20px 0 60px;
  font-weight:200;
  color:#0b1229;
}

.catalog .sec01__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px 20px;

}

.catalog .sec01__content-img {
  flex-shrink: 0;
  width: 22%;
}

.catalog .sec01__content-img img{
  width: 100%;
}

.catalog .sec01__content-txtarea {
  width: 23%;
  display: flex;
  justify-content: space-between;
  flex-direction:column;
}

.catalog .sec01__content-txtarea h3 {
  font-size:14px;
}

.catalog .sec01__content-txtarea p {
  margin:0 0 60px;
}

.catalog .btn {
  position: relative;
  text-align:center;
  background: #fff;
  line-height: 1;
  color: #0b1229;
  padding: 5px 15px 5px 10px;
  width: 90%;
  max-width: 250px;
  bottom:20px;
  border:1px solid #0b1229;
  margin-left:unset;
}

.catalog .btn:hover, .zegna .btn:visited {
  color: #0b1229;
}

.catalog .btn:hover {
  background: #efefef;
}

.catalog .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0b1229;
  border-right: 1px solid #0b1229;
  transform: rotate(45deg);
}

.catalog .btn a{
display:block;
font-size:12px;
}


@media screen and (max-width: 768px) {
  .catalog .btn {
    bottom:0 ;
  }

  .catalog .btn a{
  font-size:18px;
  }
  .catalog .sec {
    padding: 80px 0 0;
  }
  .catalog .sec-ttl {
    font-size: 26px;
    letter-spacing: 0.08em;
    margin: 20px 0 60px;
  }

.catalog .sec01__content {
  flex-wrap: wrap;
}

.catalog .sec01__content-img {
  flex-shrink: 0;
  width: 38%;
  padding-bottom:40px;
}

.catalog .sec01__content-txtarea {
  width: 56%;
  padding-bottom:40px;
}

.catalog .sec01__content-txtarea h3 {
  font-size:22px;
  margin-top:2px;
}

.catalog .sec01__content-txtarea p {
  margin:0 0 40px;
  font-size:18px;
}
}