@charset "UTF-8";
/*
.apply .button-color {
    padding: 1rem 6rem;
    font-size: 1.35rem;
    line-height: 1.35;
    font-weight: 700;
    margin: 3rem auto 0;
    display: block;
    width: fit-content;
    border-radius: 8px;
    box-shadow: none;
    position: relative;
    height: 3.75rem;
}
@media screen and (max-width: 767px) {
    .wrapper {
        width: 100%;
overflow-x: hidden;
    }
}
*/

.button-fixed {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  padding: 0;
}
.button-fixed.is-visible {
  opacity: 1;
  visibility: visible;
}
/*
.button-color.button-fixed::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
   height: 100%; 
width: 3px;
background: linear-gradient(45deg, #938406, #bbab2f, #938406);
}*/
.button-color.button-fixed a {
    font-weight: 600;
}
.button-color.button-fixed.button-lower::before {
    content: '';
    background: url(https://neuro-switch.jp/wp-content/themes/neuro-switch/images/for-study/icon_rental-white.svg);
}
.button-color.button-fixed::before {
    opacity: .95;
}
.button-color.button-upper,
.button-color::before {
background: #ff9f30;
}
.button-color.button-lower,
.button-color.button-rental::before {
    background: #695ffa;
}
.button-color::after {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
 }

 @media screen and (min-width: 768px) {
    .apply .button-color.button-rental {
    padding: 1rem 5.3rem;    
}
 }
@media screen and (min-width: 910px) {

    .button-color.button-fixed::before {
        top: 1.05rem;
        left: 51%;
    }
    .button-color.button-fixed a {
         left: 51%;       
    }
.button-color.button-upper,
.button-color.button-lower {
    letter-spacing: .1em;
    font-feature-settings: "vpal";
    font-size: 1.25rem;
    width: 58px;
}
.button-color.button-upper {
 transform: translateY(-112.5%);
   height: 212px;
}
.button-color.button-fixed.button-upper a {
    padding-top: 1.7rem;
}
.button-color.button-fixed.button-lower a {
    padding-top: 1.85rem;
}
.button-color.button-lower {
 transform: translateY(0);
   height: 226px;
 }
.page-top {
    bottom: 2.5rem;
    right: calc(8px + 58px);
}
}

.button-color.button-upper a .small {
    font-size: .85em;
    margin: .175rem;
    letter-spacing: .1em;
    font-weight: 400;
}
.button-color.button-lower a .small {
    font-size: .85em;
    margin: .15rem;
    letter-spacing: .1em;
    font-weight: 400;
}

@media screen and (min-width: 768px) and (max-width: 909px) {
 .button-color.button-fixed {   
    width: calc(50% - 30px);
    min-width: calc(50% - 30px);
        height: 46px;
 }
     .button-color.button-fixed a {
        line-height: 46px;
     }
  .button-color.button-fixed.button-lower {   
    right: auto;
    left: 20px;
 }
     .button-color.button-fixed::before {
        top: 50%;
     }
}
@media screen and (max-width: 767px) {
 .button-color.button-fixed {   
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
    right: 10px;
        height: 44px;
 }
  .button-color.button-fixed.button-lower {   
    right: auto;
    left: 10px;
 }
    .button-color.button-fixed a {
        font-size: .975rem;
    padding-left: 1.35rem;
        line-height: 43px;
            letter-spacing: .05em;
    }
.button-color.button-fixed.button-lower a {
    padding-left: 1.5rem;
       }
    .button-color.button-fixed::before {
        content: '';
        left: 6.5%;
        height: 1.25rem;
        width: 1.25rem;
    }
    .button-color.button-fixed a .small {
    font-size: .9em;
    letter-spacing: .05em;
        margin: .1rem;
    }
}
.btn-icon-container {
    top: 50%;
    height: 2rem;
    width: 2rem;
    position: absolute;
    right: 1.5rem;
    transform: translateY(-50%);
}
.btn-icon-container::before {
    content: "";
    background: url(https://neuro-switch.jp/wp-content/themes/neuro-switch/images/for-study/icon_link-upper-white.svg) ;
    background-repeat: no-repeat;
    height: 2rem;
    width: 2rem;
    top: 0;
    left: 0;
    position: absolute;
transition: .2s;
}
.button-color:hover .btn-icon-container::before {
    transform: translate(12.5%, -12.5%);
}
.button-color:hover .up-right {
    transform: translate(25%, -50%);
}
.up-right {
    right: 1.5rem;
}
.button-color {
letter-spacing: .025em;
}

@media screen and (max-width: 1036px) and (min-width: 807px) {
    .apply .button-color + .button-color {
        margin-top: 2.25rem;
    }
}

@media (max-height: 600px) { 
    .button-color.button-upper {
        transform: translateY(-105%);
    }
    .button-color.button-fixed {
        z-index: 101;
    }
}