@charset "UTF-8";

/*---------------------------
  【お問い合わせ】

  1.問い合わせフォーム　案内テキスト
  2.問い合わせフォーム

---------------------------*/

/* ================================================================
 
   問い合わせフォーム　案内テキスト

=================================================================== */

.form__info-text{
	font-size: 1.8rem;
}

.form__info-text:not(:last-of-type){
    margin-bottom: 2.4rem;
}

.form__info-img img{
	width:80%;
    margin-bottom: 2.4rem;
}

/* ================================================================
 
   問い合わせフォーム

=================================================================== */

/*製品名*/
.form__select {
    -webkit-appearance: none; /* Chrome, Safari用 */
    -moz-appearance: none;    /* Firefox用 */
    appearance: none;         /* 標準デザインを無効化 */
    
    /* これを追加して強制的に色を上書き */
    color: var(--color-text-main) !important;
}


/* 1. セレクトボックス全体の基本色（選択後） */
.form__select {
    color: var(--color-text-main) !important;
}

/* 2. プレースホルダー状態（未選択）の時の色 */
.form__select.is-placeholder {
    color: var(--color-border) !important;
}

/* 3. 【追加】Chrome対策：プルダウンの中身（option）は常にメインの文字色にする */
.form__select option {
    color: var(--color-text-main);
    background-color: var(--color-bg-alt); /* 背景が透過して見づらい場合の保険 */
}

/* 4. 【追加】「選択してください」の項目だけはリスト内でもグレーに見せたい場合 */
.form__select option[value=""] {
    color: var(--color-border);
}


.form__confirm-list li::before{
    content: "●";
    margin-right: .5rem;
}

.form__item-notes{
	font-size: 1.4rem;
	line-height: 2.1rem;
	
	text-indent: -1em;
	padding-left: 1em;
}