@media screen and (min-width: 768px) {
    .contents_body{
      padding-top: 0 !important;
    }
    .contents_body > ul{
      margin: 0 -42px;
    }
    .contents_body > ul > li{
      width: 448px;
      padding: 60px 0 0;
      margin: 0 42px;
    }
    .contents_body > ul > li .category_top{
      box-sizing: border-box;
      padding: 0 0 28px;
      font-weight: bold;
      letter-spacing: 0.04em;
      border-bottom: 1px solid #0099D9;
      margin-bottom: 20px;
    }

    .contents_body .sub{
      font-size: 11px;
      font-weight: bold;
      line-height: 42px;
      color: #004F99;
    }

    .contents_body > ul > li > ul > li > ul{
      padding-left: 28px;
    }

    .contents_body ul li a{
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 42px;
      padding-left: 21px;
    }
    .contents_body ul li a:before{
      content: '';
      position: absolute;
      top: 14px;
      left: 5px;
      width: 14px;
      height: 14px;
      background: url('/jp/ja/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }
    .contents_body ul li .category_top a{
      padding-left: 0;
      padding-right: 21px;
      font-size: 19px;
      line-height: 28px;
    }
    .contents_body ul li .category_top a:before{
      display: none;
    }
    .contents_body ul li .category_top a:after{
      content: '';
      position: absolute;
      top: 7px;
      right: 0;
      width: 14px;
      height: 14px;
      background: url('/jp/ja/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }

    .pc_none {
        display: none !important
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        /*font-size: .26667vw*/
    }

    body {
        min-width: 320px
    }

    .contents_body{
      padding-top: 0 !important;
      padding-bottom: 90px !important;
    }
    .contents_body > ul > li{
      padding: 60px 0 0;
    }
    .contents_body > ul > li .category_top{
      box-sizing: border-box;
      padding: 0 0 28px;
      font-weight: bold;
      letter-spacing: 0.04em;
      border-bottom: 1px solid #0099D9;
      margin-bottom: 20px;
    }
    .contents_body .sub{
      font-size: 11px;
      font-weight: bold;
      line-height: 28px;
      color: #004F99;
    }

    .contents_body > ul > li > ul > li > ul{
      padding-left: 28px;
    }

    .contents_body ul li a{
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 28px;
      padding: 14px 0 14px 21px;
    }
    .contents_body ul li a:before{
      content: '';
      position: absolute;
      top: 20px;
      left: 5px;
      width: 14px;
      height: 14px;
      background: url('/jp/ja/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }
    .contents_body ul li .category_top a{
      font-size: 17px;
      line-height: 28px;
      padding: 0 21px 0 0;
    }
    .contents_body ul li .category_top a:before{
      display: none;
    }
    .contents_body ul li .category_top a:after{
      content: '';
      position: absolute;
      top: 7px;
      right: 0;
      width: 14px;
      height: 14px;
      background: url('/jp/ja/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }



    .sp_none {
        display: none !important
    }
}