@charset "UTF-8";

/* ==================================================================================
# contact
================================================================================== */

/* ==================================================================================
# contact共通
================================================================================== */
#contact .sub-catch img {
    height: 274px;
}

#contact .sub-catch-title {
    margin-top: -151px;
    margin-bottom: 130px;
}

@media screen and (max-width: 480px) {

    #contact .sub-catch img {
        height: 180px;
    }

    #contact .sub-catch-title {
        margin-top: -103px;
        margin-bottom: 85px;
    }

}

/* ==================================================================================
# contact01
================================================================================== */
#contact01 h2 {
    margin-top: 68px;
}

.contact01-text {
    font-size: 18px;
    margin-top: 43px;
    margin-left: 7px;
}

#contact01 .tel {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #1E1E1E;
    padding-left: 43px;
    margin-top: 23px;
}

#contact01 .tel::before {
    position: absolute;
    content: "";
    width: 43px;
    height: 43px;
    left: 0;
    top: -8px;
    background: url(../img/icon-tel.png) no-repeat center center / contain;
}

@media screen and (max-width: 480px) {

    #contact01 h2 {
        margin-top: 10%;
    }

    .contact01-text {
        font-size: 18px;
        margin-top: 3%;
        margin-left: 0;
    }

}

/* ==================================================================================
# contact02
================================================================================== */
#contact02 h2 {
    margin-top: 86px;
}

.contact02-text {
    background: rgba(0,0,0,0.3);
    width: 100px;
    margin-left: auto;
    margin-bottom: 10px;
}

.wpcf7-form-control-wrap input {
    width: 100%;
    border: none;
    background: #F2F2F2;
    padding: 12px 10px 12px;
    margin-bottom: 10px;
	position: relative;
	top: 1px;
}

.wpcf7-form-control-wrap select {
    width: 100%;
    border: none;
    background: #F2F2F2;
    padding: 11px 10px 11px;
    margin-bottom: 10px;
}

.wpcf7-form-control-wrap textarea {
    width: 100%;
    border: none;
    background: #F2F2F2;
    padding: 10px 10px 10px;
}

.contact-bottom-text {
    margin-bottom: 10px;
}

.contact-info {
    margin-bottom: 10px;
}

.contact-info a {
    background: #F2F2F2;
}

.contact-check {
    background: #F2F2F2;
    padding: 5px 5px 3px;
    margin-bottom: 20px;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-form-control-wrap input.check {
    width: auto;
}

.contact-check input {
    width: auto;
}

.contact-btn input[type="submit"] {
    color: #fff;
    background: #000000;
    border: none;
    width: 200px;
    height: 40px;
	cursor: pointer;
}

button.wpcf7cp-cfm-submit-btn {
    color: #fff;
    background: #000000;
    border: none;
    width: 200px;
    height: 40px;
	cursor: pointer;
}

button.wpcf7cp-cfm-edit-btn {
    height: 40px;
    padding: 0 10px;
}

#wpcf7cpcnf th {
display: none;
}

@media screen and (max-width: 480px) {

    #contact02 h2 {
        margin-top: 15%;
    }

    .wpcf7-list-item-label {
        vertical-align: 1px;
    }
	
	.wpcf7-form-control-wrap input {
	top: 3px;
}


}