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

.cate1 .txtbox2{
width: 100%;
  background:#E1ECF7;
padding: clamp(24px, 6vw, 50px);
}
.bookbox {
  border: 1px solid #eee;
  background: #fff;
}

.bookbox-title {
  background: #003580;
  color: #fff;
  padding: 12px 12px;
}

.bookbox-body {
  display: flex;
  gap: 40px;
  padding: 20px;
justify-content: flex-start;
}

.bookbox-img img {
  max-width: 200px;
  height: auto;
  display: block;
}


/* ---------- 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){
    .bookbox-body {
    justify-content: center;
}
    
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}