@charset "utf-8";

/* -------------------------------------------------- */
/* #block-template */
/* -------------------------------------------------- */
#block-template .attention{background:#efede5;padding:12px 15px;}
#block-template .attention > li{display:flex;align-items:center;gap:15px;}
#block-template .attention > li + li{border-top:1px dotted #999;margin-top:10px;padding-top:10px;}
#block-template .attention > li .icon{width:31px;}
#block-template .attention > li .txt{flex:1;}

#block-template .ttl-template{display:flex;align-items:center;gap:5px 15px;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px;}
#block-template .ttl-template .common-ttl04{margin-bottom:0;}

#block-template .list-template{max-width:510px;margin:auto;}
#block-template .list-template > li .ttl{font-size:1.5rem;font-weight:bold;background:#EAAB17;color:#fff;padding:5px 10px;}
#block-template .list-template > li .ttl span{font-size:1.2rem;font-weight:normal;display:inline-block;margin-left:5px;}
#block-template .list-template > li .box{display:flex;border:1px solid #ccc;border-top:0;}
#block-template .list-template > li .box .img{padding:10px;text-align:center;max-width:28%;}
#block-template .list-template > li .box .btn{flex:1;padding:10px;text-align:center;border-left:1px solid #ccc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
#block-template .list-template > li .box .btn a{font-size: 1.3rem;font-weight:bold;padding: 10px 20px;border-radius: 100px;text-decoration: none;color: #fff;text-align: center;background: #5f5d1d;display: flex;align-items: center;justify-content: center;gap: 5px;width:100%;max-width: 232px;}
#block-template .list-template > li .box .btn a::before{content: "";display: block;width: 17px;height: 17px;background: url(/img/icon_download.png) no-repeat;background-size: contain;}
#block-template .list-template > li + li{margin-top:-1px;}

#block-template .txt-temp{font-size:1.4rem;font-weight:bold;}
#block-template .txt-temp a{display:flex;gap:7px;align-items:center;}

#block-template .attention02 > li{display:flex;align-items:center;gap:15px;}
#block-template .attention02 > li + li{margin-top:15px;}
#block-template .attention02 > li .icon{display:flex;align-items:center;gap:7px;white-space:nowrap;width:calc(32px + 7px + 10em);}
#block-template .attention02 > li .txt{flex:1;}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:799px){
  
}
@media screen and (min-width:1px) and (max-width:569px){
  /* -------------------------------------------------- */
  /* #block-template */
  /* -------------------------------------------------- */
  #block-template .list-template > li .ttl span{display:block;margin:0;}
  #block-template .list-template > li .box .img{padding:8px 5px;}
  #block-template .list-template > li .box .btn{padding:8px 5px;}
  #block-template .list-template > li .box .btn a{font-size:1.2rem;}

  #block-template .attention02 > li{display:block;}
  #block-template .attention02 > li + li{margin-top:20px;}
  #block-template .attention02 > li .icon{margin-bottom:5px;width:100%;}

}