@media screen and (max-width:828px) {
    /*共通事項*/
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pc {
        display:none;
    }
    /*mv*/
    .mv {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
    .mv-head {
        position: static;
        translate:none;
        display: inline-block;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    /*o2x*/
    .o2x-side {
        display:block;
    }
    .o2x-side .--ico {
        max-width: 300px;
    }
    .o2x-side .o2x-head {
        display:block;
    }
    .o2x-desc-image-wrapper {
        flex-direction:column;
        row-gap:30px;
    }
    .next-btn .--txt br {
        display: none;
    }
    .next-btn .--arrow {
        max-width: 40px;
        bottom: -12px;
        right: 32px;
    }
    /*o2x-move*/
    .move-block {
        display:flex;
        flex-direction:column-reverse;
    }
    .move-text {
        width:100%;
        line-height:1.5;
    }
    .move-image {
        width:100%;
    }

    /*お問い合わせ*/
    .mw_wp_form {
        padding-top: 56px;
        padding-bottom: 56px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .mw_wp_form th, .mw_wp_form td {
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .mw_wp_form th {
        padding-left: 50px !important;;
    }
    .mw_wp_form th br {
        display: none;
    }
    th,td {
        font-size: 1.5rem;
        padding: 0.5em 1em;
    }
    .mw_wp_form th > span {
        width: 40px;
        line-height: 30px;
        top: 10px;
        left: 0;
        font-size: 1.4rem;
    }
        .mw_wp_form td {
        padding-left:0;
    }
    .mw_wp_form td input, .mw_wp_form td select, .mw_wp_form td textarea {
        padding: 10px;
    }
    .mw_wp_form input[type=checkbox] + .mwform-checkbox-field-text, .mw_wp_form input[type=checkbox] + .mwform-radio-field-text, .mw_wp_form input[type=radio] + .mwform-checkbox-field-text, .mw_wp_form input[type=radio] + .mwform-radio-field-text {
        line-height: 32px;
    }
    .mw_wp_form .mwform-checkbox-field, .mw_wp_form .mwform-radio-field {
        margin-bottom: 8px;
    }

    .mw_wp_form td .var02 {
        max-width: 4em;
    }

    .mw_wp_form_input td th {
        min-width:auto;
        width:auto;
    }
    .mw_wp_form td th {
        font-weight: 500;
        padding-left: 0;
        padding-bottom: 0;
    }
    .mw_wp_form th, .mw_wp_form td {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .form-agree {
        text-align:left;
    }
    
    /*footer*/
    .f-block {
        margin-top:0;
        padding-top:0;
    }
    .f-column {
        display:block;
    }
    .f-item {
        width: 100vw;
        max-width:100vw;
        gap:0;
        margin-left:-20px;
        margin-right:-20px;
    }
    .f-item li {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #86A3B9;
    }
    .f-item li:nth-child(even) {
        border-left: 1px solid #86A3B9;
    }
    .f-item li:last-child {
        border-right: 1px solid #86A3B9;
    }
    .f-item a {
        display: block;
        padding: 1em 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
        .f-info {
        text-align: center;
        margin-top: 32px;
    }
        .f-copy {
        text-align: center;
        margin-top: 32px;
    }
    /*confirm*/
    .l-contact_list {
        margin-top: 20px;
        margin-bottom: 50px;
        gap: 8px;
    }
    .l-contact_list .--tab {
        line-height: 34px;
    }
    .l-contact_list .--line {
        width: 20px;
    }
    .mw_wp_form_confirm th, .mw_wp_form_confirm td {
        padding-top: 10px;
        padding-bottom:10px;
        line-height:inherit;
    }
    .l-contact_list .--tab::before {
        position:static;
        -webkit-transform: translateY(inherit);
        transform: translateY(inherit);
    }
}

@media screen and (max-width:628px) {
    /*o2x*/
    .o2x-opening {
        padding-bottom:calc((100vw - 40px) * 8 / 10 * 75 / 100 - 7vw - 30px);
    }
    .o2x-side .mv-image2 {
        bottom:calc(-20px - 100vw * 8 / 10 * 75 / 100);
    }
    .o2x-desc-block {
        border-radius:8px;
    }
    .o2x-desc-title {
        border-radius:8px 8px 0 0;
        padding:0.7em 0;
    }
    .o2x-desc-image-title {
        padding:0.5em 0;
    }
    .next-btn .--pic {
        display:none;
    }
}