.secCareerPath {
  font-family: "Zen Old Mincho",serif;
  background: #fff
}
.secCareerPath__image img {
  width: 100%;
  height: auto
}
.secCareerPath__content {
  padding: 23px 25px 60px
}
.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)
}
.secExhibition .exhibition-list {
  display: grid;
  gap: 30px;
  margin-top: 27px
}
.secExhibition .exhibition-list .image {
  margin-bottom: 20px
}
.secExhibition .exhibition-list .image img {
  width: 100%;
  height: auto
}
.secExhibition .exhibition-list .title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  color: var(--color-baika-pink)
}
.secExhibition .exhibition-list .text {
  text-align: left
}
.secSaturday .image-list {
  display: grid;
  gap: 10px;
  margin-top: 23px
}
.secSaturday .image-list .logo {
  margin-bottom: 30px;
  text-align: center
}
.secSaturday .image-list .logo img {
  width: 240px;
  height: auto
}
.secSaturday .image-list .image img {
  width: 100%;
  height: auto
}
.secSaturday .workshop-box {
  display: flex;
  gap: 30px;
  padding: 30px;
  margin-top: 30px;
  background: #fff
}
.secSaturday .workshop-box__heading {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  writing-mode: vertical-rl
}
.secSaturday .workshop-box .workshop-list {
  display: grid;
  gap: 17px;
  line-height: 1
}
.secSaturday .workshop-box .workshop-list__item {
  display: flex;
  align-items: center;
  letter-spacing: 0
}
.secSaturday .workshop-box .workshop-list__item::before {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  content: "";
  background: url(/assets/images/pages/common/icon_star.svg) center/contain no-repeat
}
.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__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)
}
@media (min-width:768px) {
  .secCareerPath {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center
  }
  .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
  }
  .secExhibition .text {
    text-align: center
  }
  .secExhibition .exhibition-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
    margin-top: 35px
  }
  .secExhibition .exhibition-list .title {
    font-size: 24px
  }
  .secExhibition .exhibition-list .text {
    font-size: 17px
  }
  .secSaturday .text {
    text-align: center
  }
  .secSaturday .image-list {
    grid-template-columns: repeat(3,1fr);
    grid-auto-flow: column;
    gap: 37px;
    align-items: center;
    margin-top: 42px
  }
  .secSaturday .image-list .logo {
    grid-column: span 3;
    margin: 0
  }
  .secSaturday .image-list .logo img {
    width: 300px
  }
  .secSaturday .image-list .image {
    grid-row: 2
  }
  .secSaturday .workshop-box {
    gap: 100px;
    align-items: center;
    padding: 50px 60px;
    margin-top: 40px
  }
  .secSaturday .workshop-box__heading {
    flex: 0 0 auto;
    writing-mode: initial
  }
  .secSaturday .workshop-box .workshop-list {
    grid-template-columns: repeat(3,1fr);
    gap: 0;
    width: 100%;
    line-height: 2
  }
  .secSchool__course .course {
    display: flex;
    width: 50%
  }
  .secSchool__course .course__visual {
    margin-right: -100px
  }
  .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 {
    margin: 25px 0 0;
    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 {
    display: inline-flex
  }
  .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
  }
}
@media (hover:hover) and (pointer:fine) {
  .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
  }
}