@media only screen and (max-width: 767px) {
  #list p {
    padding: 1rem 1.5rem; }
    #list p strong {
      font-weight: 400;
      display: block;
      font-size: 1.5rem;
      padding-bottom: 1rem; }
  #list.page-content .page-content-body h4:before{
    content: "";
    width: 16px;
    height: 16px;
    position: static;
    background-image: url(../../../commons/images/service/icon_arrow.png);
    display: inline-block;
    background-size: contain;
    margin-right: 5px;
    opacity: 1; }
  #list .page-content-body {
    padding-bottom: 0; }
    #list .page-content-body .page-content-box {
      padding-bottom: 1rem; }
      #list .page-content-body .page-content-box figure {
        font-size: 1.2rem;
        line-height: 1.2;
        text-align: center;
        padding: 1rem 2.5rem 0 2.5rem; }
        #list .page-content-body .page-content-box figure ul li {
          margin: 0 0 1.5rem; }
          #list .page-content-body .page-content-box figure ul li img {
            max-width: 100%;
            height: auto;
            margin-bottom: .5rem; }
      #list .page-content-body .page-content-box dl {
        padding: 1.5rem 1.5rem 2.5rem; }
        #list .page-content-body .page-content-box dl dt {
          color: #053f7e;
          padding-bottom: .5rem; }
        #list .page-content-body .page-content-box dl dd ul li {
          position: relative;
          padding-left: 2rem;
          padding-bottom: .5rem; }
          #list .page-content-body .page-content-box dl dd ul li:before {
            content: "";
            width: .8rem;
            height: .8rem;
            border: 3px solid #053f7e;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: .4rem; } }
@media only screen and (min-width: 768px) {
  #list.page-content .page-content-body h4{
    padding-left: 11px; }
    #list.page-content .page-content-body h4:before{
      content: "";
      width: 16px;
      height: 16px;
      position: static;
      background-image: url(../../../commons/images/service/icon_arrow.png);
      display: inline-block;
      background-size: contain;
      margin-right: 5px;
      opacity: 1; }
  #list .page-content-body {
    padding-bottom: 0; }
    #list .page-content-body p {
      padding: 10px 0px; }
      #list .page-content-body p strong {
        font-weight: 400;
        display: inline-block;
        font-size: 1.6rem;
        padding-bottom: 40px; }
    #list .page-content-body .page-content-box {
      padding-bottom: 60px; }
      #list .page-content-body .page-content-box p {
        padding: 0 15px 25px; }
      #list .page-content-body .page-content-box figure {
        text-align: center;
        padding: 20px 15px 0 15px; }
        #list .page-content-body .page-content-box figure ul li {
          min-width: 26%;
          display: inline-block;
          margin: 0 15px; }
          #list .page-content-body .page-content-box figure ul li img {
            margin-bottom: 15px; }
      #list .page-content-body .page-content-box dl {
        padding: 15px 15px 25px; }
        #list .page-content-body .page-content-box dl dt {
          color: #053f7e;
          padding-bottom: 15px; }
        #list .page-content-body .page-content-box dl dd ul li {
          position: relative;
          padding-left: 20px;
          padding-bottom: 15px; }
          #list .page-content-body .page-content-box dl dd ul li:before {
            content: "";
            width: 8px;
            height: 8px;
            border: 3px solid #053f7e;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 4px; } }