@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500;700;900&display=swap');
/*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/


/* ------- 独自コンテンツスタイル ---------------------------------------------- */
.copyright {
  display: none;
}
#lowerGrade{
  display: none !important;
}
#main {
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 0;
}


.shaftContentsBc{
  display: block !important;
}
.shaftContentsBc a{
  text-decoration: none;
}
.shaftContentsBc {
  background-color: #F3F3F3;
  box-shadow: 0 0 5px rgba(0,0,0,.25);
  position: relative;
  z-index: 2;
}
.shaftContentsBc > ol{
  font-size: 13px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 48px;
  padding: 0 32px;
  max-width: 1150px;
}
.shaftContentsBc > ol:nth-child(n+2){
  position: relative;
  margin-left: 25px;
}
.shaftContentsBc > ol li:nth-child(n+2) {
  position: relative;
  margin-left: 25px;
}

.shaftContentsBc > ol li:nth-child(n+2)::before, .shaftContentsBc > ol li:nth-child(n+2)::after {
  position: absolute;
  left: -16px;
  display: block;
  width: 7px;
  height: 1px;
  background: #999;
  content: "";
  font-size: 0;
}

.shaftContentsBc > ol li:nth-child(n+2)::before {
  top: 7px;
  transform: rotate(35deg);
}

.shaftContentsBc > ol li:nth-child(n+2)::after {
  top: 11px;
  transform: rotate(-35deg);
}




#shaftContents {
  background-color: #DCEDFD;
  font-weight: 700;
  color: #4B4948;
  line-height: 2.11;
  position: relative;
  z-index: 1;
}
#shaftContents img {
  vertical-align: bottom;
}
#shaftContents * {
  font-family: 'Zen Kaku Gothic Antique', sans-serif !important;
}
#shaftContents figure {
  padding: 0;
  margin: 0;
}
#shaftContents * {
  box-sizing: border-box;
}
#shaftContents .image img {
  height: auto;
  max-width: 100%;
}
#shaftContents .inner {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
#shaftContents .pcVer {
  display: block !important;
}
#shaftContents .spVer {
  display: none !important;
}
/* ------- 背景 ---------------------------------------------- */
#shaftContents .shaftMainVisualBg {
  background-color: #DCEDFD;
  height: 100vh;
  height: 100dvh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -2;
  overflow: hidden;
}
#shaftContents .shaftMainVisualBg:after {
  background-color: rgba(255, 255, 255, .75);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 5;
}
#shaftContents .shaftMainVisualBg .building {
  background-image: url("../img/bg_building.png");
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto 450px;
  height: 450px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#shaftContents .shaftMainVisualBg .sun {
  width: 358px;
  position: absolute;
  left: 4.479%;
  top: 1.85%;
}
#shaftContents .shaftMainVisualBg .sun > div {
  background: url("../img/sun.png") center center no-repeat;
  background-size: cover;
  padding-bottom: 100%;
  width: 100%;
}
#shaftContents .shaftMainVisualBg .airship {
  width: 15.36%;
  max-width: 295px;
  position: absolute;
  right: 12.91%;
  top: 34.9%;
  animation: 8s fuwafuwa infinite;
}
#shaftContents .shaftMainVisualBg .airship > div {
  background: url("../img/airship.png") center center no-repeat;
  background-size: cover;
  padding-bottom: 42.03%;
  width: 100%;
}
#shaftContents .shaftMainVisualBg .clouds {
  background-image: url("../img/cloud.png");
  background-repeat: repeat-x;
  background-size: 1920px auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  bottom: 0;
  animation: scroll-anim 80s linear infinite;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes scroll-anim {
  0% {background-position: 0 0;}
	100% {background-position: -1920px 0;}
}



/* ------- メインビジュアル ---------------------------------------------- */
#shaftContents #shaftMainVisual{
  position: relative;
}
#shaftContents #shaftMainVisual:before{
  background-color: #FFF;
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
#shaftContents #shaftMainVisual .shaftInner{
  position: relative;
  z-index: 2;
}

  #shaftContents #shaftMainVisual{
    width: 100%;
  }
  #shaftContents #shaftMainVisual:before{
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
  }
  #shaftContents #shaftMainVisual .shaftInner{
    margin: 0 auto;
    max-width: 1280px;
  }
  #shaftContents .shaftHeading{
    margin: 0 auto;
    padding: 0 60px 110px;
    width: 600px;
  }
  #shaftContents .shaftHeading p{
    font-size: 18px;
    margin-top: 40px;
  }







#shaftContents #reasonsSection{
  position: relative;
}
#shaftContents #reasonsSection:before{
  background-color: #FFF;
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
#shaftContents #reasonsSection .inner{
  position: relative;
  z-index: 1;
}
#shaftContents .reasonsHeading img{
  height: auto;
  width: 100%;
}
#shaftContents .reasonsItem{
  background-color: #FFF;
  border: 1px solid rgba(0,0,0,1.00);
  position: relative;
}
#shaftContents .reasonsItem:before{
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
}
#shaftContents .reasonsItem .image{
  text-align: center;
  margin-bottom: 30px;
}
#shaftContents .reasonsItem h3{
  font-weight: 900;
  line-height: 1.66;
  text-align: center;
  margin-bottom: 20px;
}
#shaftContents .reasonsItem h3 span{
  background: linear-gradient(transparent 80%,#F9EF63 20%); 
}
#shaftContents .reasonsItem p{
  text-align: center;
}
#shaftContents .reasonsPointSection{
  position: relative;
  z-index: 1;
}
#shaftContents .reasonsItem1:before{
  background-image: url("../img/num01.svg");
}
#shaftContents .reasonsItem2:before{
  background-image: url("../img/num02.svg");
}
  #shaftContents #reasonsSection{
    padding-bottom: 5px;
  }
  #shaftContents #reasonsSection:before{
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
  }
  #shaftContents #reasonsSection .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -65px;
  }
  #shaftContents .reasonsHeading{
    align-self: center;
    width: 10.54%;
    order: 1;
  }
  #shaftContents .reasonsItem{
    border-radius: 20px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    padding: 28px;
    width: 39.06%;
  }
  #shaftContents .reasonsItem:before{
    padding-bottom: 14%;
    width: 14%;
    left: 20px;
    top: 20px;
  }
  #shaftContents .reasonsItem h3{
    font-size: min(2.69vw,26px);
  }
  #shaftContents .reasonsItem p{
    font-size: min(1.86vw,18px);
  }
  #shaftContents .reasonsItem1{
    order: 0;
  }
  #shaftContents .reasonsItem2{
    order: 2;
  }
  #shaftContents .reasonsPoint{
    order: 3;
    width: 100%;
  }




#shaftContents #reasonsPointSection{
  position: relative;
}
#shaftContents #reasonsPointSection:before{
  background: rgb(254,231,240);
  background: linear-gradient(90deg, rgba(254,231,240,1) 50%, rgba(217,238,252,1) 50%);
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
#shaftContents .reasonsPoint{
  position: relative;
  z-index: 2;
}
#shaftContents .reasonsPoint:before{
  background-color: #FFF;
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#shaftContents .reasonsPoint h2{
  background-color: #F9EF63;
  border: 1px solid #000;
  text-align: center;
  font-weight: 900;
  line-height: 1.66;
}
#shaftContents .reasonsPoint h2 strong{
  color: #3757C8;
  font-weight: 900;
}
#shaftContents .reasonsPointSet{
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}
#shaftContents .reasonsPointSet:before{
  background-color: #F9EF63;
  border: 1px solid #000;
  content: "";
  display: block;
  height: 40px;
  width: 23.44%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
#shaftContents .reasonsPointCircle{
  font-weight: 900;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 0;
}
#shaftContents .reasonsPointCircle:before{
  border: 1px solid #000;
  background-color: #FFF;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
#shaftContents .reasonsPointCircle .desc{
  border: 1px solid #000;
  border-radius: 40px;
  color: #FFF;
  white-space: nowrap;
}
#shaftContents .personality{
  color: #FB76A6;
}
#shaftContents .work{
  color: #259CE8;
}
#shaftContents .reasonsPointCircle.personality .desc{
  background-color: #FB76A6;
}
#shaftContents .reasonsPointCircle.work .desc{
  background-color: #259CE8;
}

#shaftContents .reasonsPointBox{
  border: 1px solid #000;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#shaftContents .reasonsPointCate{
  font-weight: 900;
  display: flex;
  justify-content: center;
  line-height: 1;
}
#shaftContents .reasonsPointCate > p:first-child{
  border-right: 1px solid #000;
  padding-right: 20px;
  margin-right: 20px;
}
#shaftContents .reasonsPointBox dl > dt{
  border-radius: 40px;
  color: #FFF;
  line-height: 1;
  font-weight: 900;
  text-align: center;
}
#shaftContents .reasonsPointBox dl > dd{
  color: #4B4948;
  text-align: center;
}

#shaftContents .reasonsPointBox.personality dl > dt{
  background-color: #FB76A6;
}
#shaftContents .reasonsPointBox.work dl > dt{
  background-color: #259CE8;
}

#shaftContents .reasonsPointBoxBottom{
  border-top: 1px solid #000;
  color: #4B4948;
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
#shaftContents .reasonsPointBoxBottom > p{
  background-position: left center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
}
#shaftContents .reasonsPointBox.personality .reasonsPointBoxBottom{
  background-color: #FCE3EC;
}
#shaftContents .reasonsPointBox.personality .reasonsPointBoxBottom > p{
  background-image: url("../img/icon_exp01.svg");
}
#shaftContents .reasonsPointBox.work .reasonsPointBoxBottom{
  background-color: #D3EAFA;
}
#shaftContents .reasonsPointBox.work .reasonsPointBoxBottom > p{
  background-image: url("../img/icon_exp02.svg");
}
  #shaftContents #reasonsPointSection:before,
  #shaftContents .reasonsPoint:before{
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
  }
  #shaftContents .reasonsPointSet:before{
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
  }
  #shaftContents #reasonsPointSection{
    padding-bottom: 105px;
  }
  #shaftContents .reasonsPoint{
    padding-top: 40px;
    margin-bottom: 40px;
  }
  #shaftContents .reasonsPoint .image{
    text-align: center;
    position: relative;
    z-index: -1;
  }
  #shaftContents .reasonsPoint h2{
    border-radius: 20px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    font-size: min(3.53vw,34px);
    padding: 20px 20px;
    margin-top: -5px;
  }
  
  
  #shaftContents .reasonsPointSet:nth-child(n + 2){
    margin-top: 30px;
  }
  #shaftContents .reasonsPointCircle{
    padding: 5.6% 0;
    width: 45.31%;
  }
  #shaftContents .reasonsPointCircle:before{
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    padding-bottom: 77.58%;
    width: 77.58%;
  }
  #shaftContents .reasonsPointCircle .image{
    width: 34.48%;
  }
  #shaftContents .reasonsPointCircle .cate{
    font-size: min(2.69vw,26px);
    margin-top: 25px;
  }
  #shaftContents .reasonsPointCircle h3{
    font-size: min(4.56vw,44px);
    margin: 10px 0 25px;
  }
  #shaftContents .reasonsPointCircle .desc{
    font-size: min(2.49vw,24px);
    padding: 15px 45px;
    max-width: 400px;
    width: 95%;
  }
  
  #shaftContents .reasonsPointBox{
    border-radius: 20px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    width: 45.31%;
  }
  #shaftContents .reasonsPointCate > p{
    font-size: min(2.07vw,20px);
  }
  #shaftContents .reasonsPointBox dl{
    margin: 20px 30px 0;
  }
  #shaftContents .reasonsPointBox dl > dt{
    font-size: min(3.11vw,30px);
    padding: 15px 20px;
  }
  #shaftContents .reasonsPointBox dl > dd{
    margin: 30px 0;
  }
  #shaftContents .reasonsPointBox dl > dd > p{
    font-size: min(1.86vw,18px);
  }
  #shaftContents .reasonsPointBoxBottom{
    padding: 20px 30px;
  }
  #shaftContents .reasonsPointBoxBottom > p{
    background-size: 40px auto;
    font-size: 16px;
    padding: 5px 0 5px 55px;
  }





#shaftContents #practiceSection{
  position: relative;
  z-index: 0;
}
#shaftContents #practiceSection:before{
  background-color: #FFF;
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#shaftContents .practiceHeading{
  background-color: #3757C8;
  border: 1px solid rgba(0,0,0,1.00);
  color: #FFF;
  position: relative;
}
#shaftContents .practiceHeading:before,
#shaftContents .practiceHeading:after{
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#shaftContents .practiceHeading:before{
  background-image: url("../img/practice01.png");
  left: -5%;
}
#shaftContents .practiceHeading:after{
  background-image: url("../img/practice02.png");
  right: -5%;
}
#shaftContents .practiceHeading > h2{
  font-weight: 900;
  line-height: 1.73;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#shaftContents .practiceHeading > h2 > span{
  background-image: url("../img/practice_bg01.svg"),url("../img/practice_bg02.svg");
  background-position: left center,right center;
  background-repeat: no-repeat,no-repeat;
  background-size: auto 60%,auto 60%;
  line-height: 1.4;
  display: block;
}
#shaftContents .practiceCatch{
  font-weight: 900;
  line-height: 1.61;
  text-align: center;
}
#shaftContents .practiceCatch span{
  background: linear-gradient(transparent 80%,#F9EF63 20%); 
}
#shaftContents .practiceSupervision{
  text-align: center;
}

#shaftContents .practiceSubSection > h3{
  background-color: #F9EF63;
  border: 1px solid #000;
  text-align: center;
  font-weight: 900;
  line-height: 1.54;
}
#shaftContents .practiceSubSection > h3 strong{
  color: #3757C8;
  font-weight: 900;
}



#shaftContents .practiceList > li > a{
  background-color: #FFF;
  border: 1px solid #000000;
  text-decoration: none;
  color: #4B4948;
  position: relative;
  z-index: 0;
  transition: .3s;
}
#shaftContents .practiceList > li > a > p{
  text-align: center;
}
#shaftContents .practiceList > li .balloon{
  background: url("../img/balloon.svg") no-repeat;
  background-size: 100% 100%;
  color: #FFF;
  line-height: 1.36;
  text-align: center;
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 2;
}
#shaftContents .practiceList > li .image{
  border-bottom: 1px solid #000;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#shaftContents .practiceList.movie > li .image:before {
  background: url("../img/icon_movie.svg") no-repeat;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#shaftContents .practiceList > li .image img{
  max-width: none;
  width: 100%;
  transition: .3s;
}
#shaftContents .practiceList > li .ttl{
  font-weight: 900;
}
#shaftContents .practiceList > li .download{
  background-color: #707070;
  color: #FFF;
  line-height: 1;
  text-align: center;
  transition: .3s;
}
#shaftContents .practiceList > li .download > span{
  background: url("../img/icon_download.svg") right center no-repeat;
  background-size: auto 100%;
  display: inline-block;
}
  #shaftContents #practiceSection{
    padding-bottom: 20px;
  }
  #shaftContents #practiceSection:before{
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
  }
  #shaftContents .practiceInner{
    margin: 0 auto;
    width: 600px;
  }
  #shaftContents .practiceHeading{
    padding: 40px 0;
  }
  #shaftContents .practiceHeading:before{
    padding-bottom: 52.04%;
    width: 24.66%;
  }
  #shaftContents .practiceHeading:after{
    padding-bottom: 46.39%;
    width: 21.83%;
  }
  #shaftContents .practiceHeading > h2{
    font-size: min(3.53vw,34px)
  }
  #shaftContents .practiceHeading > h2 > span{
    font-size: min(5.6vw,54px);
    padding: 0 8.4%;
  }
  #shaftContents .practiceCatch{
    font-size: min(2.69vw,26px);
    margin-top: 60px;
    margin-bottom: 40px;
  }
  #shaftContents .practiceText{
    font-size: min(1.86vw,18px);
    margin: 0 60px 40px;
  }
  #shaftContents .practiceSupervision{
    margin: 0 auto;
    max-width: 230px;
  }
  #shaftContents .practiceSupervision figcaption{
    font-size: min(1.55vw,15px);
    margin-top: 20px;
  }
  
  
  
  #shaftContents .practiceSubSection{
    margin-top: 80px;
  }
  #shaftContents .practiceSubSection > h3{
    border-radius: 20px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    font-size: min(3.53vw,34px);
    padding: 20px 20px;
  }
  #shaftContents .practiceSubSection > h3 sub{
    font-size: min(2.49vw,24px);
  }
  
  
  #shaftContents .practiceList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #shaftContents .practiceList > li{
    display: flex;
    margin-top: 40px;
    width: 31.25%;
  }
  #shaftContents .practiceList > li > a{
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #shaftContents .practiceList > li .balloon{
    padding: 10px 10px 20px;
  }
  #shaftContents .practiceList > li .image{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }
  #shaftContents .practiceList.movie > li .image:before{
    height: 50px;
    width: 50px;
  }
  #shaftContents .practiceList > li .ttl{
    font-size: min(2.49vw,24px);
    margin: 20px 0;
  }
  #shaftContents .practiceList > li .download{
    border-radius: 10px;
    margin: 0 20px 20px;
    font-size: min(1.66vw,16px);
    padding: 14px;
  }
  #shaftContents .practiceList > li .download > span{
    padding-right: 28px;
  }
@media (hover: hover) and (pointer: fine){
  #shaftContents .practiceList > li > a:hover{
    color: #3757C8;
  }
  #shaftContents .practiceList.movie > li > a:hover .image img{
    transform: scale(1.05);
  }
  #shaftContents .practiceList > li > a:hover .download{
    background-color: #3757C8;
  }
}





#shaftContents #shaftBottom{
  position: relative;
  z-index: 0;
}
#shaftContents #shaftBottom:before{
  background-color: #FFF;
  border-left: 1px solid rgba(0,0,0,1.00);
  border-right: 1px solid rgba(0,0,0,1.00);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#shaftContents .shaftBackButton{
  background-image: url("../img/bottom_bg02.png"),url("../img/bottom_bg01.png");
  background-repeat: no-repeat,no-repeat;
  background-color: #FFF;
  border: 1px solid rgba(0,0,0,1.00);
  color: #4B4948;
  font-weight: 900;
  line-height: 1.75;
  display: flex;
  justify-content: center;
  text-align: center;
}
#shaftContents .shaftBackButton > div > p strong{
  color: #3757C8;
  font-weight: 900;
  background: linear-gradient(transparent 85%,#F9EF63 15%); 
}
#shaftContents .shaftBackButton > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#shaftContents .shaftBackButton > div > a{
  background-color: #3757C8;
  border: 1px solid rgba(0,0,0,1.00);
  color: #FFF;
  line-height: 1;
  display: block;
  text-decoration: none;
  transition: .3s;
}
#shaftContents .shaftBackButton > div > a > span{
  background: url("../img/icon_arrow.svg") right center no-repeat;
}
#shaftContents .shaftCopyright{
  text-align: center;
}
  #shaftContents #shaftBottom{
    padding: 60px 0 80px;
  }
  #shaftContents #shaftBottom:before{
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
  }
  #shaftContents .shaftBackButton{
    background-size: 23.35% auto,23.35% auto;
    background-position: right 3.9% bottom,left 3.9% bottom;
    border-radius: 20px;
    box-shadow: 5px 5px 0 rgba(0,0,0,.10);
    padding: 60px 30px;
  }
  #shaftContents .shaftBackButton > div > p{
    font-size: min(4.15vw,40px);
  }
#shaftContents .shaftBackButton > div > p > span{
  display: inline-block;
}
  #shaftContents .shaftBackButton > div > a{
    border-radius: 20px;
    font-size: min(2.9vw,28px);
    padding: 30px 80px;
    margin-top: 50px;
  }
  #shaftContents .shaftBackButton > div > a > span{
    padding-right: 38px;
  }
  #shaftContents .shaftCopyright{
    font-size: 14px;
    margin-top: 80px;
  }
@media (hover: hover) and (pointer: fine){
  #shaftContents .shaftBackButton > div > a:hover{
    background-color: #FB76A6;
  }
}