@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&subset=japanese&display=swap");
.brand-btn-cart {
  background: #b99026; }

@media (min-width: 769px) {
  .brand-btns .brand-btn-cart:hover {
    opacity: 0.8; } }
#pageContainer {
  overflow: hidden;
  min-width: 1024px; }
  #pageContainer sup {
    font-size: 60%; }

#pageContainer *::after,
#pageContainer *::before,
#pageContainer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

#pageContainer p {
  display: block !important;
  width: auto !important; }

#pageContainer p figure {
  width: auto;
  display: block; }

#pageContainer img {
  width: 100%;
  height: auto; }

#pageContainer .pcDisp {
  display: inline; }

#pageContainer .spDisp {
  display: none; }

@media screen and (max-width: 768px) {
  #pageContainer {
    min-width: auto; }

  #pageContainer .pcDisp {
    display: none; }

  #pageContainer .spDisp {
    display: inline; } }
#pageContainer .mv {
  position: relative;
  width: 100%;
  height: 724px;
  text-align: center;
  background-image: linear-gradient(90deg, #009077 50%, #006c52 50%);
  background-size: auto 724px; }

#pageContainer .mv-img {
  position: absolute;
  left: 50%;
  margin-left: -724px;
  width: 1447px;
  height: 724px; }

@media screen and (max-width: 768px) {
  #pageContainer .mv {
    position: relative;
    height: auto;
    background: #b28f2f; }

  #pageContainer .mv-img {
    position: static;
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-left: 0;
    height: auto;
    margin: 0 auto; } }
#pageContainer .conversion-link {
  width: 100%;
  height: 64px;
  background-image: linear-gradient(90deg, #d5bb68 0%, #bb9c38 13%, #d9c473 29%, #f7ebae 49%, #d9c473 70%, #bb9c38 82%, #d5bb68 100%);
  background-position: center;
  background-size: 2000px; }
  @media screen and (max-width: 768px) {
    #pageContainer .conversion-link {
      height: auto; } }
  #pageContainer .conversion-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    transition: opacity 0.3s 0s ease; }
    #pageContainer .conversion-link a span {
      display: inline-block;
      position: relative;
      padding-right: 50px; }
      @media screen and (max-width: 768px) {
        #pageContainer .conversion-link a span {
          display: block;
          padding: 0; } }
    #pageContainer .conversion-link a img {
      max-width: 169px; }
      @media screen and (max-width: 768px) {
        #pageContainer .conversion-link a img {
          max-width: inherit; } }
    #pageContainer .conversion-link a i {
      position: absolute;
      display: block;
      top: 50%;
      right: 0;
      width: 26px;
      height: 26px;
      background: url(/-/Media/com/repairone/top/20220725/icon_page_link_btn.png) 0 0 no-repeat;
      background-size: 100% auto;
      transform: translate(0, -50%);
      transition: transform 0.3s 0s ease; }
      @media screen and (max-width: 768px) {
        #pageContainer .conversion-link a i {
          display: none; } }
    @media print, screen and (min-width: 768px) {
      #pageContainer .conversion-link a:hover {
        opacity: 0.85;
        transition: opacity 0.2s 0s ease; }
        #pageContainer .conversion-link a:hover i {
          transform: translate(2px, -50%);
          transition: transform 0.2s 0s ease; } }

#pageContainer .tab {
  max-width: 940px;
  margin: 0 auto;
  display: flex;
  background: #fff; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab {
      background: none;
      margin-top: -1.3333333333vw; } }
  #pageContainer .tab li {
    width: 50%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative; }
    @media screen and (max-width: 768px) {
      #pageContainer .tab li {
        height: 26.6666666667vw; } }
    #pageContainer .tab li a {
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
    #pageContainer .tab li span {
      display: block;
      position: absolute;
      overflow: hidden;
      height: 1px;
      width: 1px;
      padding: 0;
      border: 0; }
    #pageContainer .tab li.is-active {
      z-index: 2; }
      #pageContainer .tab li.is-active::after {
        opacity: 0; }
    #pageContainer .tab li.tab01::before {
      content: "";
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: calc(-100vw + 1px); }
      @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab01::before {
          display: none; } }
    #pageContainer .tab li.tab01 a {
      background-image: url(/-/Media/com/repairone/top/20230714/tab_btn_01_off_pc.png); }
      @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab01 a {
          background-image: url(/-/Media/com/repairone/top/20230714/tab_btn_01_off_sp.png); } }
    #pageContainer .tab li.tab01.is-active {
      border-radius: 0 20px 0 0;
      background-image: linear-gradient(0deg, #0e573c 0%, #01633d 100%); }
      /* @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab01.is-active {
          background: none; } } */
      #pageContainer .tab li.tab01.is-active a {
        background-image: url(/-/Media/com/repairone/top/20230714/tab_btn_01_on_pc.png); }
        @media screen and (max-width: 768px) {
          #pageContainer .tab li.tab01.is-active a {
            background-image: url(/-/Media/com/repairone/top/20230714/tab_btn_01_on_sp.png); } }
      #pageContainer .tab li.tab01.is-active:before {
        background-image: linear-gradient(0deg, #0e573c 0%, #01633d 100%); }
        @media screen and (max-width: 768px) {
          #pageContainer .tab li.tab01.is-active:before {
            background: none; } }
    #pageContainer .tab li.tab02::before {
      content: "";
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      right: calc(-100vw + 1px); }
      @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab02::before {
          display: none; } }
    #pageContainer .tab li.tab02 a {
      background-image: url(/-/Media/com/repairone/top/20230808/tab_btn_02_off_pc.png); }
      @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab02 a {
          background-image: url(/-/Media/com/repairone/top/20230808/tab_btn_02_off_sp.png); } }
    #pageContainer .tab li.tab02.is-active {
      border-radius: 20px 0 0 0;
      background-image: linear-gradient(0deg, #ea5077 0%, #eb7894 100%); }
      /* @media screen and (max-width: 768px) {
        #pageContainer .tab li.tab02.is-active {
          background: none; } } */
      #pageContainer .tab li.tab02.is-active a {
        background-image: url(/-/Media/com/repairone/top/20230808/tab_btn_02_on_pc.png); }
        @media screen and (max-width: 768px) {
          #pageContainer .tab li.tab02.is-active a {
            background-image: url(/-/Media/com/repairone/top/20230808/tab_btn_02_on_sp.png); } }
      #pageContainer .tab li.tab02.is-active::before {
        background-image: linear-gradient(0deg, #ea5077 0%, #eb7894 100%); }
        @media screen and (max-width: 768px) {
          #pageContainer .tab li.tab02.is-active::before {
            background: none; } }

#pageContainer .tab-cont {
  position: relative;
  display: none; }
  #pageContainer .tab-cont.is-show {
    display: block; }

#pageContainer .page-link {
  background-image: linear-gradient(90deg, #d5bb68 0%, #bb9c38 13%, #d9c473 29%, #f7ebae 49%, #d9c473 70%, #bb9c38 82%, #d5bb68 100%);
  background-position: center;
  background-size: 2000px;
  height: 70px; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link {
      height: auto;
      background-size: 100%; } }

#pageContainer .page-link-inner {
  width: 940px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-inner {
      width: auto; } }

#pageContainer .page-link-nav ul {
  display: flex;
  width: 100%;
  background: url(/-/Media/com/repairone/top/20220725/page_link_line_pc.png) right 0 no-repeat;
  background-size: auto 70px; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul {
      flex-wrap: wrap;
      background: none; } }

#pageContainer .page-link-nav ul li {
  width: 100%;
  text-align: center;
  background: url(/-/Media/com/repairone/top/20220725/page_link_line_pc.png) 0 0 no-repeat;
  background-size: auto 70px; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul li {
      width: 50%;
      background: none;
      border-bottom: 1px solid #78977c; }
      #pageContainer .page-link-nav ul li:nth-child(odd) {
        border-right: 1px solid #78977c; } }

#pageContainer .page-link-nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  height: 70px;
  transition: opacity 0.3s 0s ease; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul li a {
      height: auto; } }

#pageContainer .page-link-nav ul li a span {
  position: relative;
  padding: 0 30px 0 0;
  display: inline-block; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul li a span {
      padding: 0; } }

#pageContainer .page-link-nav ul li a span img {
  width: auto;
  height: 70px; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul li a span img {
      height: auto; } }

#pageContainer .page-link-nav ul li a span i {
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/-/Media/com/repairone/top/20230714/icon_page_link_02.png) 0 0 no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
  transition: margin-top 0.3s 0s ease; }
  @media screen and (max-width: 768px) {
    #pageContainer .page-link-nav ul li a span i {
      display: none; } }

@media screen and (min-width: 1024px) {
  #pageContainer .page-link-nav ul li a:hover {
    opacity: 0.85;
    transition: opacity 0.2s 0s ease; }

  #pageContainer .page-link-nav ul li a:hover i {
    margin-top: 2px;
    transition: margin-top 0.2s 0s ease; } }
#pageContainer .bl-ng {
  position: relative;
  width: 100%;
  height: 870px;
  background: url(/-/Media/com/repairone/top/20220725/ng_bg_pc.jpg) center 0 repeat-x #f0edd1;
  background-size: auto 870px;
  padding-top: 56px; }

#pageContainer .ng-ttl {
  width: 654px;
  margin: 0 auto 34px; }

#pageContainer .ng-box {
  width: 854px;
  margin: 0 auto 21px; }

@media screen and (max-width: 768px) {
  #pageContainer .bl-ng {
    height: 186.4vw;
    background: url(/-/Media/com/repairone/top/20220725/ng_bg_sp.jpg) center 0 repeat-x #f0edd1;
    background-size: 100% auto;
    padding-top: 11.46667vw; }

  #pageContainer .ng-ttl {
    width: 70.66667vw;
    margin: 0 auto 5.86667vw; }

  #pageContainer .ng-box {
    width: 91.2vw;
    margin: 0 auto 4vw; } }
#pageContainer .bl-about {
  padding: 100px 0 80px;
  background: #3ebaba url(/-/Media/com/repairone/top/20230714/about_bg_01_pc.png) center top repeat-x;
	background-position: top -177px center; }

#pageContainer .about-ttl {
  width: 400px;
  margin: 0 auto 43px; }

#pageContainer .about-txt {
  width: 640px !important;
  margin: 0 auto 13px; }

#pageContainer .about-batch {
  width: 150px !important;
  margin: -20px auto 25px; }

#pageContainer .about-items {
  width: 914px;
  margin: 0 auto 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#pageContainer .about-items .about-item {
  position: relative;
  width: 454px;
  height: 292px;
  background: url(/-/Media/com/repairone/top/20220725/about_item_bg_pc.png) 0 0 no-repeat;
  background-size: 100% auto; }

#pageContainer .about-items .about-item .btn-more {
  position: absolute;
  top: 202px;
  left: 230px; }

#pageContainer .about-item-con {
  position: absolute;
  top: 0;
  left: 7px;
  width: 440px;
  height: 282px; }

#pageContainer .about-item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  height: 282px;
  z-index: 1; }

#pageContainer .about-item-info {
  position: absolute;
  top: 88px;
  right: 0;
  width: 240px;
  height: 114px;
  z-index: 1;
  text-align: center;
  font-family: "Noto Serif JP",serif; }

#pageContainer .about-item-bugaihin {
  font-size: 14px;
  color: #707070;
  margin-bottom: 5px; }

#pageContainer .about-item-name {
  font-size: 18px;
  color: #221715;
  margin-bottom: 5px;
  line-height: 1.4; }

#pageContainer .about-item-smell {
  font-size: 15px;
  color: #221715;
  line-height: 1;
  letter-spacing: -0.02em; }

#pageContainer .about-item-notice {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  font-family: "Noto Serif JP",serif;
  color: #fff; }

@media screen and (max-width: 768px) {
  #pageContainer .bl-about {
    padding-top: 11.3333333333vw;
    padding-bottom: 8vw;
    margin-top: -1px;
    position: relative;
    z-index: 2;
    background: #3ebaba url(/-/Media/com/repairone/top/20230714/about_bg_01_sp.png) no-repeat center top/100%;
		background-position: top -22.8vw center; }

  #pageContainer .about-ttl {
    width: 100%;
    margin: 0 auto 7.46667vw; }

  #pageContainer .about-txt {
    width: 76vw !important;
    margin: 0 auto 5.46667vw; }

  #pageContainer .about-batch {
    width: 20vw !important;
    margin: -1em auto 2em; }

  #pageContainer .about-items {
    width: 91.2vw;
    margin: 0 auto 3.33333vw; }

  #pageContainer .about-items .about-item {
    width: 45.2vw;
    height: 90.13333vw;
    background: url(/-/Media/com/repairone/top/20220725/about_item_bg_sp.png) 0 0 no-repeat;
    background-size: 100% auto; }

  #pageContainer .about-items .about-item .btn-more {
    top: 75.46667vw;
    left: 4vw; }

  #pageContainer .about-item-con {
    top: 0;
    left: 0.93333vw;
    width: 43.46667vw;
    height: 88.8vw; }

  #pageContainer .about-item-img {
    position: static;
    top: 0;
    left: 0;
    width: 43.46667vw;
    height: auto; }

  #pageContainer .about-item-info {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    margin-top: -0.66667vw; }

  #pageContainer .about-item-bugaihin {
    font-size: 2.4vw;
    margin-bottom: 0.53333vw; }

  #pageContainer .about-item-name {
    font-size: 3.46667vw;
    margin-bottom: 0.8vw;
    line-height: 1.3; }

  #pageContainer .about-item-smell {
    font-size: 2.53333vw;
    color: #221715;
    line-height: 1;
    letter-spacing: -0.02em; }

  #pageContainer .about-item-notice {
    font-size: 3.2vw;
    margin-bottom: -0.5em; } }
#pageContainer .bl-point {
  position: relative;
  width: 100%;
  height: 781px;
  background: url(/-/Media/com/repairone/top/20220725/point_bg_pc.jpg) center 0 repeat-x;
  background-size: auto 781px;
  padding-top: 77px; }

#pageContainer .point-ttl {
  width: 140px;
  margin: 0 auto 48px; }

#pageContainer .point-items {
  width: 954px;
  height: 455px;
  margin: 0 auto;
  position: relative; }

#pageContainer .point-item-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 316px; }

#pageContainer .point-item-02 {
  position: absolute;
  top: 0;
  left: 319px;
  width: 316px; }

#pageContainer .point-item-03 {
  position: absolute;
  top: 0;
  right: 0;
  width: 316px; }

#pageContainer .point-item-recom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 316px; }

@media screen and (max-width: 768px) {
  #pageContainer .bl-point {
    height: 328.66667vw;
    background: url(/-/Media/com/repairone/top/20220725/point_bg_sp.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 14.66667vw; }

  #pageContainer .point-ttl {
    width: 24vw;
    margin: 0 auto 6.13333vw; }

  #pageContainer .point-items {
    width: 92vw;
    height: auto;
    margin: 0 auto; }

  #pageContainer .point-item {
    position: static !important;
    width: 100% !important; }
    #pageContainer .point-item + * {
      margin-top: 4vw; }

  #pageContainer .point-item-recom {
    position: static;
    width: 100%; } }
#pageContainer .bl-cm {
  position: relative;
  width: 100%;
  background: #fffef1;
  padding-top: 77px;
  padding-bottom: 77px; }

#pageContainer .cm-ttl {
  width: 144px;
  margin: 0 auto 48px; }

#pageContainer .cm-movie-youtube {
  width: 800px;
  position: relative;
  margin: 0 auto; }

#pageContainer .cm-movie-youtube-img {
  margin-bottom: 26px; }

#pageContainer .cm-movie-youtube-img a {
  display: block;
  position: relative; }

#pageContainer .cm-movie-youtube-img a img {
  position: relative;
  z-index: 1; }

#pageContainer .cm-movie-youtube-img a i {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  background: url(/-/Media/com/repairone/top/20220725/icon_movie.png) 0 0 no-repeat;
  background-size: 100% auto;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: transform 0.3s 0s ease;
  -moz-transition: transform 0.3s 0s ease;
  -ms-transition: transform 0.3s 0s ease;
  -o-transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease; }

@media screen and (min-width: 1024px) {
  #pageContainer .cm-movie-youtube-img a:hover i {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: transform 0.2s 0s ease;
    -moz-transition: transform 0.2s 0s ease;
    -ms-transition: transform 0.2s 0s ease;
    -o-transition: transform 0.2s 0s ease;
    transition: transform 0.2s 0s ease; } }
#pageContainer .cm-movie-youtube-inner {
  position: relative;
  padding-bottom: 56.25%;
  z-index: 1;
  margin-bottom: 26px;
  background: #b6b6b6; }

#pageContainer .cm-movie-youtube-inner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

#pageContainer .cm-movie-youtube-ttl {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  font-family: "Noto Serif JP",serif;
  color: #221715; }

@media screen and (max-width: 768px) {
  #pageContainer .bl-cm {
    padding-top: 14.66667vw;
    padding-bottom: 10.4vw; }

  #pageContainer .cm-ttl {
    width: 22.66667vw;
    margin: 0 auto 6.4vw; }

  #pageContainer .cm-movie-youtube {
    width: 89.33333vw;
    position: relative;
    margin: 0 auto; }

  #pageContainer .cm-movie-youtube-inner {
    padding-bottom: 56.25%;
    margin-bottom: 4.26667vw; }

  #pageContainer .cm-movie-youtube-img {
    margin-bottom: 4.26667vw; }

  #pageContainer .cm-movie-youtube-img a i {
    margin-top: -7.46667vw;
    margin-left: -7.46667vw;
    width: 14.93333vw;
    height: 14.93333vw; }

  #pageContainer .cm-movie-youtube-ttl {
    font-size: 4.26667vw; } }
#pageContainer .bl-product {
  position: relative;
  width: 100%;
  background: url(/-/Media/com/repairone/top/20220725/product_bg_pc.jpg) center 0 repeat-x #009773;
  background-size: auto 100%;
  padding-top: 77px;
  padding-bottom: 165px; }

#pageContainer .product-ttl {
  width: 196px;
  margin: 0 auto 43px; }

#pageContainer .product-ttl-sub {
  width: 180px;
  margin: 0 auto 22px; }

#pageContainer .product-batch {
  position: absolute;
  top: 250px;
  left: calc(50% + 270px);
  width: 140px !important; }

#pageContainer .sec-product-concept {
  margin-bottom: 39px; }

#pageContainer .product-concept-txt {
  width: 470px !important;
  margin: 0 auto; }

#pageContainer .product-items {
  width: 940px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#pageContainer .product-item + .product-item {
  background: url(/-/Media/com/repairone/top/20220725/product_items_bg_pc.png) left 4px no-repeat;
  background-size: auto 100%; }

#pageContainer .product-item-con {
  position: relative;
  width: 470px;
  height: 350px; }

#pageContainer .product-item-img {
  position: absolute;
  width: 470px;
  height: 350px;
  top: 0;
  left: 0;
  z-index: 1; }

#pageContainer .product-item-info {
  position: absolute;
  width: 254px;
  height: 350px;
  top: 128px;
  right: 0;
  font-size: 24px;
  line-height: 1.6;
  text-align: center;
  font-family: "Noto Serif JP",serif;
  color: #fff;
  z-index: 2; }

#pageContainer .product-item-name {
  margin-bottom: 8px; }

#pageContainer .product-item-name span {
  display: block;
  letter-spacing: -0.02em;
  font-weight: 500; }

#pageContainer .product-item-name span.product-item-name-ja {
  font-size: 22px; }

#pageContainer .product-item-name span.product-item-name-en {
  font-size: 14px; }

#pageContainer .product-item-bugaihin {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1; }

#pageContainer .product-item-dl {
  margin: 0; }

#pageContainer .product-item-dl dt {
  margin: 0;
  display: inline-block;
  margin-bottom: 1px;
  font-size: 14px;
  color: #faeda2;
  border: 1px solid #41b194;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  padding: 3px 0 4px;
  width: 72px;
  text-align: center;
  line-height: 1; }

#pageContainer .product-item-dl dd {
  margin: 0;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.3; }

#pageContainer .btn-more {
  width: 200px;
  height: 48px;
  margin: 0 auto;
  position: relative;
  z-index: 100; }

#pageContainer .btn-more::after {
  position: absolute;
  display: block;
  content: '';
  width: 198px;
  height: 46px;
  top: 1px;
  left: 1px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1; }

#pageContainer .btn-more a {
  position: relative;
  width: 200px;
  height: 48px;
  background: url(/-/Media/com/repairone/top/20220725/btn_more_bg_pc.png) center 0 repeat-x;
  background-size: 100% auto;
  text-align: center;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s 0s ease;
  -moz-transition: opacity 0.3s 0s ease;
  -ms-transition: opacity 0.3s 0s ease;
  -o-transition: opacity 0.3s 0s ease;
  transition: opacity 0.3s 0s ease;
  z-index: 2; }

#pageContainer .btn-more a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 59px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#pageContainer .btn-more a i {
  position: absolute;
  display: block;
  top: 50%;
  right: 12px;
  width: 18px;
  height: 18px;
  background: url(/-/Media/com/repairone/top/20220725/icon_more_arrow.png) 0 0 no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: transform 0.3s 0s ease;
  -moz-transition: transform 0.3s 0s ease;
  -ms-transition: transform 0.3s 0s ease;
  -o-transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease; }

@media screen and (min-width: 1024px) {
  #pageContainer .btn-more a:hover {
    opacity: 0.9;
    -webkit-transition: opacity 0.2s 0s ease;
    -moz-transition: opacity 0.2s 0s ease;
    -ms-transition: opacity 0.2s 0s ease;
    -o-transition: opacity 0.2s 0s ease;
    transition: opacity 0.2s 0s ease; }

  #pageContainer .btn-more a:hover i {
    -webkit-transform: translate(2px, -50%);
    -moz-transform: translate(2px, -50%);
    -ms-transform: translate(2px, -50%);
    -o-transform: translate(2px, -50%);
    transform: translate(2px, -50%);
    -webkit-transition: transform 0.2s 0s ease;
    -moz-transition: transform 0.2s 0s ease;
    -ms-transition: transform 0.2s 0s ease;
    -o-transition: transform 0.2s 0s ease;
    transition: transform 0.2s 0s ease; } }
#pageContainer .btn-more.type-detail {
  width: 300px;
  height: 60px; }

#pageContainer .btn-more.type-detail::after {
  width: 298px;
  height: 58px; }

#pageContainer .btn-more.type-detail a {
  width: 300px;
  height: 60px;
  background: url(/-/Media/com/repairone/top/20220725/btn_more_bg_pc.png) center 0 repeat-x;
  background-size: 100% auto;
  padding-top: 18px; }

#pageContainer .btn-more.type-detail a img {
  width: 126px; }

#pageContainer .btn-more.type-detail a i {
  right: 16px;
  width: 20px;
  height: 20px; }

@media screen and (max-width: 768px) {
  #pageContainer .bl-product {
    width: 100%;
    height: 235.06667vw;
    height: auto;
    background: url(/-/Media/com/repairone/top/20220725/product_bg_sp.jpg) 0 0 no-repeat #009773;
    background-size: 100% auto;
    padding-top: 14.66667vw;
    padding-bottom: 22.6666666667vw; }

  #pageContainer .product-ttl {
    width: 34.66667vw;
    margin: 0 auto 10vw; }

  #pageContainer .product-ttl-sub {
    width: 28vw;
    margin: 0 auto 1.33333vw;
    margin: 0 auto 2.66667vw; }

  #pageContainer .product-batch {
    position: relative;
    top: 0;
    left: 50%;
    width: 20vw !important;
    transform: translateX(-50%); }

  #pageContainer .sec-product-concept {
    margin-bottom: 8vw; }

  #pageContainer .product-concept-txt {
    width: 52.8vw !important;
    margin: 0 auto; }

  #pageContainer .product-items {
    width: 100%;
    margin-top: -1.33333vw; }

  #pageContainer .product-item {
    width: 50%; }

  #pageContainer .product-item + .product-item {
    background: url(/-/Media/com/repairone/top/20220725/product_items_bg_sp.png) left 0 no-repeat;
    background-size: auto 100%; }

  #pageContainer .product-item-con {
    position: relative;
    width: 100%;
    height: auto; }

  #pageContainer .product-item-img {
    position: static;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1; }

  #pageContainer .product-item-info {
    position: static;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    font-size: 24px;
    margin-top: 0; }

  #pageContainer .product-item-name {
    margin-bottom: 1.86667vw; }

  #pageContainer .product-item-name span {
    display: block;
    letter-spacing: -0.02em; }

  #pageContainer .product-item-name span.product-item-name-ja {
    font-size: 4.8vw;
    height: 13.33333vw;
    line-height: 1.3;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; }

  #pageContainer .product-item-name span.product-item-name-en {
    font-size: 3.2vw; }

  #pageContainer .product-item-bugaihin {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1; }

  #pageContainer .product-item-dl {
    margin: 0; }

  #pageContainer .product-item-dl dt {
    margin: 0;
    display: inline-block;
    margin-bottom: 0.53333vw;
    font-size: 3.46667vw;
    color: #faeda2;
    border: 1px solid #41b194;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    padding: 3px 0 4px;
    width: 16vw;
    text-align: center;
    line-height: 1; }

  #pageContainer .product-item-dl dd {
    margin: 0;
    margin-bottom: 3.46667vw;
    font-size: 3.46667vw;
    line-height: 1.3; }

  #pageContainer .btn-more {
    width: 35.33333vw;
    height: 9.06667vw; }

  #pageContainer .btn-more::after {
    display: none; }

  #pageContainer .btn-more a {
    position: relative;
    width: 35.33333vw;
    height: 9.06667vw;
    background: url(/-/Media/com/repairone/top/20220725/btn_more_bg_sp.png) center 0 repeat-x;
    background-size: 100% auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden; }

  #pageContainer .btn-more a img {
    width: 11.33333vw; }

  #pageContainer .btn-more a i {
    right: 2.66667vw;
    width: 4vw;
    height: 4vw; }

  #pageContainer .btn-more.type-detail {
    width: 64vw;
    height: 11.73333vw; }

  #pageContainer .btn-more.type-detail a {
    width: 64vw;
    height: 11.73333vw;
    background: url(/-/Media/com/repairone/top/20220725/btn_more_bg_sp.png) center 0 repeat-x;
    background-size: 100% auto; }

  #pageContainer .btn-more.type-detail a img {
    width: 24vw; }

  #pageContainer .btn-more.type-detail a i {
    right: 3.2vw;
    width: 4vw;
    height: 4vw; } }
#pageContainer .tab02 .page-link {
  background-image: linear-gradient(90deg, #f6cbd5 0%, #f2b7c6 100%); }
#pageContainer .tab02 .page-link-nav ul {
  background: url(/-/Media/com/repairone/top/20230714/scrublip_page_link_line_pc.png) right 0 no-repeat; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .page-link-nav ul {
      background: none; } }
  #pageContainer .tab02 .page-link-nav ul li {
    background: url(/-/Media/com/repairone/top/20230714/scrublip_page_link_line_pc.png) 0 0 no-repeat; }
    @media screen and (max-width: 768px) {
      #pageContainer .tab02 .page-link-nav ul li {
        background: none;
        border-color: #ea5077; } }
    #pageContainer .tab02 .page-link-nav ul li a span i {
      background: url(/-/Media/com/repairone/top/20230714/icon_page_link_03.png) 0 0 no-repeat;
      background-size: 100% auto; }
#pageContainer .tab02 .bl-about {
  background: #a8e2d1 url(/-/Media/com/repairone/top/20230714/scrublip_about_bg_01_pc.png) repeat-x center top; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .bl-about {
      background: #a8e2d1 url(/-/Media/com/repairone/top/20230714/scrublip_about_bg_01_sp.png) no-repeat center top/100%; } }
#pageContainer .tab02 .about-txt {
  margin: -67px auto -23px; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .about-txt {
      margin: -1em auto 0.5em; } }
#pageContainer .tab02 .about-items .about-item {
  width: 550px;
  background: url(/-/Media/com/repairone/top/20230714/scrublip_about_item_bg_pc.png) 0 0 no-repeat;
  background-size: 100% auto; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .about-items .about-item {
      width: 58.1333333333vw;
      background: url(/-/Media/com/repairone/top/20230714/scrublip_about_item_bg_sp.png) 0 0 no-repeat; } }
  #pageContainer .tab02 .about-items .about-item .btn-more {
    left: 295px; }
    @media screen and (max-width: 768px) {
      #pageContainer .tab02 .about-items .about-item .btn-more {
        left: 11.7333333333vw;
        margin-top: 0.2em; } }
#pageContainer .tab02 .about-item-con {
  left: 7px;
  width: 540px; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .about-item-con {
      left: 1.0666666667vw;
      width: 56.6666666667vw; } }
#pageContainer .tab02 .about-item-img {
  width: 540px; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .about-item-img {
      width: 56.6666666667vw; } }
#pageContainer .tab02 .about-item-info {
  top: 95px;
  right: 15px;
  width: 280px; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .about-item-info {
      width: 58.1333333333vw; } }
#pageContainer .tab02 .bl-point {
  height: 770px;
  background: url(/-/Media/com/repairone/top/20230714/scrublip_point_bg_pc.png) repeat-x center 0;
  background-size: auto 100%; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .bl-point {
      height: 340vw;
      background: url(/-/Media/com/repairone/top/20230714/scrublip_point_bg_sp.png) no-repeat center 0/cover; } }
#pageContainer .tab02 .point-ttl {
  width: 152px; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .point-ttl {
      width: 25.2vw; } }
#pageContainer .tab02 .bl-product {
  background-image: linear-gradient(0deg, #4cb6b2 0%, #269383 29%, #006f54 70%); }
#pageContainer .tab02 .product-concept-txt {
  width: 496px !important; }
  @media screen and (max-width: 768px) {
    #pageContainer .tab02 .product-concept-txt {
      width: 55.2vw !important; } }
@media screen and (max-width: 768px) {
  #pageContainer .tab02 .product-item {
    margin-top: -1em;
    width: 100%; }
    #pageContainer .tab02 .product-item .btn-more {
      width: 48.6666666667vw;
      margin-top: 0.5em; }
      #pageContainer .tab02 .product-item .btn-more a {
        width: 100%; } }
@media screen and (max-width: 768px) {
  #pageContainer .tab02 .product-item-img {
    width: 57.2vw;
    margin: 0 auto; } }
@media screen and (max-width: 768px) {
  #pageContainer .tab02 .product-item-info {
    display: flex;
    justify-content: center;
    text-align: left;
    margin-top: 0.2em; } }
@media screen and (max-width: 768px) {
  #pageContainer .tab02 .product-item-dl {
    margin: 0 0.25em; } }
#pageContainer .tab02 .product-item-dl dt {
  color: #0e573c;
  border-color: #faeda2;
  background: #faeda2; }

.relation {
  margin-top: -9.3333333333vw;
  padding: 17.3333333333vw 7.4666666667vw 18.6666666667vw;
  background: url(/-/Media/com/repairone/top/20230714/relation_bg_01_sp.png) no-repeat center top/100%;
  position: relative;
  z-index: 2; }
  @media print, screen and (min-width: 768px) {
    .relation {
      margin-top: -90px;
      padding: 150px 0 85px;
      background: url(/-/Media/com/repairone/top/20230714/relation_bg_01_pc.png) no-repeat center top/2000px; } }
  @media print, screen and (min-width: 2000px) {
    .relation {
      background-size: 100%; } }
  @media print, screen and (min-width: 768px) {
    .relation a {
      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .relation a:hover {
        opacity: 0.8; } }
  @media print, screen and (min-width: 768px) {
    .relation__inner {
      max-width: 940px;
      margin: 0 auto; } }
  .relation__sect {
    margin-bottom: 10.6666666667vw; }
    @media print, screen and (min-width: 768px) {
      .relation__sect {
        max-width: 690px;
        margin: 0 auto 50px; } }
    .relation__sect-ttl {
      text-align: center;
      font-size: 3.7333333333vw;
      margin-bottom: 1.5em; }
      @media print, screen and (min-width: 768px) {
        .relation__sect-ttl {
          font-size: 24px;
          margin-bottom: 1em; } }
      .relation__sect-ttl b {
        display: table;
        color: #007367;
        font-weight: 400;
        margin: 0 auto;
        padding: 0 0.4em 0.2em;
        border-bottom: 1px dotted #007367; }
        @media print, screen and (min-width: 768px) {
          .relation__sect-ttl b {
            line-height: 1.2; } }
        .relation__sect-ttl b + b {
          margin-top: 0.5em; }
      .relation__sect-ttl strong {
        font-weight: 700; }
      .relation__sect-ttl span {
        display: block;
        margin-top: 0.5em;
        margin-bottom: -0.5em;
        font-size: 2.6666666667vw;
        color: #666; }
        @media print, screen and (min-width: 768px) {
          .relation__sect-ttl span {
            font-size: 14px; } }
    .relation__sect-bnr {
      display: block;
      margin: 0 -3.4666666667vw; }
      @media print, screen and (min-width: 768px) {
        .relation__sect-bnr {
          margin: 0 -20.8px; } }
  .relation__lead {
    margin-top: 16vw;
    margin-bottom: 13.3333333333vw; }
    @media print, screen and (min-width: 768px) {
      .relation__lead {
        max-width: 662px;
        margin: 10px auto 50px; } }
  .relation__movie {
    margin-top: 13.3333333333vw;
    padding-top: 13.3333333333vw;
    border-top: 1px solid #ccc; }
    @media print, screen and (min-width: 768px) {
      .relation__movie {
        margin-top: 50px;
        padding-top: 50px; } }
    .relation__movie-ttl {
      margin-bottom: 6.6666666667vw; }
      @media print, screen and (min-width: 768px) {
        .relation__movie-ttl {
          max-width: 638px;
          margin: 0 auto 40px; } }
    @media print, screen and (min-width: 768px) {
      .relation__movie-video {
        max-width: 638px;
        margin: 0 auto; } }
    .relation__movie-video img {
      box-shadow: 0px 2.6666666667vw 2.6666666667vw 0px rgba(51, 51, 51, 0.2); }
      @media print, screen and (min-width: 768px) {
        .relation__movie-video img {
          box-shadow: 0px 10px 10px 0px rgba(51, 51, 51, 0.2); } }
    .relation__movie-video b {
      display: block;
      font-size: 2.9333333333vw;
      margin-top: 1em;
      text-align: center;
      font-weight: 400;
      color: #666; }
      @media print, screen and (min-width: 768px) {
        .relation__movie-video b {
          font-size: 22px; } }
  .relation__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16vw;
    margin-top: 8vw;
    border-radius: 8vw;
    background: #fff;
    border: 0.2666666667vw solid #007367;
    color: #007367 !important;
    font-weight: 500;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    position: relative;
    text-align: center; }
    @media print, screen and (min-width: 768px) {
      .relation__btn {
        max-width: 560px;
        height: 80px;
        margin: 60px auto 0;
        border-radius: 40px;
        border: 2px solid #007367;
        font-size: 20px; } }
    .relation__btn::after {
      content: "";
      display: block;
      width: 4.5333333333vw;
      height: 3.3333333333vw;
      background: url(/-/Media/com/repairone/top/20230714/ico_blank_01.png) no-repeat center/cover;
      position: absolute;
      right: 6vw;
      top: 50%;
      transform: translateY(-50%); }
      @media print, screen and (min-width: 768px) {
        .relation__btn::after {
          width: 19px;
          height: 14px;
          right: 70px; } }

body.state-modal .modal {
  left: 0;
  padding: 0 0 0; }

body.state-modal .modal::after {
  opacity: 0.5; }

body.state-modal .modal-bg {
  left: 0; }

.modal {
  position: relative;
  position: absolute;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10000;
  left: -200%; }

.modal::after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.modal-bg {
  position: fixed;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 2;
  left: -100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.modal-box {
  width: 864px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5; }

.modal-box-movie {
  position: relative;
  padding-bottom: 56.25%;
  background: #000; }

.modal-box-movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.modal-close {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -60px;
  right: 0px;
  z-index: 5; }

.modal-close a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/-/Media/com/repairone/top/20220725/icon_modal_close.png) 0 0 no-repeat;
  background-size: 100% auto;
  -webkit-transition: opacity 0.3s 0s ease;
  -moz-transition: opacity 0.3s 0s ease;
  -ms-transition: opacity 0.3s 0s ease;
  -o-transition: opacity 0.3s 0s ease;
  transition: opacity 0.3s 0s ease; }

@media screen and (min-width: 1024px) {
  .modal-close a:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s 0s ease;
    -moz-transition: opacity 0.2s 0s ease;
    -ms-transition: opacity 0.2s 0s ease;
    -o-transition: opacity 0.2s 0s ease;
    transition: opacity 0.2s 0s ease; } }
@media screen and (max-width: 768px) {
  .modal-box {
    width: 90%; }

  .modal-close {
    width: 40px;
    height: 40px;
    top: -54px; } }
.toolBox01 {
  background-color: #00794e; }