@charset "UTF-8";
/*
@mixin mqTablet
{
  // タブレット表示: sp+scrollbar=500px ～ tablet+scrollbar-1=787px
  @media only screen and (min-width: $MQ_SP_W + $MQ_SCROLLBAR_W) and (max-width: $MQ_TB_W + $MQ_SCROLLBAR_W - 1) {
    @content;
  }
}
*/
/*====================================================================
    
====================================================================*/
div.box.basic:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 500px) {
  div.box.basic div.b {
    width: 224px;
    height: 200px;
    float: left;
  }
  div.box.basic div.b h4 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 4px;
  }
  div.box.basic div.b ul > li {
    text-align: left;
    background: url(/img/li_ar.png) no-repeat left center;
    padding-left: 12px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 499px) {
  div.box.basic div.b {
    margin: 0 10px;
  }
  div.box.basic div.b h4 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 4px;
  }
  div.box.basic div.b ul {
    margin-bottom: 10px;
  }
  div.box.basic div.b ul > li {
    text-align: left;
    background: url(/img/li_ar.png) no-repeat 10px center white;
    border: 1px solid #CCCCCC;
    padding-left: 12px;
  }
  div.box.basic div.b ul > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-decoration: none;
  }
  div.box.basic div.b ul > li + li {
    border-top: none;
  }
}

div.col2 {
  width: 48%;
  float: left;
}

div.col2 + div.col2 {
  margin-left: 4%;
}