@charset "utf-8";
/* CSS Document */


.cate1 .rightbox {
  background: #EBECEE;
}
.boxwrap3 {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.boxwrap3 .rightbox, .boxwrap3 .leftbox {
  width: 50%;
}
.boxwrap3 .rightbox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(40px, 6vw, 100px);
  background: #f5f5f5;
  aspect-ratio: 1 / 1;
}
.boxwrap3 .imgbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boxwrap3 .imgbox img {
  display: block;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.boxwrap3 .leftbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 clamp(40px, 6vw, 100px);
}
.boxwrap3 .leftbox .txtbox {
  max-width: 600px;
}
@media screen and (max-width:1080px) {
  .boxwrap3 {
    flex-direction: column;
  }
  .boxwrap3 .rightbox, .boxwrap3 .leftbox {
    width: 100%;
    max-width: 700px;
    margin: auto;
    padding: 50px;
  }
  .boxwrap3 .leftbox {
    padding: 50px clamp(20px, 5vw, 50px) 0;
    align-items: center;
    text-align: center;
  }
  /* 画像を正方形 */
  .boxwrap3 .rightbox {
    aspect-ratio: 1 / 1;
  }
}
@media screen and (max-width: 576px) {
  .boxwrap3 .default_title2 {
    font-size: 22px;
  }
  .lineheight22 {
    text-align: left;
    }}



  /* ---------- IEのみ ---------- */
  @media all and (-ms-high-contrast: none) {}
  /* ---------- 1280px ~ ---------- */
  @media screen and (max-width: 1280px) {}
  /* ---------- 1080px ~ ---------- */
  @media screen and (max-width: 1080px) {}
  /* ---------- 768px ~ ---------- */
  @media screen and (max-width: 768px) {}
  /* ---------- 576px ~ ---------- */
  @media screen and (max-width: 576px) {}
  /* ---------- 350px ~ ---------- */
  @media screen and (max-width: 350px) {}