@charset "utf-8";

/************************************************ 
26.02.09
お問い合わせ扉ページ　専用CSS（日本語・英語）

更新内容：
- お問い合わせ扉ページ　レイアウト更新
************************************************/

/* お問い合わせの前に */
.page-relation{
    background: none;
    padding: 0;

    margin-bottom: 10px;
}
.page-relation__inner{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-relation__item a{
    border: 2px solid #333;
}

/* 各種お問い合わせ */
.contact-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.666%;
}
.page-contact{
    background: none;
    width: 33.33%;
}
.page-contact__inner{
    background: #fff9f5;
}
.page-contact__item{width: 100%;}
.page-contact__title{
    background: none;
    color: #333;
}
.page-contact__title .pc-none{display: none;}


/* tablet */
@media screen and (max-width: 992px){
    .page-contact__title .pc-none{display: block;}
}


/* smartphone */
@media screen and (max-width: 768px){
    .contact-block{
        flex-direction: column;
        gap: 20px;
    }
    .page-contact{
        width: 100%;
    }
    .page-contact__title .pc-none{display: none;}
}