@charset "utf-8";


@media (min-width: 1300px) {
}

@media (max-width: 740px) {
}

@media (max-width: 480px) {
}


/* ==============================
問い合わせフォーム
=============================== */

/*入力画面*/
.mw_wp_form_input .text-confirm {
    display: none;
}

/*確認画面*/
.mw_wp_form_confirm .text-confirm {
    display: block;
}

/*完了画面*/
.mw_wp_form_complete .text-confirm {
    display: none;
}

form::before {
    content: '';
    display: block;
    /* 固定ヘッダーの高さ分、上部に余白を作る */
    height: 7em;
    margin-top: -7em;
    visibility: hidden;
}

.contact-form {
    margin: 1em 0;
    border: 1px solid #ccc;
}

.contact-form dt {
    background: #e5e8ec;
    padding: 0.5em 1em;
}

.contact-form dd {
    border-bottom: 1px solid #ccc;
    padding: 1em 1em 2em 1em;
}

.contact-form dd:last-child {
    border-bottom: none;
}

.contact-form p {
    margin: 0 0 0.5em 0;
}

input,
textarea,
select {
    padding: 0.5em; 
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    font-size: 1em;
    color: #333333;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4) inset;
}

.required:after {
    content: "（必須）";
    color: #ff0000;
    font-size: 0.8em;
}

.yourname,
.email,
.group,
.phone {
    width: 100%;
}

 .content,
.time-required,
.cost {
    width: 100%;
}

.form-btn {
    justify-content: center;
}


/*ボタンのスタイル*/

.form-button {
    text-align: center;
    margin: 20px 0px;
}

.submit_confirm,
.submit_send {
    position: relative;
    display: inline-block;
    font-size: 1em;
	font-weight: bolder;
    padding: 0.25em 1.0em;
    text-decoration: none;
    color: #ffffff;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    border: 1px solid #0171fd;
    border-radius: 8px;
    margin: 0 2em;
    background: -webkit-gradient(linear, left top, left bottom, from(#5da2f8), to(#0171fd));
    background: -webkit-linear-gradient(top, #5da2f8 0%, #0171fd 100%);
    background: linear-gradient(to bottom, #5da2f8 0%, #0171fd 100%);
	width: 8em;
}

.submit_confirm:hover,
.submit_send:hover {
    cursor: pointer;
    opacity: 0.8;
}

.btn-back {
    position: relative;
    display: inline-block;
    font-size: 1em;
    padding: 0.25em 1.0em;
    text-decoration: none;
    color: #0171fd;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    border: 1px solid #0171fd;
    border-radius: 8px;
    margin: 0 2em;
    background-color: #ffffff;
	width: 8em;
}

.btn-back:hover {
    cursor: pointer;
    background-color: #e6f1ff;
}

/* ==============================
レスポンシブ対応
=============================== */

@media screen and (max-width:480px) {
	.contact-form td,
	.contact-form th {
    display: block;
    width: 100%;
  }
}