.elementor-397 .elementor-element.elementor-element-a2588c4{--display:flex;--min-height:650px;--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-397 .elementor-element.elementor-element-a2588c4:not(.elementor-motion-effects-element-type-background), .elementor-397 .elementor-element.elementor-element-a2588c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://triplea-corp.com/wp-content/uploads/2026/09/bg_philosophy-2-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-397 .elementor-element.elementor-element-4cc3872{--display:flex;}.elementor-397 .elementor-element.elementor-element-5b71005{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-5b71005.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-397 .elementor-element.elementor-element-850e58b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-397 .elementor-element.elementor-element-850e58b .elementor-heading-title{font-size:16px;font-weight:700;}.elementor-397 .elementor-element.elementor-element-b9778dd .elementor-heading-title{font-size:30px;font-weight:700;line-height:1.5em;letter-spacing:0.1em;color:var( --e-global-color-astglobalcolor0 );}.elementor-397 .elementor-element.elementor-element-25ce94b{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-397 .elementor-element.elementor-element-25ce94b.elementor-element{--align-self:flex-start;}.elementor-397 .elementor-element.elementor-element-063c9e7{font-size:17px;line-height:35px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-94d7a16{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:17px;font-weight:700;line-height:35px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-69619bc{font-size:17px;line-height:35px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-200f6c7{--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;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-397 .elementor-element.elementor-element-200f6c7:not(.elementor-motion-effects-element-type-background), .elementor-397 .elementor-element.elementor-element-200f6c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-397 .elementor-element.elementor-element-6d348ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-397 .elementor-element.elementor-element-6d348ad .elementor-heading-title{font-size:21px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-6c3627e{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor0 );--divider-border-width:3px;width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-397 .elementor-element.elementor-element-6c3627e.elementor-element{--align-self:center;}.elementor-397 .elementor-element.elementor-element-6c3627e .elementor-divider-separator{width:70px;margin:0 auto;margin-center:0;}.elementor-397 .elementor-element.elementor-element-6c3627e .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-397 .elementor-element.elementor-element-30f2fe6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-397 .elementor-element.elementor-element-6c73c53{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-6c73c53.e-con{--align-self:center;}.elementor-397 .elementor-element.elementor-element-1018ed1{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-06d9ece{text-align:center;}.elementor-397 .elementor-element.elementor-element-06d9ece .elementor-heading-title{font-size:18px;font-weight:400;line-height:38px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-827c86b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-397 .elementor-element.elementor-element-827c86b .elementor-divider-separator{width:94px;margin:0 auto;margin-center:0;}.elementor-397 .elementor-element.elementor-element-827c86b .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-397 .elementor-element.elementor-element-f0dbf0f{text-align:center;}.elementor-397 .elementor-element.elementor-element-f0dbf0f .elementor-heading-title{font-size:24px;font-weight:700;line-height:38px;letter-spacing:0.01em;color:#003984;}.elementor-397 .elementor-element.elementor-element-224f625{text-align:center;font-size:12px;line-height:22px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-d5dc11b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-0f57102{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-0f57102.e-con{--align-self:center;}.elementor-397 .elementor-element.elementor-element-f3fb678{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-83c0ac6{text-align:center;}.elementor-397 .elementor-element.elementor-element-83c0ac6 .elementor-heading-title{font-size:18px;font-weight:400;line-height:38px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-662215a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-397 .elementor-element.elementor-element-662215a .elementor-divider-separator{width:94px;margin:0 auto;margin-center:0;}.elementor-397 .elementor-element.elementor-element-662215a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-397 .elementor-element.elementor-element-f18bf52{text-align:center;}.elementor-397 .elementor-element.elementor-element-f18bf52 .elementor-heading-title{font-size:24px;font-weight:700;line-height:38px;letter-spacing:0.01em;color:#0E7CA2;}.elementor-397 .elementor-element.elementor-element-ad0dfd6{text-align:center;font-size:12px;line-height:22px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-a67b4a2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-2555d53{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-2555d53.e-con{--align-self:center;}.elementor-397 .elementor-element.elementor-element-34353d8{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-33195bb{text-align:center;}.elementor-397 .elementor-element.elementor-element-33195bb .elementor-heading-title{font-size:18px;font-weight:400;line-height:38px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-aa5ce21{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-397 .elementor-element.elementor-element-aa5ce21 .elementor-divider-separator{width:94px;margin:0 auto;margin-center:0;}.elementor-397 .elementor-element.elementor-element-aa5ce21 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-397 .elementor-element.elementor-element-d96be86{text-align:center;}.elementor-397 .elementor-element.elementor-element-d96be86 .elementor-heading-title{font-size:24px;font-weight:700;line-height:38px;letter-spacing:0.01em;color:#0EA7DB;}.elementor-397 .elementor-element.elementor-element-5b81e81{text-align:center;font-size:12px;line-height:22px;letter-spacing:0.1em;}.elementor-397 .elementor-element.elementor-element-b7fefee{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor3 );border-radius:50px 50px 50px 50px;padding:20px 42px 20px 42px;}.elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button:hover, .elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button:hover svg, .elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}@media(max-width:1024px){.elementor-397 .elementor-element.elementor-element-5b71005{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-397 .elementor-element.elementor-element-200f6c7{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-397 .elementor-element.elementor-element-30f2fe6{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-397 .elementor-element.elementor-element-a2588c4:not(.elementor-motion-effects-element-type-background), .elementor-397 .elementor-element.elementor-element-a2588c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://triplea-corp.com/wp-content/uploads/2026/10/bg_philosophy_sp.webp");background-position:top center;background-size:contain;}.elementor-397 .elementor-element.elementor-element-5b71005{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-397 .elementor-element.elementor-element-850e58b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-b9778dd .elementor-heading-title{font-size:23px;}.elementor-397 .elementor-element.elementor-element-25ce94b{width:var( --container-widget-width, 295px );max-width:295px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:295px;--container-widget-flex-grow:0;}.elementor-397 .elementor-element.elementor-element-063c9e7{font-size:14px;line-height:33px;letter-spacing:0.07em;}.elementor-397 .elementor-element.elementor-element-94d7a16{font-size:16px;}.elementor-397 .elementor-element.elementor-element-69619bc{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;line-height:33px;}.elementor-397 .elementor-element.elementor-element-200f6c7{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-397 .elementor-element.elementor-element-6d348ad .elementor-heading-title{font-size:19px;}.elementor-397 .elementor-element.elementor-element-6c3627e .elementor-divider-separator{width:67px;}.elementor-397 .elementor-element.elementor-element-30f2fe6{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-397 .elementor-element.elementor-element-6c73c53{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-1018ed1{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-06d9ece .elementor-heading-title{font-size:16px;}.elementor-397 .elementor-element.elementor-element-f0dbf0f .elementor-heading-title{font-size:20px;}.elementor-397 .elementor-element.elementor-element-224f625{letter-spacing:0em;}.elementor-397 .elementor-element.elementor-element-d5dc11b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-0f57102{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-f3fb678{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-83c0ac6 .elementor-heading-title{font-size:16px;}.elementor-397 .elementor-element.elementor-element-f18bf52 .elementor-heading-title{font-size:20px;}.elementor-397 .elementor-element.elementor-element-a67b4a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-2555d53{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-34353d8{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-397 .elementor-element.elementor-element-33195bb .elementor-heading-title{font-size:16px;}.elementor-397 .elementor-element.elementor-element-d96be86 .elementor-heading-title{font-size:20px;}.elementor-397 .elementor-element.elementor-element-b7fefee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-397 .elementor-element.elementor-element-40a2eec .elementor-button{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-5b71005 */.philosophy-fv-content {
  width: 700px;
  max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2588c4 */.philosophy-fv {
  position: relative;
  min-height: 650px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

/* 写真の上に白フェード */
.philosophy-fv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      to right,
      rgba(255,255,255,0.96) 0%,
      rgba(255,255,255,0.82) 22%,
      rgba(255,255,255,0.35) 48%,
      rgba(255,255,255,0) 68%
    ),
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 60%,
      rgba(255,255,255,0.45) 78%,
      rgba(255,255,255,1) 100%
    );
}/* End custom CSS */
/* Start custom CSS */.philosophy-fv-inner {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1000px;
  margin: 0 auto;

  padding-top: 90px;
  padding-bottom: 100px;
}

/*円の重なり*/
/* 3つの円を囲う親コンテナ */
.philosophy-businesses {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: visible;
}


/* 各円 */
.business-circle {
  position: relative;

  width: 427px;
  height: 427px;
  min-width: 427px;
  min-height: 427px;

  flex: 0 0 427px;

  border-radius: 50%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 40px;
  box-sizing: border-box;
  text-align: center;
}


/* 円を重ねる */
.business-circle + .business-circle {
  margin-left: -75px;
}


/* 1つ目 */
.business-circle:nth-child(1) {
  background: rgba(57, 123, 209, 0.1);
}
/* 2つ目 */
.business-circle:nth-child(2) {
  background: rgba(46, 164, 206, 0.1);
}

/* 3つ目 */
.business-circle:nth-child(3) {
  background: rgba(36, 194, 247, 0.1);
}

@media (max-width: 767px) {

  .philosophy-businesses {
    flex-direction: column;
    gap: 20px;
  }

  .business-circle {
    width: min(100%, 340px);
  }

  .business-circle + .business-circle {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

  /* セクション全体は縦並び */
  .philosophy-business-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100%;
  }

  /* 3つの円だけ横並び */
  .philosophy-businesses {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    gap: 0 !important;

    box-sizing: border-box;
    overflow: visible;
  }

  .business-circle {
    width: 260px !important;
    height: 260px !important;

    min-width: 260px !important;
    min-height: 260px !important;

    flex: 0 0 260px !important;

    padding: 28px !important;

    box-sizing: border-box;
  }

  /* 円同士を少し重ねる */
  .business-circle + .business-circle {
    margin-left: -26px !important;
  }
}

/* =========================================
   企業理念：タブレット
   768px〜1024px
========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  /* セクション全体 */
  .philosophy-business-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    padding-left: 30px;
    padding-right: 30px;

    box-sizing: border-box;
  }


  /* 見出しと円の間をしっかり空ける */
  .philosophy-business-title {
    margin-bottom: 70px !important;
  }


  /* 3つの円 */
  .philosophy-businesses {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0 !important;
    overflow: visible;
  }


  /* 円 */
  .business-circle {
    width: 380px !important;
    height: 380px !important;

    max-width: calc(100vw - 100px) !important;

    min-width: 0 !important;
    min-height: 0 !important;

    flex: none !important;

    padding: 48px 42px 40px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box;
  }


  /* 2つ目・3つ目を少し上へ重ねる */
  .business-circle + .business-circle {
    margin-left: 0 !important;
    margin-top: -30px !important;
  }


  /* 円の中のElementor要素が横にはみ出さないように */
  .business-circle .elementor-element {
    max-width: 100%;
  }


  /* TOPに戻るボタン */
  .philosophy-back-button {
    margin-top: 65px !important;
    margin-bottom: 50px !important;
  }
}

/* =========================================
   企業理念：3つの事業 SP
========================================= */

@media (max-width: 767px) {

  .philosophy-businesses {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;

    width: 100%;
    margin: 0 auto;

    gap: 0 !important;
    overflow: visible;
  }

  .business-circle {
    width: min(335px, calc(100vw - 40px)) !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    flex: none !important;
    aspect-ratio: 1 / 1;
  }

  /* 2個目・3個目を上へ重ねる */
  .business-circle + .business-circle {
    margin-left: 0 !important;
    margin-top: -16px !important;
  }
}

@media (max-width: 767px) {

  /* =========================
     企業理念：3つの円
  ========================= */

  .business-circle {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    width: min(335px, calc(100vw - 40px)) !important;
    height: auto !important;
    aspect-ratio: 1 / 1;

    padding: 42px 34px 32px !important;

    box-sizing: border-box !important;
    text-align: center !important;
  }


  /* 円の中のElementorウィジェットを通常配置へ戻す */
  .business-circle > .elementor-element {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-self: center !important;
  }


  /* テキスト */
  .business-circle .elementor-heading-title,
  .business-circle .elementor-widget-text-editor,
  .business-circle .elementor-widget-text-editor p {
    text-align: center !important;
  }


  /* アイコン画像のウィジェット */
  .business-circle .elementor-widget-image {
    width: auto !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-self: center !important;
  }

  .business-circle .elementor-widget-image img {
    display: block;

    width: auto !important;
    max-width: 72px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
  }


  /* 円同士の重なり */
  .business-circle + .business-circle {
    margin-left: 0 !important;
    margin-top: -18px !important;
  }
}

@media (max-width: 767px) {

  .philosophy-back-button {
    margin-top: 30px !important;
  }

}

@media (max-width: 767px) {

  /* 円を位置指定の基準にする */
  .business-circle {
    position: relative !important;
  }

  /* アイコンを円の下部中央に固定 */
  .business-circle .philosophy-circle-icon {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;

    bottom: 28px !important;
    top: auto !important;

    transform: translateX(-50%) !important;

    width: 60px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2;
  }

  .business-circle .philosophy-circle-icon .elementor-widget-container {
    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .business-circle .philosophy-circle-icon img {
    display: block !important;

    width: 60px !important;
    max-width: 70px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
  }

}

@media (max-width: 767px) {

  /* アイコン用のスペースを下に確保 */
  .business-circle {
    padding-bottom: 80px !important;
  }

  /* アイコンは今の下部位置を維持 */
  .business-circle .philosophy-circle-icon {
    bottom: 24px !important;
  }
}

/* =========================================
   企業理念ページ FV
========================================= */

html.motion-ready .philosophy-fv .philosophy-fv-content {
  opacity: 0;
  transform: translate3d(0, 18px, 0);

  transition:
    opacity .9s cubic-bezier(.16, 1, .3, 1),
    transform .9s cubic-bezier(.16, 1, .3, 1);
}

html.motion-ready
.philosophy-fv.is-philosophy-fv-visible
.philosophy-fv-content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


/* =========================================
   「理念を実現する、3つの事業」
========================================= */

/* JSが準備できた時だけ初期状態にする */
.philosophy-business-section.philosophy-motion-ready
.philosophy-business-title,

.philosophy-business-section.philosophy-motion-ready
.business-circle,

.philosophy-business-section.philosophy-motion-ready
.philosophy-back-button {
  opacity: 0;

  transition:
    opacity 1s cubic-bezier(.16, 1, .3, 1),
    transform 1s cubic-bezier(.16, 1, .3, 1);

  will-change: opacity, transform;
}


/* 見出し */
.philosophy-business-section.philosophy-motion-ready
.philosophy-business-title {
  transform: translate3d(0, 20px, 0);
}


/* 円 */
.philosophy-business-section.philosophy-motion-ready
.business-circle {
  transform: translate3d(0, 30px, 0) scale(.97);
}


/* ボタン */
.philosophy-business-section.philosophy-motion-ready
.philosophy-back-button {
  transform: translate3d(0, 18px, 0);
}


/* =========================================
   表示後
========================================= */

.philosophy-business-section.philosophy-motion-ready.is-philosophy-visible
.philosophy-business-title,

.philosophy-business-section.philosophy-motion-ready.is-philosophy-visible
.business-circle,

.philosophy-business-section.philosophy-motion-ready.is-philosophy-visible
.philosophy-back-button {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}


/* 見出し */
.philosophy-business-section.is-philosophy-visible
.philosophy-business-title {
  transition-delay: 0s;
}


/* 1つ目：教育 */
.philosophy-business-section.is-philosophy-visible
.business-circle:nth-child(1) {
  transition-delay: .12s;
}


/* 2つ目：IT */
.philosophy-business-section.is-philosophy-visible
.business-circle:nth-child(2) {
  transition-delay: .28s;
}


/* 3つ目：不動産 */
.philosophy-business-section.is-philosophy-visible
.business-circle:nth-child(3) {
  transition-delay: .44s;
}


/* TOPに戻る */
.philosophy-business-section.is-philosophy-visible
.philosophy-back-button {
  transition-delay: .60s;
}


/* =========================================
   SP
========================================= */

@media (max-width: 767px) {

  /*
   縦並びなので移動量を少し抑える。
   円同士のmarginによる重なりには影響しない。
  */
  .philosophy-business-section.philosophy-motion-ready
  .business-circle {
    transform: translate3d(0, 22px, 0) scale(.975);
  }
}


/* =========================================
   Elementor編集画面では常に表示
========================================= */

body.elementor-editor-active
.philosophy-fv-content,

body.elementor-editor-active
.philosophy-business-title,

body.elementor-editor-active
.business-circle,

body.elementor-editor-active
.philosophy-back-button {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}


/* =========================================
   動きを減らす設定
========================================= */

@media (prefers-reduced-motion: reduce) {

  .philosophy-fv-content,
  .philosophy-business-title,
  .business-circle,
  .philosophy-back-button {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* =========================================
   企業理念 FV：赤い手書きライン
========================================= */

.philosophy-line {
  overflow: hidden;
}

/* 初期状態 */
html.motion-ready
.philosophy-fv
.philosophy-line img {
  opacity: 0;
  clip-path: inset(0 100% 0 0);

  transition:
    clip-path 1.05s cubic-bezier(.16, 1, .3, 1),
    opacity .2s ease;

  transition-delay: .32s;
}

/* FV表示後 */
html.motion-ready
.philosophy-fv.is-philosophy-fv-visible
.philosophy-line img {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}


/* Elementor編集画面では常に表示 */
body.elementor-editor-active
.philosophy-line,
body.elementor-editor-active
.philosophy-line img {
  opacity: 1 !important;
  clip-path: inset(0 0 0 0) !important;
  transition: none !important;
}


/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce) {

  .philosophy-line,
  .philosophy-line img {
    opacity: 1 !important;
    clip-path: none !important;
    transition: none !important;
  }

}

@media (max-width: 767px) {

  /* =====================================
     教育事業：アイコンを10px上へ
  ===================================== */

  .business-circle
  .philosophy-circle-icon.education-icon {
    bottom: 32px !important;
  }


  /* =====================================
     IT事業：アイコンを一回り小さく
  ===================================== */

  .business-circle
  .philosophy-circle-icon.it-icon {
    width: 56px !important;
    max-width: 56px !important;
  }

  .business-circle
  .philosophy-circle-icon.it-icon img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }


  /* =====================================
     不動産事業：アイコンを一回り大きく
  ===================================== */

  .business-circle
  .philosophy-circle-icon.realestate-icon {
    width: 72px !important;
    max-width: 72px !important;
  }

  .business-circle
  .philosophy-circle-icon.realestate-icon img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

}


@media (max-width: 767px) {

  /* ITを1番目へ */
  .philosophy-businesses .business-circle:nth-child(2) {
    order: 1;
  }

  /* 教育を2番目へ */
  .philosophy-businesses .business-circle:nth-child(1) {
    order: 2;
  }

  /* 不動産は3番目のまま */
  .philosophy-businesses .business-circle:nth-child(3) {
    order: 3;
  }

}

@media (max-width: 767px) {

  /* 円同士の余計なgapをなくす */
  .philosophy-businesses {
    row-gap: 0 !important;
  }

  /* 一度すべての重なりをリセット */
  .philosophy-businesses .business-circle {
    margin-top: 0 !important;
  }

  /* 教育：見た目では2番目なのでITに重ねる */
  .philosophy-businesses .business-circle:nth-child(1) {
    margin-top: -18px !important;
  }

  /* IT：見た目では1番目なので上マージンなし */
  .philosophy-businesses .business-circle:nth-child(2) {
    margin-top: 0 !important;
  }

  /* 不動産：見た目では3番目なので教育に重ねる */
  .philosophy-businesses .business-circle:nth-child(3) {
    margin-top: -18px !important;
  }

}/* End custom CSS */