/** Shopify CDN: Minification failed

Line 296:57 Expected ")" to end URL token

**/
@charset "utf-8";

#main {padding-bottom: 60px;}


.store__head {
  padding-top: 8.5vw;
  margin-bottom: 10vw;
}
.store__head h1 {
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 6.4vw;
  text-align: center;
  margin-bottom: 8vw;
}
.store__head h1 small {
  display: block;
  font-weight: 400;
  font-size: 3.2vw;
  margin-bottom: 2.4vw;
}
.store__head p {
  font-size: 2.933vw;
  line-height: 2;
}
.storelist__box {padding: 0 9.8667vw;margin-bottom: 18vw;}
.storelist__box li {
  text-align: center;
  margin-bottom: 4vw;
}
.storelist__box li img, .storelist__box li picture {
  display: block;
  width: 100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.storelist__box li picture {border: 1px solid #d6d6d6;margin-bottom: 3.4vw;}
.storelist__box li h3 {
  color: #323232;
  font-size: 4vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .store__head {
    padding-top: 80px;
    margin-bottom: 65px;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
  }
  .store__head p {
    font-size: 14px;
  }
  .store__head h1 {
    font-size: 36px;
    margin-bottom: 65px;
  }
  .store__head h1 small {
    font-size: 13px;
    margin-bottom: 18px;
  }
  .storelist .container {max-width: 920px; margin: 0 auto;}
  .storelist__box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    margin: 0 -16px 58px;
  }
  .storelist__box li {
    width: 25%;
    padding: 0 16px;
    margin-bottom: 44px;
  }
  .storelist__box li h3 {
    font-size: 16px;
  }
  .storelist__box a {display: block;}
  .storelist__box a:hover img, .storelist__box  a:hover picture {
    opacity: 0.7;
  }
  .storelist__box li picture {margin-bottom: 8px;}
}

.storecon .container {
  max-width: 920px;
}
.storecon h2 {
  font-size: 17px;
  margin: 0 -30px;
  background-color: #eaeaea;
  padding: 17px 30px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.storecon p {
  font-size: 11px;
  line-height: 1.5;
}
.storecon .note {
  font-size: 10px;
}
.sup__list li {
  margin: 0 0 10px;
}
.sup__list li:last-child {margin-bottom: 0;}
.sup__list li h3 {
  text-align: center;
  font-size: 0;
  margin-bottom: 20px;
}
.sup__list li h3 span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 0 0 0 60px;
  position: relative;
  height: 45px;
  line-height: 45px;
}
.sup__list li h3 span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.sup__list li h3 .icon01::before {background-image: url('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon90x90_01.png?82424');}
.sup__list li h3 .icon02::before {background-image: url('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon90x90_02.png?82424');}
.sup__list li h3 .icon03::before {background-image: url('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon90x90_03.png?82424');}
.sup__list li .inner {
  border: 1px solid #d6d6d6;
  border-radius: 15px;
  padding: 20px 10px 30px;
}
.online__image {margin-bottom: 25px;}
.online__image picture, .online__image img {
  display: block;
  width: 100%;
}
.online dl {
  border-radius: 15px;
  border: 1px solid #d6d6d6;
  padding: 20px 5px 20px 78px;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 12px;
}
.online dl dt {
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -5px;
}
.online dl dd {
  font-size: 12px;
  line-height: 1.75;
  font-weight: 500;
  border-left: 1px solid #d6d6d6;
  padding: 0 0 0 15px;
}
.storecon__item h3 {
  padding: 0 0 0 63px;
  height: 53px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
}
.storecon__item h3::before {
  content: "";
  height: 53px;
  width: 45px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.storecon__item .icon02 {height: 45px;}
.storecon__item .icon02::before {height: 45px;}
.storecon__item h3 span {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center!important;
  align-items: center!important;
}
.tabwrap {
  background-color: #f5f5f5;
  margin: 23px -30px 0;
}
.tablist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tablist li {
  width: 50%;
}
.tablist li a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #323232;
  padding: 18px 0;
  background-color: #c1c1c1;
  cursor: pointer;
}
.tablist li.active a {background-color: #f5f5f5;}
.tabcontent {
  padding: 45px 30px 50px;
}
.tabitem h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 8px;
}
.tabitem dl {
  background-color: #fff;
  padding: 20px 18px;
  margin-bottom: 15px;
  border-radius: 10px;
}
.tabitem dl dt {
  font-size: 14px;
  font-weight: 500;
}
.tabitem dl dd {
  font-size: 11px;
  line-height: 2;
}
.tabitem dl dd strong {font-weight: 500;}
.tel__phone {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 12px;
  line-height: 1;
}
.tel__phone small {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.tel__phone span {
  display: inline-block;
  vertical-align: middle;
}
.tel__info small {
  display: block;
  font-size: 9px;
  margin-bottom: 3px;
}
.tel__info span {
  display: block;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
}
.tel__phone a {color: #323232;}
@media screen and (max-width: 767px) {
  .storecon__item .icon01::before {background-image: url('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon90x106.png?82424');}
  .storecon__item .icon02::before {background-image: url(('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon90x90_04.png?82424');}
}
@media screen and (min-width: 768px) {
  .online__image picture, .online__image img {
    width: auto;
  }
  .storecon h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 20px;
  }
  .storecon p {
    font-size: 14px;
  }
  .sup__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sup__list li {
    width: 33.333%;
    padding: 0 5px;
    margin-bottom: 0;
  }
  .sup__list li h3 span {
    padding: 0 0 0 70px;
    font-size: 24px;
    letter-spacing: 0.08em;
    height: 60px;
    line-height: 60px;
  }
  .sup__list li h3 span::before {
    width: 60px;
    height: 60px;
    margin-top: -30px;
  }
  .sup__list li .inner {
    border-radius: 10px;
    padding: 30px 10px;
  }
  .online {
    padding: 0 0 0 280px;
    position: relative;
  }
  .online__image {
    position: absolute;
    left: 40px;
    top: 5px;
  }
  .online dl {
    border-radius: 10px;
    padding: 24px 10px 24px 120px;
    margin-bottom: 16px;
  }
  .online dl dt {
    font-size: 14px;
    left: 30px;
    margin-top: -7px;
  }
  .online dl dd {
    font-size: 16px;
    line-height: 1.5;
    padding: 1px 0 3px 26px;
  }
  .storecon__item h3 {
    font-size: 24px;
    padding-left: 0;
  }
  .storecon__item h3.icon01 {
    height: auto;
  }
  .storecon__item .icon02 {height: 60px;padding-left: 120px;}
  .storecon__item .icon02::before {background-image: url('//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon60x60_04.png?82424');width: 60px;height: 60px;left: 20px;}
  .storecon__item.icon01 {
    padding: 0 0 0 120px;
    position: relative;
  }
  .storecon__item.icon01::before {
    content: "";
    width: 60px;
    height: 71px;
    background: url(//www.raycop.co.jp/cdn/shop/t/23/assets/support_icon60x72.png?82424) no-repeat 0 0;
    position: absolute;
    left: 20px;
    top: 4px;
  }
  .tabwrap {
    margin: 30px 0 0 0;
  }
  .tabcontent {
    padding: 45px 50px;
  }
  .tablist li a {
    font-size: 18px;
    padding: 15px 0;
  }
  .tabitem h4 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .tabitem dl {
    padding: 18px 10px 18px 20px;
    margin-bottom: 20px;
  }
  .tabitem dl dt {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .tabitem dl dd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.7;
  }
  .tabitem dl dd div {width: 430px;}
  .tabitem dl dd div:first-child {width: 360px;}
  .tabitem .tel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    margin-top: 7px;
  }
  .tel__phone {
    font-size: 40px;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .ind__info .tel__phone {font-size: 50px; margin-right: 0; display: flex; align-items: center;}
  .tel__phone small {
    font-size: 18px;
    margin-right: 8px;
  }
  .tel__info {padding-top: 8px;}
  .tel__info small {font-size: 10px;}
  .tel__info span {font-size: 14px;}
  .ind__info .tel__phone small.img {margin-top: 5px;}
  .ind__info .tel__phone small {font-size: 22px;margin-top: 3px;}
}

.purchase__image picture, .purchase__image img {
  display: block;
  width: 100%;
}
.purchase__image {margin-bottom: 22px;}
.purchase dl dt {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #0099DB;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2;
}
.purchase dl dd {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.5;
  color: #0099DB;
}
.purchase dl dd .note {
  color: #323232;
  font-size: 9px;
  line-height: 1.5;
  display: block;
  margin-top: 12px;
}
.warranty .arrow {
  display: block;
  font-size: 0;
  height: 11px;
  background: url(../img/warranty/arrow42x22.png) no-repeat center top / 21px 11px;
  margin: 15px 0;
}
.warr__box {
  border-radius: 15px;
  color: #0099DB;
  border: 1px solid #0099DB;
  text-align: center;
  font-size: 4.2667vw;
  line-height: 2;
  font-weight: 500;
  padding: 15px 5px;
  margin-bottom: 33px;
}
.condlist {margin-bottom: 32px;}
.condlist li {margin-bottom: 18px;}
.condlist li:last-child {margin-bottom: 0;}
.condlist h5 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  background-color: #eaeaea;
  border-radius: 6px;
  padding: 9px 5px;
  text-align: center;
  margin-bottom: 7px;
}
.condlist p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
}
.notelist {margin-bottom: 20px;}
.notelist li {
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.notelist li strong {font-weight: 500;}
.warranty .follow {
  border-radius: 15px;
  padding: 12px 14px;
  border: 1px solid #d6d6d6;
  margin-bottom: 30px;
}
.warranty .follow dt {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.warranty .follow dd {
  font-size: 9px;
  line-height: 1.5;
  padding-left: 5px;
}
.warranty .follow dd ol li {
  text-indent: -14px;
  padding-left: 14px;
}
.warr__image {
  margin-bottom: 25px;
}
.warr__image picture, .warr__image img {
  display: block;
  width: 100%;
}
.warranty-end {
  border-radius: 15px;
  padding: 12px 14px;
  border: 1px solid #ff0000;
  margin-top: 30px;
  margin-bottom: 30px;
}
.warranty-end .end__title {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  margin-bottom: 5px;
  color: #ff0000;
}
.warranty-end .end__text {
  font-size: 9px;
  line-height: 1.5;
  padding-left: 5px;
}

@media screen and (max-width: 420px) {
  .purchase dl dt {letter-spacing: -1px;}
}
@media screen and (max-width: 375px) {
  .purchase dl dt {font-size: 5.333vw;}
}
@media screen and (min-width: 768px) {
  .warranty .arrow {background: url(../img/warranty/arrow32x17.png) no-repeat center top / 32px 17px;height: 17px;margin-bottom: 18px;}
  .purchase__image picture, .purchase__image img {
    width: auto;
  }
  .warranty .purchase .arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: 0;
  }
  .warr__box {
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 22px 10px;
    margin-bottom: 44px;
  }
  .condlist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -14px 36px;
  }
  .condlist li {
    width: 33.333%;
    padding: 0 14px;
    margin-bottom: 0;
  }
  .warranty .follow {
    padding: 16px 20px 18px;
    border-radius: 10px;
    margin-bottom: 50px;
  }
  .warranty .follow dt {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .warranty .follow dd {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin: 0 -5px;
  }
  .warranty .follow dd ol {width: 50%;padding: 0 5px;}
  .warranty .follow dd ol li {
    text-indent: -17px;
    padding-left: 17px;
  }
  .warr__image {margin-top: 56px;margin-bottom: 35px;}
  .warr__image picture, .warr__image img {width: auto;max-width: 100%;margin: 0 auto;}

  .warranty-end {
    padding: 16px 20px 18px;
    border-radius: 10px;
    margin-bottom: 50px;
  }
  .warranty-end .end__title {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .warranty-end .end__text {
    padding: 0;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.5;
  }

  .condlist h5 {
    font-size: 14px;
    padding: 8px;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
  }
  .condlist p {
    font-size: 14px;
    letter-spacing: 0;
  }
  .notelist {margin-bottom: 20px;}
  .notelist li {
    font-size: 10px;
    line-height: 1.6;
  }
  .purchase {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    padding: 0 0 0 10px;
    position: relative;
  }
  .purchase__image {width: 200px;margin-bottom: 0;}
  .purchase dl {
    width: 710px;
    padding: 0 0 0 40px;
  }
  .purchase dl dt {
    text-align: left;
    font-size: 28px;
    letter-spacing: 0.05em;
    margin-bottom: 14px;
  }
  .purchase dl dd {
    font-size: 16px;
    letter-spacing: 0.025em;
    text-align: left;
    line-height: 1.5;
  }
}


.official li {
  font-size: 3.733vw;
  position: relative;
  padding: 0 8vw 0 0;
  line-height: 1.2;
  margin-bottom: 18px;
  font-weight: 500;
}
.official li a {
  font-size: 3.4667vw;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .official li a {
    position: absolute;
    right: 0;
    top: 0.3vw;
  }
}
@media screen and (min-width: 768px) {
  .official {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .official ul:nth-child(1) {padding-right: 65px;}
  .official li {
    font-size: 18px;
    margin-bottom: 18px;
    padding: 0 70px 0 0;
  }
  .official li a {
    font-size: 13px;
     position: absolute;
      right: 0;
      top: 4px;
  }
  .official li a:hover {text-decoration: underline;}
}

.ind__item {margin-bottom: 53px;}
.ind__item:last-child {margin-bottom: 0 !important;}
.ind__text {margin-bottom: 10px;}
.tel__phone small.img {
  font-size: 0;
  width: 40px;
  height: 26px;
  background: url('//www.raycop.co.jp/cdn/shop/t/23/assets/icon80x52.png?v=96999468768596566161708561629') no-repeat 0 0 / 100% 100%;
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .ind__item {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ind__text {width: 50%;padding-right: 20px;padding-top: 4px;}
  .ind__info {width: 50%;padding-left: 20px;}
  .tel__phone small.img {
    width: 40px;
    height: 28px;
    background: url('//www.raycop.co.jp/cdn/shop/t/23/assets/icon40x28.png?v=123167276913197114841708561629') no-repeat 0 0;
  }
}
.tabitem {display: none;}
.tabitem:first-child {display: block;}

.form__lead {
  font-size: 2.9333vw;
  line-height: 2;
  margin-bottom: 3.6vw;
}
.form__notice {
  font-size: 2.9333vw;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 9.333vw;
}
.form__notice li {
  position: relative;
  margin-bottom: 3.7vw;
  padding: 0 0 0 10px;
}
.form__notice li:last-child {margin-bottom: 0 !important;}
.form__notice li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #323232;
  position: absolute;
  left: 0;
  top: 2vw;
}
.form__wrap {
  background-color: #f5f5f5;
  border-top: 1px solid #d6d6d6;
  padding: 13.8vw 0 12.8vw;
}
.text__required {
  color: #F02828;
  font-size: 2.1vw;
  font-weight: 500;
  margin-bottom: 8vw;
  display: flex;
  align-items: center;
}
.form__wrap em {
  color: #F02828;
  font-weight: 500;
  font-size: 1.733vw !important;
  font-style: normal;
  border: 1px solid #F02828;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0.5vw 0.93vw 0.35vw;
}
.form__wrap p.error {
  color: #F02828;
  font-weight: 500;
  font-size: 2.933vw;
  margin-top: 1.3vw;
  display: none;
}
.form__wrap table {
  width: 100%;
}
.form__wrap table th {
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: 3.733vw;
  padding-bottom: 2.9vw;
}
.form__wrap table th div {position: relative;}
.form__wrap table th em {
  position: absolute;
  right: 0;
  top: 0.5vw;
}
.form__wrap table .privacy__ttl {padding-top: 2.5vw;}
.form__wrap table td {
  padding-bottom: 4vw;
}
.form__wrap table td p {
  font-size: 2.4vw;
  line-height: 1.5;
  margin-top: 2vw;
}
.form__wrap input[type="text"] {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  width: 100%;
  height: 13.333vw;
  font-family: YakuHanJPs_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.2vw;
  padding: 0 10px;
  outline: none;
}
.form__wrap textarea {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  width: 100%;
  height: 21.333vw;
  font-family: YakuHanJPs_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.2vw;
  padding: 5px 10px;
  outline: none;
}
.checkbox__custom input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.checkbox__custom span {
  position: relative;
  display: block;
  font-size: 3.733vw;
  font-weight: 400;
  padding: 0 0 0 10.933vw;
}
.checkbox__custom span::before {
  content: "";
  width: 8vw;
  height: 8vw;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4vw;
  overflow: hidden;
}
.checkbox__custom input:checked + span::before {
  background-image: url(../img/common/checked.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-color: #009ee1;
}
.frm__privacy {
  position: relative;
}
.nice-select:active, .nice-select.open, .nice-select:focus,.nice-select {border-color: transparent;}
.nice-select {
  width: 100%;
  border-radius: 8px;
  font-size: 3.2vw;
  line-height: 1.2;
  float: none;
  padding: 0;
  height: auto;
  border: 1px solid #d6d6d6;
}
.nice-select .list {margin-top: 0;width:100%;}
.nice-select span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center!important;
  align-items: center!important;
  background-color: #fff;
  position: relative;
  border: 1px solid #d6d6d6;
  width: 100%;
  padding-left: 10px;
  padding-right: 30px;
  border-radius: 8px;
  z-index: 10;
}
.nice-select::after {
  display: none;
}
.nice-select span::after {
  content: "";
  border: none;
  width: 2.4vw;
  height: 1.6vw;
  background: url(../img/common/arrow18x12.png) no-repeat 0 0 / 100% 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.8vw;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.nice-select.open span::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -1.2vw;
  right: 13px;
}
.nice-select.open span {
  border-radius: 8px 8px 0 0;
}
.nice-select .list {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d6d6d6;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  border-radius: 8px;
  box-shadow: 10px 10px 8px rgba(214, 214, 214, 0.5);
  padding-top: 13.333vw;
}
.form__wrap .address__area {height: 21.333vw;}
@media screen and (max-width: 767px) {
  .form__wrap table {margin-bottom: 3vw;}
  .form__wrap table tr, .form__wrap table th, .form__wrap table td {
    display: block;
    width: 100%;
  }
  .frm__privacy .checkbox__custom {
    padding-top: 1.36vw;
    padding-bottom: 4vw;
  }
  .frm__privacy .checkbox__custom label {display: inline-block;}
  .nice-select span {height: 13.333vw;}
}
@media screen and (min-width: 768px) {
  .form__lead {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .form__notice {
    font-size: 14px;
    margin-bottom: 60px;
  }
  .form__notice li {
    margin-bottom: 14px;
  }
  .form__notice li::before {top:8px;}
  .form__wrap {padding: 100px 0;}
  .form__text .container, .form__wrap .container {max-width: 920px;}
  .form__wrap table th {
    font-size: 16px;
    width: 280px;
    padding: 17px 0 15px;
    letter-spacing: 0;
    vertical-align: top;
  }
  .form__wrap table td {
    padding: 0 0 15px;
  }
  .form__wrap input[type="text"] {
    height: 50px;
    font-size: 14px;
    width: 500px;
  }
  .form__wrap textarea {
    height: 100px;
    font-size: 14px;
  }
  .form__wrap table .message__row th {vertical-align: top;padding-top: 20px;}
  .form__wrap table .message__row td {padding-bottom: 25px;}
  .form__wrap table td p {
    font-size: 14px;
    margin-top: 7px;
  }
  .checkbox__custom span {
    font-size: 16px;
    padding-left: 40px;
  }
  .checkbox__custom span::before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .frm__privacy {margin-bottom: 14px;}
  .form__wrap table .privacy__ttl {padding-top: 0;vertical-align: top;}
  .form__wrap table {margin-bottom: 25px;}
  .nice-select {
    font-size: 14px;
    width: 500px;
  }
  .nice-select span {
    font-size: 14px;
    height: 50px;
  }
  .nice-select span::after {
    width: 12px;
    height: 8px;
    margin-top: -4px;
  }
  .nice-select.open span::after {
    margin-top: -6px;
  }
  .nice-select .list {padding-top: 50px;}
  .form__wrap .address__area {height: 50px;}
  .text__required {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 13px;
  }
  .form__wrap em {
    font-size: 13px !important;
    padding: 3px 6px;
    border-radius: 4px;
  }
  .form__wrap table th div {position: relative;}
  .form__wrap table th em {
    position: absolute;
    right: 25px;
    top: -3px;
  }
  .form__wrap p.error {
    font-size: 14px;
    margin-top: 7px;
  }
}
/* カスタム */
.form__wrap input[type="tel"] {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  width: 100%;
  height: 13.333vw;
  font-family: YakuHanJPs_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.2vw;
  padding: 0 10px;
  outline: none;
}

@media screen and (min-width: 768px) {
  .form__wrap input[type="tel"] {
    height: 50px;
    font-size: 14px;
    width: 500px;
  }
}

/*修理フォーム*/
.radio__custom {
  display: flex;
  margin-top: 19px;
  margin-bottom: 10px;
}
.radio__custom input {
  position: absolute;
  opacity: 0;
}
.radio__custom label {
  margin-right: 15px;
}
.radio__custom span {
  position: relative;
  display: block;
  font-size: 3.733vw;
  font-weight: 400;
  padding: 0 0 0 7.933vw;
}
.radio__custom span::before {
  content: "";
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3vw;
  overflow: hidden;
}
.radio__custom input:checked + span::before {
  border-color: #009ee1;
}
.radio__custom input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.125vw;
  left: 1.25vw;
  width: 3.5vw;
  height: 3.5vw;
  background: #009ee1;
  border-radius: 50%;
}
.select__inline {
  display: flex;
  justify-content: space-between;
}
.select__inline select {
  width: 48%;
}

@media screen and (min-width: 768px) {
  .radio__custom label {
    margin-right: 30px;
  }
  .radio__custom span {
    font-size: 16px;
    padding-left: 40px;
  }
  .radio__custom span::before {
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
  .radio__custom input:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 6px;
    width: 16px;
    height: 16px;
    background: #009ee1;
    border-radius: 50%;
  }
  .select__inline {
    justify-content: flex-start;
  }
  .select__inline select {
    width: 245px;
    margin-right: 10px;
  }
  .form__wrap textarea {
    width: 500px;
  }
}

/*修理の流れ*/
.step .container {
  max-width: 800px;
}
.step__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.step__number {
  width: 100px;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0099DB;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.step__number::after {
  content: "";
  border-right: 2px dotted #0099db;
  position: absolute;
  top: 100%;
  height: 60px;
}
.step__wrapper:last-child .step__number::after {
  content: none;
}
.step__text {
  width: calc(100% - 130px);
  margin-top: 8px;
  line-height: 1.5;
}
.step__text h3 {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .step__wrapper {
    flex-direction: column;
  }
  .step__number {
    width: 100%;
    min-height: 50px
  }
  .step__number::after {
    content: none;
  }
  .step__text {
    width: 100%;
    margin-top: 20px;
  }
}