#contact {
    background: #FFFFFF;
    border-radius: 10px;
}


.contact-content {
    margin: 50px 75px;
}

.contact-content::before {

    position: absolute;
    z-index: 10;
    left: 0;
    height: 16px;
    top: 443px;
    width: 100%;
    content: "";
    display: block;
    background: url(/wp-content/themes/konome-music/images/com_wave_white_top.png) 0 0 repeat-x;
    background-size: auto 16px;
}


#contact h2 {
    color: #6E5F64;
}

.contact-container{
    display: block;
    position: relative;
    width: 100%;
    max-width: 780px;
    margin: auto;
    background: #F4F4F4;
    z-index: 1;
    padding: 50px 0px;
}

.wpcf7-form label {
    color: #e26e7b;
    font-size: 12px;
    font-weight: bold;
}

.wpcf7-submit {
    display: block;
    background: #e26e7b;
    color: #fff;
    border-radius: 30px;
    padding: 10px 30px;
    width: 210px;
    margin: 0 auto;
}

.wpcf7-list-item-label {
    color: #e26e7b;
}


.must{
    color: #000;
    margin-right: 10px;
    padding: 6px 10px;
    background: #F92931;
    border-radius: 20px;
}

/* 任意マーク */
.free {
    color: #000;
    margin-right: 10px;
    padding: 6px 10px;
    background: #424242;
    border-radius: 20px;
}

/* 項目名を太字にする */
form p {
    font-weight: 300;

    color: #e26e7b;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #e26e7b;
    border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: rgba(255, 255, 142, 0.46);
}

input.sub-btn {
    display: block;
    margin: auto;
    width: 210px;
    height: 45px;
    background: #e26e7b;
    color: #FFF;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.2em;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

input.sub-btn:hover{
    transition: .5s;
}

span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 300;
}

/* 必須マーク */
.must{
    margin-right: 10px;
    padding: 6px 10px;
    border-radius: 20px;
}

/* 任意マーク */
.free {
    color: #000;
    margin-right: 10px;
    padding: 6px 10px;
    background: #424242;
    border-radius: 20px;
}

form table{
    width: 90%;
    margin: 0 auto;
}

form p {
    font-weight: 300;
    padding-top: 0px;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin: 5px 0px;
    border-radius: 3px;
    background-color: #FFFFFF;

    border: solid 1px #e26e7b;

}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;

    border: solid 1px #e26e7b;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: #FFFFFF;
    border: solid 1px #e26e7b;
}


span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 300;
}

.contact-front{
    height:300px;
}


table.company {
    width: 510px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 15px;
    font-size: 12px;
}

table.company th,
table.company td {
    padding: 10px;
}

table.company th {
    vertical-align: middle;
    text-align: left;
    width: 120px;
    overflow: visible;
    position: relative;
    color: #000;
    font-weight: normal;
    font-size: 15px;
}

/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}

table.company td {
    width: 375px;
    padding-left: 20px;
}

.company-map{
    padding: 50px 0;
    width: 600px;
    margin: 0 auto;
}


p.error, span.error {
    color: red;
}

.form-control {
    border-radius: 0;
    background-color: #FFFFFF;
    font-size: 14px;
}
.form-control:focus {
    border-color: #FFFFFF;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
    background-color:#fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    font-size: 13px;
}
/* Firefox 18- */
:-moz-placeholder {
    font-size: 13px; }
/* Firefox 19+ */
::-moz-placeholder {
    font-size: 13px; }
/* IE 10+ */
:-ms-input-placeholder {
    font-size: 13px; }
::placeholder{
    font-size: 13px;
}
textarea.form-control {
    height: 200px;
}

.confirm_table {
    margin: 30px 0;
}
.confirm_table table caption{
    caption-side: top;
}
.confirm {
    float: left;
    margin-right: 20px;
}


div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #E26B79;
    border: 1px solid #ddd;
    font-size: 1em;
    padding: 10px 15px;
    color: #000;
    width: 200px;
    margin: auto;
    display: block;
    border-radius: 160px;
}

.wpcf7-list-item {
    margin: 10px auto !important;
    display: block !important;
    width: 190px;
}

.wpcf7-list-item label {
    display: flex;
}

.wpcf7-list-item label input{
    margin: 2px 2px 0 0;
}

#tabBox1 {
    font-size: 12px;
    color: #6E5F64;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    background: #ffe7ea;
    overflow-y: scroll;
    height: 100px;
    padding: 5px;
}

.wpcf7-form a{
    color: #e26e7b;
}

@media (max-width:425px) {

    form{
        width: 95%;
        margin: auto;
    }

    .company-content-text{
        padding: 0px 30px;
    }

    .company-text{
        text-align: left;
    }

    .company-text p{
        font-size: 14px;
        padding: 0px 10px;
        font-weight: 500;
    }

    .company-map-sp h3{
        padding: 0 30px;
    }

    .company-map-sp iframe{
        width: 350px;
        position: relative;
        display: block;
        margin: auto;
        border: 1px solid #000;
    }

    form p {
        margin: 0;
        font-size: 12px;
        font-weight: bold;
    }

    input.wpcf7-form-control.wpcf7-text,
    textarea.wpcf7-form-control.wpcf7-textarea {
        width: 100%;
        padding: 8px 15px;
        margin: 5px 0 20px 0;
        border: solid 1px #e26e7b;
        border-radius: 3px;
        background-color: #FFFFFF;
    }

    div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
        background-color: #FF9108;
        border: 1px solid #ddd;
        font-size: 1em;
        padding: 10px 15px;
        color: #000;
        width: 200px;
        margin: auto;
        display: block;
        border-radius: 160px;
    }

}

@media (max-width: 600px) {

    .contact-content {
        margin: 20px 20px;
    }



}