@charset "utf-8";

@media only screen and (max-width: 830px) {
    /* ヘッダー */

    header {
        text-align: center;
        margin-bottom: 60px;
    }

    header .to-home {
        position: static;
    }

    /* データ入稿フォーム */

    .upload,
    .contact-form {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 639px) {
    /* base */
    .sp_none {
        display: none !important;
    }

    .sp_width_full {
        width: 100% !important;
    }

    .sp_left {
        text-align: left !important;
    }

    .sp_ue0 {
        margin-top: 0 !important;
    }

    .sp_hidari0 {
        margin-left: 0 !important;
    }

    /* データ入稿フォーム */
    .hubi-box {
        width: 100%;
    }

    .hubi-box .blue:before {
        top: 4px;
        left: -25px;
    }

    .hubi-box .blue {
        padding-right: 0;
    }

    .hubi-box .red {
        display: block;
        margin-left: 0;
    }

    .table_wrap {
        padding: 20px 0;
    }

    .upload .form table,
    .upload .form thead,
    .upload .form tbody,
    .upload .form tr,
    .upload .form th,
    .upload .form td {
        display: block;
        width: auto;
        border: none;
    }

    .upload .form th {
        margin-bottom: 1px;
        font-weight: bold;
        padding: 10px 10px 0 10px;
    }

    .upload .form td {
        margin-bottom: 5px;
        padding: 5px 10px 10px 10px;
    }

    .upload .form td input[type="text"],
    .upload .form td input[type="tel"],
    .upload .form td input[type="url"] {
        width: 96%;
    }

    .upload .form td input[type="text"],
    .upload .form td input[type="tel"],
    .upload .form td input[type="url"],
    .upload .form td textarea {
        font-size: 116%;
    }

    .desired_delivery_box select {
        width: 120px;
    }

    .upload .form .btn input {
        min-width: 250px;
    }

    .incomplete_communication_box {
        flex-wrap: wrap;
    }

    .incomplete_communication_item {
        width: 100%;
    }

    .incomplete_communication_item + .incomplete_communication_item {
        margin-left: 0;
    }

    .drafting_check_item_text {
        padding: 0 10px;
    }

    .upload .form02 td,
    .upload .form02 th {
        padding-top: 0;
    }

    .incomplete_communication_item_done + .incomplete_communication_item_done {
        margin-top: 10px;
    }

    .incomplete_communication_item_done_text {
        width: 90%;
    }

    .multiple_shipments_contents {
        padding: 10px;
    }

    .multiple_shipments_item + .multiple_shipments_item {
        margin-top: 20px;
    }

    .multiple_shipments_list li:last-child {
        padding-bottom: 0;
    }

    .multiple_shipments_item_box {
        display: block;
    }

    .multiple_shipments_item_box_number,
    .multiple_shipments_item_box_contents {
        width: 100%;
        box-sizing: border-box;
    }

    .multiple_shipments_item_box_number {
        padding: 5px 10px;
    }

    .multiple_shipments_item_box_contents {
        padding: 20px 10px;
    }

    p.multiple_shipments_name {
        font-size: 18px !important;
    }

    span.multiple_shipments_name_s {
        margin-left: 5px;
    }

    .select_wrapper::after {
        top: 0;
        right: 10px;
    }

    /* フォーム */

    .contact-form #logo img {
        max-width: 30%;
        height: auto;
    }

    .page-title {
        font-size: 157%;
        font-weight: bold;
    }

    .contact-form .form table,
    .contact-form .form thead,
    .contact-form .form tbody,
    .contact-form .form tr,
    .contact-form .form th,
    .contact-form .form td {
        display: block;
        width: auto;
        border: none;
    }

    .contact-form .form th {
        margin-bottom: 1px;
        font-weight: bold;
        padding: 10px;
    }

    .contact-form .form td {
        margin-bottom: 5px;
        padding: 10px;
    }

    .contact-form .form td input.text-s {
        width: 60px;
    }

    .contact-form .form td label {
        white-space: normal;
    }

    .upload .form .btn .ssl-seal,
    .contact-form .form .ssl-seal {
        position: static;
        margin-top: 10px;
    }
    .hubi-btn {
        width: auto;
    }

    /* お見積もり依頼フォーム */

    .contact-form .top-caution,
    .contact-form .top-caution .inner {
        padding: 10px;
    }

    /* アンケートフォーム */
    .contact-form .form .questionnaire-content label {
        min-width: 46%;
    }

    .title_01 {
        font-size: 114%;
    }

    .box_line_inner {
        display: block;
    }

    .box_line_inner .img_line {
        width: 100%;
        margin-bottom: 15px;
    }

    .pc_disnon {
        display: block;
    }

    .sp_disnon {
        display: none;
    }

    .btn_login_line img {
        width: 81%;
        height: auto;
        margin-bottom: 15px;
    }

    .reflection-btn p {
        font-size: 114%;
    }

    .reflection-btn i {
        right: 12%;
        top: 37%;
    }

    /* メールマガジン配信停止完了画面 */
    .stop_subscription_wrap {
        padding-top: 50px;
    }

    .stop_subscription_wrap_inner {
        padding: 30px 15px;
    }

    .stop_subscription_heading {
        font-size: 18px;
    }
}