.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  margin-left: auto;
  margin-right: auto;
  max-width: 100px
}

.wp-block-table td, .wp-block-table th {
  position: relative;
  z-index: 0
}

.wp-block-table>table {
  margin-bottom: 0
}

.wp-block-table.is-all-centered--ta>table, .wp-block-table.is-all-centered>table, .wp-block-table.is-thead-centered thead {
  text-align: center
}

.wp-block-table.is-all-centered--va td, .wp-block-table.is-all-centered--va th, .wp-block-table.is-all-centered td, .wp-block-table.is-all-centered th {
  vertical-align: middle;
  white-space: nowrap;
}

.is-style-simple {
  --tbody-th-color--bg: transparent;
  --thead-color--txt: curentcolor;
  --thead-color--bg: transparent
}

td[data-has-cell-icon*=-bg], th[data-has-cell-icon*=-bg] {
  text-shadow: var(--cell-text-shadow, 1px 1px 1px var(--color_content_bg))
}

td[data-has-cell-icon]:not([class*=has-text-align-]), th[data-has-cell-icon]:not([class*=has-text-align-]) {
  text-align: center;
  vertical-align: middle
}

td[data-has-cell-icon=l-bg], th[data-has-cell-icon=l-bg] {
  padding-bottom: 1.25em;
  padding-top: 1.25em
}

.swl-cell-bg {
  --cell-icon-size: 1.5em;
  background-color: var(--the-cell-bg, unset);
  display: inline-block;
  line-height: 1;
  position: static;
  width: 0
}

.swl-cell-bg:before {
  background-color: inherit;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: -1
}

.swl-cell-bg[data-icon]:after {
  background-color: var(--cell-icon-color, currentColor);
  content: "";
  -webkit-mask-image: var(--cell-icon-svg, unset);
  mask-image: var(--cell-icon-svg, unset);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none
}

.swl-cell-bg[data-icon-type=bg]:after {
  display: block;
  height: 100%;
  left: calc(50% - var(--cell-icon-size)/2);
  -webkit-mask-size: auto var(--cell-icon-size);
  mask-size: auto var(--cell-icon-size);
  position: absolute;
  top: 0;
  width: var(--cell-icon-size);
  z-index: -1
}

.swl-cell-bg[data-icon-type=obj] {
  display: inline-flex!important;
  flex-direction: row-reverse;
  font-family: Arial, Helvetica, sans-serif;
  height: auto;
  text-indent: -.28em;
  vertical-align: middle;
  width: auto
}

.swl-cell-bg[data-icon-type=obj]:after {
  display: inline-block;
  height: var(--cell-icon-size);
  position: relative;
  width: var(--cell-icon-size);
  z-index: 0
}

.swl-cell-bg[data-icon-size=l] {
  --cell-icon-size: 2.5em
}

.swl-cell-bg[data-icon-size=l][data-icon-type=bg]:after {
  opacity: .75
}

.swl-cell-bg[data-icon=doubleCircle] {
  --cell-icon-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25,43.4C14.9,43.4,6.6,35.1,6.6,25S14.9,6.6,25,6.6S43.4,14.9,43.4,25S35.1,43.4,25,43.4z M25,8.8 C16.1,8.8,8.8,16.1,8.8,25S16.1,41.2,25,41.2S41.2,33.9,41.2,25S33.9,8.8,25,8.8z"/><path d="M25,2C12.3,2,2,12.3,2,25s10.3,23,23,23s23-10.3,23-23S37.7,2,25,2z M25,45.5C13.7,45.5,4.5,36.3,4.5,25S13.7,4.5,25,4.5 S45.5,13.7,45.5,25S36.3,45.5,25,45.5z"/></svg>')
}

.swl-cell-bg[data-icon=circle] {
  --cell-icon-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25,47C12.9,47,3,37.1,3,25S12.9,3,25,3s22,9.9,22,22S37.1,47,25,47z M25,5.6C14.3,5.6,5.6,14.3,5.6,25S14.3,44.4,25,44.4 S44.4,35.7,44.4,25S35.7,5.6,25,5.6z"/></svg>')
}

.swl-cell-bg[data-icon=triangle] {
  --cell-icon-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M46.7,42.9H3.3c-0.4,0-0.6-0.4-0.4-0.8L24.6,4.6c0.2-0.3,0.7-0.3,0.9,0l21.7,37.6C47.4,42.5,47.1,42.9,46.7,42.9z M6.7,40.4 h36.5L25,8.8L6.7,40.4z"/></svg>')
}

.swl-cell-bg[data-icon=close] {
  --cell-icon-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M42.7,42.7L42.7,42.7c-0.5,0.5-1.3,0.5-1.8,0L7.3,9.1c-0.5-0.5-0.5-1.3,0-1.8l0,0c0.5-0.5,1.3-0.5,1.8,0l33.6,33.6 C43.2,41.4,43.2,42.2,42.7,42.7z"/><path d="M7.3,42.7L7.3,42.7c-0.5-0.5-0.5-1.3,0-1.8L40.9,7.3c0.5-0.5,1.3-0.5,1.8,0v0c0.5,0.5,0.5,1.3,0,1.8L9.1,42.7 C8.6,43.2,7.8,43.2,7.3,42.7z"/></svg>')
}

.swell-block-accordion__item+.swell-block-accordion__item {
  margin-top: .5em
}

.swell-block-accordion__title {
  align-items: center;
  background: var(--color_gray);
  display: flex;
  justify-content: space-between;
  padding: 1em;
  position: relative
}

.swell-block-accordion__label {
  flex: 1 1 auto;
  padding-right: 1em;
  word-break: break-all
}

.swell-block-accordion__icon {
  flex: 0 0 auto;
  font-size: 1.5em;
  text-align: right;
  width: 1em
}

.swell-block-accordion__body {
  height: auto;
  opacity: 1;
  overflow: hidden;
  padding: 1em;
  transition: padding .25s, height .25s, opacity .25s, visibility .25s
}

:not(.is-opened)>.swell-block-accordion__body {
  height: 0!important;
  opacity: 0;
  padding-bottom: 0!important;
  padding-top: 0!important
}

.swell-block-accordion.is-style-border .swell-block-accordion__title, .swell-block-accordion.is-style-simple .swell-block-accordion__title {
  background: none
}

.is-style-simple>.swell-block-accordion__item {
  border-bottom: 1px solid var(--color_border);
  margin-bottom: 0
}

.is-style-simple>.swell-block-accordion__item:first-child {
  border-top: 1px solid var(--color_border)
}

.swell-block-accordion.is-style-main .swell-block-accordion__body {
  border: 1px solid var(--color_main);
  border-top: none
}

.c-switch_icon_btn, .c-switchIconBtn {
  display: block;
  position: relative
}

.c-balloon {
  align-content: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative
}

.c-balloon__icon {
  flex-shrink: 0;
  position: relative;
  text-align: center;
  width: 60px
}

.c-balloon__body {
  align-items: flex-start;
  display: flex;
  flex-basis: 100%;
  padding: 4px 24px
}

.-bln-left .c-balloon__body {
  justify-content: flex-start
}

.c-balloon__text {
  border-radius: 8px;
  color: #333;
  line-height: 1.6;
  max-width: 560px;
  padding: 1em;
  position: relative
}

.c-balloon .c-balloon__text>p {
  margin-bottom: 0;
  margin-top: 0
}

.c-balloon__shapes {
  background-color: inherit;
  border-color: inherit;
  height: 0;
  position: absolute;
  top: 16px;
  width: 0;
  z-index: 1
}

.-bln-left .c-balloon__shapes {
  left: 0
}

.c-balloon__after, .c-balloon__before {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  width: 0
}

.-speaking .c-balloon__after, .-speaking .c-balloon__before {
  border-width: 8px 10px 8px 0;
  left: -10px
}

.c-balloon__before {
  z-index: 3
}

.c-balloon__after {
  border-right-color: inherit;
  z-index: 2
}

.-speaking.-border-none .c-balloon__after {
  display: none
}

.cap_box {
  --capbox-color: var(--color_main);
  --capbox-color--bg: unset;
  position: relative
}

.cap_box_ttl {
  align-items: center;
  background-color: var(--capbox-color);
  color: #fff;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0!important;
  padding: .5em;
  position: relative;
  text-align: center;
  z-index: 1
}

.cap_box_content {
  background-color: var(--capbox-color--bg);
  border: 1px solid var(--capbox-color);
  clear: both;
  margin-top: -2px;
  padding: 1.25em;
  position: relative;
  z-index: 0
}

.is-style-onborder_ttl2>.cap_box_ttl, .is-style-onborder_ttl>.cap_box_ttl {
  display: inline-block;
  font-size: .85em;
  left: 1em;
  line-height: 1;
  margin-bottom: 0;
  padding: .5em .75em;
  position: relative;
  text-align: center;
  top: 1em;
  z-index: 1
}

.is-style-onborder_ttl2>.cap_box_content, .is-style-onborder_ttl>.cap_box_content {
  padding-top: 1.5em
}

.is-style-onborder_ttl>.cap_box_ttl {
  color: var(--capbox-color)
}

.is-style-onborder_ttl>.cap_box_content, .is-style-onborder_ttl>.cap_box_ttl {
  background-color: var(--color_content_bg)!important
}

.is-style-inner>.cap_box_ttl {
  font-size: .85em;
  max-width: 100%;
  min-width: 2em;
  overflow: hidden;
  padding: .25em 1em;
  position: absolute;
  white-space: nowrap
}

.is-style-inner>.cap_box_content:before {
  content: "";
  display: block;
  height: 1em;
  visibility: hidden;
  width: 100%
}

.swell-block-columns {
  --swl-clmn-mrgn--x: 1.5rem;
  --swl-clmn-mrgn--y: 1.5rem;
  --swl-clmn-pddng: 0
}

.swell-block-columns__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: calc(var(--swl-clmn-mrgn--x)*-1);
  margin-top: 0!important;
  row-gap: var(--swl-clmn-mrgn--y)
}

.swell-block-column {
  --clmn-w: var(--clmn-w--mobile, 100%)
}

.swell-block-columns .swell-block-column {
  margin: 0 0 0 var(--swl-clmn-mrgn--x);
  padding: var(--swl-clmn-pddng);
  width: calc(var(--clmn-w) - var(--swl-clmn-mrgn--x))
}

.is-style-balloon, .is-style-bb, .is-style-simple {
  --the-tab-margin: 0 0 1em
}

@media (max-width:599px) {
  .c-balloon__text {
    font-size: .95em
  }
}







summary {
    align-items: center;
    background: var(--color_gray);
    display: flex;
    justify-content: space-between;
    padding: 1em;
    position: relative;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.summary_inner{
flex: 1 1 auto;
    padding-right: 1em;
    word-break: break-all;
}

/*details[open] .icon {*/
/*  transform: rotate(180deg);*/
/*}*/

/* is-openedクラスが付与されたときのスタイル */
details.is-opened .icon {
  transform: rotate(180deg);
}


/* --------アコーディオンの中身のスタイル-------- */
.content {
  overflow: hidden;
  background-color: #f0f2ff;

  /* details直下のタグにpaddingを設定すると挙動がおかしくなるので、ここには指定しない */
}

.content_inner {
  padding: 24px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* --------レイアウト用のスタイル-------- */
.wrapper {
  width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.wrapper details {
  margin-bottom: 16px;
}

.wrapper details:last-child {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .wrapper {
    width: 100%;
  }
}