@charset "UTF-8";

/*ベース*/
.accordion .toggle {
  display: none;
}

.accordion {
  margin: 0px 350px;
  white-space: nowrap;
  padding: 5px 0px;
}

.accordion .Label {    /*タイトル*/
  width:100%;
  padding: 0.4% 0;
  display: block;
  color: #000000;
  background: #e9e9e9;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  }
.accordion .infoicon {
  display: inline-block;
  background: #0a3488;
  margin: 0 10px;
  padding: 0 5px;
  color: #ffffff;
  font-size: 10px;
}
.accordion .infoicon2 {
  display: inline-block;
  background: #4CAF50;
  margin: 0 10px;
  padding: 0 5px;
  color: #ffffff;
  font-size: 10px;
}
.accordion .Label::before{   /*タイトル横の矢印*/
  content:"";
  width: 6px;
  height: 6px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top:calc( 50% - 3px );
  right: 20px;
  transform: rotate(135deg);
}
.accordion .Label,
.accordion .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.accordion .content {    /*本文*/
  width: 900px;
  height: 0;
  /*margin-bottom:10px;*/
  padding:0 20px;
  overflow: hidden;
}
.toggle:checked + .Label + .content { /*開閉時*/
  height: auto;
  padding:20px 80px;
  transition: all .3s;
}
.toggle:checked + .Label::before {
  transform: rotate(-45deg) !important;
}

.accordion .newsLink {    /*タイトル*/
  width:1060px;
  padding: 0.1% 0;
  display: block;
  color: #000000;
  background: #e9e9e9;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  }
.accordion .newsLink a {    /*タイトル*/
  display: block;
  }