@charset "UTF-8";
#vi_lower {
  background-image: url("/cms/wp-content/themes/sdat_renew/img/product/aluminum/vi.webp"); }
  @media screen and (max-width: 767px) {
    #vi_lower {
      background-position: left center; } }

.cnav li {
  width: 9.5%; }
  .cnav li:first-child {
    width: 12%; }
  .cnav li:nth-child(8) {
    width: 12%; }
@media screen and (max-width: 767px) {
  .cnav li {
    width: 25%; }
    .cnav li:first-child {
      width: 25%; }
    .cnav li:nth-child(8) {
      width: 25%; } }

/* categoryList
------------------------------------------*/
#contents .categoryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #contents .categoryList > * {
    width: 48%;
    padding-bottom: 80px;
    position: relative; }
    #contents .categoryList > * .thumb {
      margin-bottom: 3rem; }
    #contents .categoryList > * h2 {
      line-height: 1.3;
      margin-bottom: 2rem; }
      #contents .categoryList > * h2 span {
        font-size: 1.8rem; }
    #contents .categoryList > * .btn {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #0c1f55;
      text-align: right; }
      #contents .categoryList > * .btn a {
        display: inline-block;
        font-size: 1.8rem;
        color: #fff;
        padding: 10px 30px;
        position: relative;
        text-align: center;
        background: #1f4584;
        text-decoration: none !important; }
        @media screen and (max-width: 1024px) {
          #contents .categoryList > * .btn a {
            font-size: 1.6rem; } }
        @media screen and (max-width: 767px) {
          #contents .categoryList > * .btn a {
            font-size: 1.4rem; } }
        #contents .categoryList > * .btn a:hover {
          opacity: .8; }
        #contents .categoryList > * .btn a::before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5.5px 0 5.5px 5px;
          border-color: transparent transparent transparent #fff;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
@media screen and (max-width: 767px) {
  #contents .categoryList > * {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 6rem; }
  #contents .categoryList .btn {
    position: relative; } }

/* parts
------------------------------------------*/
#contents .sideImageBox {
  overflow: hidden;
  margin-bottom: 3rem; }
  #contents .sideImageBox .floRp {
    max-width: 45%; }
#contents .linkbtn01 {
  text-align: right;
  background: #001650;
  margin-bottom: 3rem; }
  #contents .linkbtn01 a {
    display: inline-block; }
#contents .linkbtn02 a {
  display: inline-block;
  padding: 2rem 4rem; }
@media screen and (max-width: 767px) {
  #contents .sideImageBox .floRp {
    float: none;
    max-width: 100%; } }

/*st60
------------------------------------------*/
#st60 .st60Graph {
  background: #eff0f4;
  padding: 3.5rem; }
#st60 .tableformat01 th, #st60 .tableformat01 td {
  font-size: 1.4rem;
  padding: 1rem 1rem; }
#st60 .tableformat01 thead th {
  font-size: 1.2rem; }

/*common
------------------------------------------*/
#common .common_data {
  margin-bottom: 6rem; }
  #common .common_data thead th {
    background: #f3f4f6;
    border-bottom: 2px solid #1f4584;
    text-align: left;
    font-weight: normal;
    color: #000; }
    #common .common_data thead th .photocase {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      grid-gap: 2rem; }
      #common .common_data thead th .photocase dl {
        overflow: hidden; }
        #common .common_data thead th .photocase dl dt {
          clear: both;
          float: left;
          margin-bottom: .5rem; }
          #common .common_data thead th .photocase dl dt:after {
            content: "："; }
          #common .common_data thead th .photocase dl dt:first-child + dd {
            font-weight: bold; }
        #common .common_data thead th .photocase dl dd {
          padding-left: 5.5em;
          margin-bottom: .5rem; }
  #common .common_data tbody th {
    font-weight: normal;
    width: 10em; }
  #common .common_data tbody td {
    width: calc(100% - 10em); }

/*processed
------------------------------------------*/
#processed .processInfo {
  background: #dee0e6;
  padding: 2rem;
  margin-bottom: 10rem; }