@charset "UTF-8";
/* 
======== CONTENTS ==========================================
    Site Name: 問い合わせトップ
    2024.1.5
=========================================================
*/

#fc img, #fb img, #fs img { width: initial;}div#fc {width:100%;}
div#fb,.hs-container {max-width:100%; width:100% !important; padding: 0;}


.inquiry .inquiry__container {
    margin: 0 auto;
    padding: 8vw 5.3333333333vw 0;
    width: 100%
}
@media (min-width:768px) {
    .inquiry .inquiry__container {
        padding: 46px 45px 0;
        max-width: 1060px
    }
}
@media (min-width:1100px) {
    .inquiry .inquiry__container {
        padding: 46px 0 0
    }
}
.inquiry .inquiry__text {
    margin-top: 4vw;
    font-weight: 700
}
@media (min-width:768px) {
    .inquiry .inquiry__text {
        margin-top: 25px;
        letter-spacing: 1px;
        font-size: 18px;
        line-height: 1.95
    }
}
.caution {
    padding: 7.2vw 5.3333333333vw 0
}
@media (min-width:768px) {
    .caution {
        padding: 36px 45px 0
    }
}
.caution .caution__inner {
    padding: 8.2666666667vw 8vw 9.8666666667vw;
    background-color: #f2f2f2
}
@media (min-width:768px) {
    .caution .caution__inner {
        margin-right: auto;
        margin-left: auto;
        padding: 35px 40px 30px;
        max-width: 1060px
    }
}
.caution .caution__heading {
    position: relative;
    padding-left: 9.3333333333vw;
    font-size: 4.2666666667vw;
    font-weight: 700
}
.caution .caution__heading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/-/media/Project/design2022/common/icon_alert.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
@media (min-width:768px) {
    .caution .caution__heading {
        padding-left: 35px;
        font-size: 16px
    }
    .caution .caution__heading:before {
        width: 22px;
        height: 22px
    }
}
.caution .caution__lead {
    margin-top: 4.5333333333vw;
    font-size: 3.4666666667vw;
    line-height: 1.8461538462
}
@media (min-width:768px) {
    .caution .caution__lead {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.7142857143
    }
}
.menu {
    padding: 7.7333333333vw 5.3333333333vw 0
}
@media (min-width:768px) {
    .menu {
        padding: 47px 45px 0
    }
}
@media (min-width:768px) {
    .menu .menu__inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1060px
    }
}
.menu .menu__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 6.6666666667vw 0
}
@media (min-width:768px) {
    .menu .menu__list {
        justify-content: space-between;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 44px
    }
}
.menu .menu__list .menu__list-link {
    display: block;
    transition: color .2s cubic-bezier(.39, .575, .565, 1)
}
@media (min-width:768px) {
    .menu .menu__list .menu__list-link {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}
@media (min-width:768px) and (hover:hover) {
    .menu .menu__list .menu__list-link:hover {
        color: #b1000e
    }
    .menu .menu__list .menu__list-link:hover .menu__list-heading {
        opacity: .7
    }
}
.menu .menu__list .menu__list-heading {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 12.79vw;
    padding-top: .5333333333vw;
    padding-left: 8vw;
    min-height: 14.9333333333vw;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    background-color: #333;
    letter-spacing: .05em;
    color: #fff;
    font-size: 5.3333333333vw
}
.menu .menu__list .menu__list-heading:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 4.2666666667vw;
    border-radius: 4.2666666667vw;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    background-image: url(/-/media/Project/design2022/common/icon_link.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.6vw 2.9333333333vw
}
@media (min-width:768px) {
    .menu .menu__list .menu__list-heading {
        padding: 2px 60px 0 40px;
        min-height: 60px;
        font-size: 20px
    }
    .menu .menu__list .menu__list-heading:before {
        right: 24px;
        border-radius: 16px;
        width: 32px;
        height: 32px;
        background-size: 6px 11px
    }
}
.menu .menu__list .menu__list-lead {
    padding: 6.4vw 8vw 7.7333333333vw;
    border: 1px solid hsla(0, 0%, 43.9%, .15);
    background-color: hsla(0, 0%, 94.9%, .15)
}
@media (min-width:768px) {
    .menu .menu__list .menu__list-lead {
        flex: 1;
        padding: 32px 40px 33px
    }
}
.menu .menu__service24 {
    margin-top: 10.6666666667vw
}
@media (min-width:768px) {
    .menu .menu__service24 {
        display: flex;
        align-items: center;
        margin-top: 65px
    }
}
.menu .menu__service24 .menu__service24-image > a {
    display: block;
    padding-top: 7.7333333333vw;
    padding-left: 11.4666666667vw;
    border: 1px solid #e6e6e6;
    height: 30.4vw
}
.menu .menu__service24 .menu__service24-image > a > img {
    width: 64.2666666667vw
}
@media (min-width:768px) {
    .menu .menu__service24 .menu__service24-image > a {
        padding-top: 33px;
        padding-left: 20px;
        width: 320px;
        height: 128px
    }
    .menu .menu__service24 .menu__service24-image > a > img {
        width: 267px
    }
}
.menu .menu__service24 .menu__service24-main {
    margin-top: 6.4vw
}
@media (min-width:768px) {
    .menu .menu__service24 .menu__service24-main {
        flex: 1;
        margin-top: 0;
        margin-left: 24px
    }
}
.menu .menu__service24 .menu__service24-heading {
    letter-spacing: .04em;
    font-size: 4vw
}
@media (min-width:768px) {
    .menu .menu__service24 .menu__service24-heading {
        font-size: 18px
    }
}
.menu .menu__service24 .menu__service24-lead {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143
}
.menu .menu__service24 .menu__service24-lead > .c-link {
    margin-right: .4em;
    padding-right: 6.4vw;
    color: #1e4bbe
}
@media (min-width:768px) {
    .menu .menu__service24 .menu__service24-lead {
        margin-top: 8px;
        font-size: 14px
    }
    .menu .menu__service24 .menu__service24-lead .c-link {
        padding-right: 24px
    }
}
@media (min-width:768px) and (hover:hover) {
    .menu .menu__service24 .menu__service24-lead .c-link:hover {
        text-decoration: underline
    }
}
@media (max-width:767px) {
    .global-contact .global-contact__heading {
        white-space: pre-wrap;
        letter-spacing: 0
    }
}


/*--------------------
検索窓
サイトトップ、商品トップ、事例トップ、問い合わせトップ
--------------------*/
.search {
    margin: 12.8vw 0;
    padding: 0 5.3333333333vw
}
@media (min-width:768px) {
    .search {
        margin: 82px 0 93px;
        padding: 0 45px
    }
}
@media (min-width:768px) {
    .search .search__inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1060px
    }
}

.c-form-search {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}
@media (min-width:768px) {
    .c-form-search {
        max-width: 844px
    }
}
.c-form-search .c-form-search__input {
    padding: 4vw 14.6666666667vw 4vw 5.3333333333vw;
    border: 2px solid #ddd;
    border-radius: 35px;
    width: 100%;
    font-size: 3.7333333333vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
@media (min-width:768px) {
    .c-form-search .c-form-search__input {
        padding: 15px 70px 15px 20px;
        letter-spacing: .0625rem;
        font-size: 1rem
    }
}
.c-form-search .c-form-search__input::-webkit-input-placeholder {
    opacity: .8
}
.c-form-search .c-form-search__input::-moz-placeholder {
    opacity: .8
}
.c-form-search .c-form-search__input::placeholder {
    opacity: .8
}
.c-form-search .c-form-search__button {
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 9.6vw;
    height: 9.6vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/r22res/image/common/icon_search.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8vw 8vw
}
@media (min-width:768px) {
    .c-form-search .c-form-search__button {
        right: 20px;
        width: 48px;
        height: 48px;
        background-size: 34px 34px
    }
}