.bnrContents {
  position: relative;
  z-index: 0;
  padding: 28px 0 18px;
  overflow: hidden
}
.bnrContents::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 84px;
  padding-top: 40px;
  content: "";
  background: var(--schoolColor)
}
.bnrContents__slider {
  margin-top: 10px
}
.bnrContents .swiper-container {
  margin: 0;
  overflow: visible
}
.bnrContents .swiper-slide {
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  height: 70px;
  transition: opacity .3s
}
.bnrContents .swiper-slide a {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.bnrContents .swiper-slide a img {
  width: auto;
  height: 100%
}
.bnrContents .swiper-slide:not(.swiper-slide-visible) {
  opacity: .4
}
.bnrContents .swiper-button-next,
.bnrContents .swiper-button-prev {
  top: 15px;
  right: 0;
  margin: 0
}
.bnrContents .swiper-button-prev {
  left: -35px
}
.bnrContents .swiper-button-next {
  right: -35px
}
.bnrContents .swiper-pagination {
  position: static;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 17px
}
.bnrContents .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0;
  background: center/contain no-repeat #fff;
  opacity: 1;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M7.5 0c.33 0 .63.22.72.54l.81 2.85a3.762 3.762 0 0 0 2.58 2.58l2.85.81a.75.75 0 0 1 0 1.44l-2.85.81a3.762 3.762 0 0 0-2.58 2.58l-.81 2.85a.75.75 0 0 1-1.44 0l-.81-2.85a3.762 3.762 0 0 0-2.58-2.58L.54 8.22a.75.75 0 0 1 0-1.44l2.85-.81a3.762 3.762 0 0 0 2.58-2.58L6.78.54A.75.75 0 0 1 7.5 0Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M7.5 0c.33 0 .63.22.72.54l.81 2.85a3.762 3.762 0 0 0 2.58 2.58l2.85.81a.75.75 0 0 1 0 1.44l-2.85.81a3.762 3.762 0 0 0-2.58 2.58l-.81 2.85a.75.75 0 0 1-1.44 0l-.81-2.85a3.762 3.762 0 0 0-2.58-2.58L.54 8.22a.75.75 0 0 1 0-1.44l2.85-.81a3.762 3.762 0 0 0 2.58-2.58L6.78.54A.75.75 0 0 1 7.5 0Z"/></svg>')
}
.bnrContents .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: rgba(255,255,255,.3)
}
.mainVisual {
  position: relative
}
.mainVisual__image img {
  width: 100%;
  height: auto
}
.mainVisual__text {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 15px;
  width: 100%;
  padding: 0 0 38px;
  margin: -12px 0 0
}
.mainVisual__name-en,
.mainVisual__name-ja {
  position: relative;
  display: block
}
.mainVisual__name-en img,
.mainVisual__name-ja img {
  width: auto;
  height: 100%
}
.mainVisual__name-en {
  height: 31px
}
.mainVisual__name-ja {
  height: 48px
}
.l-page {
  background: #fcf1f1
}
.repeatBg {
  background: url(/assets/images/pages/index/repeat-bg_diary.png) center/93px auto #fcf1f1
}
.secAbout {
  font-family: "Zen Old Mincho",serif;
  text-align: center;
  background: url(/assets/images/pages/index/repeat-bg_diary.png) center/93px auto #fcf1f1
}
.secAbout__inner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px
}
.secAbout__inner::before {
  position: absolute;
  top: 22px;
  right: -100%;
  left: -100%;
  height: 67px;
  aspect-ratio: 603/105;
  margin: auto;
  content: "";
  background: url(/assets/images/pages/school/index/about_logo.svg) center/contain no-repeat
}
.secAbout__hdg {
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5
}
.secAbout__text {
  line-height: 2.15;
  letter-spacing: 0
}
.secAbout__button {
  margin-top: 30px
}
.secAbout__button a {
  --bgColor: var(--schoolColor)
}
.secAbout .buttonList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px
}
.secAbout .buttonList__item {
  min-width: calc(50% - 5px)
}
.secAbout .buttonList__item .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 10px 18px 10px 33px;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  transition: background-color .4s cubic-bezier(.39,.575,.565,1),color .4s cubic-bezier(.39,.575,.565,1)
}
.secAbout .buttonList__item .button::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  display: block;
  width: 6px;
  height: 10px;
  margin: auto 8px auto auto;
  content: "";
  background: var(--color-baika-pink);
  transition: background-color .4s cubic-bezier(.39,.575,.565,1);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.secAbout__image {
  position: absolute;
  z-index: 0
}
.secAbout__image::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  background: center/contain no-repeat
}
.secAbout__image img {
  width: 100%;
  height: auto
}
.secAbout__image--1 {
  top: 64px;
  left: 0;
  width: 64px
}
.secAbout__image--2 {
  top: 82px;
  right: -13px;
  width: 80px
}
.secAbout__image--3 {
  top: 242px;
  left: -8px;
  width: 81px
}
.secAbout__image--4 {
  top: 257px;
  right: 0;
  width: 81px
}
.secCareerPath {
  font-family: "Zen Old Mincho",serif
}
.secCareerPath__image img {
  width: 100%;
  height: auto
}
.secCareerPath__content {
  padding: 23px 25px 40px
}
.secCareerPath__content .hdg {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px
}
.secCareerPath__content .hdg__en {
  height: 12px
}
.secCareerPath__content .hdg__en img {
  width: auto;
  height: 100%
}
.secCareerPath__content .hdg__ja {
  font-size: 18px;
  font-weight: 500
}
.secCareerPath__text {
  line-height: 2.15
}
.secCareerPath__button {
  order: 1;
  margin-top: 23px
}
.secCareerPath__button .button {
  --bgColor: var(--schoolColor)
}
.secInformation {
  padding: 74px 0 0
}
.secLife {
  display: grid;
  font-family: "Zen Old Mincho",serif;
  background: #fcf1f1
}
.secLife__container {
  position: relative;
  z-index: 0;
  padding: 50px 0 40px;
  overflow: hidden
}
.secLife__object {
  position: absolute;
  z-index: -1
}
.secLife__object--1 {
  top: -99px;
  left: 51px
}
.secLife__object--2 {
  bottom: 45px;
  left: -79px
}
.secLife__object--3 {
  right: 55px;
  bottom: -47px
}
.secLife__inner {
  display: grid
}
.secLife__content {
  display: contents
}
.secLife .hdg {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px
}
.secLife .hdg__main {
  height: 42px
}
.secLife__text {
  line-height: 2.15
}
.secLife__image {
  display: grid;
  grid-template-rows: repeat(3,auto);
  grid-template-columns: 60% 1fr;
  gap: 10px;
  margin: 23px -25px 0
}
.secLife__image .image:nth-child(1) {
  grid-row: 1;
  grid-column: 1
}
.secLife__image .image:nth-child(2) {
  grid-row: 1/3;
  grid-column: 2
}
.secLife__image .image:nth-child(3) {
  position: relative;
  grid-row: 2/4;
  grid-column: 1;
  align-self: end
}
.secLife__image .image:nth-child(3) .main {
  width: 60%;
  margin-left: auto
}
.secLife__image .image:nth-child(3) .sub {
  position: absolute;
  top: 31%;
  left: 0;
  width: 47%
}
.secLife__image .image:nth-child(4) {
  grid-row: 3;
  grid-column: 2
}
.secLife__image .image img {
  width: 100%;
  height: auto
}
.secLife__button {
  order: 1;
  margin-top: 30px
}
.secLife__button .button {
  --bgColor: var(--schoolColor)
}
.secSchool__course {
  overflow: hidden
}
.secSchool__course .course {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: var(--bgColor)
}
.secSchool__course .course::after,
.secSchool__course .course::before {
  position: absolute;
  z-index: -1;
  content: ""
}
.secSchool__course .course::before {
  top: -22px;
  left: 14px;
  width: 89px;
  height: 104px;
  background: url(/assets/images/pages/index/school_course_bg-deco1.svg) center/contain no-repeat
}
.secSchool__course .course::after {
  top: 10px;
  right: 5px;
  width: 88px;
  height: 112px;
  background: url(/assets/images/pages/index/school_course_bg-deco2.svg) center/contain no-repeat
}
.secSchool__course .course__container {
  position: relative;
  width: 100%;
  padding: 35px 25px 40px 50px
}
.secSchool__course .course__container::before {
  position: absolute;
  bottom: 60px;
  left: 30px;
  z-index: -1;
  width: 115px;
  height: 145px;
  content: "";
  background: url(/assets/images/pages/index/school_course_bg-deco3.svg) center/contain no-repeat
}
.secSchool__course .course__visual {
  position: relative;
  display: block;
  margin-right: -25px
}
.secSchool__course .course__visual .visualImg {
  position: relative;
  overflow: hidden;
  border-radius: 50px 0 0
}
.secSchool__course .course__visual .visualImg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0,var(--iconColor),var(--iconColor) 20%,transparent 75%);
  opacity: 0;
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool__course .course__visual .visualImg img {
  width: 100%;
  height: auto
}
.secSchool__course .course__visual .visualHdg {
  position: absolute;
  top: 10px;
  left: -25px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  font-family: "Zen Old Mincho",serif;
  color: var(--hdgColor);
  transition: color .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool__course .course__visual .visualHdg__main,
.secSchool__course .course__visual .visualHdg__sub {
  margin: 0 .2rem 0 0;
  letter-spacing: .075em;
  writing-mode: vertical-rl
}
.secSchool__course .course__visual .visualHdg__main > *,
.secSchool__course .course__visual .visualHdg__sub > * {
  font-weight: 400;
  line-height: 1
}
.secSchool__course .course__visual .visualHdg__main > ::before,
.secSchool__course .course__visual .visualHdg__sub > ::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff
}
.secSchool__course .course__visual .visualHdg__main .num,
.secSchool__course .course__visual .visualHdg__sub .num {
  text-combine-upright: all
}
.secSchool__course .course__visual .visualHdg__main > h3 {
  position: relative;
  z-index: 0;
  padding: 5px;
  font-size: 28px
}
.secSchool__course .course__visual .visualHdg__sub > p {
  position: relative;
  z-index: 0;
  padding: 5px;
  font-size: 14px
}
.secSchool__course .course__visual .visualIcon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: var(--iconColor);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0,0,0,.25)
}
.secSchool__course .course__visual .visualIcon::before {
  width: 8px;
  height: 14px;
  content: "";
  background: center/contain no-repeat #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>')
}
.secSchool__course .course__visual .visualIcon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid var(--iconColor);
  border-radius: 50%;
  transition: transform .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool__course .course__txt {
  margin: 20px 0 0;
  font-family: "Zen Old Mincho",serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.125;
  letter-spacing: 0
}
.secSchool__course .course--standard {
  --hdgColor: #fac529;
  --iconColor: #f9bf11;
  --bgColor: #f8edcd
}
.secSchool__course .course--art {
  --hdgColor: #a0ce7e;
  --iconColor: #95c970;
  --bgColor: #ddedd1
}
.secSchool__course .course--advanced {
  --hdgColor: #6879ba;
  --iconColor: #6879ba;
  --bgColor: #eaedfa
}
.secSchool__course .course--nurse {
  --hdgColor: #5bc3c4;
  --iconColor: #49bcbd;
  --bgColor: #d4edee
}
.secSchool__course .course--global {
  --hdgColor: #e984a1;
  --iconColor: #e67696;
  --bgColor: #faecf0
}
.secSchool__course .course--performing {
  --hdgColor: #c186b9;
  --iconColor: #ba79b1;
  --bgColor: #f3e4f1
}
.secSchool__course .course--career {
  --hdgColor: #6abd79;
  --iconColor: #6abd79;
  --bgColor: #dff0e2
}
.secSchool__bnr {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 35px 15px;
  background: var(--schoolColorSub)
}
.secSchool__bnr .bnr {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool__bnr .bnr__container {
  position: relative;
  display: block;
  padding: 8px;
  border-image-slice: 30;
  border-image-width: 25px;
  border-image-outset: 0;
  border-image-repeat: round;
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool__bnr .bnr__inner {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center
}
.secSchool__bnr .bnr__inner::before {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: -1;
  content: ""
}
.secSchool__bnr .bnr__img {
  width: 112px
}
.secSchool__bnr .bnr__img img {
  width: 100%;
  height: auto
}
.secSchool__bnr .bnr__txt {
  margin: 0 0 0 15px;
  font-family: "Zen Old Mincho",serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #e52d8a;
  letter-spacing: 0
}
.secSchool__bnr .bnr__arw {
  position: absolute;
  top: 50%;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  transform: translateY(-50%)
}
.secSchool__bnr .bnr__arw::before {
  display: block;
  width: 6.5px;
  height: 11px;
  content: "";
  background: center/contain no-repeat #e52d8a;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 6.5 11"><path d="M1 11c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8L.3 1.7C-.1 1.3-.1.7.3.3s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.2-.4.3-.7.3z"/></svg>')
}
.secSchool--j .secSchool__bnr .bnr__container {
  border-image-source: url(/assets/images/pages/common/compornent_border-frame-yellow.png)
}
.secSchool--j .secSchool__bnr .bnr__inner::before {
  background: #ffef9d
}
.secSchool--h .secSchool__course .courseWrap .swiper-wrapper {
  box-sizing: border-box;
  display: block;
  width: unset
}
.secSchool--h .secSchool__course .courseWrap .course {
  height: auto
}
.secSchool--h .secSchool__bnr .bnr__container {
  border-image-source: url(/assets/images/pages/common/compornent_border-frame-pink.png)
}
.secSchool--h .secSchool__bnr .bnr__inner::before {
  background: #fad9ea
}
.secSchool .secSchool__head .headContents .contentsHdg .chara {
  display: inline-block;
  opacity: 0;
  transform: rotateY(-90deg);
  backface-visibility: hidden
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara {
  opacity: 1;
  transform: rotateY(0)
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--1 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .1s
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--2 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .2s
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--3 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .3s
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--4 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .4s
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--5 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .5s
}
.secSchool .secSchool__head .headContents .contentsHdg.is-active .chara--6 {
  transition: transform 1.5s cubic-bezier(.39,.575,.565,1),opacity .5s cubic-bezier(.39,.575,.565,1);
  transition-delay: .6s
}
.secSchool .secSchool__head .headContents .contentsImg,
.secSchool .secSchool__head .headContents .contentsLead,
.secSchool .secSchool__head .headContents .contentsLinkList,
.secSchool .secSchool__head .headContents .contentsTxt {
  opacity: 0
}
.secSchool .secSchool__head .headContents .contentsImg.is-active,
.secSchool .secSchool__head .headContents .contentsLead.is-active,
.secSchool .secSchool__head .headContents .contentsLinkList.is-active,
.secSchool .secSchool__head .headContents .contentsTxt.is-active {
  opacity: 1;
  transition: opacity .5s cubic-bezier(.39,.575,.565,1)
}
.secSchool .secSchool__course .course .visualIcon,
.secSchool .secSchool__course .course .visualImg {
  opacity: 0
}
.secSchool .secSchool__course .course .visualHdg__main > h3::before {
  height: 0
}
.secSchool .secSchool__course .course .visualHdg__main > h3 .chara {
  opacity: 0
}
.secSchool .secSchool__course .course .visualHdg__sub > p::before {
  height: 0
}
.secSchool .secSchool__course .course .course__txt,
.secSchool .secSchool__course .course .visualHdg__sub>p .chara {
  opacity: 0
}
.secSchool .secSchool__course .course.is-active .visualIcon,
.secSchool .secSchool__course .course.is-active .visualImg {
  opacity: 1;
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3::before {
  height: 100%;
  transition: height .8s cubic-bezier(.215,.61,.355,1),background-color .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara {
  opacity: 1
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--1 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .38s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--2 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .46s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--3 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .54s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--4 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .62s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--5 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .7s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--6 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .78s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--7 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .86s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--8 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .94s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--9 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.02s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--10 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.1s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--11 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.18s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--12 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.26s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--13 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.34s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--14 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.42s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--15 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.5s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--16 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.58s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--17 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.66s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--18 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.74s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--19 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.82s
}
.secSchool .secSchool__course .course.is-active .visualHdg__main > h3 .chara--20 {
  transition: transform 1s cubic-bezier(.39,.575,.565,1),opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.9s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p::before {
  height: 100%;
  transition: height 1s cubic-bezier(.215,.61,.355,1) .3s,background-color .4s cubic-bezier(.39,.575,.565,1)
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara {
  opacity: 1
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--1 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .68s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--2 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .76s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--3 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .84s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--4 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: .92s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--5 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--6 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.08s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--7 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.16s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--8 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.24s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--9 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.32s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--10 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.4s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--11 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.48s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--12 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.56s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--13 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.64s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--14 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.72s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--15 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.8s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--16 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.88s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--17 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 1.96s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--18 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.04s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--19 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.12s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--20 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.2s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--21 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.28s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--22 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.36s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--23 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.44s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--24 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.52s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--25 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.6s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--26 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.68s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--27 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.76s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--28 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.84s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--29 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 2.92s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--30 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--31 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.08s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--32 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.16s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--33 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.24s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--34 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.32s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--35 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.4s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--36 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.48s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--37 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.56s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--38 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.64s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--39 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.72s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--40 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.8s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--41 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.88s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--42 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 3.96s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--43 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.04s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--44 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.12s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--45 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.2s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--46 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.28s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--47 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.36s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--48 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.44s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--49 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.52s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub > p .chara--50 {
  transition: opacity .4s cubic-bezier(.39,.575,.565,1);
  transition-delay: 4.6s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--1 {
  transition-delay: .62s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--2 {
  transition-delay: .64s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--3 {
  transition-delay: .66s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--4 {
  transition-delay: .68s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--5 {
  transition-delay: .7s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--6 {
  transition-delay: .72s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--7 {
  transition-delay: .74s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--8 {
  transition-delay: .76s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--9 {
  transition-delay: .78s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--10 {
  transition-delay: .8s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--11 {
  transition-delay: .82s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--12 {
  transition-delay: .84s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--13 {
  transition-delay: .86s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--14 {
  transition-delay: .88s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--15 {
  transition-delay: .9s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--16 {
  transition-delay: .92s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--17 {
  transition-delay: .94s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--18 {
  transition-delay: .96s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--19 {
  transition-delay: .98s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--20 {
  transition-delay: 1s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--21 {
  transition-delay: 1.02s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--22 {
  transition-delay: 1.04s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--23 {
  transition-delay: 1.06s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--24 {
  transition-delay: 1.08s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--25 {
  transition-delay: 1.1s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--26 {
  transition-delay: 1.12s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--27 {
  transition-delay: 1.14s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--28 {
  transition-delay: 1.16s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--29 {
  transition-delay: 1.18s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--30 {
  transition-delay: 1.2s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--31 {
  transition-delay: 1.22s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--32 {
  transition-delay: 1.24s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--33 {
  transition-delay: 1.26s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--34 {
  transition-delay: 1.28s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--35 {
  transition-delay: 1.3s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--36 {
  transition-delay: 1.32s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--37 {
  transition-delay: 1.34s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--38 {
  transition-delay: 1.36s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--39 {
  transition-delay: 1.38s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--40 {
  transition-delay: 1.4s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--41 {
  transition-delay: 1.42s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--42 {
  transition-delay: 1.44s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--43 {
  transition-delay: 1.46s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--44 {
  transition-delay: 1.48s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--45 {
  transition-delay: 1.5s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--46 {
  transition-delay: 1.52s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--47 {
  transition-delay: 1.54s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--48 {
  transition-delay: 1.56s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--49 {
  transition-delay: 1.58s
}
.secSchool .secSchool__course .course.is-active .visualHdg__sub--long > p .chara--50 {
  transition-delay: 1.6s
}
.secSchool .secSchool__course .course.is-active .course__txt {
  opacity: 1;
  transition: opacity .4s cubic-bezier(.39,.575,.565,1) .7s
}
.secSchool .secSchool__bnr .bnr {
  opacity: 0
}
.secSchool .secSchool__bnr .bnr.is-active {
  opacity: 1;
  transition: opacity .4s cubic-bezier(.39,.575,.565,1)
}
.secUniform {
  padding: 60px 0;
  color: #fff;
  background-color: var(--schoolColor)
}
.secUniform__inner {
  display: grid
}
.secUniform__content {
  display: contents
}
.secUniform__image {
  margin: 23px 0 30px -25px
}
.secUniform__image img {
  width: 100%;
  height: auto
}
.secUniform__button {
  order: 1
}
.secUniform__button .button {
  --bgColor: #fff;
  --textColor: var(--color-baika-pink)
}
.secUniform__button .button:not(:hover) {
  color: var(--color-text-base)
}
@media (min-width:768px) {
  .bnrContents .swiper-wrapper.is-centered {
    justify-content: center
  }
  .bnrContents .swiper-slide {
    height: 100px
  }
  .mainVisual__text {
    padding: 0 0 40px;
    margin-top: -18px;
    background: 0 0
  }
  .mainVisual__name-en,
  .mainVisual__name-ja {
    filter: none
  }
  .mainVisual__name-en {
    height: 40px
  }
  .mainVisual__name-ja {
    height: 76px
  }
  .secAbout__inner {
    padding-top: 110px;
    padding-bottom: 80px
  }
  .secAbout__inner::before {
    top: 85px;
    height: 99px
  }
  .secAbout__hdg {
    margin-bottom: 15px;
    font-size: 52px
  }
  .secAbout__text {
    font-size: 17px
  }
  .secAbout__button {
    width: 550px;
    margin: 30px auto 0
  }
  .secAbout .buttonList {
    justify-content: center;
    width: 635px;
    margin: 30px auto 0
  }
  .secAbout .buttonList__item {
    min-width: 200px
  }
  .secAbout .buttonList__item .button {
    height: 50px;
    padding: 10px 24px 10px 44px
  }
  .secAbout .buttonList__item .button:hover {
    color: #fff;
    background-color: var(--color-baika-pink)
  }
  .secAbout .buttonList__item .button:hover::before {
    background-color: #fff
  }
  .secAbout .buttonList__item .button::before {
    left: 24px;
    width: 8px;
    height: 14px
  }
  .secAbout__image--1 {
    top: 41px;
    left: 18px;
    width: 243px
  }
  .secAbout__image--2 {
    top: 34px;
    right: -24px;
    width: 236px
  }
  .secAbout__image--3 {
    top: auto;
    bottom: 36px;
    left: -72px;
    width: 280px
  }
  .secAbout__image--4 {
    top: auto;
    right: -66px;
    bottom: 53px;
    width: 270px
  }
  .secCareerPath {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    background: #fff
  }
  .secCareerPath__content {
    max-width: 672px;
    padding: 20px 50px
  }
  .secCareerPath__content .hdg {
    margin-bottom: 16px
  }
  .secCareerPath__content .hdg__en {
    height: 15px
  }
  .secCareerPath__content .hdg__ja {
    font-size: 26px
  }
  .secCareerPath__button {
    width: 280px;
    margin-top: 40px
  }
  .secCareerPath__button .button {
    justify-content: flex-start
  }
  .secInformation {
    padding: 115px 0 20px
  }
  .secLife__container {
    padding: 0
  }
  .secLife__inner {
    display: flex;
    align-items: center;
    padding: 0 64px
  }
  .secLife__content {
    position: relative;
    z-index: 1;
    display: block
  }
  .secLife .hdg {
    margin-bottom: 28px
  }
  .secLife .hdg__main {
    height: 70px
  }
  .secLife__text {
    font-size: 17px
  }
  .secLife__image {
    gap: 20px;
    margin: 0 0 0 -30px
  }
  .secLife__button {
    width: 280px
  }
  .secLife__button .button {
    justify-content: flex-start
  }
  .secSchool__course .course {
    display: flex;
    width: 50%
  }
  .secSchool__course .course__visual {
    margin-right: -100px
  }
  .secSchool__course .course__visual .visualImg {
    max-height: calc(100vh - 250px);
    aspect-ratio: 634/749;
    margin-left: auto
  }
  .secSchool__course .course__visual .visualHdg {
    top: 15px;
    left: -30px
  }
  .secSchool__course .course__visual .visualHdg__main > h3 {
    padding: 8px 5px;
    font-size: 40px
  }
  .secSchool__course .course__visual .visualHdg__sub > p {
    padding: 8px 5px;
    font-size: 20px
  }
  .secSchool__course .course__txt {
    width: calc((100vh - 250px) * .69);
    min-width: 360px;
    max-width: 100%;
    margin: 25px 0 0 auto;
    font-size: 16px
  }
  .secSchool__bnr {
    flex-direction: row;
    gap: 40px;
    justify-content: center;
    padding: 50px 0
  }
  .secSchool__bnr .bnr {
    width: 588px
  }
  .secSchool__bnr .bnr a {
    font-size: 20px
  }
  .secSchool__bnr .bnr__img {
    width: auto
  }
  .secSchool__bnr .bnr__txt {
    margin: 0 0 0 30px;
    font-size: 22px
  }
  .secSchool--j .secSchool__course .courseWrap {
    display: flex
  }
  .secSchool--j .secSchool__course .course:nth-child(odd)::before {
    top: 10px;
    left: calc(50% - 410px);
    width: 180px;
    height: 210px;
    background: url(/assets/images/pages/index/school_course_bg-deco1-1_md.svg) center/contain no-repeat
  }
  .secSchool--j .secSchool__course .course:nth-child(odd)::after {
    top: 97px;
    left: calc(50% + 226px);
    width: 164px;
    height: 209px;
    background: url(/assets/images/pages/index/school_course_bg-deco1-2_md.svg) center/contain no-repeat
  }
  .secSchool--j .secSchool__course .course:nth-child(odd) .course__container {
    padding: 60px 100px 100px 125px
  }
  .secSchool--j .secSchool__course .course:nth-child(odd) .course__container::before {
    bottom: 75px;
    left: calc(50% - 375px);
    width: 180px;
    height: 228px;
    background: url(/assets/images/pages/index/school_course_bg-deco1-3_md.svg) center/contain no-repeat
  }
  .secSchool--j .secSchool__course .course:nth-child(even)::before {
    top: -18px;
    left: calc(50% + 176px);
    width: 161px;
    height: 207px;
    background: url(/assets/images/pages/index/school_course_bg-deco2-1_md.svg) center/contain no-repeat
  }
  .secSchool--j .secSchool__course .course:nth-child(even)::after {
    top: auto;
    bottom: 216px;
    left: calc(50% - 425px);
    width: 273px;
    height: 247px;
    background: url(/assets/images/pages/index/school_course_bg-deco2-2_md.svg) center/contain no-repeat
  }
  .secSchool--j .secSchool__course .course:nth-child(even) .course__container {
    padding: 60px 100px 100px 125px
  }
  .secSchool--j .secSchool__course .course:nth-child(even) .course__container::before {
    bottom: -53px;
    left: calc(50% + 158px);
    width: 282px;
    height: 275px;
    background: url(/assets/images/pages/index/school_course_bg-deco2-3_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .swiper-wrapper {
    display: flex
  }
  .secSchool--h .secSchool__course .courseWrap .course {
    width: 550px
  }
  .secSchool--h .secSchool__course .courseWrap .course__container {
    padding: 70px 75px 90px 125px
  }
  .secSchool--h .secSchool__course .courseWrap .course__container .course__visual {
    margin-right: -75px
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(odd)::before {
    top: 20px;
    left: calc(50% - 370px);
    width: 180px;
    height: 210px;
    background: url(/assets/images/pages/index/school_course_bg-deco3-1_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(odd)::after {
    top: 35px;
    left: calc(50% + 175px);
    width: 164px;
    height: 209px;
    background: url(/assets/images/pages/index/school_course_bg-deco3-2_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(odd) .course__container::before {
    bottom: 32px;
    left: calc(50% - 335px);
    width: 180px;
    height: 228px;
    background: url(/assets/images/pages/index/school_course_bg-deco3-3_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(even)::before {
    top: -50px;
    left: calc(50% + 85px);
    width: 258px;
    height: 240px;
    background: url(/assets/images/pages/index/school_course_bg-deco4-1_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(even)::after {
    top: auto;
    bottom: 150px;
    left: calc(50% - 390px);
    width: 219px;
    height: 256px;
    background: url(/assets/images/pages/index/school_course_bg-deco4-2_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .courseWrap .course:nth-child(even) .course__container::before {
    bottom: 155px;
    left: calc(50% + 155px);
    width: 261px;
    height: 244px;
    background: url(/assets/images/pages/index/school_course_bg-deco4-3_md.svg) center/contain no-repeat
  }
  .secSchool--h .secSchool__course .course {
    width: 640px
  }
  .secSchool--headReverse .secSchool__head {
    flex-direction: row-reverse
  }
  .secSchool .secSchool__bnr .bnr.is-active:nth-child(2) {
    transition-delay: .2s
  }
  .secUniform {
    order: 1;
    padding: 80px 0
  }
  .secUniform__inner {
    position: relative;
    grid-template-columns: 1fr auto;
    gap: 80px;
    align-items: center
  }
  .secUniform__content {
    display: block;
    width: -moz-fit-content;
    width: fit-content
  }
  .secUniform__image {
    grid-row: 1;
    grid-column: 1;
    margin: 0 0 0 calc((100vw - 1248px)/ -2)
  }
  .secUniform__button {
    margin-top: 38px
  }
  .secUniform__button .button {
    justify-content: flex-start
  }
}
@media (min-width:768px) and (max-width:1280px) {
  .secUniform__image {
    margin-left: -16px
  }
}
@media (min-width:1280px) {
  .secSchool--h .secSchool__course .courseWrap,
  .secSchool--h .secSchool__course .courseWrap .swiper {
    width: -moz-fit-content;
    width: fit-content
  }
  .secSchool--h .secSchool__course .courseWrap .swiper-wrapper {
    display: inline-flex
  }
  .secSchool--h .secSchool__course .courseWrap .course {
    width: 640px
  }
}
@media (hover:hover) and (pointer:fine) {
  .bnrContents .swiper-slide a:hover {
    opacity: .6
  }
  .secSchool__course .course__visual:hover .visualImg::before {
    opacity: .4
  }
  .secSchool__course .course__visual:hover .visualHdg {
    color: #fff
  }
  .secSchool__course .course__visual:hover .visualHdg h3::before,
  .secSchool__course .course__visual:hover .visualHdg p::before {
    background: var(--hdgColor)
  }
  .secSchool__course .course__visual:hover .visualIcon::after {
    opacity: 1;
    transform: scale(1.15)
  }
  .secSchool__bnr .bnr:hover,
  .secSchool__bnr .bnr__container:hover {
    opacity: .6
  }
}
@media (max-width:767.98px) {
  .secInformation .c-secondaryBtn {
    --bgColor: var(--schoolColor)
  }
}