.elementor-10221 .elementor-element.elementor-element-03c0c55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-10221{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-10221 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-10221 .dialog-close-button{display:flex;}#elementor-popup-modal-10221 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-10221 .elementor-element.elementor-element-03c0c55{--content-width:852px;}}/* Start custom CSS for html, class: .elementor-element-279c833 *//* ベーススタイル */
.legal-section {
  background-color: #f9f9f9; /* 全体の背景色（薄いグレー） */
  padding: 40px 20px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333;
  line-height: 1.6;
}

.legal-container {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* 見出しスタイル */
.legal-main-title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  color: #222;
  border-bottom: 2px solid #ddd;
  padding-bottom: 20px;
}

.legal-intro {
  margin-bottom: 40px;
  font-size: 14px;
}

/* 利用規約部分のスタイル */
.terms-content {
  margin-bottom: 60px;
}

.terms-item {
  margin-bottom: 25px;
}

.terms-title {
  font-size: 16px;
  font-weight: bold;
  background-color: #f4f4f4;
  padding: 8px 12px;
  border-left: 4px solid #666; /* アクセントカラー */
  margin-bottom: 10px;
}

.terms-item p, 
.terms-item li {
  font-size: 14px;
  margin-bottom: 0.5em;
}

.terms-list {
  padding-left: 20px;
  margin-bottom: 10px;
}

.terms-list li {
  margin-bottom: 8px;
}

.price-list li {
  font-weight: bold;
}

/* 特に強調する警告文 */
.terms-alert {
  color: #d9534f;
  font-weight: bold;
  background-color: #fff5f5;
  padding: 10px;
  border: 1px solid #ffcccc;
  border-radius: 4px;
}

/* 特定商取引法に基づく表記のスタイル */
.legal-sub-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  background-color: #333;
  color: #fff;
  padding: 10px;
}

.tokushoho-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.tokushoho-table th, 
.tokushoho-table td {
  border: 1px solid #ddd;
  padding: 15px;
  vertical-align: top;
}

.tokushoho-table th {
  background-color: #f5f5f5;
  width: 30%;
  text-align: left;
  font-weight: bold;
  white-space: nowrap; /* 見出しが改行しすぎないように */
}

/* スマホ対応（レスポンシブ） */
@media screen and (max-width: 600px) {
  .legal-section {
    padding: 20px 10px;
  }
  
  .legal-container {
    padding: 20px;
  }

  .legal-main-title {
    font-size: 20px;
  }

  .tokushoho-table th, 
  .tokushoho-table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  
  .tokushoho-table th {
    background-color: #eaeaea;
    border-bottom: 1px solid #ddd;
  }

  .tokushoho-table tr {
    border-bottom: 2px solid #ccc;
    display: block;
    margin-bottom: 20px;
  }

  .tokushoho-table tr:last-child {
    margin-bottom: 0;
  }
  
  .sp-only {
    display: inline;
  }
}

@media screen and (min-width: 601px) {
  .sp-only {
    display: none;
  }
}/* End custom CSS */