/* base */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* アコーディオンメニュー全体 */
dl {
  width: 100%;
  margin: 10px auto;
  cursor: default;
}

/* メニュー1セット */
.accordion{
	cursor: pointer;
	border: 1px solid #ccc;
	margin-top:5px;
}

/* タイトル */
.accordion-title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 20px;
  border-bottom:1px solid #033;
  cursor: pointer;
}

/* 中身 */
.accordion-content {
  display: none;
  font-size: 14px;
  padding: 0 20px 15px 20px;
  margin-bottom: 5px;
}

.accordion-content div {
	  border-bottom:1px solid #999;
	  padding-top:10px;
}

.accordion-content .eigyo {
	font-size:14px;
	font-weight:bold;
}

.accordion-content button {
	float:right;
	margin-top:10px;
    cursor: pointer;
}

/* 疑似要素にアイコンを付ける */
.accordion-title::after {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto 0; /* 上下中央揃え */
  content: "▼";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  font-size: 26px;
  width: 1em;
  height: 1em;
  text-align: center;
  color: #039;
  transition: transform 0.5s;
}

/* クラス名にopenが付いたらアイコンが180度回転 */
.accordion-title.open::after {
  transform: rotate(180deg);
}

.pin{
    font-size: 16px;
    font-weight: 600;
}

.pin img {
    vertical-align: middle;
}

.butsuryu {
    padding:10px 20px;
    border-bottom:1px solid #999;
    font-size:14px;
}

.butsuryu .eigyo {
	font-size:14px;
	font-weight:bold;
}

.butsuryu button {
	float:right;
	margin-top:10px;
    cursor: pointer;
}