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

.select-box.bd-r select {border-right: 1px solid #cacaca;}
.step ul li {float: left; position: relative; width: 50%; text-align: center; line-height: 50px; border-top:2px solid #ddd; color:#999; font-weight: 500; background:#f8f8f8;}
.step ul li.active {color: #3364b1; background:#e8f1ff; border-top:2px solid #5496ff;}
.step ul li.active span { position: absolute; top:12px; left:25px; font-size:1.2rem; display: block; line-height: 26px; background:#103d86; padding:0 10px; border-radius: 0 4px 4px 0; color:#fff; cursor: pointer;}
.step ul li.active span:after {content: ''; position: absolute; top:0; left:-14px; width: 0; height: 0; border-top:13px solid transparent; border-bottom:13px solid transparent; z-index: 1; border-right: 14px solid #103d86;}
.step ul li.active span:hover {background: #0d326d;}
.step ul li.active span:hover:after {border-right-color: #0d326d;}

.eq-list {border-top: 1px solid #777;}
.eq-list .box .info-area a.eq-title {position: relative; padding-right: 180px;}
.eq-list .box .info-area a.eq-title .btn-wrap {position: absolute; top:-25px; right:0;}

.total {height: 55px; margin-top: 15px;}
.total .left {float: left; width:150px; text-align: center; background: #5496ff; border:1px solid #5496ff; color: #fff; height: 100%; line-height: 50px;}
.total .left h3 { font-size: 1.4rem; font-weight: 500; }
.total .right {float: right; width: calc(100% - 150px); text-align: right; border:1px solid #e5e5e5; border-left:0; padding-right: 20px; height: 100%;}
.total .right h3 {font-size:1.8rem; color: #444; line-height: 14px; margin-top: 14px;}
.total .right h3 span {display: block;font-size: 1.1rem; font-weight: 400; line-height: 20px; color: #d20101;}

.notice {padding:15px;  background: #f8f8f8; margin-top: 15px;}
.notice p.n-tit {font-size:1.3rem; margin-bottom:5px; font-weight: 600; padding-left:20px; background: url("../../../img/sub/common/notice_icon.svg")no-repeat; background-size:14px 14px; background-position:left;}
.notice p.n-txt {font-size: 1.3rem; padding-left:20px; }

input[type="text"].text-input.txt-right {text-align: right;}

@media all and (max-width: 768px) {
	.eq-list .box .info-area a.eq-title {padding-right: 0;}
	.eq-list .box .info-area a.eq-title .btn-wrap {position: static;}
	.eq-list .box .info-area a.eq-title .btn-wrap button { margin-bottom: 20px; }
}
@media all and (max-width: 620px) {
	.step ul li.active span {right: 0; top:auto; left: auto; bottom: -40px;}
	.section02 input[type="text"].text-input {width: 50%;}
}
@media all and (max-width: 425px) {
	.eq-list .box .info-area a.eq-title .btn-wrap button {width:100%;}
}