@media screen and (max-width: 1000px) {

    /* ---------worres---------- */
    section.worries div.worries-block div.worries-block-pipo:nth-child(even),
    section.worries div.worries-block div.worries-block-pipo:nth-child(odd) {
        transform: translate(0);
    }

    section.worries {
        width: 55%;
        margin: auto;
    }

    /* ----------about---------------- */
    div.about-footer {
        width: 90%;
    }

    div.about-footer div.about-footer-flex {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {


    h1.section-title,
    h1.section-title {
        font-size: 24px;
    }
    img.sp,
    svg.sp,
    br.sp {
        display: block;
    }

    svg.pc,
    br.pc,
    img.pc {
        display: none;
    }

    h2.section-h2 {
        font-size: 18px;
    }

    /* --------HEADER---------- */
    header.header {
        display: flex;
        padding: 10px 15px 20px 15px;
    }

    header.header .navi {
        display: none;
    }

    header.header img {
        width: 45.067vw;
        height: 10.133vw;
    }
    .header .right {
        margin-top: 0;
        padding-right: 3%;
    }
    .language {
        font-size: 12px;
    }
    .language-box {
        top: 50px;   
    }
    .language-box.active {
        top: 60px;
    }
    .language-box {
        right: 4.5%;
    }
    .language-box .content {
        width: 120px;
        padding: 20px; 
    }

    /* --------SECTION MV--------- */
    section.mv {
        flex-direction: column;
        height: 100%;
        margin-bottom: 0;
    }

    section.mv::after {
        width: 100%;
    }

    section.mv div.mv-text_box {
        margin: auto;
        width: 100%;
    }

    section.mv div.mv-text_box p {
        font-size: 16px;
    }

    section.mv div.mv-text_box p span.mv-text_sizec {
        font-size: 25px;
    }

    section.mv div.mv-text_box p span.mv-text_sizec::before {
        font-size: 10px;
        left: 14px;
    }

    section.mv div.mv-text_box div.mv-text-box_top {
        align-items: end;
    }

    section.mv div.mv-text_box div.mv-text-box_top img {
        width: 22px;
        height: 46px;
    }

    section.mv div.mv-text_box h1.mv-title {
        font-size: 30px;
    }

    section.mv div.mv-text_box h1.mv-title img {
        width: 75px;
        height: 58px;
        margin-right: 0;
    }

    section.mv div.mv-text_box h2.mv-sb-title {
        font-size: 18px;
    }

    section.mv div.mv-text_box div.mv-flex {
        flex-direction: column;
    }

    section.mv div.mv-text_box div.mv-flex div.mv-flex-text {
        width: 230px;
        height: 43px;
        padding: 0;
        font-size: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    section.mv div.mv-text_box div.mv-flex div.mv-flex-text:nth-child(1) {
        margin-bottom: 7px;
    }

    section.mv div.mv-text_box a.mv-text_box-link {
        width: 200px;
        height: 48px;
        font-size: 14px;
        margin-top: 30px;
    }

    section.mv .mv-right-block {
        margin-left: auto;
        width: 94.667vw;
        height: 71.467vw;
        margin-top: 51px;
    }

    section.mv .mv-right-block::after {
        bottom: -10px;
        left: -10px;
    }

    /* ---------WORRIES----------- */
    section.worries {
        padding-top: 60px;
        width: 89.5%;
    }

    section.worries p.worries-p {
        font-size: 16px;
        line-height: 1.75;
        margin-top: 40px;
    }

    section.worries div.worries-block div.worries-block-content {
        width: 335px;
        font-size: 14px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        font-weight: bold;
        margin: auto;
    }


    section.worries div.worries-block div.worries-block-pipo:nth-child(even) div.worries-block-content {
        padding: 10px 20px;
    }

    section.worries div.worries-block div.worries-block-pipo:nth-child(even),
    section.worries div.worries-block div.worries-block-pipo:nth-child(odd) {
        margin-bottom: 124px;
    }

    section.worries div.worries-block div.worries-block-pipo:after {
        width: 69px;
        height: 70px;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: auto;
        bottom: -105px;
    }

    section.worries div.worries-block div.worries-block-pipo:nth-child(even) div.worries-block-content::after,
    section.worries div.worries-block div.worries-block-pipo:nth-child(odd) div.worries-block-content::after {
        top: auto;
        bottom: -2px;
        width: 14px;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
    }

    section.worries div.worries-block div.worries-block-pipo:nth-child(odd) .worries-block-content-items {
        left: 49%;
        transform: translateX(-50%) rotate(-85deg);
        top: auto;
        bottom: -21px;
        width: 25px;
        height: 17px;
    }

    section.worries div.worries-block div.worries-block-pipo:nth-child(even) .worries-block-content-items {
        width: 25px;
        height: 17px;
        transform: translateX(-50%) rotate(-85deg);
        left: 49%;
        top: auto;
        bottom: -21px;
        background-image: url(../img/worries/line-pass-left.svg);
    }

    /* -------WORK SECTION--------- */
    section.work {
        width: 94.6%;
        padding: 50px 0;
        padding-left: 20px;
        margin-top: 50px;
    }

    section.about div.about-head {
        flex-direction: column;
    }

    /* --------ABOUT SECTION---------- */
    section.about {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.about div.about-head div.about-head-left h2.about-title {
        font-size: 18px;
        text-align: center;
    }

    section.about div.about-head div.about-head-left h2.about-title span::after {
        font-size: 10px;
    }

    section.about div.about-head div.about-head-left img.about-logo01 {
        margin-top: 30px;
        width: 295px;
        height: 68px;
    }

    section.about div.about-head div.about-head-left img.about-logo02 {
        width: 295px;
        height: 47px;
        margin-top: 30px;
    }

    section.about div.about-head div.about-head-right p {
        font-size: 14px;
        width: 89.3%;
        margin: auto;
        margin-top: 50px;
    }

    div.about-footer {
        width: 89.3%;
        margin-top: 30px;
        padding: 20px;
        padding-bottom: 50px;
    }

    div.about-footer p.about-footer-text {
        font-size: 14px;
        padding: 0;
    }

    div.about-footer div.about-footer-flex div.about-footer-img {
        height: auto;
        width: 100%;
        aspect-ratio: 3 / 2;
    }

    div.about-footer div.about-footer-flex div.about-footer-img:nth-child(1) {
        margin-right: 0;
    }

    div.about-footer div.about-footer-flex div.about-footer-img:nth-child(2) {
        margin-top: 50px;
    }

    div.about-footer div.about-footer-flex div.about-footer-img::after {
        font-size: 14px;
    }

    /* ------REASON--------- */
    section.reason {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    div.reason-block01-flex {
        flex-direction: column;
        width: 89.3%;
        align-items: center;
        margin-top: 30px;
    }

    div.reason-block01-flex img.reason-block01-flex-img {
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 30px;
    }

    section.reason h2.section-h2 {
        font-size: 20px;
    }

    div.reason-block01-flex div.eason-block01-flex-left p {
        font-size: 14px;
    }

    div.reason-block01-flex div.reason-block01-flex-right {
        margin-top: 20px;
    }

    div.section-reason-items_box h3.section-reason-items_box-title {
        font-size: 18px;
    }

    div.section-reason-items_box {
        padding: 20px;
    }

    div.reason-block02 {
        width: 89.3%;
        margin-top: 50px;
    }

    div.reason-block02 div.seftion-block02-flex {
        flex-direction: column;
    }

    div.reason-block02 div.seftion-block02-flex div.section-reason-items_box {
        width: 100%;
    }

    div.reason-block02 div.seftion-block02-flex div.section-reason-items_box:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div.reason-block03 {
        flex-direction: column;
        margin-top: 50px;
        width: 89.3%;
    }

    div.reason-block03 p {
        margin-top: 20px;
    }

    /* ---------VOICE SECTION---------- */
    section.voice {
        padding: 50px 0;
        overflow: hidden;
    }

    section.voice img.voice-icon {
        width: 46px;
        height: 35px;
    }

    section.voice h1.voice-title {
        font-size: 24px;
    }

    section.voice p.voice-text {
        font-size: 14px;
    }

    section.voice div.voice-block {
        width: 89.3%;
    }

    section.voice a.voice-link {
        font-size: 18px;
        width: 200px;
        height: 48px;
    }

    /* ----------FLOW SECTION------------ */
    section.flow {
        padding-top: 50px;
    }

    h1.section-title.sp-ch {
        text-align: center;
        background: unset;
        line-height: 1.75;
    }

    h1.section-title.sp-ch span {
        background: linear-gradient(transparent 70%, #FFFF00 30%);
    }

    section.flow .arrow_box {
        height: auto;
        line-height: 1.75;
        width: 305px;
    }

    section.flow .arrow_box:after {
        margin-top: -1px;
    }

    section.flow div.flow-box {
        width: 89.3%;
        margin: auto;
    }

    section.flow div.flow-box h2.flow-box-text span {
        font-size: 32px;
    }

    section.flow div.flow-box h2.flow-box-text {
        font-size: 24px;
        text-align: center;
        line-height: 1.4;
    }

    section.flow p.flow-p {
        font-size: 14px;
        width: 89.3%;
        margin: auto;
        margin-top: 30px;
    }

    .flow-img-map img {
        width: 89.3%;
        height: auto;
    }

    div.flow-green-box {
        width: 94.6%;
        margin-right: 0;
        height: 100%;
        padding-bottom: 30px;
    }

    div.flow-in-box {
        width: 315px;
        position: unset;
    }

    div.flow-green-box div.flow-in-box {
        position: unset;
        transform: translate(0);
    }

    div.flow-green-box span.flow-green-box-title {
        width: 250px;
        height: 70px;
        font-size: 24px;
        border-radius: 50px;
        transform: translateY(-25px);
    }

    div.flow-green-box div.flow-in-box div.flow-in-box-text {
        font-size: 18px;
        margin-top: 0;
    }

    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box:first-of-type dt:after,
    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box:first-of-type dd:after {
        font-size: 14px;
        top: -45px;
        /* width: max-content; */
    }

    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box dt {
        font-size: 14px;
        width: 104px;
        margin-right: 5px;
        padding: 10px;
    }

    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box dd {
        font-size: 14px;
        width: 206px;
        padding: 9px;
        display: flex;
        align-items: center;
    }

    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box:first-of-type {
        margin-top: 70px;
    }

    div.flow-green-box div.flow-in-box dl.flow-in-box-price_box:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .arrow_box02 {
        display: flex;
        flex-direction: column;
        border-width: 2px;
        padding: 10px 0;
        width: 211px;
        margin-right: 0;
    }

    .arrow_box02 span {
        font-size: 14px;
        text-align: center;
    }

    .arrow_box02-big-text {
        font-size: 24px;
    }

    .flow-in-box-white-tet {
        font-size: 12px;
    }

    div.flow-orange-box {
        height: 100%;
        position: unset;
        margin-top: -100px;
        padding-top: 150px;
        width: 94.6%;
    }

    div.flow-orange-box div.flow-in-box {
        width: 315px;
        position: unset;
        transform: translate(0);
    }

    div.flow-orange-box div.flow-in-box div.orange-titile {
        font-size: 18px;
        margin-bottom: 20px;
    }

    div.flow-orange-box div.flow-in-box dl.flow-orange-dl dd,
    div.flow-orange-box div.flow-in-box dl.flow-orange-dl dt {
        font-size: 16px;
        justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
    }

    div.flow-orange-box div.flow-in-box dl.flow-orange-dl {
        margin-bottom: 5px;
    }

    div.flow-orange-box div.flow-in-box p.flow-orange-white:first-of-type {
        font-size: 12px;
        margin-top: 30px;
    }

    /* ============CONTACT SECTION============= */
    section.form form.h-adr dl.form-list {
        flex-direction: column;
    }

    section.form form.h-adr dl.form-list dt.form-list_name,
    section.confirm div.h-adr dl.form-list dt.form-list_name {
        margin-bottom: 35px;
    }

    section.thanks,
    section.form form.h-adr,
    section.confirm {
        width: 89.3%;
        margin-top: 30px;
    }

    section.form form.h-adr dl.form-list dd.form-list_content {
        width: 100%;
    }

    section.form form.h-adr dl.form-list dd.form-list_content textarea {
        width: 100%;
        height: 160px;
    }

    form.conf-form a.f-back-btn,
    section.confirm div.h-adr input[type="submit"],
    section.form form.h-adr input[type="submit"] {
        width: 200px;
        height: 48px;
        font-size: 14px;
    }

    section.form form.h-adr dl.form-list dt.form-list_name p,
    section.confirm div.h-adr dl.form-list dt.form-list_name p,
    section.form form.h-adr div.form-privacy_box {
        font-size: 14px;
    }

    section.form form.h-adr dl.form-list dt.form-list_name p::after,
    section.confirm div.h-adr dl.form-list dt.form-list_name p::after {
        font-size: 12px;
    }

    section.form {
        padding: 50px 0;
    }

    section.confirm dl.form-list {
        flex-direction: column;
    }

    section.confirm dd.form-list_content {
        width: 100%;
    }

    section.confirm div.h-adr dl.form-list dt.form-list_name {
        width: 100%;
    }

    /* ==========COMPANY SECTION============= */
    section.company {
        padding: 50px 0;
        padding-bottom: 40px;
    }

    section.company h1.company-title {
        font-size: 24px;
    }

    section.company div.company-box {
        width: 89.3%;
    }

    section.company dl.company-info-list dt {
        font-size: 14px;
        width: 35%;
    }

    section.company dl.company-info-list dd {
        font-size: 14px;
        width: 65%;
    }

    section.company dl.company-info-list:last-child {
        border-bottom: none;
    }
    div.flow-orange-box div.flow-in-box dl.flow-orange-dl.chmod dd, div.flow-orange-box div.flow-in-box dl.flow-orange-dl.chmod dt {
        display: flex;
  justify-content: center;
  align-items: center;
    }

    /* ======FOOTER======= */
    small {
        font-size: 14px;
    }



}