@charset "utf-8";
/* CSS Document */

/*----------------------------------------
    2025.05 お問い合わせフォーム用css
----------------------------------------*/
/*---------- 共通 ----------*/
/* ヘッダー */
#header #site a {
	margin: 23px 0 0;
	background: url(https://www.ikegami-arc.jp/wp/wp-content/themes/ikegami-new/common/images/site_name.png) 0 0 no-repeat;
	width: 360px;
	height: 40px;
	float: left;
	display: block;
    filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}
#header #site a:hover {
	text-decoration: none;
}

/* コンテナ */
.bl_formCont{
    margin: 0 auto;
    padding: 0 15px;
}
.bl_spacer{
    height: 60px;
}

/* テキスト関係 */
#main h2 span{
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}
#main h3{
    font-size: 15px;
    margin: 0 auto 20px;
    padding: 0 0 15px;
}
#main h3::before{
    content: '■';
    display: inline-block;
}
#main h3 span{
    font-size: 13px;
}


/*---------- フォームトップ ----------*/
/* フォーム全体の調整 */
label{
    display: block;
}
label+label{
    margin-top: 10px;
}
label,
input[type="text"],
input[type="checkbox"],
input[type="radio"],
select,
textarea{
    font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}
input[type="text"],
textarea{
    box-sizing: border-box!important;
    width: 100%!important;
}
input.other{
    margin-left: 10px;
    width: 250px!important;
}
input[type="checkbox"],
input[type="radio"]{
    margin-right: 5px;
}
.el_note{
    color: red;
}

/* アンケート */
.bl_questionnaire .check{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 20px auto 60px;
}
.bl_questionnaire .check .bl_flexCol{
    width: 48%;
}
.bl_questionnaire .radio{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 20px auto 60px;
}
.bl_questionnaire .radio label+label{
    margin-top: 0;
    margin-left: 30px;
}
.bl_questionnaire .radio label.el_other{
    margin-top: 20px;
    margin-left: 0;
}
.bl_questionnaire select{
    padding: 10px;
    width: 200px;
}

/* お問い合わせフォーム */
.bl_contact table{
    margin: 0 auto 60px!important;
    width: 100%!important;
}
.bl_contact table th,
.bl_contact table td{
    padding: 15px!important;
    vertical-align: middle;
}
.bl_contact table th{
    width: 20%;
}
.bl_contact table td textarea{
    height: 200px;
}
.bl_contact table td p{
    margin: 10px auto 0!important;
}

/* 送信ボタン */
.bl_btnCont{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.bl_btnCont input[type="button"],
.bl_btnCont input[type="submit"]{
    background-image: none!important;
    background-color: #071D62!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 120px;
    height: 50px;
}
.bl_btnCont .el_btn{
    background-color: #3888D7;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none!important;
    transition: 0.3s;
    margin-right: 40px;
    width: 120px;
    height: 50px;
}
.bl_btnCont.send .el_btn{
    width: 150px;
}
.bl_btnCont input[type="button"]:hover,
.bl_btnCont input[type="submit"]:hover,
.bl_btnCont .el_btn:hover{
    opacity: 0.5;
}

/*---------- 確認画面 ----------*/
.bl_formCont ul{
    margin: 20px auto 60px!important;
}
.bl_formCont ul li{
    background: none!important;
    margin: 0!important;
    padding: 0 0 0 15px!important;
    position: relative;
}
.bl_formCont ul li::before{
    background-color: #071D62;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
}
.bl_formCont ul li+li{
    margin-top: 5px!important;
}

/*---------- 完了画面 ----------*/
.bl_sendText{
    padding: 0 15px;
    margin-bottom: 30px;
}
.bl_sendText p{
    margin: 0 auto!important;
}
.bl_sendText p+p{
    margin-top: 10px;
}

