@charset 'utf-8';
/* ======================================== 
フォーム用CSS
========================================*/

/* ==================== ▽ 色設定CSS ▽ ==================== */

/* フォーム部分 */
.msg { color:#f00; }
div.form input, div.form textarea, div.form select { background-color:#f1f1f1; }
div.form input:focus, div.form textarea:focus { background-color:#fff; }
div.form hr { border:none; border-top:1px solid #f1f1f1; }
span.pink { color:#f5938e; }
span.murasaki { color:#915da3; }
div.form p.btn input { background-color:#fffcb6;}

/* リンク */
ul.form_link li::before { color:#f5938e; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

}


/* ==================== ▽ 個別CSS ▽ ==================== */

/* イントロ */
div.intro h1 span { display:block; }

/* フォーム部分 */
div.form_row { margin:0 0 20px 0; }
div.form_row p { margin:0 0 5px 0; }
div.form_row p span { font-size:12px; }
div.form_row.form_result p span { font-size:14px; }
div.input input, div.input textarea, div.input select { font-size:14px; padding:5px 7.5px; line-height:1.8; max-width:100%; width:100%; }
div.form hr { margin:0 0 20px 0; }
p.attention { font-size:12px; margin:0 0 20px 0; }
div.form p.btn { text-align:center; }
div.form p.btn input { border-radius:5rem; padding:5px 15px; width:150px; }
div.row { display:flex; justify-content:space-between; align-items:center; padding:5px 0; margin:0 0 5px 0; }
div.row input { font-size:14px; padding:5px 7.5px; line-height:1.8; max-width:100%; width:calc( 100% - 10rem ); }

/* リンク */
ul.form_link { padding:40px 10px 0 10px; }
ul.form_link li { line-height:2; }
ul.form_link li::before { content:'▶'; margin:0 .5rem 0 0; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

/* フォーム部分 */
div.input input, div.input textarea, div.input select { font-size:16px; }
div.form_row.form_result p span { font-size:16px; }

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

/* イントロ */
div.intro h1 span { display:inline; }

/* フォーム部分 */
div.form { margin:auto; max-width:750px; }
div.input input, div.input textarea, div.input select { font-size:18px; }
div.form_row.form_result p span { font-size:18px; }

/* リンク */
ul.form_link { margin:auto; max-width:750px; }

}