/*お問い合わせ用スタイルファイル*/

/*タブ切り替え全体のスタイル*/
.tabs {
    margin-top: 50px;
    width: 100%;
}

/*タブのスタイル*/
.tab_item {
    width: calc(100%/2 - 6px);
    height: 50px;
    border: 1px solid #444;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    display: block;
    float: left;
}

.tab_item:hover {
    opacity: 0.75;
}

/*タブの表示：スマホ用*/
@media screen and (max-width: 400px) {
    .tabs {
        margin-top: 2.5vh;
        width: 100%;
    }

    .tab_item {
        /*width: calc(100%/2 - 6px);*/
        width: 95%;
        height: 10vw;
        margin-left:2vw;
        margin-bottom: 1.2vh;
        padding: auto;
        padding-bottom: 1vh;
        border: 1px solid #444;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: nowrap;
        float: left;
    }

    .tab_content_description textarea{
        width: 95%;
        height: 10%;
    }
}

/*ラジオボタンを全て消す*/
    input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    clear: both;
}

/*選択されているタブのコンテンツのみを表示*/
#tech_inquiry:checked ~ #tech_inquiry_content,
#nontech_inquiry:checked ~ #nontech_inquiry_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #444;
    color: #fff;
}

#form_out{
    display:none;
}