@charset "Shift_JIS";

/*---------------------------
#mainArea 
---------------------------*/

/* hikkoshi select
-------------------------------------*/
.hikkoshiSelect section > .secBlock01 {
margin-top: 20px;
}

.hikkoshiSelect .selectBlock01 input {
display: none;
}
.hikkoshiSelect .selectBlock01 > label {
margin-top: 20px;
}
.hikkoshiSelect .selectBlock01 > label:first-child {
margin-top: 0;
}
.hikkoshiSelect .selectBlock01 label {
display: block;
padding: 14px 3% 14px 18%;
background: #fff;
border: 1px solid #cecece;
border-radius: 2px;
font-size: 0.8rem;
cursor: pointer;
position: relative;
}
.hikkoshiSelect .selectBlock01 input:first-child + label {
margin-top: 0;
}
.hikkoshiSelect .selectBlock01 label.radioCnt01:before {
content: '';
width: 22px;
height: 22px;
margin-top: -11px;
background: url(../images/select_ico01_off.png) top left no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
left: 5.5%;
}
.hikkoshiSelect .selectBlock01 input:checked + label.radioCnt01:before {
background: url(../images/select_ico01_on.png) top left no-repeat;
background-size: 100%;
}

.hikkoshiSelect .selectBlock01 label.checkCnt01:before {
content: '';
width: 26px;
height: 30px;
margin-top: -18px;
background: url(../images/select_ico02_off.png) top left no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
left: 5.5%;
}
.hikkoshiSelect .selectBlock01 input:checked + label.checkCnt01:before {
background: url(../images/select_ico02_on.png) top left no-repeat;
background-size: 100%;
}

.hikkoshiSelect .pathBlock01 {
margin-top: 30px;
padding: 0 5%;
border-top: 2px solid #c0ead9;
border-bottom: 2px solid #c0ead9;
}
.hikkoshiSelect .pathBlock01 > p {
display: inline-block;
padding: 14px 10% 14px 0;
background: url(../images/path_bg01.gif) center right no-repeat;
background-size: contain;
font-size: 0.8rem;
color: #3ab784;
}

.hikkoshiSelect .pathBlock01 + .secBlock01 {
margin-top: 0;
}

.hikkoshiSelect .confBlock01 .headdingBlock04 {
margin-top: 20px;
}
.hikkoshiSelect .confBlock01 .headdingBlock04:first-child {
margin-top: 0;
}

.hikkoshiSelect .infoBlock01 {
padding: 15px 4%;
border: 4px solid #e4f8f0;
}
.hikkoshiSelect .infoBlock01 > * {
margin-top: 5px;
}
.hikkoshiSelect .infoBlock01 > *:first-child {
margin-top: 0;
}
.hikkoshiSelect .infoBlock01 .infoTitle01 {
font-size: 0.9rem;
font-weight: bold;
text-align: center;
}
.hikkoshiSelect .infoBlock01 .infoNum01 {
text-align: center;
}
.hikkoshiSelect .infoBlock01 .infoNum01 a {
padding-left: 48px;
font-size: 1.8rem;
font-weight: bold;
color: #e60012;
position: relative;
}
.hikkoshiSelect .infoBlock01 .infoNum01 a:before {
content: '';
width: 39px;
height: 33px;
margin-top: -19px;
background: url(/callcenter/hikkoshi/common/images/ico_tel01.png) top left no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
left: 0;
}

@media screen and (max-width: 340px) {
.hikkoshiSelect .infoBlock01 .infoNum01 a {
padding-left: 48px;
font-size: 1.6rem;
}
}

.hikkoshiSelect .recBlock01 > div {
margin-top: 10px;
}
.hikkoshiSelect .recBlock01 > div:first-child {
margin-top: 0;
}
.hikkoshiSelect .recBlock01 .headdingBlock04 {
text-align: center;
}

.hikkoshiSelect .confBlock01 .headdingBlock04 + .btnBlock03 {
margin-top: 7px;
}

.hikkoshiSelect .checkIco01 {
display: inline-block;
width: 17px;
margin: 0 5px;
}
.hikkoshiSelect .checkIco01 img {
vertical-align: middle;
}