/* column top and archive pages */

html {
  scroll-behavior: smooth; /* 全てのアンカーリンクでスムーズスクロールを有効にする */
}
@media print, screen and (max-width:750px) {
.p-column-article__entry .pc-view,
.p-column-article__entry .pc-view-inline {
display:none;
}
}
@media print, screen and (min-width:751px) {
.p-column-article__entry .sp-view,
.p-column-article__entry .sp-view-inline {
display:none;
}
}

/* breadcrumb */

.p-breadcrumb__list {
  flex-wrap:wrap;
}

.p-column {
  margin-top: 12.375rem;
}
.c-section__title--jp {
    display: inline-block;
    margin-top: -1.875rem;
    font-size: 3.2rem;
}
.c-section__lead {
    font-size: 1.95rem;
  font-weight:400;
}
@media screen and (min-width: 751px) {
    .c-section__title--jp {
        margin-top: -0.875rem;
        font-size: 1.75rem;
    }
}
@media screen and (min-width: 751px) {
  .p-column {
    margin-top: 7.3125rem;
  }
  .p-column-fv {
    width: 100%;
    border-top: 1.33333rem #E3F3FC solid;
    margin-top: .1rem;
  }
  .p-column-article__lead {
    font-size:1rem;
    /* font-weight:100; */
    margin-top: 1.1rem;
  }
}


.p-column__inner {
  max-width: 37.5rem;
  padding-top: 3rem;
}
@media screen and (min-width: 751px) {
  .p-column__inner {
    max-width: 59.375rem;
  }
}

.p-column__contents {
  margin-top: 4rem;
}
@media screen and (min-width: 751px) {
  .p-column__contents {
    width: 18.75rem;
    margin: 2.125rem auto 0;
  }
}
@media screen and (min-width: 751px) {
  .p-column__items {
    margin-top: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.p-column__item {
  width: 100%;
  padding-bottom: 3rem;
  margin-top: 2.5rem;
}
@media screen and (min-width: 751px) {
  .p-column__item {
  border-bottom: none;
  padding-bottom: 0;
  width: 18.75rem;
  min-height: 21.5rem;
  margin-top: 0;
  }
}

.p-column__item:not(:first-child) {
  margin-top: 3.0625rem;
}
@media screen and (min-width: 751px) {
  .p-column__item:not(:first-child) {
    margin-top: 0;
  }
}

.p-column__link {
  position: relative;
  display: block;
  width: 100%;
}
.p-column__link-head {
  display: flex;
  align-items: center;
}
.p-column__link-head time {
  font-size: 1.625rem;
  letter-spacing: -0.04em;
  font-weight: 300;
  color: #231815;
}
.p-column-list__img {
  width: 100%;
  min-height: 24rem;
  background-image: url(/column/27008415_s.jpg);
  background-size: cover;
}
.hotel .p-column-list__img{
  background-image: url(/column/27419814_s.jpg);
}
@media screen and (min-width: 751px) {
  .p-column__link-head time {
    font-size: 0.9375rem;
  }
  .p-column-list__img img {
    height: 12.3rem;
    width: 100%;
}
.p-column-list__img {
  min-height: 12.3rem;
}
}

.p-column__tag {
  margin-top: 2rem;
  width: 10.4rem;
  padding: 0.5rem 1.3125rem;
  background-color: #6ab19f;
}
@media screen and (min-width: 751px) {
  .p-column__tag {
    margin-left: 0.71875rem;
    width:auto;
    padding: 0.3rem 0.8rem 0.4rem;
  }
}

.p-column__item-title {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 1.0625rem 0 0.3125rem 0;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.7;
  color: #231815;
  letter-spacing: -0.03em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 751px) {
  .p-column__item-title {
    font-size: 1rem;
    padding: 0.425rem 0 0.3125rem 0;
  }
}

.p-column__btn {
  margin-top: 4.25rem;
  text-align: right;
}
@media screen and (min-width: 751px) {
  .p-column__btn {
    margin-top: 2.0625rem;
  }
}

/* pagination */

#pagination {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 4rem;
  padding-bottom: 4rem;
}
#pagination button {
  border: 1px solid #003570;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  font-size: 1.8rem;
  color: #003570;
}
#pagination span {
  padding: .9rem .8rem;
  cursor: pointer;
  border-radius: 50%;
  width: auto;
  font-size: 2.1rem;
  color: #6882a7b3;
}
#pagination .active {
  background: #003570;
  color: #fff;
  /* font-weight: bold; */
  pointer-events: none;
}
@media screen and (min-width: 751px) {
#pagination {
  /* margin-left: 23rem; */
  padding-bottom: 1rem;
  /* justify-content: right; */
  margin-right: -22rem;
}
#pagination button {
  height: 2.5rem;
  width: 2.5rem;
  display: block;
  font-size: 1.1rem;
}
#pagination span {
  padding: .3rem .8rem;
  font-size: 1.2rem;
}
}

/* column article page */

@media screen and (min-width: 751px) {
  .p-column-article {
    width: 100%;
  }
  .p-column-article-page {
    width: 100%;
    border-top: 1.33333rem #E3F3FC solid;
    margin-top: .1rem;
  }
}

.p-column-article__inner {
  max-width: 37.5rem;
  padding-top: 1.4rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 751px) {
  .p-column-article__inner {
    padding: 0;
    display: flex;
    justify-content: space-between;
    max-width: 62.5rem;
    margin-top: 2.6rem;
  }
  .p-column-article-page__inner {
    margin-top: 2.4rem;
  }
}

.p-column-article__contents {
  margin-top: 4rem;
}
@media screen and (min-width: 751px) {
  .p-column-article-contenst {
    width: 40rem;
    padding: 0;
  }
  .p-column-right {
    width: 19.2rem;
  }
}

.p-column-article__time {
  font-size: 1.625rem;
  letter-spacing: -0.04em;
  font-weight: 300;
  color: #231815;
  font-size:2rem;
}
.p-column-article__time_inner {
  margin-top:1rem;
}
@media screen and (min-width: 751px) {
  .p-column-article__time {
    font-size: 0.9375rem;
    font-size: .9rem;
}
}

.p-column-article__tag {
  width: 11.75rem;
  padding: .35rem 1rem 0.45rem 1rem;
  font-size: 1.42rem;
  margin-top: 1.9rem;
  white-space: nowrap;
}
.p-column-article-page .p-column-article__tag {
  width:auto;
  min-width: auto;
  margin-top: 0;
  padding: .35rem 2.5rem 0.45rem;
}
@media screen and (min-width: 751px) {
  .p-column-article__tag {
    width: 6rem;
    padding: 0.2rem 0.1rem 0.2rem;
    font-size: .75rem;
    margin-top: .9rem;
  }
  .p-column-article-page__tag {
    min-width: 5.7rem;
    width: auto;
    padding: 0.28rem 0.1rem 0.33rem;
    font-size: .89rem;
    margin-top: 0;
  }
.p-column-article-page .p-column-article__tag {
  padding: 0.245rem 1.25rem 0.33rem;
  font-size: .825rem;
}
}

.p-column-article__title {
  font-size: 2.3rem;
  color: #231815;
  padding-top: 0.5rem;
  font-weight: lighter;
}
.p-column-article-page__title {
  font-size:2.25rem;
  padding: 1rem 0 .5rem;
  font-weight: 400;
}
@media screen and (min-width: 751px) {
  .p-column-article__title {
    font-size: 0.9375rem;
    padding: 0.2rem 2.1875rem 0.3125rem 0;
    letter-spacing: normal;
    font-size: 1.42rem;
    line-height: 1.6;
  }
  .p-column-article-page__title {
    /* margin-top: 1.12em; */
    font-size: 1.42rem;
    padding: 1rem 0 0;
    /* font-weight: normal; */
    /* line-height: 1.5; */
  }
}

.p-column-article__btn {
  margin-top: 4.25rem;
  text-align: right;
}
@media screen and (min-width: 751px) {
  .p-column-article__btn {
    margin-top: 2.0625rem;
  }
}

.p-column-article__entry {
  font-size: 1.7rem;
  padding-top: 3rem;
  width: 100%;
}
@media screen and (min-width: 751px) {
.p-column-article__entry {
  font-size: 1rem;
  padding-top: 2.2rem;
}
}
.p-category__wrapper.p--column-right__wrapper {
  margin-top:3rem;
}
.p-column-article-page .p-column-right__select-link {
  border-top: .125rem solid #000;
}
@media screen and (min-width: 751px) {
  .p-column-article-page .p-column-right__select-link {
    border-top:none;
}
}

.p-column-article__entry p {
  line-height: 1.8;
  margin-bottom: .7rem;
}
.p-column-article__entry table {
  margin: 2rem auto !important;
  display:block;
}
.p-column-article__entry img {
  margin:auto;
  height: auto;
  width: auto;
  display:block;
}
.p-column-article__entry .blue-btn {
  display: block;
  background: #219DD7;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 1.8rem 0 1.8rem 2rem;
  margin:6rem auto 0;
  width: 100%;
  letter-spacing: 0.05em;
}
.p-column-article__entry .blue-btn .arrow {
  width: 2rem;
  height: 1.8rem;
  background-image: url("/images/icon-white-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  margin: 0.6rem 1.4rem 0 0;
}
@media print, screen and (min-width:751px) {
.p-column-article__entry p {
  font-size:.85rem;
}
.p-column-article__entry .blue-btn {
  font-size: .9em;
  padding: .7rem 0;
  margin: 3rem auto 0;
  width:17.5rem;
}
.p-column-article__entry .blue-btn .arrow {
  width: .9rem;
  height: .8rem;
  margin: 0.35rem .6rem 0 0;
}
}
.p-column-article__info-top {
  display: flex;
  justify-content: center;
  margin-bottom: 7rem;
  margin-top: 4rem;
}
.p-column-article__section-btn--info-top {
  display: block;
  width: 37.5rem;
  background: #e6f6ff;
  color: #1a1a1a;
  font-size: 2rem;
  text-align: center;
  padding: 1.5rem 0;
  border: 1px solid #1a1a1a;
}
@media print, screen and (min-width:751px) {
.p-column-article__section-btn--info-top {
  font-size: 1em;
  padding: 0.7rem 0;
  width:17.5rem;
  letter-spacing: 0.05em;
  }
}
.p-column-article__entry .column-image {
  margin:6rem auto;
}
.p-column-article__entry .column-image.column-image_main {
  box-shadow: 4px 4px 0px #36bdef7d;
  margin:0 auto;
}
.p-column-article__entry .column-meta {
  margin-top: 2.4rem;
}
.p-column-article__entry .column-meta__item {
  padding-top: 0.5rem;
}
.p-column-article__entry .column-section__title,
.p-column-article__entry h4 {
  border-left:5px solid #36BDEF;
  padding:0 1.2rem 0.4rem;
  margin-top:4rem;
  margin-bottom: 2rem;
  font-size: 2.06rem;
  line-height:1.4;
}
.p-column-article__entry > p > strong {
  border-left:5px solid #36BDEF;
  padding:0 1.2rem 0.4rem;
  margin-top:4rem;
  font-size: 1.8rem;
  line-height:1.4;
  display:block;
}
.p-column-article__entry .column-section__content {
  margin-top:1.4rem;
}
.p-column-article__entry .column-box__title,
.p-column-article__entry h3 {
  background-color:#e3f3fc;
  font-size:1.9rem;
  padding:2.2rem 1.8rem;
  margin-top: 4rem;
  margin-bottom: .8rem;
}
.p-column-article__entry .p-column-article-page__summary {
  position: relative;
  padding:0 0 1rem;
  background:none;
}
.p-column-article__entry .p-column-article-page__summary-txt {
  display:inline-flex;
  position: relative;
  padding:1rem 2.5rem;
  background-color:#e3f3fc;
  z-index:10;
}
.p-column-article-page__summary::after {
  content:"";
  width:29rem;
  height:.45rem;
  position:absolute;
  background-color:#0094d6;
  right: 0;
  top:2rem;
  z-index:1;
}
.p-column-article__entry .p-column-article-page__summary-article{
  position:relative;
  padding-bottom:4rem;
  margin-bottom: 0;
}
.p-column-article-page__summary-article::after {
  content:"";
  width:100%;
  height:.45rem;
  position:absolute;
  background-color:#0094d6;
  right: 0;
  bottom:0;
  z-index:10;
}
.p-column-article__entry .column-text {
  margin-top:2rem;
}
.p-column-article__entry {
  overflow-wrap: break-word;
}
@media print, screen and (min-width:751px) {
.p-column-article__entry .column-image {
  margin: 3.9rem auto 0;
  max-width: 27rem;
}
.p-column-article__entry .column-box__title,
.p-column-article__entry h1 {
  font-size: 1.27rem;
  padding: 1rem 1.2rem;
  margin-top: 3rem;
}
.p-column-article__entry .column-section__title,
.p-column-article__entry h4 {
  padding:0 0 0.2rem 0.7rem;
  margin-top:2.2rem;
  font-size:1.2rem;
  border-left:4px solid #36BDEF;
  line-height:1.1;
}
.p-column-article__entry > p > strong {
  margin-top:2.2rem;
  border-left:4px solid #36BDEF;
  font-size:1rem;
  line-height:1.4;
  padding:0 0 0.2rem 0.7rem;
}
.p-column-article__entry h4 {
  margin-bottom:1rem;
  font-size: 1.0625rem;
}
.p-column-article__entry .column-section__content {
  margin-top:1.1rem;
}
.p-column-article__entry .column-text {
  font-size:.9em;
  line-height: 1.8;
  margin-top: 1rem;
}
.p-column-article__entry .column-box__title,
.p-column-article__entry h3 {
  background-color:#e3f3fc;
  font-size:1.2rem;
  padding: 1.1rem;
  margin-top: 1rem;
  margin-bottom: 1.1rem;
}
.p-column-article__entry h3 {
  padding: .9rem;
}
.p-column-article__entry .p-column-article-page__summary {
  padding:0 0 .2rem;
  margin-top:3.9em;
}
.p-column-article__entry .p-column-article-page__summary-txt {
  padding:.5rem 1.5rem;
  font-size:1.2rem;
}
.p-column-article-page__summary::after {
  width:34rem;
  height:.27rem;
  position:absolute;
  background-color:#0094d6;
  top:1.2rem;
}
.p-column-article__entry .p-column-article-page__summary-article{
  position:relative;
  padding-bottom:2.6rem;
  margin-bottom: 0;
}
.p-column-article-page__summary-article::after {
  height:.27rem;
}
}

/* Article pages Pager */

.p-column-article__pager {
  max-width: 39.5rem;
  padding-top: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin: 4rem auto 0;
}
.p-column-article__pager  {
  display:flex;
  font-size: 1.8rem;
}
.p-column-article__pager .pull-left {
  border-bottom: .2rem solid #6cb7e8;
  padding: 0 2rem 1rem 4rem;
  position:relative;
}
.p-column-article__pager .pull-right {
  border-bottom: .2rem solid #6cb7e8;
  padding: 0 4rem 1rem 2rem;
  position:relative;
}
.p-column-article__pager .pull-left::after,
.p-column-article__pager .pull-right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1.25rem;
}
.p-column-article__pager .pull-left::after {
  left:0;
  background-image: url("/images/icon-black-arrow-left.svg");
}
.p-column-article__pager .pull-right::after {
  right: 0;
  background-image: url("/images/icon-black-arrow-right.svg");
}
@media print, screen and (min-width:751px) {
.p-column-article__pager  {
  font-size: 1.1rem;
  margin-top: 3.4rem;
}
.p-column-article__pager .pull-left::after,
.p-column-article__pager .pull-right::after {
  width: .85rem;
  height: .85rem;
  bottom: 0.425rem;
}
.p-column-article__pager .pull-left,
.p-column-article__pager .pull-right {
  font-size: .925rem;
  line-height: 1;
  border-bottom: 2px solid #6cb7e8;
}
.p-column-article__pager .pull-left {
  padding: 0 1rem 0.5rem 2rem;
}
.p-column-article__pager .pull-right {
  padding: 0 2.3rem 0.5rem 1rem;
}
.p-column-article__info-top {
  margin-bottom: 4rem;
  margin-top: 2rem;
}
}


/* right area select box  */

@media print, screen and (min-width:751px) {
  .p-column-right__select-link {
    margin-top:3rem;
  }
  .p-column-right__select-link .p-category__wrapper {
  max-width: 19rem;
  margin-top:1rem;
  margin-left: 0;
  padding-bottom:2.4rem;
  }
}

/* column popular entries */

.p-column-popular__inner {
  padding-top: 1rem;
  margin-top: 1.5rem;
  /* border-top: .125rem solid #000; */
}
.p-category-popular__item {
  position:relative;
}
.p-category-popular__item:not(:first-child)  {
    margin-top: 6.6875rem;
}
.p-column__column-title {
  position: relative;
  margin-top: 4.375rem;
  padding: 0 0 .4rem 1.4375rem;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.2;
}
.p-column__column-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5625rem;
    height: 100%;
    background-color: #A1D9F6;
}
.p-column-popular__tag {
  width: 10rem;
}
@media screen and (min-width: 751px) {
  .p-column__column-title {
    margin-top: 0;
    font-size: 1.25rem;
    padding: 0 0 .1rem .85rem;
  }
}

.p-column-popular {
  margin-top: 9.75rem;
  margin-bottom: 8.25rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular {
    margin-top: 4.6875rem;
    margin-bottom: 8.5rem;
  }
}
.p-column-popular-articles {/* margin-top: 1rem; */}
.p-column-popular__inner {
  max-width: 37.5rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__inner {
    max-width: 59.375rem;
  }
}

.p-column-popular__lead {
  margin-top: 1.75rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__lead {
    margin-top: 1.4375rem;
  }
}

.p-column-popular__contents {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__contents {
    margin-top: 2.625rem;
  }
}

.p-column-popular__column-title {
  position: relative;
  margin-top: 4rem;
  padding-left: 1.5rem;
  font-size: 2.5rem;
  line-height: 1;
}
@media screen and (min-width: 751px) {
  .p-column-popular__column-title {
    margin-top: 0;
    font-size: 1.2rem;
    padding: 0 0 .1rem 1.25rem;
  }
}

.p-column-popular__column-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5625rem;
  height: 100%;
  background-color: #a1d9f6;
}

.p-column-popular__items {
  display: none;
  margin-top: 3.625rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__items {
    margin-top: 1.2rem;
  }
}

.p-column-popular__items.all {
  display: block;
}
.p-column-popular__item {
  position: relative;
}

.p-column-popular__item:not(:first-child) {
  margin-top: 6.6875rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__item:not(:first-child) {
    margin-top: 1.25rem;
  }
}

.p-column-popular__link {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 751px) {
  .p-column-popular__link {
  align-items: self-end;
  padding: 0;
  }
}

.p-column-popular__img {
  width: 100%;
  max-width: 11.875rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__img {
    max-width: 6rem;
  }
}

.p-column-popular__img img {
  aspect-ratio: 190/190;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 751px) {
  .p-column-popular__img img {
    aspect-ratio: 120/120;
  }
}

.p-column-popular__body {
  margin-left: 1.375rem;
}
@media screen and (min-width: 751px) {
  .p-column-popular__body {
    margin-left: .7rem;
  }
}

.p-column-popular__item-title {
  position: relative;
  margin-top: 1.125rem;
  padding-right: 3.125rem;
  font-size: 1.875rem;
  line-height: 1.5;
  color: #231815;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
}
@media screen and (min-width: 751px) {
  .p-column-popular__item-title {
    padding-right: 0;
    font-size: 0.9375rem;
    width: 10rem;
    margin-top: .6rem;
  }
}

.p-column-popular__item-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #231815;
  transition: width 0.3s ease;
}
.p-column-popular__item:hover .p-column-popular__item-title::after {
  width: 100%;
}
.p-column-popular__item-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.p-column-popular__btn {
  margin-top: 6.6875rem;
  text-align: right;
}
@media screen and (min-width: 751px) {
  .p-column-popular__btn {
    margin-top: 1.25rem;
  }
}

.p-column-popular__item:hover .c-arrow {
  transform: translateX(5px);
}
@media print, screen and (min-width:751px) {
.p-column-popular__items{
    margin-top:1.3rem;
}
.p-category-popular__item:not(:first-child)  {
    margin-top:2.1rem;
}
.p-column__column-title::before {
    width: 0.3rem;
}
.p-column-popular-articles {
  max-width: 18.5rem;
}
.p-column-popular__inner {
  border-top:0;
  padding: 0;
  margin-top:0;
}
.p-column-popular__tag {
  width: auto;
  min-width: 6.5rem;
  font-size: .75rem;
  padding: .15rem 0 .25rem;
}
}

/* Bottom Open Campus Banners  */

.p-column-btm-banners{
  padding-bottom: 8rem;
}
.p-column-btm-banners__title{
  text-align:center;
  margin-top:8.4rem;
  font-size:2.5rem;
  letter-spacing:-0.1rem;
  font-weight:100;
}
.p-column-btm-banners .p-banner-top {
  margin-top:1.5rem;
}
.swiper-pagination-bullet,
.p-banner-top__swiper-pagination .swiper-pagination-bullet-active {
  display:none;
}
@media print, screen and (min-width:751px) {
  .p-column-btm-banners{
    padding-bottom: 5rem;
    margin-top: 1.25rem;
  }
  .p-column-btm-banners__title { 
    margin-top:.34rem;
    font-size:1.26rem;
  }
  .p-column-btm-banners .p-banner-top {
    margin-top:1rem;
  }
  .swiper-pagination-bullet,
  .p-banner-top__swiper-pagination .swiper-pagination-bullet-active {
    display:inline-block;
  }
}

/* Column Article pages Mokuji  */

#toc-container {
    margin: 6rem auto 5rem; /* 上下の余白と中央寄せ */
    border: 1px solid #00A3D7; /* 画像に合わせて青い枠線 */
    padding: 1.3rem 1.5rem 1.8rem; /* 内側の余白 */
    box-sizing: border-box; /* paddingをwidthに含める */
    background-color: #FFFFFF;
}
.toc-header {
    display: flex; /* Flexboxで横並びにする */
    justify-content: space-between; /* 両端揃え */
    align-items: center;
}
.toc-header .toc-title {
    font-size: 2.25rem;
    /* font-weight: 100; */
}
.toc-header .toc-close-button {
    background-color: #00A3D7; /* 閉じるボタンの背景色（画像に合わせて青） */
    color: #FFFFFF; /* ボタンのテキスト色 */
    border: none; /* 枠線なし */
    padding: .4rem .9rem; /* ボタンのパディング */
    font-size: 1.8rem; /* ボタンのフォントサイズ */
    line-height: 1;
    cursor: pointer;
}
#toc-list>ul {
    list-style: none; /* デフォルトの箇条書きを削除 */
    padding: 0; /* デフォルトのパディングを削除 */
    margin: 2rem 0 0;
}
#toc-list>ul>li>ul {
    margin-top: 2.8rem;
}
#toc-list ul li {
    position: relative; /* 疑似要素のために必要 */
    margin: .8rem 0 0 .3rem; /* 各リストアイテムの下の余白 */
    padding-left: 1.7rem; /* 青い丸のスペースを確保 */
    line-height: 1.5; /* 行の高さ */
    font-size: 2rem; /* 基本的なフォントサイズ */
}
#toc-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    width: 1.125rem; /* 丸のサイズ */
    height: 1.125rem; /* 丸のサイズ */
    background-color: #0094d6; /* 画像に合わせて青色 */
    border-radius: 50%; /* 完全な円にする */
    margin-top: 1.8rem;
}
/* 目次リンクのスタイリング */
#toc-list ul li a {
    text-decoration: none; /* 下線を削除 */
    display: block; /* クリック領域を広げるため */
    padding: .1rem 0;
    letter-spacing: -.1rem;
}
#toc-list ul>li>ul {
    margin-top: 1rem;
}
/* ネストされたリストの箇条書きアイコン (h3レベル以降) */
#toc-list ul>ul>ul>li>ul>li::before {
  content:none;
  padding-left:0;
}
#toc-list ul>ul>ul>li>ul>li {
    margin-top: .2rem;
    padding-left: 0;
    font-size: 1.9rem;
}
/* 目次リストのコンテナ */
#toc-list {
    overflow: hidden; /* 高さがゼロになったときに内容がはみ出さないようにする */
    transition: height 0.4s ease-out; /* 高さの変化に0.4秒かけてアニメーションを適用 */
    /* ease-out は最初速く、最後ゆっくりになる動き */
}
/* 目次が閉じている状態のスタイル */
#toc-container.is-closed #toc-list {
    height: 0 !important; /* 高さを0にして非表示にする。!importantは他のスタイルより優先するため */
    padding-top: 0 !important; /* パディングも0にする */
    padding-bottom: 0 !important;
    margin-top: 0 !important; /* マージンも0にする */
    margin-bottom: 0 !important;
    opacity: 0; /* 透明度も0にして、内容が見えないようにする */
    transition: height 0.4s ease-out, opacity 0.4s ease-out; /* 透明度の変化にもアニメーションを適用 */
}
@media screen and (min-width: 751px) {
  #toc-container {
    margin: 2rem 1.25rem 2.5rem;
    padding: 1.3rem 1.5rem 1.4rem;
 }
  .toc-header .toc-title {
    font-size: 1.2rem;
  }
.toc-header .toc-close-button {
    padding: .2rem .5rem .3rem;
    font-size: .85rem;
}
.toc-header .toc-close-button:hover {
    background-color: #0088b3;
}
#toc-list>ul {
    margin: 1rem 0 .5rem;
}
#toc-list ul li a:hover {
    color: #00A3D7;
    text-decoration: underline;
}
#toc-list ul li {
    margin: .7rem 0 0 .3rem;
    padding-left: 1rem;
    line-height: 1.5;
    font-size: 1rem;
}
#toc-list ul li::before {
    width: .7rem;
    height: .7rem;
    margin-top: .9rem;
}
#toc-list ul>li>ul {
    margin-top: .5rem;
}
#toc-list ul>ul>ul>li>ul>li {
    font-size: .9rem;
}
}