.home-container10 {
  width: 100%;
  display: block;
}
 
.home-hero {
  width: 100%;                          /* 画面幅にフィットさせる */
  max-width: var(--content-max-width);  /* PCでは最大幅を制限 */
  box-sizing: border-box;               /* paddingを幅に含める */
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}

 
.home-hero-inner {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  justify-content: center;
}

 
.home-image10 {
  width: 100%;
  display: block;
  align-self: center;
  object-fit: cover;
  margin-left: 0px;
  margin-right: 0px;
}
 
.home-image11 {
  width: 100%;
  display: block;
  object-fit: cover;
}
 
.home-experience-section {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-top: var(--font-size-2xl);
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
  flex-direction: column;
  padding-bottom: var(--font-size-2xl);
  justify-content: center;
}
 
.home-iframe {
  width: 320px;
  height: 200px;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-2xl);
  flex-direction: column;
  justify-content: center;
}
 
.home-results-section {
  width: auto;
  margin-top: var(--spacing-4xl);
  margin-left: var(--spacing-4xl);
  margin-right: var(--spacing-4xl);
  margin-bottom: var(--spacing-4xl);
}
 
.home-results-testimnials {
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
}
 
.home-results-header {
  padding-left: 0px;
  padding-right: 0px;
}
 
.home-section-title1 {
  margin-bottom: 0px;
}
 
.home-container11 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: block;
}
 
.home-accodion-container {
  flex: 0 0 auto;
  display: grid;
  margin-left: 0px;
  margin-right: 0px;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
 
.home-accordion-container1 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion1 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger1 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image12 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container12 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text104 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text105 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container1 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content1 {
  display: block;
}
 
.home-container13 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text106 {
  text-align: left;
}
 
.home-text107 {
  text-decoration: underline;
}
 
.home-text112 {
  text-decoration: underline;
}
 
.home-text117 {
  text-decoration: underline;
}
 
.home-accordion-container2 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion2 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary2 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image13 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container14 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text120 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text121 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container2 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content2 {
  display: block;
}
 
.home-container15 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text122 {
  text-align: left;
}
 
.home-text123 {
  text-decoration: underline;
}
 
.home-text128 {
  text-decoration: underline;
}
 
.home-text133 {
  text-decoration: underline;
}
 
.home-accordion-container3 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion3 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary3 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image14 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container16 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text136 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text137 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container3 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content3 {
  display: block;
}
 
.home-container17 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text138 {
  text-align: left;
}
 
.home-text139 {
  text-decoration: underline;
}
 
.home-text140 {
  text-decoration: underline;
}
 
.home-text142 {
  text-decoration: underline;
}
 
.home-text143 {
  text-decoration: underline;
}
 
.home-text144 {
  text-decoration: underline;
}
 
.home-text149 {
  text-decoration: underline;
}
 
.home-accordion-container4 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion4 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary4 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image15 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container18 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text152 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text153 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container4 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content4 {
  display: block;
}
 
.home-container19 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text154 {
  text-align: left;
}
 
.home-text155 {
  text-decoration: underline;
}
 
.home-text160 {
  text-decoration: underline;
}
 
.home-text165 {
  text-decoration: underline;
}
 
.home-accordion-container5 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion5 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger5 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary5 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image16 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text168 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text169 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container5 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content5 {
  display: block;
}
 
.home-container21 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text170 {
  text-align: left;
}
 
.home-text171 {
  text-decoration: underline;
}
 
.home-text176 {
  text-decoration: underline;
}
 
.home-text181 {
  text-decoration: underline;
}
 
.home-accordion-container6 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
 
.home-accordion6 {
  width: 100%;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  padding-right: var(--spacing-2xl);
  flex-direction: column;
}
 
.home-accordion-trigger6 {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-sm);
  padding-right: 0px;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: space-between;
  background-color: transparent/clear;
}
 
.home-accordion-summary6 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
 
.home-image17 {
  top: 0px;
  left: 0px;
  width: 60px;
  position: absolute;
  object-fit: cover;
}
 
.home-container22 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  border-top-left-radius: 12px;
}
 
.home-text184 {
  width: 100%;
  padding-top: 12px;
  padding-left: var(--spacing-4xl);
  border-radius: 12px;
  padding-right: var(--spacing-4xl);
  padding-bottom: 12px;
  background-color: var(--color-accent);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.home-text185 {
  width: 100%;
  padding-top: 16px;
  padding-left: var(--spacing-2xl);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-2xl);
  padding-bottom: 16px;
  background-color: var(--color-surface-elevated);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.home-icon-container6 {
  transition: transform 0.3s ease-in-out;
}
 
.home-content6 {
  display: block;
}
 
.home-container23 {
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.home-text186 {
  text-align: left;
}
 
.home-text187 {
  text-decoration: underline;
}
 
.home-text192 {
  text-decoration: underline;
}
 
.home-text197 {
  text-decoration: underline;
}
 
.home-image18 {
  width: 100%;
  display: flex;
  object-fit: cover;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.home-materials-section {
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
}
 
.home-section-sub {
  margin-bottom: var(--spacing-2xl);
}

/* ======== 旧スライダー設定ここから ======== */
.home-slider {
  width: 800px;
  height: 450px;
  display: inline-block;
}
 
.home-slider-slide1 {
  display: flex;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample1.png");
}

 
.home-slider-slide3 {
  display: flex;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample2.png");
}
 
.home-slider-slide4 {
  display: flex;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample3.png");
}
 
.home-slider-slide5 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample4.png");
}
 
.home-slider-slide6 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample5.png");
}
 
.home-slider-slide7 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample6.png");
}
 
.home-slider-slide8 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/sample7.png");
}
 
.home-slider-pagination1 {
  display: block;
}
 
.home-btn2 {
  margin-top: 0px;
  padding-top: var(--spacing-lg);
  margin-bottom: var(--spacing-4xl);
  padding-bottom: var(--spacing-lg);
}
 
.home-proof-points {
  display: grid;
  padding-left: var(--spacing-4xl);
  justify-items: stretch;
  padding-right: var(--spacing-4xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.home-text201 {
  font-family: "Noto Sans";
}
 
.home-text202 {
  font-family: "Noto Sans";
}
 
.home-text203 {
  font-family: "Noto Sans";
}
 
.home-text204 {
  font-family: "Noto Sans";
}
 
.home-text205 {
  font-family: "Noto Sans";
}
 
.home-text206 {
  font-family: "Noto Sans";
}
 
.home-text207 {
  font-family: "Noto Sans";
}
 
.home-text208 {
  font-family: "Noto Sans";
}
 
.home-text209 {
  font-family: "Noto Sans";
}
 
.home-text210 {
  font-family: "Noto Sans";
}
 
.home-text211 {
  font-family: "Noto Sans";
}
 
.home-text212 {
  font-family: "Noto Sans";
}
 
.home-text213 {
  font-family: "Noto Sans";
}
 
.home-text214 {
  font-family: "Noto Sans";
}
 
.home-text215 {
  font-family: "Noto Sans";
}
 
.home-text216 {
  font-family: "Noto Sans";
}
 
.home-plans-section {
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
}
 
.home-section-title4 {
  color: #0b1724;
}
 
.home-image19 {
  width: 100%;
  object-fit: cover;
  padding-top: var(--spacing-2xl);
}
 
.home-btn3 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}
 
.home-curriculum-section {
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
}
 
.home-slider2 {
  width: 800px;
  height: 450px;
  display: inline-block;
}
 
.home-slider-slide21 {
  display: flex;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/curriculum1.png");
}

 
.home-slider-slide22 {
  display: flex;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/curriculum2.png");
}
 
.home-slider-slide23 {
  display: flex;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/curriculum3.png");
}
 
.home-slider-slide9 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/curriculum4.png");
}
 
.home-slider-slide10 {
  display: flex ;
  background-size: cover;
  background-image: url("/wp-content/themes/ill-child/teleport-lp/public/curriculum5.png");
}
 
.home-slider-pagination2 {
  display: block;
}
 
.home-curriculum-banner {
  width: auto;
  height: auto;
  padding-left: var(--spacing-4xl);
  padding-right: var(--spacing-4xl);
}
 
.home-text218 {
  display: flex;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
}
 
.home-container24 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-section-title6 {
  align-self: center;
  margin-bottom: var(--spacing-lg);
}
 
.home-cta-button-group {
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.home-btn4 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  text-decoration: none;
}
 
.home-privacy-link {
  text-decoration: none;
}
 
.home-container25 {
  display: none;
}
 
.home-container26 {
  display: contents;
}
 
.home-container27 {
  display: none;
}
 
.home-container28 {
  display: contents;
}
 
@media(max-width: 991px) {
  .home-hero {
    width: 100%;
  }
}
 
@media(max-width: 767px) {
  .home-hero {
    width: 100%;
  }
  .home-results-testimnials {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-slider {
    width: 100%;
    height: 350px;
  }
  .home-proof-points {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-slider2 {
    width: 100%;
    height: 350px;
  }
}
 
@media(max-width: 479px) {
  .home-hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .home-hero-inner {
    margin-top: var(--spacing-2xl);
  }
  .home-experience-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-results-section {
    margin-top: 0px;
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
    margin-bottom: 0px;
  }
  .home-panel {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
  }
  .home-results-testimnials {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-accodion-container {
    display: block;
  }
  .home-materials-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-slider {
    height: 250px;
  }
  .home-proof-points {
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-plans-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-curriculum-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .home-slider2 {
    height: 250px;
  }
}
/* ======== 旧スライダー設定ここまで ======== */

/* ▼ TeleportHQ スライダー用 */
[data-thq="slider"] {
  position: relative;
  overflow: hidden;
}

[data-thq="slider-wrapper"] {
  display: flex;
  width: 100%;
  transition: transform 0.4s ease;
}

[data-thq="slider-slide"] {
  flex: 0 0 100%;
  max-width: 100%;
}

/* ページネーションの見た目 */
.swiper-pagination-bullets {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 16px;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ccc;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background: #333;
}

/* ===== アコーディオン レイアウト修正 ===== */

/* グリッド全体：2列、横スクロールさせない */
.home-accodion-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 24px;
  margin: 0;
  overflow: visible;
}

/* 各コンテナは横幅いっぱい＆オーバーフローさせない */
.home-accordion-container1,
.home-accordion-container2,
.home-accordion-container3,
.home-accordion-container4,
.home-accordion-container5,
.home-accordion-container6 {
  width: 100%;
  overflow: visible;
}

.home-accordion1,
.home-accordion2,
.home-accordion3,
.home-accordion4,
.home-accordion5,
.home-accordion6 {
  width: 100%;
}

/* ===== タイトル行（黄色帯）の幅・高さ・文字スタイル統一 ===== */

.home-container12,
.home-container14,
.home-container16,
.home-container18,
.home-container20,
.home-container22 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 24px;
}

/* 1段目タイトル */
.home-text104,
.home-text120,
.home-text136,
.home-text152,
.home-text168,
.home-text184 {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

/* 2段目サブタイトル */
.home-text105,
.home-text121,
.home-text137,
.home-text153,
.home-text169,
.home-text185 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 1.6;
}

/* ===== 本文側の横幅もそろえる ===== */

.home-container13,
.home-container15,
.home-container17,
.home-container19,
.home-container21,
.home-container23 {
  width: 100%;
  box-sizing: border-box;
}

/* ===== スマホ時は1列表示 ===== */
@media (max-width: 767px) {
  .home-accodion-container {
    grid-template-columns: 1fr;
  }
}



/* ▼ アコーディオン全体レイアウト最終調整 ---------- */
.home-accordion-container,
.home-accodion-container {
  display: block;
  width: 100%;
  overflow: visible;
}

.home-accordion-container1,
.home-accordion-container2,
.home-accordion-container3,
.home-accordion-container4,
.home-accordion-container5,
.home-accordion-container6 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}

.home-accordion1,
.home-accordion2,
.home-accordion3,
.home-accordion4,
.home-accordion5,
.home-accordion6 {
  width: 100%;
  max-width: 100%;
}

.home-content1,
.home-content2,
.home-content3,
.home-content4,
.home-content5,
.home-content6,
.home-container13,
.home-container15,
.home-container17,
.home-container19,
.home-container21,
.home-container23 {
  width: 100%;
  max-width: 100%;
  display: block;
}

/* ===============================
   新スライダー：16:9 ＋ 中央寄せ
   =============================== */

/* スライダー本体：画面中央＆幅ひろめ */
.home-slider,
.home-slider2 {
  width: 100%;
  max-width: 1400px;        /* ← 幅をもう少し広めに。1400でもOK */
  margin: 0 auto;
  position: relative;
  display: block;           /* 中央寄せ用に block にするのがポイント！ */
  height: auto !important;  /* 旧 height を打ち消す */
}

/* 各スライド：16:9 で画像を全部見せる */
.home-slider   [data-thq="slider-slide"],
.home-slider2  [data-thq="slider-slide"] {
  width: 100%;
  aspect-ratio: 16 / 9;     /* 16:9 固定 */
  min-height: 480px;        /* PC での縦サイズ */
  background-size: contain; /* 画像を切らずに全体表示 */
  background-position: center center;
  background-repeat: no-repeat;
}

/* スマホのときは少し低めにする */
@media (max-width: 767px) {
  .home-slider   [data-thq="slider-slide"],
  .home-slider2  [data-thq="slider-slide"] {
    min-height: 260px;      /* まだ小さければ 300px とかに上げてOK */
  }

/* ============================================
   6つのアコーディオンを PC 2列 × 3段 に配置
   ============================================ */

.home-accodion-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
  margin-top: 32px;
  box-sizing: border-box;
}

/* カード全体を角丸＋影で整える */
.home-accordion-container1,
.home-accordion-container2,
.home-accordion-container3,
.home-accordion-container4,
.home-accordion-container5,
.home-accordion-container6 {
  width: 100%;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* ============================================
   Summary（見出し部分）横並び + かぶり防止
   ============================================ */

.home-accordion-summary1,
.home-accordion-summary2,
.home-accordion-summary3,
.home-accordion-summary4,
.home-accordion-summary5,
.home-accordion-summary6 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  cursor: pointer;
  list-style: none;
}

/* 画像を固定サイズで整える（絶対配置を消す） */
.home-image12,
.home-image13,
.home-image14,
.home-image15,
.home-image16,
.home-image17 {
  position: static !important;
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex-shrink: 0;
}

/* 黄色 + 白をひとつの縦ボックスに */
.home-container12,
.home-container14,
.home-container16,
.home-container18,
.home-container20,
.home-container22 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 260px;
  border-radius: 8px;
  overflow: hidden;
}

/* 黄色帯（タイトル） */
.home-text104,
.home-text120,
.home-text136,
.home-text152,
.home-text168,
.home-text184 {
  background: var(--color-accent);
  padding: 8px 12px;
  font-weight: 600;
  line-height: 1.4;
}

/* 白帯（サブタイトル） */
.home-text105,
.home-text121,
.home-text137,
.home-text153,
.home-text169,
.home-text185 {
  background: #fff;
  padding: 12px;
  font-size: 14px;
  line-height: 1.6;
}

/* 開閉アイコンは右端に寄せる */
.home-icon-container1,
.home-icon-container2,
.home-icon-container3,
.home-icon-container4,
.home-icon-container5,
.home-icon-container6 {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-top: 4px;
}

/* ============================================
   アコーディオンの中身（縦に展開）
   ============================================ */

.home-content1,
.home-content2,
.home-content3,
.home-content4,
.home-content5,
.home-content6 {
  padding: 16px 20px;
  border-top: 1px solid #eee;
  background: #fafafa;
  width: 100%;
  box-sizing: border-box;
}

/* 左に寄ったり横並びにならないように */
.home-container13,
.home-container15,
.home-container17,
.home-container19,
.home-container21,
.home-container23 {
  width: 100%;
  box-sizing: border-box;
}

.home-content1 p,
.home-content2 p,
.home-content3 p,
.home-content4 p,
.home-content5 p,
.home-content6 p {
  margin: 0;
  line-height: 1.8;
}

/* ============================================
   スマホ対応（1列表示）
   ============================================ */

@media (max-width: 768px) {
  .home-accodion-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .home-accordion-summary1,
  .home-accordion-summary2,
  .home-accordion-summary3,
  .home-accordion-summary4,
  .home-accordion-summary5,
  .home-accordion-summary6 {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-container12,
  .home-container14,
  .home-container16,
  .home-container18,
  .home-container20,
  .home-container22 {
    max-width: 100%;
  }

  .home-content1,
  .home-content2,
  .home-content3,
  .home-content4,
  .home-content5,
  .home-content6 {
    padding: 16px;
  }

  /* 画像中央寄せ */
  .home-image12,
  .home-image13,
  .home-image14,
  .home-image15,
  .home-image16,
  .home-image17 {
    margin: 0 auto;
  }
}
/* === debug test === */
.home-image12 {
  border: 5px solid red !important;
}
/* ▼ 導入実績アコーディオン：幅そろえ調整 */
.results-section .home-accodion-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* PCで2列均等 */
  gap: 24px;
}

/* 1〜6個のコンテナをぜんぶ同じ幅にする */
.results-section .home-accodion-container > [class^="home-accordion-container"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Teleport側の max-width を無効化してフルで広げる */
.results-section .home-accodion-container [data-thq="accordion"] {
  width: 100% !important;
  max-width: none !important;
}

/* details も横幅いっぱい使う */
.results-section .home-accodion-container details {
  width: 100%;
}

/* スマホは1列表示に */
@media (max-width: 767px) {
  .results-section .home-accodion-container {
    grid-template-columns: 1fr;
  }
}