.movie iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 350px;
}

.p-product-heading__unit {
  margin: 0 20px 20px;
}

.p-product-heading__unit::after {
  display: block;
  clear: both;
  content: '';
}

.p-product-fav-item {
  margin-top: 10px;
}

.p-product-fav-item button {
  padding: 0;
  cursor: pointer;
  transition: .2s;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.p-product-fav-item .is-added {
  color: #ff7373;
}

.p-product-fav-item svg {
  width: 20px;
  height: 20px;
  vertical-align: -.35em;

  fill: currentColor;
}

.p-large-image__image-wrap {
  max-width: 400px;
  border: 6px solid transparent;
}

.p-large-image__image-wrap {
  margin: 20px auto;
}

.p-thumbnail-list {
  box-sizing: border-box;
  margin: 20px -5px 10px;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.p-thumbnail-list__image-wrap {
  border: 2px solid transparent;
}

.p-thumbnail-list::after {
  display: block;
  clear: both;
  content: '';
}

.p-thumbnail-list__unit {
  float: left;
  box-sizing: border-box;
  width: 20%;
  margin-bottom: 10px;
  padding: 0 5px;
}

.p-thumbnail-list__image-wrap.is-current {
  border-color: #333;
  background: #333;
}

.p-view-product-images {
  text-align: right;
}

.p-view-product-images a {
  display: inline-block;
  padding: .5em 0;
  transition: opacity .2s;
  text-decoration: none;
}

.p-view-product-images a:hover {
  opacity: .66;
}

.p-view-product-images a:active {
  opacity: 1;
}

.p-short-description {
  line-height: 1.5;
  margin: 20px 0;
}

.p-cart-form {
  margin: 20px 0;
}

.p-cart-form::after {
  display: block;
  clear: both;
  content: '';
}

.p-cart-form__info {
  line-height: 1.5;
  margin-bottom: 40px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}

.p-cart-form__link-list {
  font-size: 12px;
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
}

.p-cart-form__link-list a {
  display: inline-block;
  padding: .5em 0;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-cart-form__link-list a:hover {
  opacity: .66;
}

.p-cart-form__link-list a:active {
  opacity: 1;
}

.p-cart-form__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .8em;
}

.p-cart-form__price {
  font-size: 18px;
  font-weight: bold;
}

.p-cart-form__regular-price {
  font-weight: bold;
  margin-top: .5em;
}

.p-cart-form__list-price {
  font-size: 12px;
  line-height: 2;
  opacity: .7;
}

.p-cart-form__point {
  font-size: 12px;
  margin-top: 10px;
}

.p-cart-form__point span {
  font-size: 18px;
  font-weight: bold;
}

.p-cart-form__stock {
  margin-top: 10px;
}

.p-cart-form__option-select select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eaeaea;
}

.p-cart-form__option-select select:hover {
  border-color: #333;
}

.p-cart-form__password-input input {
  font-size: 16px;
  line-height: 40px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  transition: .2s;
  vertical-align: middle;
  border: 2px solid #eaeaea;
  border-radius: 4px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.p-cart-form__password-input input:focus {
  border-color: #333;
  outline: none;
}

.p-cart-form__add-cart-num {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  width: 100px;
  text-align: right;
}

.p-cart-form__add-num-wrap {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 64px;
  vertical-align: -2em;
}

.p-cart-form__add-num {
  position: absolute;
  display: inline-block;
  padding: 5px;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-cart-form__add-num:hover {
  opacity: .66;
}

.p-cart-form__add-num:active {
  opacity: 1;
}

.p-cart-form__add-num--up {
  top: 0;
}

.p-cart-form__add-num--down {
  bottom: 0;
}

.p-cart-form__add-num svg {
  width: 22px;
  height: 22px;

  fill: currentColor;
}

.p-cart-form__button-wrap {
  margin-top: 20px;
}

.p-cart-form__add-cart-button {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  padding: 15px;
  letter-spacing: 1px;
}

.p-cart-form__error-message {
  font-weight: bold;
  display: none;
  margin: 10px 0 0;
  text-align: center;
  color: #f00;
}

.p-view-option-info {
  display: block;
  margin-top: 20px;
  padding: .4em;
  text-align: center;
}

.p-price-table {
  line-height: 1.4;
  height: auto;
  margin-top: 10px;
  transition: .2s;
  text-align: left;
}

.p-price-table.is-hidden {
  overflow: hidden;
  height: 0;
  margin: 0;
  opacity: 0;
}

.p-price-table__heading-wrap {
  display: table;
  width: 100%;
}

.p-price-table__heading {
  font-size: 12px;
  display: table-cell;
  box-sizing: border-box;
  width: 50%;
  padding: .5em;
  background: #eaeaea;
}

.p-price-table__body {
  font-size: 12px;
  clear: both;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eaeaea;
}

.p-price-table__body::after {
  display: block;
  clear: both;
  content: '';
}

.p-price-table__body dt {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: .7em .5em;
  border-top: 1px solid #eaeaea;
}

.p-price-table__body dd {
  overflow: hidden;
  padding: 0;
  border-top: 1px solid #eaeaea;
}

.p-price-table__body span {
  display: block;
  text-align: right;
}

.p-price-table__body ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.p-price-table__body li {
  padding: .7em .5em;
  border-bottom: 1px solid #eaeaea;
}

.p-price-table__body li:last-child {
  border-bottom: 0;
}

.p-price-table__name {
  font-weight: bold;
}

.p-option-table table {
  min-width: 100%;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid #ccc;
}

.p-option-table br {
  display: none;
}

.p-option-table .cell_1,
.p-option-table .cell_2 {
  padding: 10px 8px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ddd;
}

.p-option-table [type='radio'] {
  position: relative;
  z-index: 0;
  width: 10px;
  height: 10px;
  margin: 5px;
  cursor: pointer;
}

.p-option-table [type='radio']::before {
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -5px;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background: #eee;
}

.p-option-table [type='radio']::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  transition: .2s;
  border-radius: 10px;
  background: transparent;
}

.p-option-table [type='radio']:hover::after {
  background: rgba(0, 0, 0, .2);
}

.p-option-table [type='radio']:checked::after {
  background: #fd7f23;
}

.p-option-table .t_stock_num {
  font-size: 12px;
  display: block;
  margin-top: 12px;
  text-align: center;
}

.p-option-table .stock_zero {
  font-size: 12px;
}

.p-option-table .table_price {
  display: none;
}

.p-product-body__model {
  font-size: 12px;
  line-height: 2;
  color: #888;
}

.p-product-body__name {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}

.p-product-body__share-buttons {
  display: block;
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
}

.p-product-body__share-buttons li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.p-product-body__review-link {
  margin: 10px 0;
}

.p-product-body__review-link span {
  font-size: 18px;
}

.p-product-body__review-link a {
  transition: opacity .2s;
  text-decoration: none;
}

.p-product-body__review-link a:hover {
  opacity: .66;
}

.p-product-body__review-link a:active {
  opacity: 1;
}

.p-product-body__price {
  font-size: 18px;
  font-weight: bold;
  clear: both;
  margin: 20px 0;
}

.p-product-body__price--discount {
  color: #f00;
}

.p-product-body__regular-price {
  margin-top: 10px;
  text-decoration: line-through;
}

.p-product-body__point {
  margin: 30px 0;
}

.p-product-body__point span {
  font-size: 18px;
  font-weight: bold;
}

.p-product-body__description {
  line-height: 1.4;
  clear: both;
  margin: 30px 0 0;
}

.p-product-body__description p {
  font-size: 18px;
  line-height: 1.6;
}

.p-product-body__title {
  color: #376991;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}

.p-product-body__subtitle {
  font-size: 18px;
  line-height: 1.2;
  margin: 10px 0 0;
}

.p-product-body__section {
  margin-bottom: 48px;
}

.p-product-body__images {
  margin-top: 30px;
  border-top: 1px solid #eaeaea;
}

.p-product-body__linkto-cart {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  display: block;
  box-sizing: border-box;
  max-width: 300px;
  margin: 30px auto;
  padding: 15px;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background: #fd7f23;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.p-product-body__linkto-cart:hover,
.p-product-body__linkto-cart:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.p-product-body__fp-name {
  font-size: 24px;
  font-weight: bold;
}

.p-product-body__note p,
.p-product-body__note ul {
  color: #777;
  font-size: 12px;
}

.p-product-images {
  margin: 0 -10px 0 0;
  padding: 30px 0;
  list-style-type: none;
}

.p-product-images__image-wrap {
  border: 6px solid transparent;
}

.p-product-images::after {
  display: block;
  clear: both;
  content: '';
}

.p-product-images li {
  float: left;
  box-sizing: border-box;
  width: 33.33333%;
  margin-bottom: 15px;
  padding-right: 10px;
}

.p-product-images li:nth-child(3n + 1) {
  clear: left;
}

.p-product-footer-nav {
  font-size: 12px;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  list-style-type: none;
  text-align: right;
  border-top: 1px solid #eaeaea;
}

.p-product-footer-nav li {
  margin-bottom: 10px;
}

.p-product-footer-nav a {
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-product-footer-nav a:hover {
  opacity: .66;
}

.p-product-footer-nav a:active {
  opacity: 1;
}

.p-product-footer-nav .c-icon {
  vertical-align: -.4em;
}

.p-review__unit {
  padding: 15px 20px;
  border-bottom: 1px solid #eaeaea;
}

.p-review__unit:last-child {
  border: 0;
}

.p-review__button {
  display: block;
  max-width: 300px;
  margin: 30px auto;
  padding: 15px;
  text-align: center;
}

.p-posted-review__image {
  display: block;
  max-width: 200px;
  margin: 0 auto 20px;
}

.p-posted-review__heading {
  overflow: hidden;
  margin: 0 20px 0 0;
}

.p-posted-review__title {
  font-weight: bold;
  display: block;
  margin: 15px 0;
}

.p-posted-review__info {
  margin: 15px 0;
  padding: 0;
}

.p-posted-review__info li {
  display: inline;
  margin-right: 10px;
}

.p-posted-review__body {
  line-height: 1.8;
  overflow: hidden;
}

.p-posted-review__star {
  width: 18px;
  height: 18px;
  vertical-align: -.3em;

  fill: currentColor;
  fill: #ddd;
}

.p-posted-review__star.is-color {
  fill: #ffdc00;
}

.c-discount {
  background-color: #f1f1f1;
  margin-bottom: 24px;
  padding: 12px;
  border-left: 8px solid #dc1e3c;
}

.c-discount__content {
  margin: 0 0 12px;
  padding: 0;
  line-height: 1;
}

.c-discount__price {
  display: inline-block;
  color: #333;
  text-decoration: line-through;
  font-size: 12px;
  margin-bottom: 8px;
}

.c-discount__arrow {
  color: #333;
  font-size: 18px;
}

.c-discount__amount {
  font-size: 18px;
  color: #dc1e3c;
}

.c-discount__label {
  font-size:14px;
}

p.c-discount__limit {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 12px;
}

.js-product-name {
  display: none;
}

@media screen and (min-width: 600px) {
  .p-product-heading__unit {
    margin: 0 0 20px;
    padding: 0 20px;
    border: 1px solid #eaeaea;
  }

  .p-cart-form__password-input input {
    font-size: 14px;
  }

  .p-product-body__name {
    font-size: 32px;
  }

  .p-product-body__description {
    margin: 80px 0 0;
  }

  .p-product-body__title {
    font-size: 32px;
  }

  .p-product-body__section {
    margin-bottom: 72px;
  }

  .p-product-body__share-buttons {
    float: left;
  }

  .p-product-body__linkto-cart {
    padding: 12px 15px;
  }

  .p-product-footer-nav li {
    display: inline-block;
    margin-left: 10px;
  }

  .p-review__unit {
    padding: 30px 0;
  }

  .p-review__button {
    padding: 10px 15px;
  }

  .p-posted-review__image {
    float: left;
    height: auto;
    margin: 0 30px 0 0;
  }

  .p-posted-review__title {
    display: inline-block;
    margin: 0 0 0 20px;
  }

  .c-discount {
    margin-bottom: 48px;
    padding: 24px 16px;
    border-left: 10px solid #dc1e3c;
  }

  .c-discount__content {
    margin: 0 0 32px;
    padding: 0;
    line-height: 1;
  }

  .c-discount__price {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .c-discount__arrow {
    font-size: 40px;
  }

  .c-discount__amount {
    font-size: 40px;
  }

  .c-discount__label {
    font-size:24px;
  }

  p.c-discount__limit {
    font-size: 14px;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .p-large-image {
    float: left;
    width: 50%;
    margin: 0;
  }

  .p-thumbnail-list {
    float: right;
    width: 45%;
  }

  .p-view-product-images {
    float: right;
    width: 45%;
  }

  .p-short-description {
    float: right;
    width: 45%;
  }

  .p-cart-form__info {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0;
  }

  .p-cart-form__option {
    float: right;
    width: 45%;
  }

  .p-cart-form__link-list {
    float: right;
    clear: right;
    width: 45%;
  }

  .p-product-body-inner {
    margin-top: 40px;
  }
}

@media screen and (min-width: 960px) {
  .p-product-wrap {
    overflow: hidden;
  }

  .p-product-heading {
    float: right;
    box-sizing: border-box;
    width: 400px;
  }

  .p-product-body {
    float: right;
    width: 100%;
    margin-right: -400px;
  }

  .p-product-body-inner {
    margin-right: 440px;
  }

  .p-large-image__image-wrap {
    border-width: 9px;
  }

  .p-thumbnail-list__image-wrap {
    border-width: 3px;
  }

  .p-view-product-images {
    display: none;
  }

  .p-product-body__linkto-cart {
    display: none;
  }

  .p-product-images__image-wrap {
    border-width: 9px;
  }

  .p-product-images li {
    width: 50%;
  }

  .p-product-images li:nth-child(3n + 1) {
    clear: none;
  }

  .p-product-images li:nth-child(2n + 1) {
    clear: left;
  }
}

@media screen and (max-width: 599px) {
  .p-short-description {
    display: none;
  }

  .p-product-body-inner {
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
  }

  .p-product-body {
    padding: 0 20px;
  }

  .p-product-body__price {
    display: none;
  }

  .p-product-body__regular-price {
    display: none;
  }

  .p-product-body__point {
    display: none;
  }
}

/*  オプションごとのカートボタン CSS  */

.cms-opt__unit-label {
  font-weight: bold;
  margin-bottom: .5em;
}

.cms-opt-button__opt-list {
  margin: 0;
}

.cms-opt-button__opt-body {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin: 0 0 20px 0;
}

.cms-opt-button__opt-label {
  display: inline-block;
}
.cms-opt-button__opt-heading {
  background: #eee;
  font-weight: bold;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}
.cms-opt-button__opt-heading--hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}

.cms-opt-button__content {
  margin-bottom: 10px;
}

.cms-opt-button__content-name {
  min-width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.cms-opt-button__content-price {
  font-size: 18px; 
  min-width: 48%;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 600px) {
  .cms-opt-button__content-price {
     font-size: 20px; 
  }
}

.cms-opt-button__purchase-stock {
  display: inline-block;
  margin: 0;
  font-size: 13px;
  color: #777;
  min-width: 50%;
  word-break: break-all;
}

.cms-opt-button__purchase-number {
  display: inline-block;
}

.cms-opt-button__cart {
  margin-top: 10px;
}

.cms-opt-button__purchase-unit {
  word-break: break-all;
}

body {

  font-size: 18px;

}

        .sm_central {
            text-align: center;
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 25px;
            font-weight: bold; /* 太字に指定 */
            background-color: #fff;  /* 背景色を白に設定 */
          
                }

  		.sm_central .blurred-text {
  			  font-size: 35px;
  			  color: red;
  			  filter: blur(5px);
  }

  		.sm_central .big-text {
  			  font-size: 35px;

  }
        .sm_central_02 {
     　　　 font-size: 20px;
            text-align: center;
                }

    .highlighted-text-body {
      font-size: 24px;
      position: relative;
      display: inline-block;
      margin-top: 0.1em;  /* 上下の余白を調整 */
      margin-bottom: 0.1em;
    }

    .highlighted-text-body::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.3em; /* マーカーの太さ */
      background-color: #ffc0cb; /* マーカーの色 */
      z-index: -1; /* マーカーをテキストの背面に配置 */
    }



h1 {
  padding: 0rem 1rem;
  border-left: 8px solid #2d728e;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1.que-icon {
      position: relative;
    border-left: 0px solid #ffffff;
      padding-left: 60px; /* アイコンの分だけ左側に余白を作る */
    color: red; /* 文字色を赤に設定 */
    }

h1.que-icon::before {
      content: "";
      background-image: url('https://img07.shop-pro.jp/PA01419/272/etc_base64/dXNlci1xdWVzdGlvbi1zdmdyZXBvLWNvbQ.png?cmsp_timestamp=20240620152336'); /* アイコン画像のURLを指定 */
      background-size: contain; /* アイコン画像のサイズを調整 */
      background-repeat: no-repeat; /* アイコン画像を繰り返さない */
      width: 50px; /* アイコンの幅 */
      height: 50px; /* アイコンの高さ */
      position: absolute;
      left: 0;
      top: 50%; /* アイコンを見出しの垂直中央に配置 */
      transform: translateY(-50%); /* アイコンを見出しの垂直中央に配置 */
    }

.headline-with-lines {
    border-left: 0px;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    font-size: 30px; /* 見出しのフォントサイズ */
    font-weight: bold; /* フォントの太さ */
    margin: 20px 0; /* 上下のマージン */
}

.headline-with-lines::before,
.headline-with-lines::after {
    content: '';
    flex: 1;
    border-bottom: 3px solid #ff9933; /* 線の色と太さ */
    margin: 0 10px; /* 見出しテキストと線の間のスペース */
}

.online {

  padding: 0rem 1rem;
  border-left: 8px solid #009300;

   }

.reads_01 {

  padding: 0rem 1rem;
  border-left: 8px solid #1b2850;
  font-family: Noto Serif JP;
   }

.reads_02 {

  padding: 0rem 1rem;
  border-left: 8px solid #6090bf;
   }

.seminar_01 {
   padding: 0rem 1rem;
  border-left: 8px solid #ff9933;
   }

.naka_all {

  padding: 0rem 1rem;
  border-left: 8px solid #ff0000;
   }

.center {
  font-size: 30px;
  padding: 0rem 1rem;
  border-left: 0px solid #ffffff;
  font-weight: bold; /* フォントの太さ */
  color: #000; /* フォントの色 */
  text-align: center; /* テキストの位置 */
  
   }

.seminar_02 {
  font-size: 30px;
  padding: 0rem 1rem;
  border-left: 6px solid #ff9933;
   }

h2 {
  padding: 0rem 1rem;
  border-left: 8px solid hotpink;
  margin-top: 10px;
  margin-bottom: 10px;
}

.headline-with-marker{
  border-left: 5px solid #ffff00;
  padding: 1rem 2rem;
  font-size: 30px;
  color: #ff0000;
  background: #ffff00;
  text-align: center;
  -webkit-box-shadow: 7px 7px 0 #ffd700;
  box-shadow: 7px 7px 0 #ffd700;
}

.headline-with-marker02{
  border-left: 5px solid #0071b5;
  padding: 1rem 2rem;
  font-size: 30px;
  color: #ffffff;
  background: #0071b5;
  text-align: center;
  -webkit-box-shadow: 7px 7px 0 #e8f6ff;
  box-shadow: 7px 7px 0 #e8f6ff;
}

.headline-with-marker03{
  border-left: 5px solid #F26699;
  padding: 1rem 2rem;
  font-size: 30px;
  color: #ffffff;
  background: #F26699;
  text-align: center;
  -webkit-box-shadow: 7px 7px 0 #F299B9;
  box-shadow: 7px 7px 0 #F299B9;
}

.heading12 {
	position: relative;
	font-size: 26px;
}

.heading12::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 30px;
	border-bottom: 1px solid #498ee0;
}

li {

  margin-top: 10px;

}

p {

  padding: 3px;

}

.noto-serif jp-regular {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}

i {

  font-size: 23px;

}

.foldable-title {
  cursor: pointer;
  margin: 0;  /* マージンを0に設定 */
  padding: 10px;
  background-color: #fff;  /* 背景色を白に設定 */
  border: 1px solid #ccc;  /* 枠を黒に設定 */
  font-size: 19px;
}

.foldable-content {
  display: none;
  margin: 0;  /* マージンを0に設定 */
  padding: 10px;
  border: 1px solid #ccc;  /* 枠を黒に設定 */
  background-color: #fff;  /* 背景色を白に設定 */
}

.foldable-title:hover {
  background-color: #ececec;
}

.foldable-title::before {
    content: '＋';
    margin-right: 10px;
    font-weight: bold;
    color: #000;
}

.foldable-title.open::before {
    content: '−';
}

h4 {
    margin-top: 1em;  /* フォントサイズの1倍の余白 */
    margin-right: 0.5em; /* フォントサイズの0.5倍の余白 */
    margin-bottom: 0.5em;  /* フォントサイズの1倍の余白 */
    margin-left: 0.5em;  /* フォントサイズの0.5倍の余白 */
}

    .highlighted-text {
      position: relative;
      display: inline-block;
      margin-top: 0.1em;  /* 上下の余白を調整 */
      margin-bottom: 0.1em;
    }

    .highlighted-text::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.3em; /* マーカーの太さ */
      background-color: #ffc0cb; /* マーカーの色 */
      z-index: -1; /* マーカーをテキストの背面に配置 */
    }

    .hl {
      position: relative;
      display: inline-block;
      margin-top: 0.1em;  /* 上下の余白を調整 */
      margin-bottom: 0.1em;
    }

    .hl::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.3em; /* マーカーの太さ */
      background-color: #ffc0cb; /* マーカーの色 */
      z-index: -1; /* マーカーをテキストの背面に配置 */
    }

    .check-list {
      list-style: none;
      padding: 10px;
      padding-left: 30px;
      padding-bottom: 30px;
      border-radius: 15px; /* 角を丸くする */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
      background-color: #87cefa; /* 背景色を指定 */
    }

    .check-list li {
      font-size: 20px;
      color: #000;
      position: relative;
      padding-left: 25px; /* アイコンの分だけ左側に余白を作る */
      margin-bottom: 10px;
    }

    .check-list li::before {
      content: "\f14a"; /* FontAwesomeのチェックマーク付き四角のアイコン */
      font-family: "Font Awesome 5 Free"; /* FontAwesomeのフォントファミリー */
      font-weight: 900; /* アイコンの太さ */
      position: absolute;
      left: 0;
      top: 0;
      font-size: 1.2em; /* アイコンのサイズ */
      color: black; /* アイコンの色 */
    }

    .check-list_02 {
      list-style: none;
      padding: 10px;
      padding-left: 30px;
      padding-bottom: 30px;
      border-radius: 15px; /* 角を丸くする */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
      background-color: #b6ddcb; /* 背景色を指定 */
    }

    .check-list_02 li {
      font-size: 20px;
      color: #000;
      position: relative;
      padding-left: 40px; /* アイコンの分だけ左側に余白を作る */
      margin-bottom: 10px;
    }

    .check-list_02 li::before {
      content: "";
      background-image: url('https://img07.shop-pro.jp/PA01419/272/etc_base64/Y2hlY2stY2lyY2xlLXN2Z3JlcG8tY29t.png?cmsp_timestamp=20240620145332'); /* アイコン画像のURLを指定 */
      background-size: contain; /* アイコン画像のサイズを調整 */
      background-repeat: no-repeat; /* アイコン画像を繰り返さない */
      width: 30px; /* アイコンの幅 */
      height: 30px; /* アイコンの高さ */
      position: absolute;
      left: 0;
      top: 0;
    }

    .check-list_03 {
      list-style: none;
      padding: 10px;
      padding-left: 30px;
      padding-bottom: 30px;
      border-radius: 15px; /* 角を丸くする */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
      background-color: #ffffff; /* 背景色を指定 */
      border: 3px solid #F299B9; /* 枠の色と太さを指定 */
    }

    .check-list_03 li {
      font-size: 20px;
      color: #000;
      position: relative;
      padding-left: 40px; /* アイコンの分だけ左側に余白を作る */
      margin-bottom: 10px;
    }

    .check-list_03 li::before {
      content: "";
      background-image: url('https://img07.shop-pro.jp/PA01419/272/etc_base64/Y2hlY2stY2lyY2xlLXN2Z3JlcG8tY29t.png?cmsp_timestamp=20240620145332'); /* アイコン画像のURLを指定 */
      background-size: contain; /* アイコン画像のサイズを調整 */
      background-repeat: no-repeat; /* アイコン画像を繰り返さない */
      width: 30px; /* アイコンの幅 */
      height: 30px; /* アイコンの高さ */
      position: absolute;
      left: 0;
      top: 0;
    }

    .rounded-box {
      font-size: 20px;
      background-color: #e6f0ff; /* 背景色 */
      padding: 20px; /* 内側の余白 */
      border-radius: 15px; /* 角を丸くする */
      border: 1px solid #d3e2ff; /* 境界線 */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
    }

    .rounded-box_2 {
      font-size: 22px;
      color: #000;
      background-color: #ffffff; /* 背景色 */
      padding: 10px; /* 内側の余白 */
      border-radius: 15px; /* 角を丸くする */
      border: 1px solid #d3e2ff; /* 境界線 */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
    }

    .background-div {
      position: relative;
      width: 100%;
      height: 80%;
      background-image: url('https://img07.shop-pro.jp/PA01419/272/etc_base64/eWFqaXJ1c2lfYmc.png?cmsp_timestamp=20240524091236'); /* 画像のパス */
      background-size: cover; /* 背景画像を要素全体に表示 */
      background-position: center; /* 背景画像を要素の中央に配置 */
      background-repeat: no-repeat; /* 背景画像を繰り返さない */
    }

    .background-div::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5); /* 背景の上に白い半透明のオーバーレイを追加 */
      z-index: 1;
    }

    .content {
      font-size: 30px;
      font-weight: bold; /* 太字に指定 */
      position: relative;
      z-index: 2;
      color: black;
      text-align: center;
      padding: 20px;
    }

    .content_02 {
      font-size: 25px;
      font-weight: bold; /* 太字に指定 */
      position: relative;
      z-index: 2;
      color: red;
      text-align: center;
      padding: 20px;
    }

.container {
            display: flex;
            align-items: center;
            background-color: #fff; /* 背景色 */

        }
        .container img {
            border-radius: 50%;
            margin-right: 20px;
            max-width: 150px; /* 画像の最大幅を指定 */
            height: auto; /* アスペクト比を保つ */
        }
        .container .text {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 25px;
            font-weight: bold; /* 太字に指定 */
        }

        .container .text_02 {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 28px;
            font-weight: bold; /* 太字に指定 */
        }
        .container .text_03 {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 25px;
            font-weight: bold; /* 太字に指定 */
        }

        .container .text p {
            margin: 0 0 10px; /* 段落の下マージンを指定 */
        }
        .marker {
            background-color: #ffc0cb; /* マーカーの色を指定 */
        }

.container02 {
            display: flex;
            align-items: center;
            background-color: #fff; /* 背景色 */

        }
        .container02 img {
            margin-right: 20px;
            max-width: 180px; /* 画像の最大幅を指定 */
            height: auto; /* アスペクト比を保つ */
        }
        .container02 .text {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 34px;
            font-weight: bold; /* 太字に指定 */
        }
        .container02 .text p {
            margin: 0 0 10px; /* 段落の下マージンを指定 */
        }
        .marker {
            background-color: #ffc0cb; /* マーカーの色を指定 */
        }

.container03 {
    display: flex;
    align-items: flex-start;
    padding: 20px;
}

.image-section {
    flex: 1;
    padding-right: 5px;
}

.image-section img {
    max-width: 80%;
    max-height: 80%;
    height: auto;
    display: block;
}

.image-section02 img {
    max-width: 90%;
    max-height: 90%;
    height: auto;
    display: block;
}

.image-section02 {
    flex: 1;
    padding-right: 10px;
}



.text-section {
    flex: 2;
}

.text-section h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
}

.container04 {
  display: flex;
  justify-content: space-between; /* コンテンツの間にスペースを作る */
  align-items: center;
  background-color: #f0f0f0; /* 背景色を指定 */
  border-radius: 10px; /* 角を丸くする */
}

.container04 img {
  margin-left: 20px; /* テキストと画像の間にスペースを作る */
  max-width: 150px; /* 画像の最大幅を指定 */
  height: auto; /* アスペクト比を保つ */
}

.container04 .text {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 25px;
            font-weight: bold; /* 太字に指定 */
}

.speech-bubble {
    background-color: #e6f0ff; /* 背景色 */
    padding: 20px; /* 内側の余白 */
    border-radius: 15px; /* 角を丸くする */
    border: 1px solid #d3e2ff; /* 境界線 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 影をつける */
    position: relative; /* 吹き出しの位置を相対位置に */
    margin: 10px; /* 外側の余白 */
    font-size: 20px; /* フォントサイズ */
}

.speech-bubble:after {
    content: "";
    position: absolute;
    bottom: -20px; /* 吹き出しの尻尾の位置 */
    left: 50px; /* 吹き出しの尻尾の左位置 */
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #e6f0ff; /* 吹き出しの尻尾の色 */
    border-top-width: 30px; /* 吹き出しの尻尾の上側の幅 */
    border-bottom: 0; /* 吹き出しの尻尾の下側の幅 */
    margin-left: -10px; /* 吹き出しの尻尾の中央位置 */
}

.text-image-container {
            display: flex;
            align-items: center;
            background-color: #fff; /* 背景色 */
}

.text-image-container img {
            margin-left: 20px;
            max-width: 180px; /* 画像の最大幅を指定 */
            height: auto; /* アスペクト比を保つ */
}

.text-image-container .text {
            max-width: 800px; /* テキスト部分の最大幅を指定 */
            font-size: 34px;
            font-weight: bold; /* 太字に指定 */
}

.content li {
    font-size: 26px; /* <li>のフォントサイズを26pxに指定 */
    margin-bottom: 10px;
    text-align: left; /* リストアイテムを左揃えにする */
}

/*左右に三角形をつける*/
.box2-10{
	margin: 2em auto;
	padding:2em;/*内側余白*/
	position: relative;
    font-size:26px;
    line-height: 1.6; /* 行間隔を調整 */
}

.box2-10:before{
	border-bottom:30px solid transparent;
	border-left:30px solid #c6d4c6;
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.box2-10:after{
	border-left:30px solid transparent;
	border-bottom:30px solid #c6d4c6;
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.custom-div {
  background-color: #e6f0ff; /* 背景色を指定 */
  padding: 20px; /* パディングを指定 */
  color: #000; /* フォントカラーを指定 */
  font-size: 24px; /* <li>のフォントサイズを26pxに指定 */
}

.box7 {
    padding: 12px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #fff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
    font-size: 26px; /* フォントサイズを指定 */
    font-weight: bold; /* 太字に指定 */
    text-align: center; /* 中央揃え */
}

.box7 p {
    margin: 0; 
    padding: 0;

}

span.marker {
background: linear-gradient(transparent 80%, #e08180 80%);
}