@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* -------------------------------

------------------------------- */
#glassmaintenance {
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */ }
  #glassmaintenance main {
    /*============================
    #price
    ============================*/ }
    #glassmaintenance main .mainWrap #intro .mainImgWrap {
      position: relative;
      width: 48.25%;
      height: 340px; }
      #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph {
        display: block;
        position: absolute;
        width: 60%;
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75); }
        #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph:nth-of-type(1) {
          top: 0;
          left: 0;
          z-index: 1; }
        #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph:nth-of-type(2) {
          bottom: 0;
          right: 0;
          z-index: 0; }
    #glassmaintenance main #price {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-bottom: 100px; }
      #glassmaintenance main #price .read.read01 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 2.025rem;
        width: 100%;
        margin-bottom: 30px; }
      #glassmaintenance main #price .ph.sdw {
        width: 396px;
        height: 280px; }
      #glassmaintenance main #price .sec01 {
        width: 59%; }
        #glassmaintenance main #price .sec01 .tableWrap table {
          background: #fff; }
          #glassmaintenance main #price .sec01 .tableWrap table thead {
            background: #2f2f2f;
            color: #fff; }
            #glassmaintenance main #price .sec01 .tableWrap table thead tr {
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5rem; }
              #glassmaintenance main #price .sec01 .tableWrap table thead tr th, #glassmaintenance main #price .sec01 .tableWrap table thead tr td {
                padding: 8px 0; }
          #glassmaintenance main #price .sec01 .tableWrap table tbody tr th, #glassmaintenance main #price .sec01 .tableWrap table tbody tr td {
            padding: 6px 0; }
          #glassmaintenance main #price .sec01 .tableWrap table tbody tr th {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.6875rem;
            letter-spacing: .015em;
            text-align: left;
            padding-left: 12px;
            padding-right: 10px; }
          #glassmaintenance main #price .sec01 .tableWrap table tbody tr td {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.5rem;
            text-align: left;
            padding-left: 12px;
            padding-right: 10px; }
            #glassmaintenance main #price .sec01 .tableWrap table tbody tr td:last-child {
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.6875rem;
              text-align: center;
              padding-left: 10px;
              padding-right: 10px;
              letter-spacing: .0em;
              font-weight: 700; }
        #glassmaintenance main #price .sec01 .read.read02 {
          text-align: right;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.6rem;
          display: block;
          margin-top: 15px; }
  @media only screen and (max-width: 750px) {
    #glassmaintenance main {
      /*============================
      #price
      ============================*/ }
      #glassmaintenance main .mainWrap #intro .mainImgWrap {
        position: relative;
        width: 100%;
        height: 0px;
        padding-top: 90%;
        margin-bottom: 20px; }
        #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph {
          display: block;
          position: absolute;
          width: 80%;
          -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75); }
          #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph:nth-of-type(1) {
            top: 0;
            left: 0;
            z-index: 1; }
          #glassmaintenance main .mainWrap #intro .mainImgWrap span.ph:nth-of-type(2) {
            bottom: 0;
            right: 0;
            z-index: 0; }
      #glassmaintenance main #price {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom: 60px; }
        #glassmaintenance main #price .read.read01 {
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.8rem;
          width: 100%;
          margin-bottom: 20px;
          padding: 0 5%;
          text-align: left; }
        #glassmaintenance main #price .ph.sdw {
          width: 100%;
          height: 280px;
          margin-top: 15px; }
        #glassmaintenance main #price .sec01 {
          width: 100%; }
          #glassmaintenance main #price .sec01 .tableWrap table {
            background: #fff; }
            #glassmaintenance main #price .sec01 .tableWrap table thead {
              background: #2f2f2f;
              color: #fff; }
              #glassmaintenance main #price .sec01 .tableWrap table thead tr {
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.5rem; }
                #glassmaintenance main #price .sec01 .tableWrap table thead tr th, #glassmaintenance main #price .sec01 .tableWrap table thead tr td {
                  padding: 8px 0; }
            #glassmaintenance main #price .sec01 .tableWrap table tbody tr th, #glassmaintenance main #price .sec01 .tableWrap table tbody tr td {
              padding: 6px 0; }
            #glassmaintenance main #price .sec01 .tableWrap table tbody tr th {
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.6875rem;
              letter-spacing: .015em;
              text-align: left;
              padding-left: 12px;
              padding-right: 10px; }
            #glassmaintenance main #price .sec01 .tableWrap table tbody tr td {
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5rem;
              text-align: left;
              padding-left: 12px;
              padding-right: 10px; }
              #glassmaintenance main #price .sec01 .tableWrap table tbody tr td:last-child {
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1.6875rem;
                text-align: center;
                padding-left: 10px;
                padding-right: 10px;
                letter-spacing: .0em;
                font-weight: 700; }
          #glassmaintenance main #price .sec01 .read.read02 {
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.4rem;
            margin-top: 10px;
            padding: 0 5%; } }