div.content20260123 {
  width: 100%;
  overflow: hidden;
  background: #fff;
}
div.content20260123 p, div.content20260123 a {
  margin: 0;
  padding: 0;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
}
div.content20260123 img {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
div.content20260123 div.top_area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #dbe8ee;
  padding: 0 15%;
}
@media (max-width: 1024px) {
  div.content20260123 div.top_area {
    padding: 0 0%;
  }
}
@media (max-width: 640px) {
  div.content20260123 div.top_area {
    justify-content: space-between;
    position: relative;
  }
}
div.content20260123 div.top_area div {
  width: 20%;
}
@media (max-width: 640px) {
  div.content20260123 div.top_area div {
    width: 33.3333333333%;
  }
}
div.content20260123 div.top_area .mg_t {
  margin-top: 10%;
}
@media (max-width: 640px) {
  div.content20260123 div.top_area .mg_t {
    margin-top: 20%;
  }
}
@media (max-width: 640px) {
  div.content20260123 div.top_area .sp_w {
    width: 40%;
    margin-top: 0%;
  }
}
div.content20260123 div.top_area h1 {
  width: 50%;
  position: relative;
  margin-top: -10%;
}
div.content20260123 div.top_area h1 span {
  display: block;
  width: 40%;
  position: absolute;
  left: 38%;
  top: 0%;
  transform: rotate(-10deg);
}
@media (max-width: 640px) {
  div.content20260123 div.top_area h1 {
    margin: 0 auto;
    position: absolute;
    left: 20%;
    bottom: 43%;
    width: 60%;
  }
}
div.content20260123 p.lead {
  width: 100%;
  padding: 2% 0%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  background: url("https://osmosis.itembox.design/item/img/contents/2026ss/0123content/denim.jpg?1");
  background-size: cover;
  background-repeat: none;
  background-position: center;
  border-bottom: 2vw solid #063063;
}
@media (max-width: 1024px) {
  div.content20260123 p.lead {
    font-size: 1.7vw;
    line-height: 3.4vw;
  }
}
@media (max-width: 640px) {
  div.content20260123 p.lead {
    font-size: 3vw;
    line-height: 5.5vw;
    padding: 3% 5%;
    border-bottom: 5vw solid #063063;
  }
}
div.content20260123 div.contents_area {
  width: 100%;
  margin: 5% auto;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area {
    margin: 15% auto;
  }
}
div.content20260123 div.contents_area div.cover1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5%;
}
div.content20260123 div.contents_area div.back-color {
  background: #dbe8ee;
}
div.content20260123 div.contents_area div {
  width: 50%;
  padding: 0.5%;
  position: relative;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area div {
    padding: 1%;
  }
}
div.content20260123 div.contents_area div h2 {
  padding: 0.5% 14%;
  text-align: center;
  background: #063063;
  color: #fff;
  font-size: 3.5vw;
  position: absolute;
  right: -31.5%;
  top: 14%;
  transform: rotate(90deg);
  font-family: "Damion", cursive;
  font-weight: 400;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area div h2 {
    font-size: 5.5vw;
    right: -30.5%;
    top: 18%;
  }
}
div.content20260123 div.contents_area div p {
  margin: 7% auto;
}
div.content20260123 div.contents_area div a {
  font-size: 1.4vw;
  padding: 2% 0%;
  width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2% auto;
  color: #063063;
  font-weight: 600;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area div a {
    width: 95%;
    font-size: 2.4vw;
  }
}
div.content20260123 div.contents_area div a span {
  font-size: 0.8em;
  font-weight: 600;
  width: 50%;
  text-align: right;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area div a span {
    width: 50%;
    font-size: 0.9em;
  }
}
div.content20260123 div.contents_area div a span::after {
  content: "Check";
  font-size: 0.8em;
  display: inline-block;
  background: #063063;
  color: #fff;
  padding: 0.2vw 0.5vw;
  margin-left: 4%;
  border: 1px solid #063063;
}
div.content20260123 div.contents_area div a:hover span::after {
  background: #fff;
  color: #063063;
  transition: 0.5s;
}
div.content20260123 div.contents_area .w75 {
  width: 75%;
}
div.content20260123 div.contents_area .w60 {
  width: 60%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w60 {
    width: 55%;
    margin-right: auto;
  }
}
div.content20260123 div.contents_area .w70 {
  width: 70%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w70 {
    width: 98%;
    margin: 0 auto;
  }
}
div.content20260123 div.contents_area .w30 {
  width: 30%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w30 {
    width: 50%;
  }
}
div.content20260123 div.contents_area .w40 {
  width: 40%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w40 {
    width: 60%;
    margin: 0 auto;
  }
}
div.content20260123 div.contents_area .w35 {
  width: 35%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w35 {
    width: 45%;
  }
}
div.content20260123 div.contents_area .w25 {
  width: 25%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w25 {
    width: 40%;
    margin: 0 auto;
  }
}
div.content20260123 div.contents_area .w55 {
  width: 56%;
}
div.content20260123 div.contents_area .w45 {
  width: 44%;
}
div.content20260123 div.contents_area .mt {
  margin-top: auto;
}
div.content20260123 div.contents_area .mb {
  margin-bottom: auto;
}
div.content20260123 div.contents_area .mr {
  margin-right: auto;
}
div.content20260123 div.contents_area .w36 {
  width: 36%;
}
div.content20260123 div.contents_area .w36 h2 {
  right: -26.5%;
}
@media (max-width: 640px) {
  div.content20260123 div.contents_area .w36 {
    width: 50%;
    margin: 0% 0% 0% auto;
    margin-right: 7%;
  }
}/*# sourceMappingURL=0123content.css.map */