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

.accordion {
  margin-inline: auto;
  margin-top: 30px;
  position: relative;
  width: 100%;
}
.accordion-title {
  color: #000;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 4vw 10px 20px;
  border-bottom: 1px solid #000;
}
.accordion-content {
  display: none;
  padding: 10px 20px;
}

/* タイトルの背景色 */
.accordion-item .accordion-title {
line-height: 1.75;
}
/* コンテンツボックスの枠線 */
.accordion-item .accordion-content {

}
/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::after {
  border-right: solid 2px #000;
  border-top: solid 2px #000;
  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);
}

/* 768px以下用：タブレット／*/
@media screen and (max-width: 768px){

.accordion-title{
padding:1vw 6.5vw 3vw 2vw;
}
.accordion-title::after{
right: 2vw;
height: 2vw;
width: 2vw;
}
.accordion-content{
padding: 2vw 2vw;
}


}