body#philosophy .t2ap-word,
body#philosophy .t2ap-panel { display: none; }
html body#philosophy { --t2ap-L: calc((100vw - min(85.6vw, 1200px)) / 2); --t2ap-G: 6vw; }
@media screen and (max-width: 1200px) {
html body#philosophy { --t2ap-L: 86px; }
}
@media screen and (max-width: 800px) {
html body#philosophy { --t2ap-L: 20px; }
}
html body#philosophy .p-phil-sections { min-height: 0; padding: 0; }
html body#philosophy .p-phil-sections::after { display: none; }
html body#philosophy .p-phil-sections__body { max-width: none; margin: 0; }
html body#philosophy .c-phil-section { width: auto; max-width: none; min-height: 0; display: block; margin: 0; padding-bottom: 0; }
html body#philosophy .c-phil-section__head,
html body#philosophy .is-invasion .c-phil-section__head.parent-observe,
html body#philosophy .c-phil-section__head.parent-observe { position: static; width: auto; padding: 0; transform: none !important; }
html body#philosophy .c-phil-section__inner { width: auto; min-width: 0; padding-top: 0; margin-top: 0; }
html body#philosophy .c-phil-section__box { background: none; padding: 0; margin: 0; }
html body#philosophy .c-phil-section__box::before { display: none; }
html body#philosophy .c-phil-section__box .data-head { justify-content: flex-start; width: auto; min-width: 0; height: auto; padding: 0; margin: 0; background: none; border: 0; font-family: "Arial", "Helvetica Neue", sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 1px; color: #6f6f6f; }
html body#philosophy .c-phil-section__box .data-head::before,
html body#philosophy .c-phil-section__box .data-head::after { display: none; }
html body#philosophy .p-phil-message__head { position: static; top: auto; left: auto; }
html body#philosophy { --t2ap-F: min(11vw, 176px); }
html body#philosophy .t2-name .p-phil-message__top {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--t2ap-G); align-items: start;
  width: auto; min-width: 0; max-width: none; margin: 0 var(--t2ap-L); padding: 130px 0 120px;
}
html body#philosophy .t2-name .p-phil-message__head { grid-column: 1; grid-row: 1; margin: 0 0 22px; }
html body#philosophy .t2-name .p-phil-message__copy { grid-column: 1; grid-row: 2; margin: 0; }
html body#philosophy .t2-name .p-phil-message__desc { grid-column: 2; grid-row: 1 / span 2; margin-top: -12px; }
html body#philosophy .p-phil-sections { padding-bottom: 150px; }
html body#philosophy .c-phil-section { margin: 0 var(--t2ap-L); padding-top: 140px; }
html body#philosophy .c-phil-section__wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--t2ap-G); align-items: start; }
html body#philosophy .c-phil-section__head { grid-column: 1 / -1; margin: 0 0 22px; }
html body#philosophy .c-phil-section__image { display: none; }
html body#philosophy .c-phil-section__inner { display: contents; }
html body#philosophy .t2-phil-head { grid-column: 1; margin: 0; }
html body#philosophy .c-phil-section__box { grid-column: 2; margin-top: -6px; }
html body#philosophy .t2ap-word { display: block; grid-column: 1 / -1; position: relative; z-index: 0; margin: 0 0 64px; overflow: hidden; }
html body#philosophy .t2ap-word__svg { position: relative; z-index: 1; display: block; width: 100%; height: auto; }
html body#philosophy .t2ap-word__cover { fill: #fff; }
html body#philosophy .t2ap-word__char { font-family: "Arial Black", "Arial", sans-serif; font-weight: 900; }
html body#philosophy .t2ap-word__bg { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; z-index: 0; overflow: hidden; }
html body#philosophy .t2ap-word__img { width: 100%; height: 100%; background-size: cover; background-position: center 45%; opacity: 0.3; transform: scale(1.2); transition: 0.7s; }
html body#philosophy .is-invasion .t2ap-word__img { opacity: 1; transform: scale(1); }
html body#philosophy .js-section-page-4 .c-phil-section__box { display: contents; }
html body#philosophy .js-section-page-4 .t2-phil-head { grid-row: 3; }
html body#philosophy .js-section-page-4 .c-phil-section__box > p.desc { grid-column: 2; grid-row: 3; margin: 0 0 46px; }
html body#philosophy .c-phil-section__box .data {
  grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--t2ap-G); align-items: baseline;
  margin: 0; padding: 24px 0; border-top: 1px solid #d5d5d5;
}
html body#philosophy .c-phil-section__box .data:last-child { border-bottom: 1px solid #d5d5d5; }
html body#philosophy .c-phil-section__box .data-head { grid-column: 1; grid-row: 1; display: inline-block; width: 12.5em; white-space: nowrap; }
html body#philosophy .c-phil-section__box .data-title { grid-column: 1; grid-row: 1; margin-left: 12.5em; padding-left: 0; }
html body#philosophy .c-phil-section__box .data-desc { grid-column: 2; grid-row: 1; width: auto; margin: 0; }
html body#philosophy .t2-msg {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--t2ap-G); align-items: start;
  padding: 130px var(--t2ap-L) 140px;
}
html body#philosophy .t2-msg .p-phil-message__bottom,
html body#philosophy .t2-msg .p-phil-message__bottom__inner,
html body#philosophy .t2-msg .p-phil-message__top { display: contents; }
html body#philosophy .t2-msg .p-phil-message__head { grid-column: 1; grid-row: 1; margin: 0 0 22px; }
html body#philosophy .t2-msg .p-phil-message__bottom__copy { grid-column: 1; grid-row: 2; margin: 0; padding: 0; text-align: left; color: #15171b; }
html body#philosophy .t2-msg .p-phil-message__bottom__from { grid-column: 1; grid-row: 3; justify-content: flex-start; text-align: left; margin: 22px 0 0; padding: 0; color: #15171b; }
html body#philosophy .t2-msg .p-phil-message__desc { grid-column: 2; grid-row: 1 / span 4; margin-top: -12px; }
html body#philosophy .t2-msg .p-phil-message__bottom__copy { font-size: 26px; }
@media screen and (max-width: 800px) {
html body#philosophy { --t2ap-F: 11vw; }
html body#philosophy .t2-name .p-phil-message__top,
html body#philosophy .c-phil-section__wrap { display: block; }
html body#philosophy .t2-name .p-phil-message__top { padding: 72px 0 64px; }
html body#philosophy .t2-name .p-phil-message__desc,
html body#philosophy .t2-msg .p-phil-message__desc { margin-top: 20px; }
html body#philosophy .p-phil-sections { padding-bottom: 80px; }
html body#philosophy .c-phil-section { padding-top: 80px; }
html body#philosophy .t2ap-word { margin-bottom: 28px; }
html body#philosophy .c-phil-section__box { margin-top: 22px; }
html body#philosophy .t2-msg { padding: 72px var(--t2ap-L) 80px; }
html body#philosophy .t2-msg { display: flex; flex-direction: column; }
html body#philosophy .t2-msg .p-phil-message__head { order: 1; margin-bottom: 18px; }
html body#philosophy .t2-msg .p-phil-message__bottom__copy { order: 2; }
html body#philosophy .t2-msg .p-phil-message__bottom__from { order: 3; }
html body#philosophy .t2-msg .p-phil-message__desc { order: 4; }
html body#philosophy .t2-msg .p-phil-message__bottom__copy { font-size: 20px; }
html body#philosophy .js-section-page-4 .c-phil-section__box { display: block; }
html body#philosophy .js-section-page-4 .c-phil-section__box > p.desc { margin: 0 0 22px; }
html body#philosophy .c-phil-section__box .data { display: block; padding: 18px 0; }
html body#philosophy .c-phil-section__box .data-head { display: block; width: auto; }
html body#philosophy .c-phil-section__box .data-title { margin: 6px 0 0; }
html body#philosophy .c-phil-section__box .data-desc { margin-top: 6px; }
}