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


.cate4 {
  background-color: #EFEBD9;
}
.cate4 .contents {}
.cate4 .contents .imgbox {
  width: 240px;
}
.cate4 .contents .txtbox {
  width: calc(100% - 240px);
  padding-left: 80px;
}
.cate4 .contents .txtbox p.border-so1-b {
  border-color: #C6C6C6;
}
.cate4 .contents .txtbox div {
  background-color: #fff;
  padding: 30px;
}
.cate5 .videobox {
  position: relative;
  aspect-ratio: 1.77 / 1;
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
}
.cate5 .videobox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {
  .cate4 .contents .txtbox {
    padding-left: 60px;
  }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {
  .cate4 .contents .txtbox {
    padding-left: 50px;
  }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {
  .cate4 .contents .imgbox {
    width: 240px;
    margin-bottom: 30px;
  }
  .cate4 .contents .txtbox {
    width: 100%;
    padding-left: 0px;
  }
  .cate4 .contents .txtbox p.border-so1-b {
    border-color: #C6C6C6;
  }
  .cate4 .contents .txtbox div {
    background-color: #fff;
    padding: 30px;
  }
  .cate5 .videobox {
    width: 100%;
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}