@media (max-width: 767.98px) {
  .l-philosophy {
    padding-bottom: 180px;
  }
}

.l-content {
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .l-content {
    padding-bottom: 24vw;
  }
}
@media (min-width: 768px) {
  .l-content {
    padding-bottom: min(14.2857142857vw, 200px);
  }
}

.l-inner {
  margin-inline: auto;
  padding-inline: 6.6666666667vw;
}
@media (min-width: 768px) {
  .l-inner {
    max-width: 1284px;

    padding-inline: min(4.4285714286vw, 62px);
  }
}

.l-wide-wrapper {
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .l-wide-wrapper {
    padding-inline: 6.6666666667vw;
  }
}
@media (min-width: 768px) {
  .l-wide-wrapper {
    max-width: min(100vw, 1400px);
  }
}

.l-wide-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-wide-inner {
    max-width: min(100vw, 1400px);
  }
}

.bg-deep-blue {
  position: relative;
  z-index: 0;
  background-color: #009fb9;
}

.bg-light-blue {
  background-color: #eefdff;
}

.js-sec_trigger {
  position: relative;
}

.sec_ttl {
  position: relative;
}

.sec_ttl_img {
  display: block;
  width: 100%;
}

.mask_img_wrap {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask_img {
  width: 100%;
  height: 100%;

  will-change: transform;
}
.mask_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.cont_head {
  color: #009fb9;
}
@media (min-width: 768px) {
  .cont_head {
    display: block;
  }
}
.cont_head .cont_head_text {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1e600;
  white-space: nowrap;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .cont_head .cont_head_text {
    margin-top: 3.4666666667vw;
    font-size: 1.375rem;
    line-height: 1.1;
  }
}
@media (min-width: 768px) {
  .cont_head .cont_head_text {
    margin-top: min(1.4285714286vw, 20px);
    font-size: 1.6875rem;
    line-height: 1.2;
  }
}
@media (min-width: 1024px) {
  .cont_head .cont_head_text {
    margin-top: min(1.4285714286vw, 20px);
    font-size: 2.25rem;
  }
}
.cont_head .cont_head_text:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .lead_cont {
    max-width: 400px;
  }
}
@media (min-width: 1024px) {
  .lead_cont {
    max-width: none;
  }
}

.lead_cont_head {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .lead_cont_head {
    margin-top: 9.6vw;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
@media (min-width: 768px) {
  .lead_cont_head {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}

@media (max-width: 767.98px) {
  .lead_cont_text {
    margin-top: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .lead_cont_text {
    margin-top: min(1.4285714286vw, 20px);
  }
}
.lead_cont_text p {
  letter-spacing: 0;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .lead_cont_text p {
    font-size: 1rem;
    line-height: 2;
  }
}
@media (min-width: 768px) {
  .lead_cont_text p {
    font-size: 1.125rem;
    line-height: 2.2;
  }
}

.c-btn {
  display: block;
  border: solid 2px #fff !important;
  width: 100% !important;
  transition: 0.3s background-color, 0.3s color !important;
  color: #fff !important;
  font-weight: bold !important;
}
@media (max-width: 767.98px) {
  .c-btn {
    border-radius: 11.7333333333vw !important;
    font-size: 1.125rem !important;

    padding-block: 3.4666666667vw !important;
  }
}
@media (min-width: 768px) {
  .c-btn {
    border-radius: 44px !important;
    font-size: 1.25rem !important;

    padding-block: min(1.7857142857vw, 25px) !important;
  }
}
.c-btn:hover {
  background-color: #fff !important;
  color: #000617 !important;
}

.effect {
  position: absolute;
  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
.effect._01 {
  z-index: 1;
}
@media (max-width: 767.98px) {
  .effect._01 {
    top: -20.5333333333vw;
    right: -32vw;
    width: 66.6666666667vw;
  }
}
@media (min-width: 768px) {
  .effect._01 {
    top: max(-33.9285714286vw, -475px);
    right: -25.6944444444vw;
    left: auto;
    width: min(47.8571428571vw, 670px);
  }
}
@media (max-width: 767.98px) {
  .effect._02 {
    top: -31.2vw;
    left: -16vw;
    width: 53.3333333333vw;
  }
}
@media (min-width: 768px) {
  .effect._02 {
    top: max(-18.9285714286vw, -265px);
    right: auto;
    left: -11.1111111111vw;
    width: min(34.2857142857vw, 480px);
  }
}
@media (max-width: 767.98px) {
  .effect._03 {
    top: 10.6666666667vw;
    right: -10.6666666667vw;
    width: 26.6666666667vw;
  }
}
@media (min-width: 768px) {
  .effect._03 {
    right: -10.7142857143vw;
    bottom: min(20.4285714286vw, 286px);
    left: auto;
    width: min(17.8571428571vw, 250px);
  }
}
@media (max-width: 767.98px) {
  .effect._04 {
    top: -48.2666666667vw;
    right: -14.6666666667vw;
    width: 45.3333333333vw;
  }
}
@media (min-width: 768px) {
  .effect._04 {
    top: max(-23.5714285714vw, -330px);
    right: -13.5714285714vw;
    left: auto;
    width: min(25.7142857143vw, 360px);
  }
}
@media (max-width: 767.98px) {
  .effect._05 {
    top: 22.4vw;
    right: -10.4vw;
    width: 16vw;
  }
}
@media (min-width: 768px) {
  .effect._05 {
    top: max(-13.5714285714vw, -190px);
    right: -9.2857142857vw;
    left: auto;
    width: min(7.1428571429vw, 100px);
  }
}
@media (max-width: 767.98px) {
  .effect._06 {
    z-index: 1;
    top: -20vw;
    left: -56vw;
    width: 74.6666666667vw;
  }
}
@media (min-width: 768px) {
  .effect._06 {
    z-index: 0;
    right: auto;
    bottom: min(18.2142857143vw, 255px);
    left: -22.1428571429vw;
    width: min(34.2857142857vw, 480px);
  }
}
@media (max-width: 767.98px) {
  .effect._07 {
    top: -48vw;
    left: -5.3333333333vw;
    width: 18.6666666667vw;
  }
}
@media (min-width: 768px) {
  .effect._07 {
    top: max(-25vw, -350px);
    right: auto;
    left: 0;
    width: min(8.5714285714vw, 120px);
  }
}
@media (max-width: 767.98px) {
  .effect._08 {
    top: -42.6666666667vw;
    right: -22.6666666667vw;
    width: 60vw;
  }
}
@media (min-width: 768px) {
  .effect._08 {
    top: max(-24.2857142857vw, -340px);
    right: -9.2857142857vw;
    left: auto;
    width: min(40vw, 560px);
  }
}
@media (max-width: 767.98px) {
  .effect._09 {
    top: -24vw;
    left: 0;
    width: 42.6666666667vw;
  }
}
@media (min-width: 768px) {
  .effect._09 {
    top: max(-25.5vw, -357px);
    right: auto;
    left: -12.8571428571vw;
    width: min(48.5714285714vw, 680px);
  }
}
@media (max-width: 767.98px) {
  .effect._10 {
    bottom: -31.4666666667vw;
    left: -12.5333333333vw;
    width: 81.3333333333vw;
  }
  .effect._10 img {
    transform: rotate(5deg);
  }
}
@media (min-width: 768px) {
  .effect._10 {
    right: auto;
    bottom: max(-17.8571428571vw, -250px);
    left: 7.8571428571vw;
    width: min(46.4285714286vw, 650px);
  }
}

.modal__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 9999;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.6);

  inset: 0;
}

.modal__container {
  overflow-y: auto;
}

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
          animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
          animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.splide {
  visibility: visible;
  width: 100%;
}
@media (max-width: 767.98px) {
  .splide {
    height: 50%;
  }
}
@media (min-width: 768px) {
  .splide {
    height: 50%;
  }
}

.slider_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.splide-wrapper {
  height: 100%;
  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.splide__track {
  height: 100%;
}

.splide__slide {
  position: relative;
}
.splide__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.kv {
  position: relative;
}
@media (max-width: 767.98px) {
  .kv {
    height: 133.3333333333vw;
  }
}
@media (min-width: 768px) {
  .kv {
    height: 44vw;
  }
}

.kv_filter {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .kv_filter {
    opacity: 1;
    background-image: url(/philosophy/assets/images/kv_filter_sm.png);
  }
}
@media (min-width: 768px) {
  .kv_filter {
    opacity: 0.7;
    background-image: url(/philosophy/assets/images/kv_filter_lg.png);
  }
}

.kv_img_wrapper {
  position: relative;
}
@media (min-width: 768px) {
  .kv_img_wrapper {
    display: grid;
    overflow: hidden;
    height: 44vw;

    grid-template-columns: repeat(5, 1fr);
  }
}

.kv_img {
  position: relative;
}
@media (max-width: 767.98px) {
  .kv_img {
    height: 26.6666666667vw;
  }
}
@media (min-width: 768px) {
  .kv_img {
    height: 44vw;
  }
}
.kv_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.js-kv_mask {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(166deg, rgb(0, 159, 185) 0%, rgb(0, 159, 185) 60%, rgb(0, 159, 185) 100%);
}

.kv_text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  margin: auto;

  inset: 0;
}
@media (max-width: 767.98px) {
  .kv_text {
    left: 3.2vw;
  }
}
@media (min-width: 768px) {
  .kv_text {
    top: 1.4285714286vw;
    left: 1.4285714286vw;
  }
}

.kv_text_main {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.kv_text_glitches {
  display: grid;
  position: relative;
}
@media (max-width: 767.98px) {
  .kv_text_glitches {
    top: -26.6666666667vw;
    width: 76vw;
  }
}
@media (min-width: 768px) {
  .kv_text_glitches {
    top: -15vw;
    width: 46.8571428571vw;
  }
}

.kv_text_glitch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

  grid-area: 1/1;
  -webkit-clip-path: polygon(0 var(--start-y, 0), 100% var(--start-y, 0), 100% var(--end-y, 100%), 0 var(--end-y, 100%));
          clip-path: polygon(0 var(--start-y, 0), 100% var(--start-y, 0), 100% var(--end-y, 100%), 0 var(--end-y, 100%));
}
.kv_text_glitch.-base {
  --start-y: 0;
  --end-y: 100;
}
.kv_text_glitch ._red,
.kv_text_glitch ._green {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.kv_text_glitch ._green {
  transform: translate(-3%, 1%);
}
.kv_text_glitch ._red {
  transform: translate(2%, 1%);
}
.kv_text_glitch:nth-child(1):not(.-base) {
  --start-y: 3%;
  --end-y: 4%;
}
.kv_text_glitch:nth-child(2):not(.-base) {
  --start-y: 6%;
  --end-y: 9%;
}
.kv_text_glitch:nth-child(3):not(.-base) {
  --start-y: 9%;
  --end-y: 11%;
}
.kv_text_glitch:nth-child(4):not(.-base) {
  --start-y: 12%;
  --end-y: 18%;
}
.kv_text_glitch:nth-child(5):not(.-base) {
  --start-y: 15%;
  --end-y: 15.1%;
}
.kv_text_glitch:nth-child(6):not(.-base) {
  --start-y: 18%;
  --end-y: 21%;
}
.kv_text_glitch:nth-child(7):not(.-base) {
  --start-y: 21%;
  --end-y: 21.3%;
}
.kv_text_glitch:nth-child(8):not(.-base) {
  --start-y: 24%;
  --end-y: 25%;
}
.kv_text_glitch:nth-child(9):not(.-base) {
  --start-y: 27%;
  --end-y: 27.1%;
}
.kv_text_glitch:nth-child(10):not(.-base) {
  --start-y: 32%;
  --end-y: 34%;
}
.kv_text_glitch:nth-child(11):not(.-base) {
  --start-y: 35%;
  --end-y: 35.4%;
}
.kv_text_glitch:nth-child(12):not(.-base) {
  --start-y: 37%;
  --end-y: 44%;
}
.kv_text_glitch:nth-child(13):not(.-base) {
  --start-y: 39%;
  --end-y: 41%;
}
.kv_text_glitch:nth-child(14):not(.-base) {
  --start-y: 43%;
  --end-y: 43.5%;
}
.kv_text_glitch:nth-child(15):not(.-base) {
  --start-y: 47%;
  --end-y: 48.5%;
}
.kv_text_glitch:nth-child(16):not(.-base) {
  --start-y: 50%;
  --end-y: 52%;
}
.kv_text_glitch:nth-child(17):not(.-base) {
  --start-y: 52%;
  --end-y: 52.5%;
}
.kv_text_glitch:nth-child(18):not(.-base) {
  --start-y: 55%;
  --end-y: 56%;
}
.kv_text_glitch:nth-child(19):not(.-base) {
  --start-y: 59%;
  --end-y: 59.4%;
}
.kv_text_glitch:nth-child(20):not(.-base) {
  --start-y: 62%;
  --end-y: 64%;
}
.kv_text_glitch:nth-child(21):not(.-base) {
  --start-y: 64%;
  --end-y: 66%;
}
.kv_text_glitch:nth-child(22):not(.-base) {
  --start-y: 67%;
  --end-y: 70%;
}
.kv_text_glitch:nth-child(23):not(.-base) {
  --start-y: 70%;
  --end-y: 70.4%;
}
.kv_text_glitch:nth-child(24):not(.-base) {
  --start-y: 72%;
  --end-y: 75%;
}
.kv_text_glitch:nth-child(25):not(.-base) {
  --start-y: 77%;
  --end-y: 81%;
}
.kv_text_glitch:nth-child(26):not(.-base) {
  --start-y: 80%;
  --end-y: 80.3%;
}
.kv_text_glitch:nth-child(27):not(.-base) {
  --start-y: 82%;
  --end-y: 88%;
}
.kv_text_glitch:nth-child(28):not(.-base) {
  --start-y: 84%;
  --end-y: 84.2%;
}
.kv_text_glitch:nth-child(29):not(.-base) {
  --start-y: 87%;
  --end-y: 89%;
}
.kv_text_glitch:nth-child(30):not(.-base) {
  --start-y: 93%;
  --end-y: 94%;
}

.kv_text_glitch_effect {
  position: absolute;
}

.mission {
  position: relative;
}
@media (max-width: 767.98px) {
  .mission {
    margin-top: 33.8666666667vw;
  }
}
@media (min-width: 768px) {
  .mission {
    margin-top: min(13.5vw, 189px);
  }
}

@media (max-width: 767.98px) {
  .mission_cont:last-of-type {
    margin-top: 12.2666666667vw;
  }
}
@media (min-width: 768px) {
  .mission_cont:last-of-type {
    margin-top: min(6.7857142857vw, 95px);
  }
}

.mission_ttl {
  z-index: 1;
}
@media (max-width: 767.98px) {
  .mission_ttl {
    width: 52.8vw;
  }
}
@media (min-width: 768px) {
  .mission_ttl {
    width: min(30.4285714286vw, 426px);
  }
}

.mission_img {
  position: relative;
}
@media (max-width: 767.98px) {
  .mission_img._01 {
    margin-top: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .mission_img._01 {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .mission_img._01 {
    margin-top: max(-3.5714285714vw, -50px);
    width: min(60.7142857143vw, 850px);
    height: min(30vw, 420px);
  }
}
@media (min-width: 768px) {
  .mission_img._02 {
    margin-top: max(-1.0714285714vw, -15px);
    width: min(37.1428571429vw, 520px);
    height: min(18.5714285714vw, 260px);
  }
}

.mission_deco_img {
  position: absolute;
  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
@media (max-width: 767.98px) {
  .mission_deco_img._01 {
    right: -2.6666666667vw;
    bottom: -4vw;
    width: 7.2vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._01 {
    right: max(-2.4285714286vw, -34px);
    bottom: max(-3.5714285714vw, -50px);
    width: min(4.7142857143vw, 66px);
  }
}
@media (max-width: 767.98px) {
  .mission_deco_img._02 {
    z-index: -1;
    top: 8vw;
    left: -6.6666666667vw;
    width: 27.4666666667vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._02 {
    z-index: -1;
    top: min(6.4285714286vw, 90px);
    left: max(-3.5714285714vw, -50px);
    width: min(18.4285714286vw, 258px);
  }
}
@media (max-width: 767.98px) {
  .mission_deco_img._03 {
    top: -6.6666666667vw;
    left: -3.4666666667vw;
    width: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._03 {
    top: max(-2.7142857143vw, -38px);
    left: max(-1.7857142857vw, -25px);
    width: min(2.6428571429vw, 37px);
  }
}
.mission_deco_img._04 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .mission_deco_img._04 {
    top: -5.3333333333vw;
    right: -6.6666666667vw;
    width: 21.8666666667vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._04 {
    top: max(-2.1428571429vw, -30px);
    right: max(-2.8571428571vw, -40px);
    width: min(9.7142857143vw, 136px);
  }
}
.mission_deco_img._05 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .mission_deco_img._05 {
    bottom: 10.6666666667vw;
    left: -6.6666666667vw;
    width: 21.8666666667vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._05 {
    bottom: min(5.7142857143vw, 80px);
    left: max(-3.4285714286vw, -48px);
    width: min(9.7142857143vw, 136px);
  }
}
@media (max-width: 767.98px) {
  .mission_deco_img._06 {
    right: 2.6666666667vw;
    bottom: -2.6666666667vw;
    width: 20.5333333333vw;
  }
}
@media (min-width: 768px) {
  .mission_deco_img._06 {
    right: max(-1.4285714286vw, -20px);
    bottom: max(-1.4285714286vw, -20px);
    width: min(8.1428571429vw, 114px);
  }
}

.mission_bg_img {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  width: 100%;
  background-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .mission_bg_img {
    top: 38.6666666667vw;
    height: 48vw;
    background-image: url(/philosophy/assets/images/mission_bg_sm.png);
  }
}
@media (min-width: 768px) {
  .mission_bg_img {
    background-image: url(/philosophy/assets/images/mission_bg_lg.png);
  }
}
@media (min-width: 768px) {
  .mission_bg_img {
    top: min(13.9285714286vw, 195px);
    height: 31.7857142857vw;
  }
}

.mission_text_head {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .mission_text_head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 767.98px) {
  .mission_flex_cont {
    margin-top: 12vw;
  }
}
@media (min-width: 768px) {
  .mission_flex_cont {
    display: flex;
    align-items: center;
    margin-top: min(4.6428571429vw, 65px);

    gap: min(7.1428571429vw, 100px);
  }
}

.vision {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .vision {
    margin-top: 25.3333333333vw;
    background-image: url(/philosophy/assets/images/vision_bg_sm.jpg);

    padding-block: 24.5333333333vw;
  }
}
@media (min-width: 768px) {
  .vision {
    margin-top: min(12.5vw, 175px);
    background-image: url(/philosophy/assets/images/vision_bg_lg.jpg);

    padding-block: min(10.3571428571vw, 145px) min(14.2857142857vw, 200px);
  }
}

@media (min-width: 768px) {
  .vision_cont {
    margin-top: min(7.1428571429vw, 100px);
  }
}

@media (max-width: 767.98px) {
  .vision_ttl {
    width: 41.6vw;
  }
}
@media (min-width: 768px) {
  .vision_ttl {
    width: min(23.8571428571vw, 334px);
  }
}

.vision_img {
  position: relative;
  z-index: 0;
}
@media (max-width: 767.98px) {
  .vision_img._01 {
    margin-top: 11.2vw;
  }
}
@media (min-width: 768px) {
  .vision_img._01 {
    width: min(60.7142857143vw, 850px);
    height: min(30vw, 420px);
  }
}
@media (min-width: 768px) {
  .vision_img._02 {
    width: min(37.1428571429vw, 520px);
    height: min(18.5714285714vw, 260px);
  }
}

.vision_deco_img {
  position: absolute;
  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
@media (max-width: 767.98px) {
  .vision_deco_img._01 {
    top: -4vw;
    left: 26.6666666667vw;
    width: 17.0666666667vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._01 {
    top: max(-1.4285714286vw, -20px);
    left: min(19.2857142857vw, 270px);
    width: min(8.3571428571vw, 117px);
  }
}
@media (max-width: 767.98px) {
  .vision_deco_img._02 {
    top: -10.6666666667vw;
    right: -4vw;
    width: 12vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._02 {
    top: max(-3.9285714286vw, -55px);
    right: max(-1.0714285714vw, -15px);
    width: min(5.9285714286vw, 83px);
  }
}
.vision_deco_img._03 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .vision_deco_img._03 {
    bottom: -6.6666666667vw;
    left: 2.6666666667vw;
    width: 24vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._03 {
    bottom: max(-3.2142857143vw, -45px);
    left: min(2.8571428571vw, 40px);
    width: min(11.8571428571vw, 166px);
  }
}
.vision_deco_img._04 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .vision_deco_img._04 {
    top: -5.3333333333vw;
    right: 10.6666666667vw;
    width: 11.2vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._04 {
    top: max(-2.1428571429vw, -30px);
    right: min(7.8571428571vw, 110px);
    width: min(4.7142857143vw, 66px);
  }
}
@media (max-width: 767.98px) {
  .vision_deco_img._05 {
    z-index: 1;
    bottom: 9.3333333333vw;
    left: -9.3333333333vw;
    width: 15.4666666667vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._05 {
    z-index: -1;
    bottom: min(3.0714285714vw, 43px);
    left: max(-3.7857142857vw, -53px);
    width: min(6.4285714286vw, 90px);
  }
}
.vision_deco_img._06 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .vision_deco_img._06 {
    right: -6.6666666667vw;
    bottom: -5.3333333333vw;
    width: 13.8666666667vw;
  }
}
@media (min-width: 768px) {
  .vision_deco_img._06 {
    right: max(-2.8571428571vw, -40px);
    bottom: max(-2.1428571429vw, -30px);
    width: min(5.7857142857vw, 81px);
  }
}

.vision_text_head {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .vision_text_head {
    margin-top: 13.3333333333vw;

    margin-inline: 0;
  }
}
@media (min-width: 768px) {
  .vision_text_head {
    margin-inline: auto;
  }
}

.vision_flex_cont {
  display: flex;
}
@media (max-width: 767.98px) {
  .vision_flex_cont {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .vision_flex_cont {
    align-items: center;
    margin-top: min(4.6428571429vw, 65px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    gap: min(5.7142857143vw, 80px);
  }
}
@media (max-width: 767.98px) {
  .vision_flex_cont._02 {
    margin-top: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vision_flex_cont._02 {
    margin-top: min(5.5vw, 77px);

    gap: min(8.2142857143vw, 115px);
  }
}

.value {
  position: relative;
}
@media (max-width: 767.98px) {
  .value {
    margin-top: 26.1333333333vw;
  }
}
@media (min-width: 768px) {
  .value {
    margin-top: min(13.5714285714vw, 190px);
  }
}

@media (max-width: 767.98px) {
  .value_ttl {
    width: 40vw;
  }
}
@media (min-width: 768px) {
  .value_ttl {
    width: min(22.8571428571vw, 320px);
  }
}

@media (max-width: 767.98px) {
  .value_text_head {
    display: flex;
    align-items: center;
    order: 1;
    margin-top: 9.6vw;

    gap: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_text_head {
    display: flex;
    align-items: center;

    gap: min(2.8571428571vw, 40px);
  }
}
@media (max-width: 767.98px) {
  .value_text_head._02 {
    gap: 8vw;
  }
}
@media (max-width: 767.98px) {
  .value_text_head._03 {
    gap: 5.3333333333vw;
  }
}
@media (max-width: 767.98px) {
  .value_text_head._03 {
    margin-top: 21.3333333333vw;
  }
}
@media (max-width: 767.98px) {
  .value_text_head._04 {
    gap: 3.4666666667vw;
  }
}
@media (min-width: 768px) {
  .value_text_head._04 {
    margin-top: min(4.6428571429vw, 65px);
  }
}

.value_flex_cont {
  position: relative;
}
@media (max-width: 767.98px) {
  .value_flex_cont {
    display: flex;
    flex-direction: column;
    margin-top: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_flex_cont {
    display: flex;
    margin-top: min(7.8571428571vw, 110px);

    gap: min(5.3571428571vw, 75px);
  }
}
@media (max-width: 767.98px) {
  .value_flex_cont._02 {
    flex-direction: column-reverse;
    margin-top: 19.4666666667vw;
  }
}
@media (min-width: 768px) {
  .value_flex_cont._02 {
    margin-top: min(21.4285714286vw, 300px);
  }
}
@media (max-width: 767.98px) {
  .value_flex_cont._03 {
    flex-direction: column;
    margin-top: 17.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_flex_cont._03 {
    margin-top: min(13.2142857143vw, 185px);

    gap: min(5vw, 70px);
  }
}
@media (max-width: 767.98px) {
  .value_flex_cont._04 {
    flex-direction: column-reverse;
    margin-top: 20vw;
  }
}
@media (min-width: 768px) {
  .value_flex_cont._04 {
    margin-top: min(13.9285714286vw, 195px);
  }
}

.value_number {
  display: block;
}
@media (max-width: 767.98px) {
  .value_number._01 {
    width: 22.1333333333vw;
  }
}
@media (min-width: 768px) {
  .value_number._01 {
    width: min(11.7857142857vw, 165px);
  }
}
@media (max-width: 767.98px) {
  .value_number._02 {
    width: 29.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_number._02 {
    width: min(15.6428571429vw, 219px);
  }
}
@media (max-width: 767.98px) {
  .value_number._03 {
    width: 30.9333333333vw;
  }
}
@media (min-width: 768px) {
  .value_number._03 {
    width: min(16.5vw, 231px);
  }
}
@media (max-width: 767.98px) {
  .value_number._04 {
    width: 33.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_number._04 {
    width: min(17.2857142857vw, 242px);
  }
}

@media (max-width: 767.98px) {
  .value_text_cont {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .value_text_cont {
    margin-top: min(1.6428571429vw, 23px);
  }
}

@media (max-width: 767.98px) {
  .value_text {
    order: 2;
    margin-top: 4.8vw;
  }
}
@media (min-width: 768px) {
  .value_text {
    margin-top: min(4.2857142857vw, 60px);
    max-width: 500px;
  }
}
@media (min-width: 1024px) {
  .value_text {
    max-width: none;
  }
}
.value_text p {
  letter-spacing: 0;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .value_text p {
    font-size: 1rem;
    line-height: 2.1;
  }
}
@media (min-width: 768px) {
  .value_text p {
    font-size: 1.125rem;
    line-height: 2.2;
  }
}

.value_img {
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .value_img._01_01 {
    width: min(24.2857142857vw, 340px);
    height: min(30vw, 420px);
  }
}
@media (max-width: 767.98px) {
  .value_img._01_02 {
    order: 0;
    right: -8vw;
    margin-top: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_img._01_02 {
    right: max(-18.5714285714vw, -260px);
    margin-top: max(-0.3571428571vw, -5px);
    margin-left: auto;
    width: min(41.7857142857vw, 585px);
    height: min(10.0714285714vw, 141px);
  }
}
@media (min-width: 768px) {
  .value_img._02_01 {
    position: absolute;
    z-index: -1;
    top: max(-10vw, -140px);
    left: min(25.3571428571vw, 355px);
    width: min(57.1428571429vw, 800px);
    height: min(28.5714285714vw, 400px);
  }
}
@media (max-width: 767.98px) {
  .value_img._03_01 {
    margin-left: -8vw;
    width: 82.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_img._03_01 {
    margin-top: min(2.1428571429vw, 30px);
    margin-left: max(-8.5714285714vw, -120px);
    width: min(33vw, 462px);
    height: min(24.2857142857vw, 340px);
  }
}
.value_img._03_02 {
  position: absolute;
}
@media (max-width: 767.98px) {
  .value_img._03_02 {
    z-index: 0;
    top: 24vw;
    right: 0;
    width: 36.5333333333vw;
  }
}
@media (min-width: 768px) {
  .value_img._03_02 {
    z-index: -1;
    top: max(-12.5vw, -175px);
    right: 0;
    width: min(25.7857142857vw, 361px);
    height: min(32.1428571429vw, 450px);
  }
}
@media (min-width: 1024px) {
  .value_img._03_02 {
    right: auto;
    left: min(70vw, 980px);
  }
}
@media (max-width: 767.98px) {
  .value_img._04_01 {
    margin-left: 8vw;
    width: 86.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_img._04_01 {
    position: absolute;
    z-index: -1;
    top: max(-2.3571428571vw, -33px);
    right: 0;
    width: min(40.7142857143vw, 570px);
    height: min(40.7142857143vw, 570px);
  }
}
@media (min-width: 1024px) {
  .value_img._04_01 {
    right: auto;
    left: min(55vw, 770px);
  }
}
@media (max-width: 767.98px) {
  .value_img._04_02 {
    margin-top: 5.3333333333vw;
    margin-left: -8vw;
    width: 85.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_img._04_02 {
    margin-left: max(-4.2857142857vw, -60px);
    width: min(35.7142857143vw, 500px);
    height: min(8.5714285714vw, 120px);
  }
}

.value_deco_img {
  position: absolute;
  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
@media (max-width: 767.98px) {
  .value_deco_img._01_01 {
    top: -4vw;
    right: -2.6666666667vw;
    width: 17.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._01_01 {
    top: max(-1.8571428571vw, -26px);
    left: min(19.2857142857vw, 270px);
    width: min(7.4285714286vw, 104px);
  }
}
.value_deco_img._01_02 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._01_02 {
    top: 13.3333333333vw;
    left: -5.3333333333vw;
    width: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._01_02 {
    top: min(14.2857142857vw, 200px);
    left: max(-2.8571428571vw, -40px);
    width: min(4.4285714286vw, 62px);
  }
}
.value_deco_img._01_03 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._01_03 {
    right: -4vw;
    bottom: -4vw;
    width: 17.0666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._01_03 {
    right: max(-2.1428571429vw, -30px);
    bottom: max(-2.1428571429vw, -30px);
    width: min(8vw, 112px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._01_04 {
    top: 2.6666666667vw;
    right: 0;
    width: 8vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._01_04 {
    top: min(2.1428571429vw, 30px);
    right: 0;
    width: min(2.8571428571vw, 40px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._01_05 {
    bottom: -5.3333333333vw;
    left: -1.3333333333vw;
    width: 2.9333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._01_05 {
    bottom: max(-2.1428571429vw, -30px);
    left: max(-0.7142857143vw, -10px);
    width: min(1.3571428571vw, 19px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._02_01 {
    top: 12vw;
    left: -1.3333333333vw;
    width: 3.4666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._02_01 {
    top: min(1.4285714286vw, 20px);
    left: max(-6.1428571429vw, -86px);
    width: min(1.5714285714vw, 22px);
  }
}
.value_deco_img._02_02 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._02_02 {
    top: -5.3333333333vw;
    right: 5.3333333333vw;
    width: 26.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._02_02 {
    top: max(-2vw, -28px);
    right: min(12.6428571429vw, 177px);
    width: min(12.2857142857vw, 172px);
  }
}
.value_deco_img._02_03 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._02_03 {
    top: 8vw;
    right: -2.6666666667vw;
    width: 5.8666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._02_03 {
    top: min(3.5714285714vw, 50px);
    right: max(-2.1428571429vw, -30px);
    width: min(2.7142857143vw, 38px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._02_04 {
    right: 12vw;
    bottom: -2.6666666667vw;
    width: 8.5333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._02_04 {
    right: min(7.2142857143vw, 101px);
    bottom: max(-2.7857142857vw, -39px);
    width: min(4.4285714286vw, 62px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._03_01 {
    top: -2.6666666667vw;
    left: 8vw;
    width: 6.1333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_01 {
    top: max(-1.0714285714vw, -15px);
    left: min(1.4285714286vw, 20px);
    width: min(2.4285714286vw, 34px);
  }
}
.value_deco_img._03_02 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._03_02 {
    top: -9.3333333333vw;
    right: -5.3333333333vw;
    width: 26.6666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_02 {
    top: max(-3.2142857143vw, -45px);
    right: max(-2.1428571429vw, -30px);
    width: min(10.5vw, 147px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._03_03 {
    bottom: -2.6666666667vw;
    left: 10.6666666667vw;
    width: 20.2666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_03 {
    bottom: max(-1.0714285714vw, -15px);
    left: min(2.1428571429vw, 30px);
    width: min(8.0714285714vw, 113px);
  }
}
.value_deco_img._03_04 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._03_04 {
    top: 5.3333333333vw;
    left: -5.3333333333vw;
    width: 6.9333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_04 {
    top: min(2.8571428571vw, 40px);
    left: max(-3.5714285714vw, -50px);
    width: min(4.4285714286vw, 62px);
  }
}
.value_deco_img._03_05 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._03_05 {
    bottom: -5.0666666667vw;
    left: -2.6666666667vw;
    width: 4.5333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_05 {
    bottom: max(-4.2857142857vw, -60px);
    left: max(-1.4285714286vw, -20px);
    width: min(2.8571428571vw, 40px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._03_06 {
    right: 0;
    bottom: -2.6666666667vw;
    width: 6.1333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._03_06 {
    right: 0;
    bottom: max(-2.8571428571vw, -40px);
    width: min(3.8571428571vw, 54px);
  }
}
.value_deco_img._04_01 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._04_01 {
    top: -8vw;
    right: 0;
    width: 18.4vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_01 {
    top: max(-2.8571428571vw, -40px);
    right: 0;
    width: min(7.5714285714vw, 106px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._04_02 {
    top: 10.6666666667vw;
    left: -14.9333333333vw;
    width: 20.2666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_02 {
    top: min(8.3571428571vw, 117px);
    left: max(-7.8571428571vw, -110px);
    width: min(11.0714285714vw, 155px);
  }
}
.value_deco_img._04_03 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._04_03 {
    bottom: -2.6666666667vw;
    left: -8vw;
    width: 15.4666666667vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_03 {
    bottom: max(-1.7857142857vw, -25px);
    left: max(-3.2142857143vw, -45px);
    width: min(6.4285714286vw, 90px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._04_04 {
    right: 18.6666666667vw;
    bottom: 5.3333333333vw;
    width: 8.5333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_04 {
    right: min(6.4285714286vw, 90px);
    bottom: min(2.5vw, 35px);
    width: min(5.3571428571vw, 75px);
  }
}
.value_deco_img._04_05 {
  z-index: -1;
}
@media (max-width: 767.98px) {
  .value_deco_img._04_05 {
    top: -2.6666666667vw;
    left: -10.6666666667vw;
    width: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_05 {
    top: max(-0.7142857143vw, -10px);
    left: max(-2.1428571429vw, -30px);
    width: min(5.2857142857vw, 74px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._04_06 {
    top: -5.3333333333vw;
    right: 24vw;
    width: 7.2vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_06 {
    top: max(-1.0714285714vw, -15px);
    right: min(10vw, 140px);
    width: min(2.9285714286vw, 41px);
  }
}
@media (max-width: 767.98px) {
  .value_deco_img._04_07 {
    right: 5.3333333333vw;
    bottom: -4vw;
    width: 4vw;
  }
}
@media (min-width: 768px) {
  .value_deco_img._04_07 {
    right: min(3.5714285714vw, 50px);
    bottom: max(-2.5vw, -35px);
    width: min(1.6428571429vw, 23px);
  }
}

.brand {
  overflow: hidden;
  position: relative;
}
.brand::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 33, 125, 0.6) 100%, rgba(0, 6, 23, 0.6) 100%), url(/philosophy/assets/images/brand_bg.png);
  background-repeat: repeat;
  background-size: contain;
}

.brand_inner {
  position: relative;
}

.slide__track {
  position: relative;
}

.slide_wrapper {
  position: relative;
}
@media (max-width: 767.98px) {
  .slide_wrapper {
    height: 99.2vw;
  }
}

.brand_contents_wrap {
  position: relative;
}
@media (max-width: 767.98px) {
  .brand_contents_wrap {
    padding-block: 17.3333333333vw 45.3333333333vw;
  }
}
@media (min-width: 768px) {
  .brand_contents_wrap {
    padding-block: 11.6428571429vw 8.6428571429vw;
  }
}

.brand_contents {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .brand_contents {
    display: flex;
    align-items: center;
    justify-content: center;

    -moz-column-gap: min(5.4285714286vw, 76px);

         column-gap: min(5.4285714286vw, 76px);
  }
}

@media (max-width: 767.98px) {
  .brand_ttl {
    width: 78.9333333333vw;
  }
}
@media (min-width: 768px) {
  .brand_ttl {
    width: min(33.8571428571vw, 474px);

    margin-inline: auto;
  }
}

.brand_btn {
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .brand_btn {
    position: absolute;
    bottom: -26.6666666667vw;
    left: 50%;
    width: 86.6666666667vw;
    transform: translateX(-50%);
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .brand_btn {
    margin-top: min(6.4285714286vw, 90px);
    width: min(35.7142857143vw, 500px);
    font-size: 1.25rem;
  }
}

@media (max-width: 767.98px) {
  .brand_contents_text {
    margin-top: 8.5333333333vw;
  }
}
@media (min-width: 768px) {
  .brand_contents_text {
    margin-top: 0;
  }
}
.brand_contents_text p {
  letter-spacing: 0.007em;
  color: #fff;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .brand_contents_text p {
    margin-top: 4vw;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .brand_contents_text p {
    margin-top: min(1.0714285714vw, 15px);
    font-size: 1rem;
  }
}
.brand_contents_text p:first-of-type {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .brand_movie {
    width: 86.6666666667vw;
    height: 48.8vw;
  }
}
@media (min-width: 768px) {
  .brand_movie {
    width: min(67.5vw, 945px);
    height: min(38.0714285714vw, 533px);
  }
}
.brand_movie iframe {
  width: 100%;
  height: 100%;
}

.brand_movie_close {
  display: block;
  position: relative;
  margin-left: auto;
  transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 767.98px) {
  .brand_movie_close {
    margin-bottom: 2.4vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .brand_movie_close {
    margin-bottom: min(1.4285714286vw, 20px);
    width: min(3.1428571429vw, 44px);
    height: min(3.1428571429vw, 44px);
  }
}
.brand_movie_close::after,
.brand_movie_close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.brand_movie_close::after {
  -webkit-clip-path: polygon(0 5%, 5% 0, 100% 95%, 95% 100%);
          clip-path: polygon(0 5%, 5% 0, 100% 95%, 95% 100%);
}
.brand_movie_close::before {
  -webkit-clip-path: polygon(95% 0, 100% 5%, 5% 100%, 0 95%);
          clip-path: polygon(95% 0, 100% 5%, 5% 100%, 0 95%);
}
.brand_movie_close:hover {
  opacity: 0.6;
}

.hidden_btn {
  display: none;
}

@media (max-width: 767.98px) {
  .message {
    padding-block: 17.6vw 16.8vw;
  }
}
@media (min-width: 768px) {
  .message {
    padding-block: min(11.0714285714vw, 155px) min(10.7142857143vw, 150px);
  }
}

@media (max-width: 767.98px) {
  .message_ttl {
    width: 80vw;
  }
}
@media (min-width: 768px) {
  .message_ttl {
    width: min(51.3571428571vw, 719px);
  }
}

.message_cont {
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .message_cont {
    margin-top: 8.5333333333vw;
  }
}
@media (min-width: 768px) {
  .message_cont {
    margin-top: min(5.5714285714vw, 78px);
    max-width: 800px;
  }
}

.message_cont_head {
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .message_cont_head {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  .message_cont_head {
    font-size: 2.25rem;
  }
}

@media (max-width: 767.98px) {
  .message_cont_text {
    margin-top: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .message_cont_text {
    margin-top: min(3.5714285714vw, 50px);
  }
}
.message_cont_text p {
  letter-spacing: 0;
}
@media (max-width: 767.98px) {
  .message_cont_text p {
    margin-top: 8vw;
    font-size: 1rem;
    line-height: 2;
  }
}
@media (min-width: 768px) {
  .message_cont_text p {
    margin-top: min(2.9285714286vw, 41px);
    font-size: 1.125rem;
    line-height: 2.2;
  }
}
.message_cont_text p:first-of-type {
  margin-top: 0;
}

.message_writer {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .message_writer {
    margin-top: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .message_writer {
    margin-top: min(3.5714285714vw, 50px);
  }
}

.message_writer_name {
  text-align: left;
  letter-spacing: 0;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .message_writer_name {
    display: block;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .message_writer_name {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}

.message_writer_sign {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .message_writer_sign {
    margin-top: 2.6666666667vw;
    width: 11.3125rem;
  }
}
@media (min-width: 768px) {
  .message_writer_sign {
    margin-top: min(1.4285714286vw, 20px);
    width: 15.8125rem;
  }
}

.message_writer_sign_ruby {
  text-align: right;
  letter-spacing: 0;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .message_writer_sign_ruby {
    margin-top: 1.0666666667vw;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .message_writer_sign_ruby {
    margin-top: min(0.3571428571vw, 5px);
    font-size: 1.125rem;
  }
}

.message_bg_img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .message_bg_img {
    height: 35.4666666667vw;
    background-image: url(/philosophy/assets/images/message_bg_sm.png);
  }
}
@media (min-width: 768px) {
  .message_bg_img {
    height: 35.4285714286vw;
    background-image: url(/philosophy/assets/images/message_bg_lg.png);
  }
}

/*
* top.css
*
*/
/* --------------------------------
  top
-------------------------------- */