.type {
  display: block; }
  .type h3 {
    margin-bottom: 20px; }

h4.pc-invisible {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #666;
  margin-top: 30px; }
  h4.pc-invisible span {
    display: inline-block;
    background: #fff;
    padding: 0 0.5em;
    position: relative;
    top: -0.75em; }

ul.merit-two,
ul.recmnd-two {
  line-height: 1.5;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
  ul.merit-two > li,
  ul.recmnd-two > li {
    list-style: none; }
    ul.merit-two > li:first-child,
    ul.recmnd-two > li:first-child {
      width: calc(((100% - 5px) / 2) + 5px);
      padding-right: 2px;
      border-right: 1px solid #ccc;
      margin-right: 2px; }
      ul.merit-two > li:first-child dl dd li,
      ul.recmnd-two > li:first-child dl dd li {
        padding-right: 5px; }
    ul.merit-two > li:last-child,
    ul.recmnd-two > li:last-child {
      width: calc((100% - 5px) / 2); }
      ul.merit-two > li:last-child dl dd li,
      ul.recmnd-two > li:last-child dl dd li {
        padding-left: 5px; }
    ul.merit-two > li dl dt,
    ul.recmnd-two > li dl dt {
      color: #fff;
      padding: 8px;
      text-align: center;
      position: relative;
      margin-bottom: 1em;
      font-weight: bold; }
      ul.merit-two > li dl dt:after,
      ul.recmnd-two > li dl dt:after {
        content: '';
        display: block;
        border: 1px solid #fff;
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        position: absolute;
        left: 2px;
        top: 2px; }
      ul.merit-two > li dl dt strong,
      ul.recmnd-two > li dl dt strong {
        font-size: 16px; }
      ul.merit-two > li dl dt span,
      ul.recmnd-two > li dl dt span {
        display: none; }
    ul.merit-two > li dl dd li,
    ul.recmnd-two > li dl dd li {
      list-style: none; }

ul.merit-two dl dd li {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em; }
  ul.merit-two dl dd li:last-child {
    border-bottom: none; }
  ul.merit-two dl dd li span {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto 5px; }
    ul.merit-two dl dd li span:after {
      display: block;
      content: '';
      margin-top: -1.5em;
      width: 1.5em;
      height: 1.5em;
      border-radius: 0.75em; }
  ul.merit-two dl dd li strong {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    padding-bottom: 0.4em; }
ul.merit-two > li:first-child dl dt {
  background: #f58300; }
ul.merit-two > li:first-child dl dd li span:after {
  background: #f58300; }
ul.merit-two > li:last-child dl dt {
  background: #fe6122; }
ul.merit-two > li:last-child dl dd li span:after {
  background: #fe6122; }

ul.recmnd-two dl dt {
  color: #000 !important; }
  ul.recmnd-two dl dt:before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 2px;
    top: 2px; }
ul.recmnd-two dl dd li {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em; }
  ul.recmnd-two dl dd li:last-child {
    border-bottom: none; }
  ul.recmnd-two dl dd li span {
    font-weight: bold; }
ul.recmnd-two li:first-child dl dt,
ul.recmnd-two li:first-child dl dt:after {
  border: 1px solid #f58300; }
ul.recmnd-two li:first-child dl dt:before {
  background: #f58300;
  opacity: 0.3; }
ul.recmnd-two li:first-child dl dd li span {
  color: #f58300; }
ul.recmnd-two li:last-child dl dt,
ul.recmnd-two li:last-child dl dt:after {
  border: 1px solid #fe6122; }
ul.recmnd-two li:last-child dl dt:before {
  background: #fe6122;
  opacity: 0.3; }
ul.recmnd-two li:last-child dl dd li span {
  color: #fe6122; }

/*# sourceMappingURL=basic_entrance_sp.css.map */