.accordion {
  margin-left: 3%;
  margin-right: 3%;
  width: 94%;
  position: relative;
  margin-bottom:20px;
}

.accordion-item{
margin-bottom:15px;
}
.accordion-title {
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  padding: 8px 20px 8px 20px;
  margin:0 !important;
}
.accordion-content {
  display: none;
  padding-top:5px;
  padding-bottom:5px;
}

/* タイトルの背景色 */
.accordion-item .accordion-title {
  background-color: #015cab;
}

/* コンテンツボックスの枠線 */
.accordion-item .accordion-content {
  background-color: #e6eff8;
}

/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}


@media print, screen and (min-width: 769px) {

.accordion {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  position: relative;
  margin-bottom:30px;
}

.accordion-item{
margin-bottom:20px;
}

.accordion-title {
  font-size: 22px;
  padding: 12px 20px 12px 50px;
  margin:0 !important;
}

.accordion-content {
  display: none;
  padding-top:20px;
  padding-bottom:20px;
}

}