/* 11:50:11 */
@charset "Shift_JIS";

table.enqtable th, table.enqtable td{
 font-weight:normal;
 border: none;
}
table.enqtable td.enqGender label{
 padding-right:20px;
}
table.enqtable td input[type=text]{
 -moz-appearance: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
 height: 40px;
 width:auto;
 line-height: 40px;
 padding: 0 9px;
}
/***** セレクトボタン *****/
.enqSelectbox select {
 -moz-appearance:none;
 -webkit-appearance:none;
 -o-appearance:none;
 -ms-appearance:none;
 appearance:none;
 border-radius:0;
 border:0;
 margin:0;
 padding:0;
 background:none transparent;
 vertical-align:middle;
 font-size:inherit;
 color:inherit;
 box-sizing:content-box;
}
.enqSelectbox {
 display:inline-block;
 *display:inline;
 *zoom:1;
 position:relative;
 border-radius:0.2em;
 border:1px solid #d2d2d2;
 border-radius:6px 6px 6px 6px;
}
.enqSelectbox > select {
 width:130%;
 padding:0.6em 2.4em 0.6em 0.6em;
 font-size:1rem;
}
.enqSelectbox:after {
 position:absolute;
 top:0;
 bottom:0;
 right:0;
 width:1.8em;
 display:block;
 content:"";
 background:url(../../../../image70/renewal/com_ic_20.png) center no-repeat;
 pointer-events:none;
}
/* チェックボックス,ラジオボタン共有 */
label.enqCheckbox input[type=checkbox]
,label.enqRadio input[type=radio]{
 visibility:hidden;
 position:absolute;
}
/***** チェックボックス *****/
label.enqCheckbox{
 margin:0 0 10px 0;
}
/* ラベルのスタイル */
label.enqCheckbox span.enqCheckboxIcon{
 padding:0 0 5px 37px;
 display:inline-block;
 cursor:pointer;
 position:relative;
 line-height:27px;
}
/* ボックスのスタイル */
.enqCheckbox .enqCheckboxIcon::before{
 background:rgba(0, 0, 0, 0) url(../../../../image70/renewal/com_ic_formparts01.png) no-repeat;
 background-size:750%;
 background-position:0 -27px;
 height:27px;
 width:27px;
 content:"";
 display:inline-block;
 position:absolute;
 top:1px;
 left:8px;
}
.enqCheckbox input[type="checkbox"]:checked + .enqCheckboxIcon::before{
 background-position: -40px -27px;
}
/***** ラジオボタン *****/
label.enqRadio span.enqRadioIcon{
 padding:0 0 5px 37px;
 display:inline-block;
 cursor:pointer;
 position:relative;
 line-height:28px;/* ボタンのサイズに合わせる */
}
label.enqRadio span.enqRadioIcon::before{
 content:'';
 width:21px;/* ボタンの横幅 */
 height:21px;/* ボタンの縦幅 */
 position:absolute;
 top:3px;
 left:8px;
 background-color:#fff;
 border-radius:50%;
 border:1px solid #d2d2d2;
}
label.enqRadio input[type="radio"]:checked + span.enqRadioIcon:after{
 content:'';
 width:15px;/*マークの横幅 */
 height:15px;/*マークの縦幅 */
 position:absolute;
 top:7px;
 left:12px;
 background-color:#333;
 border-radius:50%;
}

/*==== SPサイトのみ ====*/
.bgWhite{
 background-color:#fff;
}
div.selectBlock div.customSelect::after{
 border-bottom: 1px solid #d2d2d2;
 border-right: 1px solid #d2d2d2;
}
label.customRadioArea input[type="radio"]:checked + .customRadio, label.customRadioArea input[type="radio"]:checked ~ .wrapper .customRadio {
 background-color: #333;
}
ul.elementListBlock li.element label.enqRadio span.enqRadioIcon{
 padding:0 0 5px 26px;
}
ul.elementListBlock li.element label.enqRadio span.enqRadioIcon::before{
 left:0;
}
ul.elementListBlock li.element label.enqRadio input[type="radio"]:checked + span.enqRadioIcon::after{
 left:4px;
}

ul.elementListBlock li.element label.enqCheckbox span.enqCheckboxIcon {
 padding:0 0 6px 29px;
 display:block;
}
ul.elementListBlock li.element label.enqCheckbox span.enqCheckboxIcon::before {
 left:0;
}
ul.elementListBlock li.element label.enqCheckbox input[type="radio"]:checked + span.enqCheckboxIcon::after {
 left:4px;
}
ul.elementListBlock li.element div.selectBlock div.enqSelectbox select {
 color:#333;
 font-size:1rem;
 margin:0;
}