/* interview */
/* mixin
----------------------------------------*/
/* define
----------------------------------------*/
/* placeholder
----------------------------------------*/
/* interview
----------------------------------------------------------- */
#main {
  min-width: 100%; }
  #main .spec-ttl-lv1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 28px; }
    @media screen and (max-width: 640px) {
      #main .spec-ttl-lv1 {
        font-size: 20px;
        font-size: 5.3333333333vw;
        margin-bottom: 4vw; } }
  #main .spec-ttl-lv2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      #main .spec-ttl-lv2 {
        font-size: 18px;
        font-size: 4.8vw;
        margin-bottom: 2.6666666667vw; } }
  #main .spec-ttl-lv3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    @media screen and (max-width: 640px) {
      #main .spec-ttl-lv3 {
        font-size: 15px;
        font-size: 4vw;
        margin-bottom: 1.6vw; } }
  #main .sec-header {
    padding: 92px 0; }
    @media screen and (max-width: 640px) {
      #main .sec-header {
        padding: 10.6666666667vw 0; } }
    #main .sec-header .product-img {
      width: 83.68%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      #main .sec-header .product-img .photo {
        width: 58.89%; }
      #main .sec-header .product-img .logo {
        width: 40.68%; }
      #main .sec-header .product-img .logo span{
        font-size: 13px;
        font-weight: normal; }
      @media screen and (max-width: 640px) {
        #main .sec-header .product-img {
          width: auto;
          padding: 0 4vw; }
          #main .sec-header .product-img .photo {
            width: 60%; }
            #main .sec-header .product-img .photo img {
              width: 100%; }
          #main .sec-header .product-img .logo {
            width: 40%; }
            #main .sec-header .product-img .logo img {
              width: 90%; } }
      #main .sec-header .product-img p {
        font-size: 20px;
        font-weight: bold;
        text-align: right;
        position: relative;
        top: 60px; }
        @media screen and (max-width: 640px) {
          #main .sec-header .product-img p {
            font-size: 15px;
            font-size: 4vw;
            top: 8vw; } }
    #main .sec-header .price-block {
      margin-top: 24px; }
      #main .sec-header .price-block .price-ttl {
        font-size: 24px;
        font-weight: bold;
        width: 222px;
        height: 66px;
        line-height: 66px;
        text-align: center;
        background: #000;
        color: #fff; }
        @media screen and (max-width: 640px) {
          #main .sec-header .price-block .price-ttl {
            font-size: 16px;
            font-size: 4.2666666667vw;
            width: 40%;
            height: auto;
            line-height: 1.0;
            padding: 1.6vw 0; } }
      #main .sec-header .price-block dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        line-height: 1.6;
        margin-top: 24px; }
        #main .sec-header .price-block dl dt {
          width: 200px;
          font-size: 20px;
          font-weight: bold; }
          @media screen and (max-width: 640px) {
            #main .sec-header .price-block dl dt {
              font-size: 15px;
              font-size: 4vw; } }
        #main .sec-header .price-block dl dd {
          width: 740px;
          font-size: 13px; }
          @media screen and (max-width: 640px) {
            #main .sec-header .price-block dl dd {
              font-size: 12px;
              font-size: 3.2vw; } }
  #main .sec-content {
    padding: 92px 0; }
    @media screen and (max-width: 640px) {
      #main .sec-content {
        padding: 10.6666666667vw 0; } }
    #main .sec-content .spec-list {
      margin-bottom: 64px; }
      #main .sec-content .spec-list table {
        width: 100%;
        border-top:none;
        border-bottom: 1px solid #e6e6e6; }
        #main .sec-content .spec-list table .odd th {
          background: #e6e6e6; }
        #main .sec-content .spec-list table .odd td {
          background: #e6e6e6; }
        #main .sec-content .spec-list table th {
          border-right: none;
          border-bottom: none;
          font-size: 15px;
          font-weight: bold;
          line-height: 1.6;
          padding: 12px 20px;
          vertical-align: middle;
          width: 220px; }
          @media screen and (max-width: 640px) {
            #main .sec-content .spec-list table th {
              padding: 1.3333333333vw 2.6666666667vw;
              width: 28%;
              font-size: 12px;
              font-size: 3.2vw; } }
        #main .sec-content .spec-list table td {
          border-right: none;
          border-bottom: none;
          font-size: 13px;
          line-height: 1.6;
          padding: 12px 20px;
          vertical-align: middle;
          width: 760px; }
          @media screen and (max-width: 640px) {
            #main .sec-content .spec-list table td {
              padding: 1.3333333333vw 2.6666666667vw;
              width: auto; } }
      #main .sec-content .spec-list .unit {
        text-align: right;
        margin-top: 5px; }
    #main .sec-content .spec-list-2 table {
      border-bottom: none;
      border-top: 1px solid #ccc;
      margin-bottom: 0; }
      #main .sec-content .spec-list-2 table tr td {
        font-size: 12px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        padding: 8px 4px; }
        @media screen and (max-width: 640px) {
          #main .sec-content .spec-list-2 table tr td {
            padding: 1.6vw 2.1333333333vw;
            box-sizing: border-box; } }
        #main .sec-content .spec-list-2 table tr td.nobord {
          border-left: none; }
        #main .sec-content .spec-list-2 table tr td.line-h-1 {
          height: 30px; }
        #main .sec-content .spec-list-2 table tr td.line-h-2 {
          height: 60px; }
        #main .sec-content .spec-list-2 table tr td.line-h-3 {
          height: 90px; }
        #main .sec-content .spec-list-2 table tr td.wid100 {
          width: 100px; }
    @media screen and (max-width: 640px) {
      #main .sec-content .spec-list-2 .storagesp {
        display: block;
        position: relative;
        width: 100%; }
        #main .sec-content .spec-list-2 .storagesp thead {
          display: block;
          float: left; }
          #main .sec-content .spec-list-2 .storagesp thead tr {
            display: inline-block; }
        #main .sec-content .spec-list-2 .storagesp tbody {
          display: block;
          width: auto;
          position: relative;
          overflow-x: auto;
          white-space: nowrap; }
          #main .sec-content .spec-list-2 .storagesp tbody tr {
            display: inline-block;
            vertical-align: top; }
        #main .sec-content .spec-list-2 .storagesp th {
          display: block; }
        #main .sec-content .spec-list-2 .storagesp td {
          display: block; }
          #main .sec-content .spec-list-2 .storagesp td.odd {
            background: #e6e6e6; } }

/*# sourceMappingURL=spec-index.css.map */
