@charset "utf-8";
/* CSS Document */
.logbox {
 border: solid 1px #fff;
 width: 100%;
 /*height: auto;*/
 padding: 0.5em 0.5em 0 0;
 overflow-x: hidden;
 overflow-y: auto;
}

.logbox p {
 font-size: 1.3rem;
 padding-left: 1.6rem;
 margin-bottom: 10px;
}

.logbox.lbwrn {
 height: 29em;
}

.logbox.lbprv {
 height: 72px;
}

 #formContents .editArea ul.use li {
    list-style-type: none!important;
}

.listProcedure01 {
  list-style: none;
  display: inline-block;
	padding:0;
	width:94%;
}
.listProcedure01 .icon {
  font-size: 14px;
}
.listProcedure01 li {
	width: 100%;
    margin-bottom: 7px;
    background: #fff;
    border: 1px solid #4385f5;
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	border-radius: 0;
}

.listProcedure01 li.active:before {
	content: url(common/img/nv_arr.png);
    margin: 8px 0 0 12px;
    position: absolute;
    top: 0;
    left: 6px;
}

.listProcedure01 li span {
	color: #555;
	display: block;
	text-decoration: none;
	position: relative;
	width:100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 15px;
	text-align: left;
	margin-right: 23px;
}

.listProcedure01 li.active span {
	background: #4385F5;
    color: #FFF;
    font-weight: bold;
}

a.applyBtn {
 cursor: pointer;
}

a.applyBtn img:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity:0.8;
}

.editArea {
	padding: 0 1.3rem;
}
	
/* step_area */
#step_area {
    width: 100%;
    margin: 0 auto;
}

ul#frmStep {
	padding-left: 0;
    list-style: none;
    /*margin-left: -5px;*/
	margin: 0 24px 0 34px;
}

#frmStep li {
	display: inline-flex;
	vertical-align: middle;
}

#frmStep li.stp {
    width: 5.5em;
    color: #fff;
    height: 5.5em;
    margin: 0 0 10px;
    padding: 20px 9px 10px;
    background: #b6b6b6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: 400;
    text-align: center;
}

#frmStep li.stp2,
#frmStep li.stp2b {
    width: 30%;
    color: #fff;
    height: 72px;
    margin: 0 0 0 -4px;
    padding: 18px 4px 12px 11px;
    /*-webkit-border-radius: 50%;
    border-radius: 50%;*/
    font-weight: 400;
    text-align: center;
}

#frmStep li.stp2 { background: #b2b2b2;}
#frmStep li.stp2b { background: #c6c6c6;}

#frmStep li.stp.active,
#frmStep li.stp2.active {
    background: #337ab7;
}
/*20180730追記*/
#frmStep li.arr {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 11px;
	border-color: transparent transparent transparent #b6b6b6;
	margin-bottom: 5px;
}

#frmStep li.arr.active {
    border-color: transparent transparent transparent #337ab7;
}
/*20180730追記*/
#frmStep li.arr2 {
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 11px;
border-color: transparent transparent transparent #b6b6b6;
margin-bottom: 5px;
}

#frmStep li.arr2b {
width: 0;
height: 0;
border-style: solid;
border-width: 36px 0 36px 14px;
border-color: transparent transparent transparent #b2b2b2;
margin: 0 0 0 -4px;
background: #c6c6c6;
}

#frmStep li.arr2b.active {
border-color: transparent transparent transparent #337ab7;
background: #b2b2b2;
}

#frmStep li.arr2.active {
border-color: transparent transparent transparent #337ab7;
}


/*20180723追記*/
select.period_select {
	-webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    appearance: menulist!important;
}

select.period_select::-ms-expand {
	display: block;
}
/*20180723追記*/

th.prchd {
	width: 15%;
}
ul.rsn {
	line-height: 1.65;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 10px!important; 
}

ul.thm {
	line-height: 1.65;
	margin-bottom: 5px;
}

ul.thm li {
	width: 48%;
	letter-spacing: 0;
}

ul.thc {
	line-height: 1.65;
	margin-bottom: 5px;
}

ul.thc li {
	width: 31%;
	letter-spacing: 0;
}

ul.list-unstyled li span.note {
    display: block;
    padding-left: 1.4em;
    font-size:1.2rem;  
}

@media screen and (min-width:768px) and (max-width: 992px) {
	ul#frmStep {
		/*margin: 0 0 0 16px;*/
		margin: 0 0 0 -8px;
	}
}


@media screen and (max-width: 767px) {
th.prchd {
	width: 30%;
}

ul#frmStep {
	margin: 0 0;
	text-align: center;
}

#frmStep li.stp2,
#frmStep li.stp2b {
    width: 28%;
	padding: 18px 6px 12px 22px;
}

/*
#frmStep li {
	display: block;
}

#frmStep li.stp {
	width: 100%;
	margin: 0 0 10px;
}
*/
.editArea {
	padding: 0 0;
}

ul.thm li {
	width: 100%;
}

ul.thc li {
	width: 100%;
}

.logbox {
 overflow-x: hidden;
 overflow-y: scroll;
}
/*20180723追記*/
.logbox::-webkit-scrollbar {
    height: 14px;
    width: 12px;
	background: #efefef;
  }
.logbox::-webkit-scrollbar-thumb {
    background: #9aadfc;
    border-radius: 2px;
  }
/*.logbox::-webkit-scrollbar-track-piece {
    background: #efefef;
  }*/
  
#formContents .blockPolicy_if::-webkit-scrollbar {
    height: 10px;
    width: 12px;
	background: #efefef;
  }
 
 #formContents .blockPolicy_if::-webkit-scrollbar-thumb {
    background: #9aadfc;
    border-radius: 2px;
  }
  

.logbox.lbwrn {
 /*height: 85px;*/
 height: 95px;
}
/*20180723追記*/
.form-control {
    padding: 0 6px;
}
}

.table.item-table td.chk,
.table.item-table td.itm,
.table.item-table td.prd,
.table.item-table td.slNmbr {
 vertical-align: middle;
}

/*20180723追記*/
.table.item-table td.itm {
	padding-left: 1.8em;
    text-indent: -1.2em;
}
/*20180723追記*/

.table.item-table td.prc {
 padding-right: 1.8rem;
 text-align: right;
 vertical-align: middle;
}

.table.item-table td.slNmbr {
    position: relative;
}

.in_e {
    position: absolute;
    right: -3.5em;
    width: 16.4em;
    z-index: 2;
}

input[type="checkbox"] {
    margin: 3px 0 0;
}

@media screen and (min-width: 768px) {
.txtCaution01.nmbIl { padding-top: 0.6em!important;}
}

@media screen and (max-width: 767px) {
.table.item-table td {
 padding: 4px;
 border-top-width: 0;
}
.table.item-table td.chk,
.table.item-table td.itm {
 display: inline-block;
}
.table.item-table td.chk {
 padding-left: 15px;
}
.table.item-table td.itm {
 padding-top: 6px;
 padding-left: 10px;
} 
.table.item-table td.prd,
.table.item-table td.slNmbr,
.table.item-table td.prc {
 display: block;
}
.table.item-table td.slNmbr {
 padding-bottom: 10px;
}
.table.item-table td.prc {
 margin-bottom: 15px;
 padding-right: 3.2rem;
 background: #f9f9f9;
 border-top: 2px solid #bf1c61 !important;
 border-bottom: 1px dotted #ddd;
 font-size: 1.6rem;
}
.in_e {
    left: 4px;
}

label {
    max-width: 90%;
}
.input-group {margin-bottom: 5px;}
}
}