#main { max-width: 1140px; margin: auto; }
.anchor-nav { margin-bottom: 2rem; }
.white_box {
  background: rgb(255, 255, 255); padding: 55px 65px; border-radius: 20px; margin-bottom: 40px;
  & .white_box_fl { display: flex; gap: 50px; }
  & h3 { color: var(--main-color); margin-bottom: 30px; font-size: 2rem; }
  & .txt { max-width: 440px; }
  & h4 { font-size: 1.4rem; margin-bottom: 20px; font-weight: 600; }
  & .img { max-width: 490px; }
}
@media screen and (max-width: 756px) {
  .sec_sp_pad { padding: 0px 20px; }
  .white_box {
  padding: 30px 20px; margin-bottom: 40px;
  & .white_box_fl { display: flex; gap: 20px; flex-direction: column; }
  & h3 { margin-bottom: 20px; font-size: 1.275rem; }
  & h4 { font-size: 1.2rem; margin-bottom: 20px; }
}
}
#philosophy {
  & header { margin-bottom: 30px; }
  & .lead { font-size: 1.4rem; font-weight: 600; margin-bottom: 30px; }
}
@media screen and (max-width: 756px) {
  #philosophy {
  & .lead { font-size: 1.2rem; }
}
}
#principles {
  margin-top: 100px; margin-bottom: 100px;
  & .overlay-heading { margin-bottom: 40px; }
  & h2 { margin-bottom: 0px; font-weight: 600; }
  & .fl { max-width: 1135px; margin: auto; display: flex; gap: 40px; justify-content: space-between; }
  & ul {
  max-width: 540px; width: 100%;
  & li { border-bottom: solid 1px var(--main-color); padding-left: 10px; font-size: 24px; font-weight: 500; }
  & span { font-weight: normal; font-size: 56px; font-style: italic; padding-right: 40px; background: linear-gradient(0deg, rgb(175, 144, 229), rgb(101, 190, 255)) text; -webkit-text-fill-color: transparent; }
  & .li_adj {
  padding-left: 0px;
  & span { padding-right: 20px; }
}
}
}
@media screen and (max-width: 756px) {
  #principles {
  & .fl { gap: 0px; flex-direction: column; }
  & ul {
  & li {font-size: 18px;padding-top: 15px;padding-left: 55px;padding-bottom: 15px;position: relative;}
  & span { height: fit-content; position: absolute; font-size: 42px; padding-right: 10px; top: 0px; bottom: 0px; left: 10px; margin: auto; }
  & .li_adj {
  padding-left: 60px;
  & span { left: 0px; }
}
  & .li_adj_02 { padding-top: 20px; padding-bottom: 20px; }
}
}
}
#glow {
  margin-bottom: 100px;
  & .white_box_fl { margin-bottom: 20px; }
  & .white_box p { line-height: 1.8; margin-bottom: 1rem; word-break: break-all; }
  & iframe { width: 490px; height: 270px; }
}
@media screen and (max-width: 756px) {
  #glow {
  & .img { aspect-ratio: 16 / 9; }
  & iframe { width: 100%; height: 100%; }
}
}
#about_us {
  & .overlay-heading { margin-bottom: 40px; }
  & > .fl { display: flex; gap: 20px; margin: auto; justify-content: center; }
  & .us_wrap > .fl { display: flex; gap: 20px; }
  & h3 {
  margin-bottom: 10px; position: relative;
  &::before { position: absolute; content: ""; height: 1px; width: 100%; top: 0px; bottom: 0px; left: 0px; margin: auto; border-bottom: 1px solid; }
  & span { padding-left: 10px; font-size: 18px; padding-right: 10px; background: var(--gradient2); position: relative; }
}
  & .us_box {
  max-width: 265px; width: 100%;
  & img { max-width: 100%; margin-bottom: 10px; }
  & a {
  position: relative; font-size: 18px; padding: 5px 10px; display: block; width: fit-content; min-width: 210px;
  &::after { width: 8px; height: 8px; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--main-color) var(--main-color) transparent transparent; transform: rotate(45deg); position: absolute; content: ""; top: 0px; bottom: 0px; right: -15px; margin: auto; }
}
}
}
li.li_small { font-size: 23px !important; }
@media (max-width: 767px) {
  li.li_small { font-size: inherit !important; }
  
}