@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100;200;300;400;500;600;700&display=swap');

.ef {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    padding: 8px 0 8px 8px;
}
.ef:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    right: 0;
    transition: 0.6s;
}
.ef.animated:before {
    left: 101%;
}
.ef.ef-wh:before {
    background-color: #fff;
}
.ef.ef-bk:before {
    background-color: #000;
}
.ef.ef-yel:before {
    background-color: #FFF100;
}
.ef-wrap {
    opacity: 0;
    transition: 0.8s;
}
.animated .ef-wrap {
    opacity: 1;
}


.inquiry {
    background-color: #F4F5F7;
}
.inquiry-wrapper {
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 50px 40px 100px;
    box-sizing: border-box;
}
.inquiry-ttl {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}
.inquiry-txt {
    margin-bottom: 70px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #999999;
}

.inquiry-box {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 50px;
}

.bnr {
    margin-top: 75px;
    margin-bottom: 75px;
}

@media screen and (max-width:768px) {
    .inquiry-wrapper {
        padding: 10% 6% 15%;
    }
    .inquiry-ttl {
        margin-bottom: 2%;
        font-size: 21px;
    }
    .inquiry-txt {
        margin-bottom: 10%;
        font-size: 14px;
    }
}

.inquiry form#mktoForm_4606 {
    width: 100% !important;
}
.inquiry .mktoFieldDescriptor.mktoFormCol {
    width: 100% !important;
}
.inquiry .mktoFieldWrap.mktoRequiredField {
    width: 100% !important;
}
.inquiry .mktoHtmlText.mktoHasWidth {
    width: 100% !important;
}
.inquiry .mktoForm textarea.mktoField {
    width: 100% !important;
}
.inquiry .mktoForm .mktoLabel {
    padding: 0 0 .8em;
}
.inquiry .mktoButtonRow {
    width: 100%;
}
.inquiry #mktoForm_4606.mktoForm button.mktoButton {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: auto;
    text-align: center;
}

@media screen and (max-width:768px) {
    .inquiry .mktoForm input[type=email] {
        width: 100% !important;
    }
    
	.bnr {
        margin-bottom: 16%;
    }
}