@charset "utf-8";

/* -------------------------------------------------- */
/* #block-knowledge */
/* -------------------------------------------------- */
#block-knowledge .box{border:1px solid #ccc;padding:15px;}
#block-knowledge .box .box-inner{display:flex;gap:15px;}
#block-knowledge .box .box-inner > *{flex:1;display:flex;gap:5px;}
#block-knowledge .box .box-inner .img{max-width:54%;}
#block-knowledge .box .box-inner .txt{flex:1;}
#block-knowledge .box .box-inner .ttl{font-weight:bold;margin-bottom:2px;}

#block-knowledge .box02{display:flex;gap:15px;}
#block-knowledge .box02 .inner{flex:1;}
#block-knowledge .box02 .img{max-width:38%;}

#block-knowledge .table{border:1px solid #ccc;width:100%;border-spacing:0;}
#block-knowledge .table th,#block-knowledge .table td{border:1px solid #ccc;padding:8px 10px;vertical-align:middle;}
#block-knowledge .table tr:nth-child(odd){background:#f5f5f5;}
#block-knowledge .table th{font-size:1.4rem;width:6em;text-align:center;font-weight:bold;line-height:1.3;}
#block-knowledge .table th small{display:block;}
#block-knowledge .table .color01{color:#c0a04e;}
#block-knowledge .table .color02{color:#a72323;}
#block-knowledge .table .color03{color:#95047b;}
#block-knowledge .table .color04{color:#333333;}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:799px){
  /* -------------------------------------------------- */
  /* #block-knowledge */
  /* -------------------------------------------------- */
  #block-knowledge .box{padding:20px;}
  #block-knowledge .box .box-inner{display:block;max-width:400px;margin:auto;}
  #block-knowledge .box .box-inner > *{align-items:center;}
  #block-knowledge .box .box-inner > * + *{margin-top:10px;}

}
@media screen and (min-width:1px) and (max-width:569px){

}