@charset "UTF-8";
/* CSS Document */

/*
タブレット以下共通（1199px以下）
----------------------------------------------------------- */
@media (max-width: 1199px) {

    /*
    Header
    ----------------------------------------------------------- */
    header {
        padding: 15px;
    }
    .header-box .logo {
        width: 160px;
    }
    .header-branch {
        font-size: 1.6rem;
    }

    /*
    ハンバーガーボタン
    ----------------------------------------------------------- */
    header #nav-toggle {
        position: fixed;
        top: 8px;
        right: 8px;
        width: 40px;
        height: 30px;
        z-index: 650;
        cursor: pointer;
    }
    header #nav-toggle div {
        position: relative;
        width: 30px;
        margin: 0 auto;
    }
    header #nav-toggle span {
        display: block;
        height: 4px;
        background: var(--green);
        position: absolute;
        width: 100%;
        left: 0;
        transition: 0.5s ease-in-out;
        border-radius: 3px;
    }
    header #nav-toggle span:nth-child(1) { top: 5px; }
    header #nav-toggle span:nth-child(2) { top: 15px; }
    header #nav-toggle span:nth-child(3) { top: 25px; }
    .open #nav-toggle span:nth-child(1) {
        top: 12px;
        transform: rotate(135deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 12px;
        transform: rotate(-135deg);
    }

    /*
    ドロワーナビ
    ----------------------------------------------------------- */
    .drawer nav ul {
        display: block;
        padding: 0;
    }
    .drawer nav li {
        display: block;
        width: 100%;
        padding: 0;
        position: relative;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        opacity: 0;
        transform: translateX(20px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .drawer.open .drawer nav li {
        opacity: 1;
        transform: translateX(0);
    }
    .drawer nav li:before {
        display: none;
    }
    .drawer nav li a::after,
    .drawer nav li a::before {
        display: none;
    }
    .drawer nav li a {
        display: block;
        padding: 18px 40px 18px 20px;
        color: var(--green03);
        font-weight: bold;
        font-size: 1.5rem;
        text-align: left;
        letter-spacing: 0.05em;
    }
    .drawer nav li a:hover {
        background: rgba(30, 159, 96, 0.05);
    }
    .drawer nav li::after {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font: var(--fa-font-solid);
        content: "\f0da";
        color: var(--green);
        font-size: 1.2rem;
    }

}
/*タブレット以下共通end*/

/*
タブレットのみ（768px〜1199px）
----------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {

    /*
    ドロワー幅
    ----------------------------------------------------------- */
    .drawer {
        width: 30%;
    }

    /*
    MVキャッチコピー
    ----------------------------------------------------------- */
    .mv-catch-tag {
        font-size: 1.9rem;
        padding: 5px 30px 5px 30px;
    }
    .mv-catch-tag::after {
        right: -20px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid var(--green);
    }
    .mv-catch-ttl {
        font-size: 2.2rem;
    }
    .mv-catch-brand {
        font-size: 3rem;
        -webkit-text-stroke: 2px var(--green);
    }
    .mv-catch-badge li span {
        font-size: 2rem;
    }

    /*
    セクション間余白
    ----------------------------------------------------------- */
    section {padding: 30px 0;}

    /*
    はみ出し画像中央
    ----------------------------------------------------------- */
    .wic1 img {width: 1600px;}
    .wic1 {margin-left: calc(50% - 800px);}
    .wic2 img {width: 1000px;}
    .wic2 {margin-left: calc(50% - 500px);}
    .wic3 img {width: 1200px;}
    .wic3 {margin-left: calc(50% - 600px);}

    /*
    共通部分
    ----------------------------------------------------------- */
    .rbn-acc-box:nth-child(2)::before {
        height: 50px;
        width: 30px;
    }
    .section-head-main {
        font-size: 3.8rem;
    }
    .section-head-sub {
        font-size: 2.2rem;
    }
    .sb-head {
        font-size: 2.4rem;
    }
    .section-ttl {
        padding-left: 15px;
    }
    .section-ttl::before {
        left: -5px;
    }
    .btn01 {
        width: 100%;
    }
    .swiper-button-prev span,
    .swiper-button-next span {
        height: 40px;
        width: 40px;
    }

    /*
    CTA
    ----------------------------------------------------------- */
    .index .cta,
    .area .cta {
        margin-top: 50px;
    }
    .cta-box {
        padding: 15px;
    }
    .cta-btm-box {
        padding: 15px;
    }
    .cta-font-m {
        font-size: 1.1em;
    }
    .cta-font-s {
        font-size: 0.5em;
    }
    .cta-img-icon {
        top: 15px;
        left: 15px;
    }
    .cta-img-icon-item {
        width: 70px;
    }
    .cta .font-l {
        font-size: 1.888em;
    }
    .cta-head {
        margin-bottom: 30px;
    }
    .cta-img {
        right: 45px;
        width: 130px;
    }
    /*
    ここからindex
    ----------------------------------------------------------- */

    /*
    MV
    ----------------------------------------------------------- */
    .index .main-imgbox,
    .area .main-imgbox {
        height: 320px;
    }

    /*
    sec01
    ----------------------------------------------------------- */
    .index .sec01::after,
    .area .sec01::after {
        bottom: -50px;
        height: 50px;
    }
    .rbn-acc {
        margin-left: -10px;
    }
    .rbn-acc-cl01::before {
        border-right: solid 10px var(--purple02);
    }
    .rbn-acc-cl02::before {
        border-right: solid 10px var(--yellow03);
    }

    /*
    sec02
    ----------------------------------------------------------- */
    .index .sec02,
    .area .sec02 {
        margin-top: 50px;
    }
    .index .sec02 .sec02-list,
    .area .sec02 .sec02-list {
        grid-template-columns: repeat(1, 1fr);
    }

    /*
    sec04
    ----------------------------------------------------------- */
    .index .sec04 .container > .flex > *,
    .area .sec04 .container > .flex > * {
        width: calc(50% - var(--grid-gap) / 2);
    }

    /*
    sec05
    ----------------------------------------------------------- */
    .sec05 .cmn-txt .flex {
        display: block;
    }
    .sec05 .cmn-txt .flex.col-2 > * {
        width: 100%;
    }

    /*
    sec08
    ----------------------------------------------------------- */
    .sec08 .cmn-txt .flex {
        display: block;
    }
    .sec08 .cmn-txt .flex.col-2 > * {
        width: 100%;
    }

    /*
    sec12
    ----------------------------------------------------------- */
    .index .sec12,
    .area .sec12 {
        margin-top: 50px;
    }
    .index .sec12::before,
    .area .sec12::before {
        top: -50px;
        height: 50px;
    }
    .index .sec12::after,
    .area .sec12::after {
        bottom: -50px;
        height: 50px;
    }

    /*
    sec13
    ----------------------------------------------------------- */
    .ex-box-item-btm-cat,
    .ex_box_item_btm_cat {
        display: block;
    }
    .ex-box-item-area .flex > *,
    .ex_box_item_area .fbox > * {
        width: calc(50% - var(--grid-gap) / 2);
    }

    /*
    Footer
    ----------------------------------------------------------- */
    .footer .container > .flex.col-2 > * {
        width: 100%;
    }
    .pagetop {
        bottom: 185px;
    }

    /*
    ここからabout
    ----------------------------------------------------------- */

    /*
    sec01
    ----------------------------------------------------------- */
    .about .about-sec01-img {
        width: 400px;
    }

    /*
    sec02
    ----------------------------------------------------------- */
    .about .sec02 {
        margin-top: 50px;
    }
    .about .sec02::before {
        top: -50px;
        height: 50px;
    }
    .about .sec02::after {
        bottom: -50px;
        height: 50px;
    }

    /*
    sec03
    ----------------------------------------------------------- */
    .about .sec03 {
        margin-top: 50px;
    }

}
/*タブレットのみend*/

/*スマホ用スタイル*/
@media screen and (max-width: 767px){

    /*
    セクション間余白
    ----------------------------------------------------------- */
    section {padding: 30px 0;}
    .index .sec02 {padding: 30px 0 110px;}
    .area .sec02 {padding: 30px 0 110px;}
    .index .sec03 {padding: 0 0 30px;}
    .area .sec03 {padding: 0 0 30px;}
    .index .sec06 {padding: 0 0 30px;}
    .area .sec06 {padding: 0 0 30px;}
    .index .sec07 {padding: 0 0 30px;}
    .area .sec07 {padding: 0 0 30px;}
    .index .sec08 {padding: 0 0 30px;}
    .area .sec08 {padding: 0 0 30px;}
    .index .sec09 {padding: 0 0 30px;}
    .area .sec09 {padding: 0 0 30px;}
    .index .sec10 {padding: 0 0 30px;}
    .area .sec10 {padding: 0 0 30px;}
    .index .sec11 {padding: 0 0 30px;}
    .area .sec11 {padding: 0 0 30px;}
    .index .sec12 {padding: 0;}
    .area .sec12 {padding: 0;}
    .index .sec13 {padding: 0 0 30px;}
    .area .sec13 {padding: 0 0 30px;}
    .index .sec14 {padding: 0 0 30px;}
    .area .sec14 {padding: 0 0 30px;}
    /*
    plan
    ----------------------------------------------------------- */
    .plan .sec02 {padding: 30px 0 0;}
    .plan .sec03 {padding: 0 0 30px;}
    .plan .sec04 {padding: 0 0 30px;}
    .plan .sec05 {padding: 0 0 30px;}
    /*
    faq
    ----------------------------------------------------------- */
    .faq .sec01 {padding: 30px 0;}
    .faq .sec02 {padding: 0;}
    .faq .sec03 {padding: 30px 0 0;}
    .faq .sec04 {padding: 30px 0 0;}
    .faq .sec05 {padding: 30px 0 0;}
    .faq .sec06 {padding: 30px 0 0;}
    .faq .sec07 {padding: 30px 0 0;}
    .faq .sec08 {padding: 30px 0 0;}
    .faq .sec09 {padding: 30px 0 0;}
    .faq .sec10 {padding: 30px 0 0;}
    .faq .sec11 {padding: 30px 0 0;}
    .faq .sec12 {padding: 30px 0 0;}
    .faq .sec13 {padding: 30px 0 0;}
    .faq .sec14 {padding: 30px 0 0;}
    .faq .sec15 {padding: 30px 0 0;}
    /*
    staff
    ----------------------------------------------------------- */
    .staff .sec01 {padding: 30px 0 0;}
    .staff .sec02 {padding: 30px 0;}
    /*
    contact
    ----------------------------------------------------------- */
    .contact .sec01 {padding: 30px 0 0;}
    .contact .sec02 {padding: 30px 0;}
    /*
    /*
    purchase
    ----------------------------------------------------------- */
    .purchase .sec01 {padding: 30px 0 0;}
    .purchase .sec02 {padding: 30px 0;}
    .purchase .sec04 {padding: 30px 0 0;}
    /*
    moving
    ----------------------------------------------------------- */
    .moving .sec01 {padding: 30px 0 0;}
    .moving .sec02 {padding: 30px 0;}
    /*
    pest
    ----------------------------------------------------------- */
    .pest .sec01 {padding: 30px 0 0;}
    .pest .sec02 {padding: 30px 0 0;}
    .pest .sec03 {padding: 30px 0;}
    .pest .sec04 {padding: 30px 0;}
    /*
    cleaning
    ----------------------------------------------------------- */
    .cleaning .sec01 {padding: 30px 0 0;}
    .cleaning .sec02 {padding: 30px 0;}
    /*
    reform
    ----------------------------------------------------------- */
    .reform .sec01 {padding: 30px 0 0;}
    .reform .sec02 {padding: 30px 0;}
    /*
    whereabouts
    ----------------------------------------------------------- */
    .whereabouts .sec01 {padding: 30px 0;}
    .whereabouts .sec02 {padding: 30px 0;}
    .whereabouts .sec03 {padding: 30px 0 0;}
    .whereabouts .sec04 {padding: 30px 0;}
    /*
    dismantling
    ----------------------------------------------------------- */
    .dismantling .sec01 {padding: 30px 0 0;}
    .dismantling .sec02 {padding: 30px 0 0;}
    .dismantling .sec03 {padding: 30px 0 0;}
    .dismantling .sec04 {padding: 30px 0;}
    /*
    はみ出し画像中央
    ----------------------------------------------------------- */
    .wic1 img {width: 100%;}
    .wic1 {margin-left: -15px; margin-right: -15px;}

    .wic2 img {width: 100%;}
    .wic2 {margin-left: -15px; margin-right: -15px;}

    .wic3 img {width: 100%;}
    .wic3 {margin-left: -15px; margin-right: -15px;}

    /*
    Header
    ----------------------------------------------------------- */
    header {
        padding: 15px;
    }
    header .contact {
        padding-right: 40px;
    }
    header .logo {
        height: 40px;
    }
    .header-box .logo {
        width: 125px;
    }
    header .logo img {
        max-height: 40px;
    }
    .header-box {
        display: block;
    }
    /*
    Nav
    ----------------------------------------------------------- */
    header .nav-area {
        display: block;
    }
    header nav ul {
        padding: 15px 0;
    }
    header nav li {
        display: inline-block;
        line-height: 1rem;
        padding-right: 0px;
        padding-top: 15px;
    }
    header .nav-jp {
        font-size: 16px;
    }
    header #nav-toggle{
        position: absolute;
        top: 8px; /**/
        right: 8px; /**/
        width: 40px; /**/
        height: 30px;
    }
    header #nav-toggle div{
        position: relative;
        width: 30px; /**/
        margin: 0 auto;
    }
    header #nav-toggle span {
        display: block;
        height: 4px;
        background: var(--green);
        position: absolute;
        width: 100%;
        left: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        border-radius: 3px;
    }
    header #nav-toggle span:nth-child(1){
        top: 5px; /**/
    }
    header #nav-toggle span:nth-child(2) {
        top: 15px; /**/
    }
    header #nav-toggle span:nth-child(3) {
        top: 25px; /**/
    }
    .open #nav-toggle span:nth-child(1) {
        top: 12px; /**/
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 12px; /**/
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    header nav ul.container {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    header nav li {
        width: 100%;
        border-left: 0;
        border-right: 0;
    }
    header nav li {
        padding: 15px;
        background: var(--yellow02);
    }
    header nav li:last-of-type {
        border-bottom: unset;
    }
    header nav li a {
        flex-direction: row;
    }
    header nav li a::after, nav li a::before {
        display: none;
    }
    header .nav-jp {
        padding-bottom: 0;
        padding-right: 10px;
    }
    header nav li {
        position: relative;
    }
    header nav li:before {
        position: absolute;
        color: var(--green);
        font: var(--fa-font-solid);
        content: "\f0da";
        right: 15px;
        width: 8px;
        height: 12px;
    }
    .drawer nav li:before {
        display: none;
    }
    /*
    共通部分
    ----------------------------------------------------------- */
    .section-head {
        margin-bottom: 30px;
    }
    .section-head-main {
        font-size: 2.4rem;
    }
    .section-head-sub {
        font-size: 1.8rem;
    }
    .sb-head {
        font-size: 1.8rem;
    }
    .sb-head-img {
        position: absolute;
        margin-right: 0;
        width: 70px;
        top: 50%;
        left: -5px;
        transform: translateY(-50%);
    }
    .uldot-head {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
    .uldot-head02 {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
    .btn01 {
        width: 100%;
    }
    .btn-wrap {
        display: block;
    }
    .section-ttl {
        padding-top: 15px;
        padding-left: 15px;
        margin-bottom: 30px;
        font-size: 2.4rem;
    }
    .section-ttl::before {
        left: -5px;

    }
    .simple-ttl {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
    .borderl-ttl {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: 25px;
        width: calc(100% - 50px);
        border-radius: 10px;
        bottom: 15px;
    }
    .swiper-button-prev span,
    .swiper-button-next span {
        height: 40px;
        width: 40px;
    }
    /*
    CTA
    ----------------------------------------------------------- */
    .index .cta,
    .area .cta {
        margin-top: 20px;
    }
    .cta-box {
        padding: 75px 15px 15px;
        background-image: url(../img/sp_cta_bg.webp);
    }
    .cta-head {
        margin-bottom: 15px;
    }
    .cta-img-icon {
        top: -15px;
        left: 30px;
    }
    .cta-img-icon-item {
        width: 80px;
    }
    .cta-img-icon-item:first-of-type {
        margin-right: 5px;
    }
    .cta-img {
        position: absolute;
        top: 100px;
        right: -5px;
        width: 90px;
    }
    .cta-btm-box {
        padding: 15px;
    }
    .cta-img-icon-item:first-of-type {
        margin-right: 0;
    }
    .cta-img-icon-item:nth-child(-n + 2) {
        margin-right: 10px;
    }
    .cta-font-m {
        font-size: 1.1em;
    }
    .cta-tel-btn {
        padding: 15px 5px;
    }
    .cta-mail-btn {
        padding: 15px 5px;
    }
    .cta-line-btn {
        padding: 15px 5px;
    }
    .cta-web-btn {
        padding: 15px 5px;
    }
    /*
    MV
    ----------------------------------------------------------- */
    .index .mv,
    .area .mv {
        margin-top: 75px;
        background-image: url(../img/sp_mv_bg.webp);
    }
    .index .mv ul,
    .area .mv ul {
        margin-top: -15px;
    }
    .mv-catch-tag {
        font-size: 1.3rem;
        padding: 8px 20px 8px 15px;
        margin-bottom: 15px;
    }
    .mv-catch-tag::after {
        right: -16px;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 16px solid var(--green);
    }
    .mv-catch-ttl {
        font-size: 2.2rem;
    }
    .mv-catch-brand {
        font-size: 3rem;
        -webkit-text-stroke: 1.5px var(--green);
        padding-bottom: 8px;
        margin-bottom: 30px;
    }
    .mv-catch-badge {
        justify-content: center;
        gap: 10px;
    }
    .mv-catch-badge li span {
        font-size: 1.6rem;
    }
    .index .main-imgbox,
    .area .main-imgbox {
        height: 340px;
    }
    /*
    sec01
    ----------------------------------------------------------- */
    .index .sec01::after,
    .area .sec01::after {
        bottom: -20px;
        height: 20px;
    }
    .rbn-acc-box:nth-child(2)::before {
        top: -30px;
        transform: translatex(-50%) rotate(90deg);
        height: 70px;
        width: 30px;
        left: 50%;
    }
    .rbn-acc {
        margin-left: -10px;
    }
    .rbn-acc-cl01::before {
        border-right: solid 10px var(--purple02);
    }
    .rbn-acc-cl02::before {
        border-right: solid 10px var(--yellow03);
    }
    /*
    sec02
    ----------------------------------------------------------- */
    .index .sec02,
    .area .sec02 {
        margin-top: 20px;
    }
    .index .sec02 .sb-head,
    .area .sec02 .sb-head {
        padding: 10px 20px 10px 70px;
    }
    .index .sec02 .sb-section-head,
    .area .sec02 .sb-section-head {
        margin-bottom: -15px;
    }
    .index .sec02 .sec02-bg,
    .area .sec02 .sec02-bg {
        padding: 30px 15px 15px;
    }
    .index .sec02 .sec02-list,
    .area .sec02 .sec02-list {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 15px 15px;
    }
    .index .sec02 .sec02-list-item,
    .area .sec02 .sec02-list-item {
        padding: 0 0 15px 30px;
        font-size: 1.8rem;
    }
    /*
    sec03
    ----------------------------------------------------------- */
    .index .sec03 .section-head-main::before,
    .area .sec03 .section-head-main::before {
        bottom: 0px;
        left: -20px;
    }
    .index .sec03 .section-head-main::after,
    .area .sec03 .section-head-main::after {
        bottom: 0px;
        right: -20px;
    }
    /*
    sec04
    ----------------------------------------------------------- */
    .index .sec04::after,
    .area .sec04::after {
        bottom: -20px;
        height: 20px;
    }
    /*
    sec05
    ----------------------------------------------------------- */
    .index .sec05,
    .area .sec05 {
        margin-top: 20px;
    }
    .index .acc-box,
    .area .acc-box {
        padding: 15px;
    }
    .index .acc-box .font-s,
    .area .acc-box .font-s {
        font-size: 0.8em;
    }
    .index .cmn-cat,
    .area .cmn-cat {
        display: flex;
        justify-content: center;
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 200;
        font-size: 1.3rem;
        font-style: normal;
        padding: 5px 15px;
        margin-right: 15px;
        border: 1px solid var(--green);
        width: 90px;
    }
    .index .acc-box-ttl,
    .area .acc-box-ttl {
        display: flex;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        color: var(--green);
        margin-bottom: 15px;
    }
    /*
    sec11
    ----------------------------------------------------------- */
    .index .sec11 h3,
    .area .sec11 h3 {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }
    /*
    sec12
    ----------------------------------------------------------- */
    .index .sec12,
    .area .sec12 {
        margin-top: 20px;
        padding: 30px 0;
    }
    .index .sec12::before,
    .area .sec12::before {
        top: -20px;
        height: 20px;
    }
    .index .sec12::after,
    .area .sec12::after {
        bottom: -20px;
        height: 20px;
    }
    /*
    sec13
    ----------------------------------------------------------- */
    .ex-box {
        padding: 15px;
    }
    .ex-box-item,
    .ex_box_item {
        padding: 15px;
    }
    .ex-box-item-area .flex > *,
    .ex_box_item_area .fbox > * {
        width: calc(50% - var(--grid-gap) / 2);
    }
    /*
    sec14
    ----------------------------------------------------------- */
    .news-box > ul li {
        padding-bottom: 15px;
    }
    .news-box > ul li:last-of-type {
        padding-bottom: 0px;
    }
    /*
    Footer
    ----------------------------------------------------------- */
    .footer-area {
        padding: 30px 0;
    }
    .footer-head {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }
    .footer-img {
        width: 90px;
    }
    .footer-txt {
        width: calc(100% - 90px);
    }
    .footer .link-item .flex.col-3 > * {
        width: calc(50% - var(--grid-gap) / 2);
    }
    .footer-btm-box-ttl {
        font-size: 1.8rem;
    }
    /*
    Page Top
    ----------------------------------------------------------- */
    .pagetop {
        bottom: 105px;
        right: 10px;
    }
    /*
    ここからabout
    ----------------------------------------------------------- */

    /*
    sec01
    ----------------------------------------------------------- */
    .about .about-sec01-img {
        width: 100%;
        padding: 0 0 15px;
    }
    /*
    sec02
    ----------------------------------------------------------- */
    .about .sec02 {
        margin-top: 20px;
    }
    .about .sec02::before {
        top: -20px;
        height: 20px;
    }
    .about .sec02::after {
        bottom: -20px;
        height: 20px;
    }
    /*
    sec03
    ----------------------------------------------------------- */
    .about .sec03 {
        margin-top: 20px;
    }
    .about table,
    .about thead,
    .about tbody,
    .about th,
    .about td,
    .about tr {
        display: block;
    }
    .about th {
        width: 100%;
        padding: 15px 0 10px 0;
    }
    .about td {
        width: 100%;
        padding: 10px 0 15px 0;
    }
    .about td::after {
        display: none;
    }
    /*
    ここからplan
    ----------------------------------------------------------- */
    .plan .price {
        font-size: 1.8rem;
    }
    .plan th {
        font-size: 1.6rem;
    }
    /*
    ここからfaq
    ----------------------------------------------------------- */
    /*
    sec01
    ----------------------------------------------------------- */
    .faq .btn01 {
        font-size: 1.2rem;
        padding: 5px 35px 5px 5px;
    }
    /*
    ここからcontact
    ----------------------------------------------------------- */
    /*
    sec02
    ----------------------------------------------------------- */
    .contact .sec02-bg {
        background: var(--yellow02);
        padding: 15px;
    }
    /*
    ここからpurchase
    ----------------------------------------------------------- */
    /*
    sec03
    ----------------------------------------------------------- */
    .tabs {
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .tab-content {
        padding: 15px 15px 0;
    }
    .purchase .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .purchase .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    sec04
    ----------------------------------------------------------- */
    .purchase .sec04 .sec04-item-box .flex > * {
        width: calc(50% - var(--grid-gap) / 2);
    }
    .purchase .sec04-btm-area {
        padding: 15px;
    }
    /*
    ここからmoving
    ----------------------------------------------------------- */
    /*
    sec03
    ----------------------------------------------------------- */
    .moving .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .moving .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    ここからpest
    ----------------------------------------------------------- */
    /*
    sec04
    ----------------------------------------------------------- */
    .pest .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .pest .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    ここからcleaning
    ----------------------------------------------------------- */
    /*
    sec03
    ----------------------------------------------------------- */
    .cleaning .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .cleaning .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    sec04
    ----------------------------------------------------------- */
    .cleaning .sec04-list .flex.col-2 > * {
        width: calc(50% - var(--grid-gap) / 2);
    }
    /*
    ここからwhereabouts
    ----------------------------------------------------------- */
    /*
    sec02
    ----------------------------------------------------------- */
    .whereabouts .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .whereabouts .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    sec06
    ----------------------------------------------------------- */
    .whereabouts .sec06 .btm-box {
        padding: 15px;
    }
    /*
    ここからdismantling
    ----------------------------------------------------------- */
    /*
    sec02
    ----------------------------------------------------------- */
    .dismantling .cmn-cat {
        font-size: 1.6rem;
        width: 90px;
    }
    .dismantling .acc-box-ttl {
        margin-bottom: 15px;
        font-size: 2rem;
    }
    /*
    ここからnews
    ----------------------------------------------------------- */
    /*
    sec01
    ----------------------------------------------------------- */
    .article .article-img,
    .article .article_img {
        float: unset;
        padding: 0 0 30px;
        width: 100%;
    }
    .article-thumbnail {
        max-width: 100%;
    }
    /*
    ここからcontact form
    ----------------------------------------------------------- */
    .cf7-box .submit-btn {
        display: block;
    }
    .cf7-box .submit-btn input {
        width: 100%;
    }
    .cf7-box .l-txt {
        width: 100%;
    }
    .cf7-box .r-txt {
        width: 100%;
    }
    /*
    pagination
    ----------------------------------------------------------- */
    .pagination {
        text-align: center;
        padding-bottom: 45px;
    }
    .nav-links .page-numbers {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .nav-links a.page-numbers ,
    .nav-links .current,
    .nav-links a.prev,
    .nav-links a.next,
    .nav-links .dots {
        width: 40px;
        height: 40px;
        line-height: 35px;
        margin-right: 15px;
        font-size: 12px;
        border: solid 1px var(--green);
    }
    .nav-links a.next {
        margin-right: 0;
    }
    .nav-links .next::before {
        left: -10px;
    }
    .nav-links .prev::after {
        right: -10px;
    }
    .Pagination-Item-Link-Icon {
        width: 15px;
    }
}/*スマホ用スタイルend*/