@charset "utf-8";
/* CSS Document */
/* 内側リストは初期状態で非表示 */
.c-sublist {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  list-style-type: none;
  padding-left: 20px;
  margin: 0;
  margin-top: 5px;	
}
.c-sublist li {
  display: flex;
  align-items: center;         /* 子要素を縦方向中央に */
}
.c-sublist a::before {
  content: "・" !important;
  display: inline-block;       /* インラインブロックにする */
  vertical-align: middle;      /* テキストの中央に揃える */
  line-height:1;
  margin-right: 0.5em;         /* 余白調整 */
  background: none !important;
}
.c-sublist .c-list__item--dot1{
	display: table;
  	word-break: break-all; 
}
.c-sublist .c-list__item--dot1 a::before {
  content: "・";
  padding-right: 1em;
　background: none !important;	
}
.c-list__item--dot1 a::after {
  content: "";
  padding-right: 1em; }

.c-list__item--dot1 + li {
  margin-top: 15px; 
}
/* チェックが入ったら展開 */
.toggle:checked ~ .c-sublist {
  max-height: 500px;
}

/* チェックボックスは非表示 */
.toggle {
  display: none;
}
/* ラベルにアイコンを付ける */
.toggle-l {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 0px;
}

/* 疑似要素で「<」を表示 */
.toggle-l::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -19px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.332' height='21.332' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath d='M4 2l5.651 6L4 14h2.349L12 8 6.349 2H4z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain; 
}
/* ラベルの後ろに＋を表示 */
.toggle-l::after {
  content: "＋";
  margin-left: 0.5em;
}

/* チェックが入ったら「∨」に変更 */
.toggle:checked + .toggle-l::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.332' height='21.332' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath d='M4 2l5.651 6L4 14h2.349L12 8 6.349 2H4z'/%3E%3C/svg%3E") no-repeat center;
  transform: rotate(90deg); /* ← 右向きを下向きに回転 */
}
.toggle:checked + .toggle-l::after {
	content: "－";
}