@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

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

------------------------------- */
#glassrepair {
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */ }
  #glassrepair main {
    /*============================
    #attention
    ============================*/
    /*============================
    #warranty
    ============================*/
    /*============================
    #welcome
    ============================*/ }
    #glassrepair main .mainWrap ul.pointBnrUl {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 45px; }
      #glassrepair main .mainWrap ul.pointBnrUl li.bold {
        background: #00adc7;
        border: 4px solid #fff;
        padding: 15px 0;
        text-align: center;
        border-radius: 15px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 2.4rem;
        font-weight: 700;
        letter-spacing: .015em;
        width: calc(100% / 3 - 24px);
        color: #fff;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75); }
        #glassrepair main .mainWrap ul.pointBnrUl li.bold strong {
          font-size: 150%; }
    #glassrepair main #attention {
      margin-bottom: 80px; }
      #glassrepair main #attention ul {
        display: inline-block;
        margin: 0 auto 40px; }
        #glassrepair main #attention ul li {
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 2.2rem;
          display: block;
          position: relative;
          padding-left: 1.35em;
          text-align: left;
          margin-bottom: 5px;
          font-weight: 700; }
          #glassrepair main #attention ul li::before {
            content: "\f14a";
            font-family: "Font Awesome 5 Pro";
            color: #ec3800;
            position: absolute;
            top: 2px;
            left: 0;
            font-size: 120%;
            font-weight: 400; }
      #glassrepair main #attention .linkBtn {
        width: 74%;
        margin: 0 auto;
        -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.25); }
        #glassrepair main #attention .linkBtn a {
          background: linear-gradient(to bottom, #ec3800 1%, #be2d00 100%);
          padding: 12px 0;
          position: relative;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff; }
          #glassrepair main #attention .linkBtn a em {
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 2.625rem;
            font-weight: 700;
            letter-spacing: .015em;
            -webkit-text-shadow: 1px 1px 4px black;
            -moz-text-shadow: 1px 1px 4px black;
            text-shadow: 1px 1px 4px black; }
          #glassrepair main #attention .linkBtn a i.fas.fa-arrow-circle-right {
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.75rem;
            -webkit-text-shadow: 1px 1px 4px black;
            -moz-text-shadow: 1px 1px 4px black;
            text-shadow: 1px 1px 4px black;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            right: 20px; }
    #glassrepair main #warranty {
      margin-bottom: 80px; }
      #glassrepair main #warranty .tit.pointBnr.cmn {
        margin-bottom: 30px; }
      #glassrepair main #warranty .read {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 2.25rem;
        margin: 0 auto 50px; }
      #glassrepair main #warranty .attenWrap {
        margin-bottom: 40px; }
      #glassrepair main #warranty .onepoint {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center; }
        #glassrepair main #warranty .onepoint .t {
          width: 165px;
          height: 165px;
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 1.95rem;
          font-weight: 700;
          letter-spacing: .015em;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          background: #ec3800;
          color: #fff; }
        #glassrepair main #warranty .onepoint .read.bold {
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 3.15rem;
          text-align: left;
          width: calc(100% - 190px);
          font-weight: 900;
          letter-spacing: .015em;
          margin: 0; }
    #glassrepair main #welcome {
      padding-bottom: 150px; }
      #glassrepair main #welcome .titWrap {
        position: relative;
        display: inline-block; }
        #glassrepair main #welcome .titWrap .eyeCatch {
          width: 420px;
          margin: 0 auto 10px; }
        #glassrepair main #welcome .titWrap .copy {
          font-size: 34px;
          font-size: 2.125rem;
          line-height: 3.1875rem;
          font-weight: 900;
          letter-spacing: .015em;
          color: #ec3800; }
        #glassrepair main #welcome .titWrap .ph {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 10; }
        #glassrepair main #welcome .titWrap .ph.ph01 {
          width: 165px;
          right: calc(100% + 20px); }
        #glassrepair main #welcome .titWrap .ph.ph02 {
          width: 146px;
          left: calc(100% + 20px); }
      #glassrepair main #welcome .read {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 2.25rem;
        margin: 0 auto 40px; }
      #glassrepair main #welcome .cta.onContents {
        width: 80%;
        margin: 0 auto; }
  @media only screen and (max-width: 750px) {
    #glassrepair main {
      /*============================
      #attention
      ============================*/
      /*============================
      #warranty
      ============================*/
      /*============================
      #welcome
      ============================*/ }
      #glassrepair main .mainWrap ul.pointBnrUl {
        margin-top: 25px;
        padding: 0 5%; }
        #glassrepair main .mainWrap ul.pointBnrUl li.bold {
          padding: 8px 10px;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 2.2rem;
          width: calc(100% / 1 - 0px);
          -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75); }
          #glassrepair main .mainWrap ul.pointBnrUl li.bold:not(:last-child) {
            margin-bottom: 10px; }
          #glassrepair main .mainWrap ul.pointBnrUl li.bold strong {
            font-size: 150%; }
      #glassrepair main #attention {
        margin-bottom: 60px; }
        #glassrepair main #attention .tit.dotRedLine em {
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 2.6rem; }
        #glassrepair main #attention ul {
          margin: 0 auto 20px;
          padding: 0 5%; }
          #glassrepair main #attention ul li {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.8rem;
            padding-left: 1.35em;
            margin-bottom: 8px; }
            #glassrepair main #attention ul li::before {
              top: 2px;
              left: 0;
              font-size: 120%; }
        #glassrepair main #attention .linkBtn {
          width: 90%;
          margin: auto; }
          #glassrepair main #attention .linkBtn a {
            padding: 10px 0; }
            #glassrepair main #attention .linkBtn a em {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 2rem;
              -webkit-text-shadow: 1px 1px 4px black;
              -moz-text-shadow: 1px 1px 4px black;
              text-shadow: 1px 1px 4px black; }
            #glassrepair main #attention .linkBtn a i.fas.fa-arrow-circle-right {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 1.25rem;
              -webkit-text-shadow: 1px 1px 4px black;
              -moz-text-shadow: 1px 1px 4px black;
              text-shadow: 1px 1px 4px black;
              right: 12px; }
      #glassrepair main #warranty {
        margin-bottom: 60px;
        padding: 0 5%; }
        #glassrepair main #warranty .tit.pointBnr.cmn {
          margin-bottom: 20px;
          text-align: center;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 2.25rem; }
        #glassrepair main #warranty .read {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 2.025rem;
          margin: 0 auto 30px;
          text-align: left; }
        #glassrepair main #warranty .attenWrap {
          margin-bottom: 40px; }
        #glassrepair main #warranty .onepoint {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          align-items: center;
          flex-direction: column; }
          #glassrepair main #warranty .onepoint .t {
            width: 150px;
            height: 150px;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.8rem;
            margin-bottom: 10px; }
          #glassrepair main #warranty .onepoint .read.bold {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 2.7rem;
            width: calc(100% - 0px); }
      #glassrepair main #welcome {
        padding-bottom: 50px; }
        #glassrepair main #welcome .titWrap {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          justify-content: center;
          margin-bottom: 20px; }
          #glassrepair main #welcome .titWrap .tit.dotRedLine {
            margin-bottom: 15px; }
            #glassrepair main #welcome .titWrap .tit.dotRedLine em {
              font-size: 28px;
              font-size: 1.75rem;
              line-height: 2.625rem; }
          #glassrepair main #welcome .titWrap .eyeCatch {
            width: 90%;
            margin: 0 auto 5px; }
          #glassrepair main #welcome .titWrap .copy {
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 2.625rem;
            margin-bottom: 10px;
            width: 100%; }
          #glassrepair main #welcome .titWrap .ph {
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none; }
          #glassrepair main #welcome .titWrap .ph.ph01 {
            width: 30%;
            right: auto; }
          #glassrepair main #welcome .titWrap .ph.ph02 {
            width: 28%;
            left: auto; }
        #glassrepair main #welcome .read {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 2.025rem;
          margin: 0 auto 30px;
          text-align: left;
          padding: 0 5%; }
        #glassrepair main #welcome .cta.onContents {
          width: 90%;
          margin: 0 auto; } }