@charset "utf-8";

/*
style.css
各ページごとのスタイル設定
*/

.number {
  display: inline-block;
  margin: 0 10px;

  line-height: 1;
  font-size: 1.4em;
}

.mw_wp_form .error {
    color: #ffa088;
    padding: 0 0 0 10px;
}

.page_contact .radio_td._two .error {
    margin: 0 0 0 15px;
}

.page_contact .radio_td._three .error,
.page_contact .radio_td._six .error {
    margin: 0 0 0 20px;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px) {
    .page_contact .radio_td._two .error,
    .page_contact .radio_td._three .error,
    .page_contact .radio_td._six .error {
        margin: 0;
    }
    .number {
      margin: 0 5px;
    }
}


.page-id-29 {
    background: #384677 url(/wp/wp-content/themes/otomo_theme/assets/images/bg_kv.png) 0 0;
    background-size: cover;
}

.page-id-29 .complete {
    display: table;
    width: 1000px;
    height: calc(100vh - 60px);
    margin: 0 auto;

    color: #fff;
}

.page-id-29 .complete .txt {
    display: table-cell;
    vertical-align: middle;
}

.page-id-29 .complete a {
    color: #fff;
}

.page-id-29 footer {
    display: none;
    background: #181F39;
}

.page-id-29 .ttl {
    font-size: 1.8em;
    padding: 40px 0;
}

.page-id-29 .comment {
    font-size: 1em;
}

.page-id-29 .caution {
    font-size: .8em;
}

.page-id-29 .tel_box {
    width: max-content;
    margin: 40px auto;
    border-radius: 10px;

    padding: 20px 20px 0 20px;
    border: 1px dotted #fff;
}

.page-id-29 .inner {
    text-align: center;
}

.page-id-29 th,
.page-id-29 td {
    text-align: left;
}

.page-id-29 .pp_swich {
    display: none;
}

.page-id-29 .btn_wrap {
    display: inline-block;
    margin: 0 10px;
}

.page-id-29 ._right {
	text-align: left;
    display: block;
}

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

    .page-id-29 .complete {
        display: inherit;
        width: 100%;
    }

    .page-id-29 .complete .txt {
        display: inherit;
        vertical-align: inherit;
        margin: 0 15px;
    }

    .page-id-29 .comment {
        text-align: center;
    }

    .page-id-29 .tel_box {
        width: 100%;
        text-align: center;
    }

    .page-id-29 .caution {
        line-height: 1.8;
        font-size: 13px;
    }

    .page-id-29 .tel_num {
        text-align: center;
    }

    .page-id-29 .complete .tel_box p {
        margin: 0 0 20px 0;
    }

    .page-id-29 .complete .tel_box a {
        text-decoration: underline;
    }

    .page-id-29 .complete .btn {
        width: 310px;
        padding: 15px 0;
        font-size: 18px;
    }

}

/*
.page-id-29 ._right:before {
    content: '※';
} */