/*------------- accordion.css --------------*/

.cms-public .accordion .title-list {
  border: none;
}

.cms-public .accordion .title-list li {
  list-style-type:none;
}

.cms-public .accordion .title-list .index {
  font-size:1em;
  border: none;
  cursor: pointer;
}

.cms-public .accordion .title-list .index li {
  font-size:1.5em;
  font-weight:bold;
  line-height:1.4em;
  color:#081f51;
  border:1px solid #081f51;
        border-bottom: 4px solid #081f51;
  position:relative;
        cursor: pointer;
  /*padding:5px 0 0 50px;*/
}
.dev-sp .cms-public .accordion .title-list .index li {
    font-size: 1.2em;
}
.dev-sp .cms-public .accordion .title-list .index li.active {
    padding-left: 3em;
    text-align: left;
}
.cms-public .accordion .title-list .index li .before {
  background:#081f51;
  width:40px;
  height:100%;
  display:block;
  position:absolute;
  left:0;
  top:0;
}

.cms-public .accordion .title-list .index li .before:before {
    content: '';
    width: 22px;
    height: 22px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 5px;
    left: 8px;
    margin-top: -4px;
}

.cms-public .accordion .title-list .index li .up:before {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 20px;
}

.cms-public .accordion .title-list .index li.accordiontive {
  border-bottom:1px solid #081f51;
}

.cms-public .accordion .title-list .index li .icon {
/*  width: 28px;*/
height: 28px;
margin: auto 0;
position: absolute;
top: 0;
bottom: 2px;
right: 10px;
background: #fff;
padding-right:35px;
cursor: pointer;
font-size: 0.7em;
}
.dev-sp .cms-public .accordion .title-list .index li .icon {
    right: 0;
    padding-right: 10px;
}
.cms-public .accordion .title-list .index li .icon:before, 
.cms-public .accordion .title-list .index li .icon:after {
  content: "";
  display: block;
  position: absolute;
  background: #081f51;
}
.dev-sp .cms-public .accordion .title-list .index li .icon:before, 
.dev-sp .cms-public .accordion .title-list .index li .icon:after {
  content: none;
}
.cms-public .accordion .title-list .index li .icon:before{
  width: 20px;
  height: 2px;
  top: 13px;
  right: 4px
}
.cms-public .accordion .title-list .index li .icon:after{
  width: 2px;
  height: 20px;
  top: 4px;
  right: 13px;
}

.cms-public .accordion .title-list .index li .hide:after{
  display: none;
}
.cms-public .accordion .title-list .index li h2 {
  cursor: pointer;
}