@charset "UTF-8";

@media screen and (max-width: 768px) {
	
    html {
        font-size: 8px;
    }

    .inner {
        width: 100%;
        min-width: auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #wrapper {
        overflow: hidden;
    }
    #step_list ul {
        width: 85%;
    }

    #info_box_ctn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #info_box_ctn p {
        width: 100%;
        padding: 0 1.2rem;
    }

    #info_box_ctn figure {
        width: 100%;
        padding: 0 1.2rem;
        margin-top: 2rem;
    }

    #progress {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #progress_bar {
        width: 100%;
        height: 4.6rem;
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .form_group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 1rem;
        margin-top: 3rem;
    }

    .form_group.mgt_short_sp {
        margin-top: 1rem;
    }

    .form_label {
        width: 100%;
        margin-top: 0;
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 1.5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .form_label.required::after {
        margin-left: 1rem;
    }

    .form_label.required_indent::after {
        margin-left: 0;
    }
    .form_confirm_info {
        max-height: 67rem;
    }
    .form_confirm_info p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .form_confirm_info .btn {
        margin-left: 1.5rem;
        max-width: 210px;
    }
    .form_control {
        width: 100%;
    }

    .form_control input {
        width: 100%;
    }

    .form_control_postalcode {
        width: 100%;
    }

    .form_control_postalcode_input input {
        width: 12rem;
    }

    .form_control_balloon {
        display: none !important;
    }

    .form_control_name {
        width: 100%;
    }

    .form_control_name_input {
        width: 49.5%;
    }

    .form_control_phone {
        width: 100%;
    }

    .form_control_phone input {
        width: 100%;
    }

    .form_control_phone span {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .form_choose {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1rem 2rem;
    }

    .form_choose_radio {
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
    }

    .form_choose_radio ul li {
        margin-right: 3rem;
    }

    .form_choose_checkbox {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        line-height: 1.4;
    }

    .form_control_select_question {
        left: calc(100% + 1.5rem);
    }

    .form_control_select_question_text {
        width: 14rem;
    }

    .form_control_select_address {
        width: 100%;
    }

    .form_control_other {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form_control_other_input {
        margin-top: 1.5rem;
    }

    .form_control_other_input input {
        width: 23rem;
        margin-left: 0;
    }

    .form_control_select_popup {
        left: calc(100% + 5.5rem);
        width: 14rem;
        line-height: 1.2;
    }

    .form_sub {
        padding: 0 1rem;
    }

    .form_sub_policy li span {
        font-size: 1.5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 1rem;
    }

    .form_sub_policy li span label {
        margin-right: 1rem;
    }

    .form_sub_policy li a {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    #footer {
        min-width: auto;
        line-height: 1.7;
    }

    #footer span {
        display: block;
    }
    .form_confirm_note {
        font-size: 1.6rem;
        padding-top: 5rem;
    }

    .form_confirm_note_2 {
        font-size: 1.6rem;
        line-height: 1.5;
        padding-top: 1rem;
    }
	.form_confirm_note_2 * {
		color: #000;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

    .form_submit_confirm {
        padding-top: 5rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form_submit_confirm div {
        width: 100%;
    }

    .form_submit_confirm div:last-child {
        margin-top: 1.5rem;
    }

    .form_submit_confirm button {
        width: 100%;
        font-size: 1.6rem;
    }

    .flow_list ul {
        padding-left: 0;
    }

    .email_input .form_group {
        margin-bottom: 0;
    }

    .email_input .form_label {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .message_box_normal {
        margin-bottom: 4.5rem;
    }

    .message_button {
        margin-bottom: 11rem;
    }

    .message_button button {
        padding-top: 0.5rem;
        padding-right: 3rem;
    }

    .owner_confirm {
        padding-top: 0;
    }

    .owner_confirm_text {
        padding-right: 0;
    }
	.owner_confirm_note {
		width: 100%;
	}

    .owner_confirm_radio {
        margin-top: 0;
    }

    .owner_confirm_radio ul {
        padding-right: 0;
    }

    .owner_confirm_radio ul li label {
        font-size: 2.5rem;
        padding-left: 2rem;
    }

    .owner_confirm_radio ul li label::before {
        left: 2rem;
    }

    .owner_confirm_radio ul li label::after {
        left: 2.8rem;
    }




    /* Addition */
    .form_control_capacity_supply {
        width: 37rem;
    }

    .form_control_supply_point+.form_control_select_question {
        margin-right: 2rem;
    }

    .form_control_supply_point+.form_control_select_question .form_control_select_question_text {
        width: 28.6rem;
    }

    .email_input_lead {
        padding: 0;
    }

    .form_group_other {
        margin-top: 2rem;
    }

    .form_group_other .form_label {
        margin-bottom: 0;
    }

    .form_choose_wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form_choose_wrap_text {
        width: 100%;
        margin-bottom: 1rem;
    }

    .form_choose_wrap .form_choose {
        width: 100%;
    }

    .form_control_supply_point+.form_control_select_question+.form_control_select_popup p {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}








/* Ipad */
@media screen and (max-width: 768px) and (min-width: 576.98px) {
    .form_control_select_question_text {
        width: 40rem;
    }

    .flow_list ul {
        padding: 0 3.5rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .flow_list ul li {
        margin-right: 3.5rem;
    }
}








/* Smart phone */
@media screen and (max-width: 576px) {
    .flow_list ul li {
        margin-right: 1rem;
    }

    .flow_list ul li:nth-child(1) span {
        width: 5.8rem;
    }

    .flow_list ul li:nth-child(2) span {
        width: 6.4rem;
    }

    .flow_list ul li:nth-child(3) span {
        width: 4.9rem;
    }

    .flow_list ul li:nth-child(4) span {
        width: 6rem;
    }

    .flow_list ul li:nth-child(5) span {
        width: 4.5rem;
    }

    .flow_list ul li::before {
        margin-right: 1rem;
    }

    .flow_list ul li span strong {
        font-size: 1.2rem;
    }
}








/* Small smart phone */
@media screen and (max-width: 320px) {
    html {
        font-size: 7px;
    }

    .form_control_select_popup {
        left: calc(100% + 4.5rem);
    }

    .email_input_btn button {
        width: 32.6rem;
        padding-right: 3rem;
    }
}








@media screen and (max-width: 768px) {
    .is-pc {
        display: none !important;
    }
}

@media screen and (min-width: 768.98px) {
    .is-sp {
        display: none !important;
    }
}