@charset "UTF-8";
/***********
共通スタイル
************/

/* 設問内padding */
.questionTitle {
    padding: 1rem;
}

/* ラジオボタンのmargin */
.fontL .aptoenq_qa input[type="radio"] {
    margin: 0 .5rem 1.5rem 1rem;
}

/* チェックボタンのmargin */
.fontL .aptoenq_qa input[type="checkbox"] {
    margin: 0 .5rem 1.5rem 1rem;
}

/* 設問回答欄のmargin */
.aptoenq_a {
    margin: 1rem 0;
}

/* 確認文のセンタリング、margin */
.aptoenq_cusinfo_exp {
    text-align: center;
    margin-top: 2rem;
}

/*media query*/
@media screen and (max-width: 767px) {
    #aptoenqform label.enqtooltip {
        width: 100%!important;
    }

    div#aptoenqform.fontL,
    .aptoenq_popup_title,
    .aptoenq_popup * {
        font-size: 14px!important;
    }

    div#aptoenqform input,
    div#aptoenqform textarea {
        font-size: 16px;
    }
}

/*****************************
ダウンロード認証ダイアログ表示用
******************************/

/*選択肢をブロック要素に */
label.aligntop.enqtooltip {
    display: block;
}

/*padding変更 */
.aptoenq_popup {
    padding: 15px 40px;
}

/*ウィンドウ幅調整 */
@media screen and (min-width: 1025px) {
    .aptoenq_popup_title,
    .aptoenq_popup {
        width: 60%;
        margin: 0 auto;
    }
}
/****************************************
テーマごとのデザイン調整部分(それぞれで追記) 
*****************************************/
/* 表示崩れの防止のためのmargin指定 */
.aptoenq_qa {
    margin: 1px!important;
}

/* フォーム背景色(埋め込みフォームのみ) */
div#aptoenqform .aptoenq_a.aptoenq_l,
div#aptoenqform .aptoenq_cusinfo {
    background-color: #e9eceb!important;   
}

/* 質問文テキスト背景色 */
div#aptoenqform .aptoenq_qa .questionTitle {
    background-color: #fff;
}

/* テキストエリア高さ */
.aptoenq_qa textarea {
    height: 300px!important;
    width: 100%;
}