/*共通css*/

body {
    font-size: 16px;
    color: #000000;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}


/*レイアウト*/

.pc_display {
    display: none;
}

.grid {
    display: grid;
}

.grid_flow_column {
    grid-auto-flow: column;
}

.center {
    justify-self: center;
}

.rowcenter {
    align-items: center;
}

.rowend {
    align-items: end;
}

.start {
    justify-self: start;
}

.end {
    justify-self: end;
}

.right {
    right: 0;
}

.textcenter {
    text-align: center;
}

.textstart {
    text-align: start;
}

.textend {
    text-align: end;
}

.rowcenter {
    display: grid;
    align-items: center;
}

.absolute {
    position: absolute;
}

.relativi {
    position: relative;
}

.fixed {
    position: fixed;
}

.fixed_z999 {
    z-index: 999;
}

.borderbox {
    box-sizing: border-box;
}

.overflow_hidden {
    overflow-x: hidden;
}

.object-fit_cover {
    object-fit: cover;
}


/*色*/

.green {
    color: #89C529;
}

.white {
    color: #FFF;
}

.backgreen {
    background-color: #89C529;
}

.backlinegreen {
    background-color: #89C529;
}

.backblue {
    background-color: #98B4FF;
}

.backwhite {
    background-color: #FFF;
}

.backgray {
    background-color: #F4F4F4;
}

.backred {
    background-color: #FF0000;
}

.backpink {
    background-color: #FF9898;
}

.backyellow {
    background-color: #F8F0DF;
}


/*サイズ*/

.width110 {
    width: 110px;
}

.width120 {
    width: 120px;
}

.width140 {
    width: 140px;
}

.width160 {
    width: 160px;
}

.width180 {
    width: 180px;
}

.width250 {
    width: 250px;
}

.width320 {
    width: 320px;
}

.width350 {
    width: 350px;
}

.width370 {
    width: 370px;
}

.width100max {
    width: 100%;
}

.widthmin {
    width: min-content;
}

.widthauto {
    width: auto;
}

.height40 {
    height: 40px;
}

.height60 {
    height: 60px;
}

.height80 {
    height: 80px;
}

.height90 {
    height: 90px;
}

.height110 {
    height: 110px;
}

.height200 {
    height: 200px;
}

.height350 {
    height: 350px;
}

.height100max {
    height: 100%;
}


/*要素間の余白*/

.gap_c_10 {
    column-gap: 10px;
}

.gap_c_12 {
    column-gap: 12px;
}

.gap_c_30 {
    column-gap: 30px;
}

.gap_c_50 {
    column-gap: 50px;
}

.gap_c_72 {
    column-gap: 72px;
}

.gap_r_8 {
    row-gap: 8px;
}

.gap_r_10 {
    row-gap: 10px;
}

.gap_r_20 {
    row-gap: 20px;
}

.gap_r_30 {
    row-gap: 30px;
}


/*余白*/

.paddingtop10 {
    padding-top: 10px;
}

.paddingtop30 {
    padding-top: 30px;
}

.maragintop10 {
    margin-top: 10px;
}

.maragintop13 {
    margin-top: 13px;
}

.maragintop16 {
    margin-top: 16px;
}

.maragintop20 {
    margin-top: 20px;
}

.maragintop24 {
    margin-top: 24px;
}

.maragintop30 {
    margin-top: 30px;
}

.maragintop35 {
    margin-top: 35px;
}

.maragintop40 {
    margin-top: 40px;
}

.maragintop60 {
    margin-top: 60px;
}

.maragintop80 {
    margin-top: 80px;
}

.maragintop100 {
    margin-top: 100px;
}

.maragintop220 {
    margin-top: 220px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.paddingbottom30 {
    padding-bottom: 30px;
}

.paddingbottom50 {
    padding-bottom: 50px;
}

.paddingbottom468 {
    padding-bottom: 46.8px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginright60 {
    margin-right: 60px;
}

.maraginauto {
    margin-left: auto;
    margin-right: auto;
}

.maraginautorow {
    margin-top: auto;
    margin-bottom: auto;
}


/*フォント*/

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font20 {
    font-size: 20px;
}

.font25 {
    font-size: 25px;
}

.font26 {
    font-size: 26px;
}

.font30 {
    font-size: 30px;
}

.fontbold {
    font-weight: 700;
}

.lineheight17 {
    line-height: 17px;
}

.lineheight27 {
    line-height: 27px;
}

.lineheight34 {
    line-height: 34px;
}


/*装飾*/

.nowrap {
    white-space: nowrap;
}

.image_rendering {
    image-rendering: -webkit-optimize-contrast;
}

.image_rendering img {
    image-rendering: -webkit-optimize-contrast;
}

.borderradius16 {
    border-radius: 16px;
}

.borderradius26 {
    border-radius: 26px;
}


/*パーツ*/


/*個別*/


/*ヘッダー*/

.header_container {
    top: 0;
    z-index: 999;
}

.header_grid {
    grid-template-columns: min-content auto;
    grid-template-rows: 60px;
}

.header_grid_sns {
    grid-template-columns: repeat(4, 40px);
    grid-template-rows: 40px;
}

.rogo {
    grid-template-columns: 60px;
}

.pc_header_company {
    display: none;
}


/*ハンバーガーメニュー*/

.header_container_mobile {
    top: 0;
}

.header_icon {
    width: 19.733vw;
}

.menu-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    height: 19px;
    width: 10px;
    justify-content: center;
    align-items: center;
    z-index: 2100;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: 20px;
    border-radius: 0.267vw;
    background-color: #FFF;
    filter: drop-shadow(0px 0.267vw 0px rgba(0, 0, 0, 0.10));
    position: absolute;
}

.menu-btn span:before {
    bottom: 8px;
}

.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked~.menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked~.menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}

#menu-btn-check:checked~.menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100vw;
    /*leftの値を変更してメニューを画面外へ*/
    z-index: 2000;
    color: #FFF;
    background-color: #70B236;
    transition: all .2s ease-out;
    /*アニメーション設定*/
}

#menu-btn-check:checked~.menu-content {
    left: 0;
    transition: all 0.5s ease-out;
    /*メニューを画面内へ*/
}

.menu-btn-contents {
    margin: 32.6px 32px 0;
    border-bottom: solid 1px #ccc;
}

.menu-content ul li {
    border-top: solid 1px #ccc;
    list-style: none;
}

.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 4vw;
    box-sizing: border-box;
    text-decoration: none;
    padding: 3.826vw 0 3.826vw 1.867vw;
    position: relative;
}

.menu-btn-header {
    grid-template-columns: auto 1fr;
    padding-left: 20px;
}

.menu-btn-header figure {
    width: 60px;
}

.menu-btn-header p {
    padding-left: 10px;
}

.menu-btn-company {
    margin: 30px 32px 0;
}


/*トップ*/

.top {
    background-image: url(../images/Meadow.webp);
    background-size: cover;
}

.pc_top_sns {
    display: none;
}


/*わたし達について*/

.aboutus_top {
    background-image: url(../images/about.webp);
    background-size: cover;
    background-position: right;
}

.aboutus_feature {
    border-left: solid #000 1px;
    border-right: solid #000 1px;
    top: -20%;
}

.aboutus_absolute_photo,
.aboutus_absolute_photo2,
.aboutus_absolute_photo3 {
    top: -280px;
    height: 246.67px;
}


/*買取価格*/

.purchase_container {
    background-image: url(../images/greenwiring.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -270px;
}

.purchase_grid_index {
    width: fit-content;
    grid-template-columns: 170px 170px;
    grid-template-rows: repeat(2, 222px);
}

.purchase_grid {
    width: fit-content;
    grid-template-columns: 170px 170px;
    grid-template-rows: repeat(2, 222px);
}

.purchase_grid_2 {
    width: fit-content;
    grid-template-columns: 170px 170px;
    grid-template-rows: repeat(4, 222px);
}

.purchase_page_grid_2 {
    width: fit-content;
    grid-template-columns: 170px 170px;
    grid-template-rows: repeat(9, 222px);
}

.purchase_grid_box {
    grid-template-rows: 1fr 109px 1fr;
}

.purchase_grid_box>div {
    align-self: center;
}

.sundries {
    margin-top: 14.5px;
}


/*買取までの流れ*/

.flow_box {
    grid-template-rows: 126px 12px 126px 12px 126px 12px 126px;
}

.flow_contents {
    grid-template-rows: 30px auto;
    background-image: url(../images/flow_back.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flow_h3 {
    grid-template-columns: 63px auto;
    padding-left: 7px;
}

.flow_main {
    grid-template-columns: 214px auto;
    grid-template-rows: 86px;
    padding: 8px 12px 3px 8px;
}


/*よくある質問*/

.qanda_grid_p {
    grid-template-rows: 30px auto;
}


/*お問い合わせ*/

.contact_sns_grid {
    grid-template-columns: 100px 100px;
}


/*フッター*/

.footer_grid_sns {
    grid-template-columns: repeat(4, 50px);
}


/*その他のページ*/

.footcontact {
    background-image: url(../images/greenwiring.webp);
    background-size: cover;
}


/*会社情報*/

.company_top {
    background-image: url(../images/hero.webp);
    background-size: cover;
}

.company_grid_contents {
    grid-template-rows: 40px 40px;
}


/*google map*/

.map-wrap {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    /* ここに横幅を指定 */
}


/* Google Mapを囲う要素 */

.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    /* 比率を4:3に固定 */
}


/* Google Mapのiframe */

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*価格表*/

.pricelist_top {
    background-image: url(../images/pricelist_m.webp);
    background-size: cover;
}


/*Q&A*/

.qanda_top {
    background-image: url(../images/QandA_m.webp);
    background-size: cover;
    background-position: 50%;
}


/*お問い合わせ*/

.contact_top {
    background-image: url(../images/contact_m.webp);
    background-size: cover;
    background-position: 50%;
}


/*レスポンシブ*/

@media screen and (min-width:768px) and (max-width:1200px) {
    /*パッド用*/
    /*vw*/
    /*サイズ*/
    .width110 {
        width: 110px;
    }
    .width120 {
        width: 120px;
    }
    .width140 {
        width: 140px;
    }
    .width160 {
        width: 160px;
    }
    .width180 {
        width: 180px;
    }
    .width250 {
        width: 250px;
    }
    .width350 {
        width: 350px;
    }
    .width370 {
        width: 370px;
    }
    .width100max {
        width: 100%;
    }
    .widthmin {
        width: min-content;
    }
    .widthauto {
        width: auto;
    }
    .height40 {
        height: 40px;
    }
    .height60 {
        height: 60px;
    }
    .height80 {
        height: 80px;
    }
    .height200 {
        height: 200px;
    }
    .height350 {
        height: 350px;
    }
    .height100max {
        height: 100%;
    }
    /*要素間の余白*/
    .gap_c_10 {
        column-gap: 10px;
    }
    .gap_c_12 {
        column-gap: 12px;
    }
    .gap_c_30 {
        column-gap: 30px;
    }
    .gap_c_50 {
        column-gap: 50px;
    }
    .gap_c_72 {
        column-gap: 72px;
    }
    .gap_r_8 {
        row-gap: 8px;
    }
    .gap_r_10 {
        row-gap: 10px;
    }
    .gap_r_20 {
        row-gap: 20px;
    }
    .gap_r_30 {
        row-gap: 30px;
    }
    /*余白*/
    .paddingtop10 {
        padding-top: 10px;
    }
    .paddingtop30 {
        padding-top: 30px;
    }
    .maragintop13 {
        margin-top: 13px;
    }
    .maragintop16 {
        margin-top: 16px;
    }
    .maragintop20 {
        margin-top: 20px;
    }
    .maragintop24 {
        margin-top: 24px;
    }
    .maragintop30 {
        margin-top: 30px;
    }
    .maragintop35 {
        margin-top: 35px;
    }
    .maragintop40 {
        margin-top: 40px;
    }
    .maragintop60 {
        margin-top: 60px;
    }
    .maragintop80 {
        margin-top: 80px;
    }
    .maragintop100 {
        margin-top: 100px;
    }
    .maragintop220 {
        margin-top: 220px;
    }
    .paddingbottom10 {
        padding-bottom: 10px;
    }
    .paddingbottom30 {
        padding-bottom: 30px;
    }
    .paddingbottom50 {
        padding-bottom: 50px;
    }
    .paddingbottom468 {
        padding-bottom: 46.8px;
    }
    .maraginauto {
        margin-left: auto;
        margin-right: auto;
    }
    .maraginautorow {
        margin-top: auto;
        margin-bottom: auto;
    }
    /*フォント*/
    .font10 {
        font-size: 10px;
    }
    .font12 {
        font-size: 12px;
    }
    .font20 {
        font-size: 20px;
    }
    .font25 {
        font-size: 25px;
    }
    .font26 {
        font-size: 26px;
    }
    .font30 {
        font-size: 30px;
    }
    .fontbold {
        font-weight: 700;
    }
    .lineheight17 {
        line-height: 17px;
    }
    .lineheight27 {
        line-height: 27px;
    }
    .lineheight34 {
        line-height: 34px;
    }
    /*レスポンシブ*/
    body {
        font-size: 16px;
    }
    .pad_grid {
        display: grid;
    }
    .pad_grid_flow_column {
        grid-auto-flow: column;
    }
    .pad_rowcenter {
        align-items: center;
    }
    .pad_end {
        justify-self: end;
    }
    .pad_textstart {
        text-align: start;
    }
    /*サイズ*/
    .pad_width100 {
        width: 100px;
    }
    .pad_width160 {
        width: 160px;
    }
    .pad_width200 {
        width: 200px;
    }
    .pad_width210 {
        width: 210px;
    }
    .pad_width218 {
        width: 218px;
    }
    .pad_width240 {
        width: 240px;
    }
    .pad_width285 {
        width: 285px;
    }
    .pad_width325 {
        width: 325px;
    }
    .pad_width330 {
        width: 330px;
    }
    .pad_width400 {
        width: 400px;
    }
    .pad_width443 {
        width: 443px;
    }
    .pad_width480 {
        width: 480px;
    }
    .pad_width497 {
        width: 497px;
    }
    .pad_width650 {
        width: 650px;
    }
    .pad_width690 {
        width: 690px;
    }
    .pad_width730 {
        width: 730px;
    }
    .pad_width728 {
        width: 728px;
    }
    .pad_width100max {
        width: 100%;
    }
    .pad_height100 {
        height: 100px;
    }
    .pad_height120 {
        height: 120px;
    }
    .pad_height125 {
        height: 125px;
    }
    .pad_height200 {
        height: 200px;
    }
    .pad_height400 {
        height: 400px;
    }
    /*パッド余白*/
    .pad_maragintop0 {
        margin-top: 0px;
    }
    .pad_maragintop20 {
        margin-top: 20px;
    }
    .pad_maragintop25 {
        margin-top: 25px;
    }
    .pad_maragintop27 {
        margin-top: 27px;
    }
    .pad_maragintop40 {
        margin-top: 40px;
    }
    .pad_maragintop50 {
        margin-top: 50px;
    }
    .pad_maragintop100 {
        margin-top: 100px;
    }
    .pad_maragintop117 {
        margin-top: 117px;
    }
    .pad_paddingtop50 {
        padding-top: 50px;
    }
    .pad_paddingtop135 {
        padding-top: 13.5px;
    }
    .paddingbottom135 {
        padding-bottom: 13.5px;
    }
    .paddingbottom40 {
        padding-bottom: 40px;
    }
    .paddingbottom55 {
        padding-bottom: 55px;
    }
    .pad_maraginlite {
        margin-left: auto;
    }
    .pad_maraginauto {
        margin-left: auto;
        margin-right: auto;
    }
    .pad_maraginright25 {
        margin-right: 25px;
    }
    /*pad要素間の余白*/
    .pad_gap_c_10 {
        column-gap: 10px;
    }
    .pad_gap_c_18 {
        column-gap: 18px;
    }
    .pad_gap_c_20 {
        column-gap: 20px;
    }
    .pad_gap_c_450 {
        column-gap: 450px;
    }
    .pad_gap_r_10 {
        row-gap: 10px;
    }
    .pad_gap_r_20 {
        row-gap: 20px;
    }
    .pad_gap_r_40 {
        row-gap: 40px;
    }
    .pad_gap_r_50 {
        row-gap: 50px;
    }
    .pad_gap_r_100 {
        row-gap: 100px;
    }
    /*フォント*/
    .pad_font16 {
        font-size: 16px;
    }
    .pad_font18 {
        font-size: 18px;
    }
    .pad_font20 {
        font-size: 20px;
    }
    .pad_font23 {
        font-size: 23px;
    }
    .pad_font25 {
        font-size: 25px;
    }
    .pad_font30 {
        font-size: 30px;
    }
    .pad_font40 {
        font-size: 40px;
    }
    .pad_font70 {
        font-size: 70px;
    }
    .pad_fontw3 {
        font-weight: 300;
    }
    .pad_fontbold {
        font-weight: 600;
    }
    .pad_lineheight27 {
        line-height: 27px;
    }
    .pad_lineheight30 {
        line-height: 30px;
    }
    .pad_lineheight34 {
        line-height: 34px;
    }
    .pad_lineheight68 {
        line-height: 68px;
    }
    /*色*/
    .pad_backwhite {
        background-color: white;
    }
    .pad_backyellow {
        background-color: #F8F0DF;
    }
    /*個別*/
    .top {
        background-image: url(../images/Meadow.webp);
        background-position: -50% 0;
    }
    .top_we_grid {
        width: 768px;
        grid-template-columns: auto auto;
    }
    /*配線回収*/
    .wiringrecovery_contents {
        width: 768px;
        grid-template-columns: auto auto;
    }
    .wiringrecovery_img {
        grid-column: 2;
    }
    .wiringrecovery_p {
        grid-column: 1;
    }
    /*わたし達について*/
    .aboutus_feature {
        top: -27%;
    }
    .aboutus_absolute_photo {
        top: -46px;
        height: 295px;
    }
    .aboutus_absolute_photo2 {
        top: -22px;
        height: 295px;
    }
    .aboutus_absolute_photo3 {
        top: -46px;
        height: 295px;
    }
    .aboutus_pad_grid {
        grid-template-columns: 383px auto;
    }
    /*買取*/
    .purchase_grid_index {
        width: fit-content;
        grid-template-columns: repeat(3, 230px);
        grid-template-rows: repeat(2, 230px);
    }
    .purchase_grid {
        width: fit-content;
        grid-template-columns: repeat(3, 230px);
        grid-template-rows: repeat(2, 230px);
    }
    .purchase_grid_2 {
        width: fit-content;
        grid-template-columns: repeat(3, 230px);
        grid-template-rows: repeat(3, 230px);
    }
    .purchase_page_grid_2 {
        width: fit-content;
        grid-template-columns: repeat(3, 230px);
        grid-template-rows: repeat(6, 230px);
    }
    .purchase_grid_box {
        grid-template-rows: 1fr 125px 1fr;
    }
    .sundries {
        margin-top: 20.5px;
    }
    /*買取までの流れ*/
    .flow_box {
        grid-template-rows: 274px 32px 274px 32px 274px 32px 274px;
    }
    .flow_contents {
        grid-template-rows: 71px auto;
    }
    .flow_h3 {
        grid-template-columns: 129px auto;
        padding-left: 12px;
    }
    .flow_main {
        grid-template-columns: 440px auto;
        grid-template-rows: 156px;
        padding: 14px 27px 3px 17px;
    }
    /*よくある質問*/
    .qanda_grid_p {
        grid-template-rows: 50px auto;
    }
    /*お問い合わせ*/
    .contact_sns_grid {
        grid-template-columns: 150px 150px;
    }
    /*フッター*/
    .footer_grid_sns {
        grid-template-columns: repeat(4, 50px);
    }
    /*その他のページ*/
    /*会社情報*/
    .company_grid_contents {
        grid-template-columns: 183px auto;
        grid-template-rows: 37px;
    }
    .company_grid_photo {
        grid-template-columns: repeat(3, 230px);
    }
    /*google map*/
    .map-wrap {
        max-width: 728px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        /* ここに横幅を指定 */
    }
    /* Google Mapを囲う要素 */
    .map {
        padding-top: 41.7%;
        /* 比率を12:に固定 */
    }
}

@media screen and (min-width:1200px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    /*vw*/
    /*サイズ*/
    .width110 {
        width: 110px;
    }
    .width120 {
        width: 120px;
    }
    .width140 {
        width: 140px;
    }
    .width160 {
        width: 160px;
    }
    .width180 {
        width: 180px;
    }
    .width250 {
        width: 250px;
    }
    .width350 {
        width: 350px;
    }
    .width370 {
        width: 370px;
    }
    .width100max {
        width: 100%;
    }
    .widthmin {
        width: min-content;
    }
    .widthauto {
        width: auto;
    }
    .height40 {
        height: 40px;
    }
    .height60 {
        height: 60px;
    }
    .height80 {
        height: 80px;
    }
    .height200 {
        height: 200px;
    }
    .height350 {
        height: 350px;
    }
    .height100max {
        height: 100%;
    }
    /*要素間の余白*/
    .gap_c_10 {
        column-gap: 10px;
    }
    .gap_c_12 {
        column-gap: 12px;
    }
    .gap_c_30 {
        column-gap: 30px;
    }
    .gap_c_50 {
        column-gap: 50px;
    }
    .gap_c_72 {
        column-gap: 72px;
    }
    .gap_r_8 {
        row-gap: 8px;
    }
    .gap_r_10 {
        row-gap: 10px;
    }
    .gap_r_20 {
        row-gap: 20px;
    }
    .gap_r_30 {
        row-gap: 30px;
    }
    /*余白*/
    .paddingtop10 {
        padding-top: 10px;
    }
    .paddingtop30 {
        padding-top: 30px;
    }
    .maragintop13 {
        margin-top: 13px;
    }
    .maragintop16 {
        margin-top: 16px;
    }
    .maragintop20 {
        margin-top: 20px;
    }
    .maragintop24 {
        margin-top: 24px;
    }
    .maragintop30 {
        margin-top: 30px;
    }
    .maragintop35 {
        margin-top: 35px;
    }
    .maragintop40 {
        margin-top: 40px;
    }
    .maragintop60 {
        margin-top: 60px;
    }
    .maragintop80 {
        margin-top: 80px;
    }
    .maragintop100 {
        margin-top: 100px;
    }
    .maragintop220 {
        margin-top: 220px;
    }
    .paddingbottom10 {
        padding-bottom: 10px;
    }
    .paddingbottom30 {
        padding-bottom: 30px;
    }
    .paddingbottom50 {
        padding-bottom: 50px;
    }
    .paddingbottom468 {
        padding-bottom: 46.8px;
    }
    .maraginauto {
        margin-left: auto;
        margin-right: auto;
    }
    .maraginautorow {
        margin-top: auto;
        margin-bottom: auto;
    }
    /*フォント*/
    .font10 {
        font-size: 10px;
    }
    .font12 {
        font-size: 12px;
    }
    .font20 {
        font-size: 20px;
    }
    .font25 {
        font-size: 25px;
    }
    .font26 {
        font-size: 26px;
    }
    .font30 {
        font-size: 30px;
    }
    .fontbold {
        font-weight: 700;
    }
    .lineheight17 {
        line-height: 17px;
    }
    .lineheight27 {
        line-height: 27px;
    }
    .lineheight34 {
        line-height: 34px;
    }
    /*レスポンシブ*/
    .mobile_display {
        display: none;
    }
    .pc_display {
        display: block;
    }
    br {
        display: none;
    }
    .pc_br::after {
        display: block;
        content: "\A";
    }
    .pc_grid {
        display: grid;
    }
    .pc_grid_flow_column {
        grid-auto-flow: column;
    }
    .pc_center {
        justify-self: center;
    }
    .pc_end {
        justify-self: end;
    }
    .pc_rowcenter {
        align-items: center;
    }
    .pc_textstart {
        text-align: start;
    }
    .pc_nowrap {
        white-space: nowrap;
    }
    /*サイズ*/
    .pc_width120 {
        width: 120px;
    }
    .pc_width210 {
        width: 210px;
    }
    .pc_width260 {
        width: 260px;
    }
    .pc_width350 {
        width: 350px;
    }
    .pc_width360 {
        width: 360px;
    }
    .pc_width520 {
        width: 520px;
    }
    .pc_width540 {
        width: 540px;
    }
    .pc_width560 {
        width: 560px;
    }
    .pc_width600 {
        width: 600px;
    }
    .pc_width828 {
        width: 828px;
    }
    .pc_width830 {
        width: 830px;
    }
    .pc_width978 {
        width: 978px;
    }
    .pc_width1000 {
        width: 1000px;
    }
    .pc_width1080 {
        width: 1080px;
    }
    .pc_width1100 {
        width: 1100px;
    }
    .pc_width1200 {
        width: 1200px;
    }
    .pc_widthmin {
        width: min-content;
    }
    .pc_widthfit {
        width: fit-content;
    }
    .pc_height80 {
        height: 80px;
    }
    .pc_height100 {
        height: 100px;
    }
    .pc_height120 {
        height: 120px;
    }
    .pc_height145 {
        height: 145px;
    }
    .pc_height200 {
        height: 200px;
    }
    .pc_height1000 {
        height: 1000px;
    }
    .pc_heightfit {
        height: fit-content;
    }
    /*pc余白*/
    .pc_maraginauto {
        margin-left: auto;
        margin-right: auto;
    }
    .pc_maragintop0 {
        margin-top: 0;
    }
    .pc_maragintop40 {
        margin-top: 40px;
    }
    .pc_maragintop50 {
        margin-top: 50px;
    }
    .pc_maragintop55 {
        margin-top: 55px;
    }
    .pc_maragintop65 {
        margin-top: 65px;
    }
    .pc_maragintop80 {
        margin-top: 80px;
    }
    .pc_maragintop100 {
        margin-top: 100px;
    }
    .pc_maragintop130 {
        margin-top: 130px;
    }
    .pc_maragintop150 {
        margin-top: 150px;
    }
    .pc_maragintop180 {
        margin-top: 180px;
    }
    .pc_maragintop220 {
        margin-top: 220px;
    }
    .pc_maragintop250 {
        margin-top: 250px;
    }
    .pc_maragintop300 {
        margin-top: 300px;
    }
    .pc_maragintop320 {
        margin-top: 320px;
    }
    .pc_paddingtop20 {
        padding-top: 20px;
    }
    .pc_paddingtop50 {
        padding-top: 50px;
    }
    .pc_paddingtop80 {
        padding-top: 80px;
    }
    .pc_paddingbottom20 {
        padding-bottom: 20px;
    }
    .pc_paddingbottom30 {
        padding-bottom: 30px;
    }
    .pc_paddingbottom80 {
        padding-bottom: 80px;
    }
    .pc_paddingleft {
        padding-left: 20px;
    }
    .pc_maraginlite {
        margin-left: auto;
    }
    .pc_maraginlite40 {
        margin-left: 40px;
    }
    .pc_maraginlite600 {
        margin-left: 600px;
    }
    /*pad要素間の余白*/
    .pc_gap_c_20 {
        column-gap: 20px;
    }
    .pc_gap_c_27 {
        column-gap: 27px;
    }
    .pc_gap_c_40 {
        column-gap: 40px;
    }
    .pc_gap_c_45 {
        column-gap: 45px;
    }
    .pc_gap_c_70 {
        column-gap: 70px;
    }
    .pc_gap_c_80 {
        column-gap: 80px;
    }
    .pc_gap_c_170 {
        column-gap: 170px;
    }
    .pc_gap_c_200 {
        column-gap: 200px;
    }
    .pc_gap_r_20 {
        row-gap: 20px;
    }
    .pc_gap_r_27 {
        row-gap: 27px;
    }
    .pc_gap_r_32 {
        row-gap: 32px;
    }
    .pc_gap_r_50 {
        row-gap: 50px;
    }
    .pc_gap_r_70 {
        row-gap: 70px;
    }
    /*pcフォント*/
    .pc_font20 {
        font-size: 20px;
    }
    .pc_font23 {
        font-size: 23px;
    }
    .pc_font25 {
        font-size: 25px;
    }
    .pc_font30 {
        font-size: 30px;
    }
    .pc_font40 {
        font-size: 40px;
    }
    .pc_font70 {
        font-size: 70px;
    }
    .pc_fontw3 {
        font-weight: 300;
    }
    .pc_fontbold {
        font-weight: 700;
    }
    .pc_lineheight34 {
        line-height: 34px;
    }
    .pc_lineheight51 {
        line-height: 51px;
    }
    .pc_lineheight68 {
        line-height: 68px;
    }
    /*色*/
    .pc_backwhite {
        background-color: white;
    }
    .pc_backyellow {
        background-color: #F8F0DF;
    }
    /*個別*/
    /*ヘッダー*/
    .header_container_pc {
        top: 0;
        z-index: 999;
    }
    .pc_menu_grid {
        grid-template-columns: min-content auto;
    }
    .pc_heightmin {
        margin-left: 20px;
    }
    .pc_menu_grid_link {
        grid-template-columns: repeat(6, auto);
    }
    .pc_header_company {
        display: grid;
        margin-top: 60px;
    }
    /*トップ*/
    .top {
        background-image: url(../images/Meadow.webp);
        background-size: cover;
        background-position: 50% 0;
        height: 90vh;
    }
    .top_we_grid {
        grid-template-columns: min-content 1fr;
    }
    .wiringrecovery_contents {
        grid-template-columns: 1fr min-content;
    }
    .wiringrecovery_img {
        grid-column: 2;
    }
    .wiringrecovery_p {
        grid-column: 1;
    }
    .pc_top_sns {
        display: grid;
        position: absolute;
        width: 1200px;
        height: 50px;
        margin: 0 auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .pc_top_sns_grid {
        position: absolute;
        display: grid;
        grid-template-columns: repeat(4, 50px);
        justify-content: right;
        right: 0;
        top: 110px;
    }
    .top_hero_img {
        position: relative;
        top: -10px;
    }
    /*買取価格*/
    .purchase_grid_index {
        width: fit-content;
        grid-template-columns: repeat(4, 280px);
        grid-template-rows: 326px;
    }
    .purchase_grid {
        width: fit-content;
        grid-template-columns: repeat(4, 280px);
        grid-template-rows: repeat(1, 326px);
    }
    .purchase_grid_2 {
        width: fit-content;
        grid-template-columns: repeat(4, 280px);
        grid-template-rows: repeat(2, 326px);
    }
    .purchase_page_grid_2 {
        width: fit-content;
        grid-template-columns: repeat(4, 280px);
        grid-template-rows: repeat(5, 326px);
    }
    .purchase_grid_box {
        grid-template-rows: 1fr 179px 1fr;
    }
    .sundries {
        margin-top: 18.5px;
    }
    /*買取までの流れ*/
    .flow_box {
        grid-template-rows: 400px 38px 400px 38px 400px 38px 400px;
    }
    .flow_contents {
        grid-template-rows: 100px auto;
    }
    .flow_h3 {
        grid-template-columns: 193px auto;
        padding-left: 20px;
    }
    .flow_main {
        grid-template-columns: 678px auto;
        grid-template-rows: 250px;
        padding: 34px 55px 3px 21px;
    }
    /*よくある質問*/
    .qanda_grid_p {
        grid-template-rows: 80px auto;
    }
    /*お問い合わせ*/
    .contact_sns_grid {
        grid-template-columns: 150px 150px;
    }
    /*フッター*/
    .footer_gird {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr auto auto;
    }
    .footer_grid_nav {
        grid-column: 1/4;
        grid-row: 2;
        grid-template-columns: repeat(5, min-content);
    }
    .footer_grid_sns {
        grid-template-rows: min-content;
    }
    .footer_grid_Copyright {
        grid-column: 1/4;
    }
    /*その他のページ*/
    /*わたし達について*/
    .aboutus_top {
        background-position: 0 20%;
    }
    .aboutus_feature {
        top: -40%;
    }
    .aboutus_absolute_photo {
        top: -118px;
        height: 600px;
    }
    .aboutus_absolute_photo2 {
        top: -38px;
        height: 600px;
    }
    .aboutus_absolute_photo3 {
        top: -138px;
        height: 600px;
    }
    .aboutus_pc_grid {
        grid-template-columns: 600px auto;
    }
    /*会社情報*/
    .footcontact {
        background-size: 100% 100%;
    }
    /*google map*/
    .map-wrap {
        max-width: 1200px;
        margin-top: 100px;
        /* ここに横幅を指定 */
    }
    /* Google Mapを囲う要素 */
    .map {
        padding-top: 41.7%;
        /* 比率を12:に固定 */
    }
    .company_grid_contents {
        grid-template-columns: 300px auto;
        grid-template-rows: 60px;
    }
    .company_grid_photo {
        grid-template-columns: repeat(3, 370px);
    }
    /*価格表*/
    .pricelist_top {
        background-image: url(../images/pricelist_top_pc.webp);
        background-size: cover;
    }
    /*Q&A*/
    .qanda_top {
        background-image: url(../images/qanda_top_pc.webp);
        background-size: cover;
    }
    /*お問い合わせ*/
    .contact_top {
        background-image: url(../images/contact_top_pc.webp);
        background-size: cover;
    }
}