@charset "UTF-8";
@media screen and (max-width: 767px) {
  /* 汎用 */
  .pcb {
    display: none;
  }
  .inner_wrap {
    width: 100%;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .inner_wrap02 {
    width: 100%;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
  }
  /* テキスト */
  .note_caption {
    font-size: 1.2rem;
  }
  .note_caption.mtcap {
    margin-top: 1em;
  }
  .lede_txt {
    font-size: 1.5rem;
  }
  .txt_cl {
    text-align: left;
  }
  .txt_link_arrow {
    padding: 0 0 0 1.2em;
  }
  .txt_link_arrow svg {
    width: 7px;
    height: 12px;
    top: 0.5em;
  }
  .tel_link {
    pointer-events: auto;
  }
  .symbol_head {
    font-size: 1.5rem;
  }
  .circle_list > li::before {
    margin: 0.7em 0.4em 0 0;
  }
  .circle_list > li + li {
    margin-top: 0.3em;
  }
  .repair_contents {
    font-size: 1.4rem;
    padding-bottom: 100px;
  }
  .repair_contents.top_page {
    padding-bottom: 90px;
  }
  .repair_contents .heading04 {
    font-size: 2rem;
  }
  /* ==========================================================================//
  //
  //　TOPページ
  //
  // ========================================================================== */
  .top_section_heading {
    margin-bottom: -9.3333333333vw;
  }
  .top_section_heading .inner_box {
    border-radius: 0 0 13.333vw 0;
    min-height: 31.6vw;
    padding: 12.6666666667vw 6.6666666667vw 12.6666666667vw 0;
    width: 100%;
  }
  .top_section_heading .main_txt {
    font-size: 4.8vw;
  }
  .top_section_heading .main_txt::after {
    width: auto;
    flex-grow: 1;
  }
  .top_section_heading .sub_txt {
    font-size: 4vw;
  }
  .top_block_heading .sub_head {
    font-size: 1.4rem;
  }
  .top_block_heading .main_txt {
    font-size: 1.7rem;
  }
  /* キービジュアル */
  .kv_area .kv_text {
    width: 100%;
    height: 50vw;
    padding: 14px 0 0;
  }
  .kv_area .kv_text img {
    width: 69.4666666667vw;
  }
  .kv_slider {
    min-width: 100%;
    margin: 0 -3px;
  }
  .kv_slider .slick-dots li {
    padding: 20px 0 0;
    width: 10.6666666667vw;
  }
  .kv_slider .slick-dots li button {
    width: 10.6666666667vw;
    height: 10px;
  }
  .kv_slider .slick-dots li button::after {
    height: 10px;
  }
  .top_lede {
    font-size: 1.5rem;
    text-align: left;
    width: 100%;
    margin: 45px auto;
    padding: 0 5.3333333333vw;
  }
  .sort_area {
    padding: 17.3333333333vw 0 0;
    min-width: 100%;
  }
  .sort_box {
    position: relative;
  }
  .category_sort {
    padding-bottom: 16vw;
  }
  .category_sort::before, .category_sort::after {
    border-bottom: 5.3333333333vw solid #fff;
  }
  .category_sort::after {
    right: 0;
    border-left: 9.0666666667vw solid transparent;
  }
  .category_sort::before {
    left: 0;
    border-right: 9.0666666667vw solid transparent;
  }
  .category_sort .top_block_heading {
    margin-bottom: 35px;
  }
  .category_sort_button {
    justify-content: flex-start;
    width: 88.5333333333vw;
    margin: 0 auto;
  }
  .category_sort_button svg {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .category_sort_button .cate_btn {
    border-radius: 2.666vw;
    padding: 3px 5px;
  }
  .category_sort_button > li {
    width: 17.3333333333vw;
    margin-right: 2.4vw;
    margin-left: 2.4vw;
  }
  .category_sort_button > li p,
  .category_sort_button > li .icon_txt {
    font-size: 1.1rem;
  }
  .category_sort_button > li:nth-child(n+5) {
    margin-top: 6.6666666667vw;
  }
  .keyword_sort .top_block_heading {
    margin-bottom: 30px;
  }
  .keyword_sort_button li {
    min-height: 35px;
    margin: 5px 1.3333333333vw;
    position: relative;
  }
  .keyword_sort_button label {
    font-size: 1.4rem;
    padding: 0.2em 0.7em;
  }
  .example_box {
    padding: 14.6666666667vw 0 2.6666666667vw;
  }
  .example_list {
    width: 94.6666666667vw;
  }
  .example_list li {
    width: 47.3333333333vw;
    line-height: 1.4;
    padding: 2.6666666667vw 2.6666666667vw 8vw;
  }
  .example_list a {
    min-height: 26.6666666667vw;
  }
  .example_list .txt_box {
    padding: 2vw 1px 2.6666666667vw;
  }
  .example_list .cate_txt {
    border-radius: 0 0 2.666vw 0;
    font-size: 3.7333333333vw;
    margin: -4vw 0 0 -1px;
    padding: 0.4em 0.1em 0.5em;
    width: 30.6666666667vw;
    min-height: 8vw;
  }
  .example_list .page_txt {
    font-size: 4vw;
  }
  .example_list .page_txt .large {
    font-size: 4.8vw;
  }
  .example_list .tag_wrap {
    margin: 1.3333333333vw -0.6666666667vw 0;
  }
  .example_list .tag_txt {
    font-size: 1.1rem;
    margin: 0.6666666667vw;
    padding: 0.3em 0.5em;
    min-height: 25px;
  }
  /* ABC商会の改修システム */
  .example_area {
    padding: 16vw 0 13.3333333333vw;
  }
  .example_flow {
    margin-top: 26.6666666667vw;
    padding: 0 0;
  }
  .example_flow::after {
    width: 0.5333333333vw;
    background-size: 0.5333333333vw 1.0666666667vw;
    right: 0;
    top: 29.8666666667vw;
    bottom: 21.3333333333vw;
  }
  .example_flow .flow_box {
    padding-bottom: 34.6666666667vw;
  }
  .example_flow .flow_box::before {
    width: 0.5333333333vw;
    background-size: 0.5333333333vw 1.0666666667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .example_flow > *:first-child::after {
    background-size: contain;
    width: 12.2773333333vw;
    height: 6.536vw;
    top: 26vw;
    right: 0;
  }
  .example_flow > *:last-child {
    padding-bottom: 0;
  }
  .example_flow > *:last-child::before {
    width: 12vw;
    height: 0.5333333333vw;
    background-size: 1.0666666667vw 0.5333333333vw;
    top: 0;
    left: auto;
    right: 0.5333333333vw;
    bottom: 0;
    margin: auto 0;
  }
  .example_flow .flow_img {
    width: 40vw;
    outline: solid 0.8vw #fff;
    outline-offset: -0.8vw;
    top: -20vw;
  }
  .example_flow .flow_heading {
    font-size: 4.5333333333vw;
  }
  .example_flow .flow_heading::before {
    width: 2.4vw;
    height: 0.5333333333vw;
  }
  .example_flow .flow_heading + * {
    margin: 4.6666666667vw 0 0;
  }
  .example_flow .flow_txt {
    border-radius: 5.333vw;
    min-height: 0;
    width: 60vw;
    margin: 0vw auto 0;
    padding: 12vw 3.2vw 6vw;
    font-size: 3.7333333333vw;
  }
  .example_flow .flow_txt .circle_list {
    letter-spacing: -0.04em;
  }
  .example_flow .estimate_wrap .estimate_txt {
    border-radius: 5.333vw;
    font-size: 4.6666666667vw;
    padding: 1em 0.5em;
    width: 16vw;
    right: 40px;
    top: 53.0666666667vw;
    bottom: 52vw;
  }
  .example_flow .estimate_wrap > .flow_box:last-child {
    padding-bottom: 14vw;
  }
  .example_flow .decision_box_wrap {
    padding: 0 0 34.6666666667vw;
  }
  .example_flow .decision_box_wrap::before {
    width: 0.5333333333vw;
    background-size: 0.5333333333vw 1.0666666667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .example_flow .decision_box {
    border-radius: 2.666vw;
    font-size: 4.6666666667vw;
    min-height: 16vw;
    padding: 2vw 22.6666666667vw;
    width: 80vw;
    margin: 0 auto;
  }
  .example_flow .decision_box::after {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
    right: 2.6666666667vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .example_flow .decision_box + .flow_box {
    padding-top: 100px;
  }
  /* お問い合わせ */
  .contact_area .area_heading {
    width: min(450 / 750 * 100vw, 225px);
    margin: 0 auto 25px;
    padding: min(50 / 750 * 100vw, 25px) calc(15 / 750 * 100vw) 50px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px));
  }
  .contact_area .area_heading .sub_head {
    font-size: min(24 / 750 * 100vw, 1.2rem);
  }
  .contact_area .area_heading .main_txt {
    font-size: min(34 / 750 * 100vw, 1.7rem);
  }
  .contact_area .contact_lede {
    font-size: 1.5rem;
  }
  .contact_area .text_block {
    margin: 0 0 20px;
  }
  .contact_btn_wrap {
    display: block;
    width: 100%;
  }
  .contact_btn_wrap a {
    font-size: 1.5rem;
    width: 78.6666666667vw;
    min-height: 50px;
    padding: 1.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  .contact_btn_wrap a svg {
    width: 18px;
    height: 18px;
    margin-right: 0.2em;
  }
  .contact_btn_wrap a + a {
    margin-top: 2.6666666667vw;
  }
  .contact_btn_wrap.back_to_list {
    margin-top: 50px;
  }
}
/** -------------------------------- **
	margin
*** ----------------------------------------------------------------- ***/
@media screen and (max-width: 767px) {
  .mt5sp {
    margin-top: 5px !important;
  }
  .mt10sp {
    margin-top: 10px !important;
  }
  .mt15sp {
    margin-top: 15px !important;
  }
  .mt20sp {
    margin-top: 20px !important;
  }
  .mt25sp {
    margin-top: 25px !important;
  }
  .mt30sp {
    margin-top: 30px !important;
  }
  .mt35sp {
    margin-top: 35px !important;
  }
  .mt40sp {
    margin-top: 40px !important;
  }
  .mt45sp {
    margin-top: 45px !important;
  }
  .mt50sp {
    margin-top: 50px !important;
  }
  .mt55sp {
    margin-top: 55px !important;
  }
  .mt75sp {
    margin-top: 75px !important;
  }
  .mb5sp {
    margin-bottom: 5px !important;
  }
  .mb10sp {
    margin-bottom: 10px !important;
  }
  .mb15sp {
    margin-bottom: 15px !important;
  }
  .mb20sp {
    margin-bottom: 20px !important;
  }
  .mb25sp {
    margin-bottom: 25px !important;
  }
  .mb30sp {
    margin-bottom: 30px !important;
  }
  .mb35sp {
    margin-bottom: 35px !important;
  }
  .mb40sp {
    margin-bottom: 40px !important;
  }
  .mb45sp {
    margin-bottom: 45px !important;
  }
  .mb50sp {
    margin-bottom: 50px !important;
  }
  .sp_m_auto {
    margin-inline: auto !important;
  }
}/*# sourceMappingURL=repair_sp.css.map */