@charset "utf-8";


/*共通*/

.mt-3 {
    margin-top: 3%;
}

.mb-3 {
    margin-bottom: 3%;
}

.mb-5 {
    margin-bottom: 5%;
}

.mt-10 {
    margin-top: 10%;
}

.mb-10 {
    margin-bottom: 10%;
}


.d-flex {
    display: flex;
}

.entry-btn {
    margin-top: 15%;
    margin-bottom: 25%;
}



/*stickyが動かないためoverflowを解除*/
.c-header__inner {
    overflow: visible;
}

.c-header__intro {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.c-header__navToggle {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.c-header__content {
    overflow: visible;
}

.l-main {
    overflow: visible;
}



/*TOP画像*/

.r-top {
    width: 100%;
    margin: 0 auto;
}

.r-top img {
    width: 100%;
    margin-top: -8% !important;
}



/*Campain Banner*/
.c-campaign {
    margin: 40px auto;
}

.c-campaign .campaign-flame .campaign-wrap {
    width: 880px;
    margin: 0 auto;
}

.c-campaign .campaign-flame .campaign-wrap a {
    position: relative;
    display: inline-block;
    width: 880px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    color: #222222;
}

.c-campaign .campaign-flame .campaign-wrap a .camp-cd-text {
    position: absolute;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    top: 45px;
    right: 105px;
    width: 351px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-campaign .campaign-flame .campaign-wrap a .camp-cd-text #camp-cd-span {
    font-size: 22px;
    padding-left: 10px;
}

.c-campaign .campaign-flame .campaign-wrap a .camp-title {
    position: absolute;
    top: 83px;
    right: 25px;
    width: 520px;
    transform: translateX(0);
    text-align: center;
    color: #FFBB66;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap {
    position: absolute;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background: linear-gradient(270deg, #FFBB66 90%, rgba(255, 255, 255, 0) 100%);
    top: 153px;
    right: 20px;
    width: 520px;
    height: 50px;
    box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 0.16);
}

.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap br {
    display: none;
}

.c-campaign .campaign-flame .campaign-wrap a .camp-subtitle {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 215px;
    right: 40px;
}

.c-campaign .campaign-flame .campaign-wrap a .benefits01 {
    position: absolute;
    bottom: 105px;
    left: 450px;
}

.c-campaign .campaign-flame .campaign-wrap a .benefits01 img {
    height: 40px;
}

.c-campaign .campaign-flame .campaign-wrap a .benefits02 {
    position: absolute;
    bottom: 55px;
    left: 550px;
}

.c-campaign .campaign-flame .campaign-wrap a .benefits02 img {
    height: 40px;
}


/*ENJOY YOUR SOUND*/
.c-feature__header-text {
    font-family: "Square721 Ex BT", Arial, Helvetica, sans-serif;
}

.catch-detail {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 70px;
    letter-spacing: 2px;
    color: white;
}

.c-rec-feature.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/bg_piano_features.png) no-repeat;
    background-size: 2702px 1164px;
    background-position: center 0;
    margin-top: 10%;
    padding-bottom: 5%;
}

.c-feature__header-title {
    padding-top: 100px;
}

.features-left {
    margin-right: 10%;
}

.features-right {
    margin-left: 10%;
}



/*01:MUSIC STYLIST*/

.u-color-pink {
    color: #FC88CC;
}

.bg-pink-box {
    background-color: #FFCCFF;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    font-size: 18px;
    width: 50%;
    padding: 1% 2%;
}

.ms-flex {
    margin-top: 10%;
    display: flex;
}

.ms-flex-text-box {
    width: 55%;
}

.ms-flex-title {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    margin-top: 5%;
    padding: 2%;
}

.p-none {
    padding: 0;
}

.ms-flex-text {
    font-size: 16px;
    text-align: left;
    padding: 2.5%;
}

.ms-flex-img-box {
    width: 45%;
}


/*02 MERITS*/

#merits {
    -webkit-overflow-scrolling: auto !important;
}

.u-color-blue {
    color: #7799FF;
}

.bg-blue-box {
    background-color: #7799FF;
    color: white;
    font-weight: bold;
    font-size: 16px;
    width: 30%;
    text-align: center;
    padding: 1% 0;
    margin-right: 20%;
}

.bg-blue-box4 {
    background-color: #7799FF;
    color: white;
    font-weight: bold;
    font-size: 16px;
    width: 10%;
    text-align: center;
    padding: 1% 0;
    margin-right: 20%;
}

.bg-blue-box6 {
    background-color: #7799FF;
    color: white;
    font-weight: bold;
    font-size: 16px;
    width: 50%;
    text-align: center;
    padding: 1% 0;
    margin-right: 20%;
}

.c-feature-it.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/me-bg-triangle.png) no-repeat;
    background-size: 1000px 1009px;
    background-position: calc(100% - 240px) 30px;
}

.me-feature-it {
    width: 100%;
    margin: 0 auto;
}

#merits .c-submenu-merit {
    width: 940px;
    margin: 0 auto;
    border-radius: 10px 10px 0px 0px;
    padding: 44px 0 75px;
}

#merits .c-submenu-merit ul {
    display: flex;
    justify-content: center;
}

#merits .c-submenu-merit ul li {
    margin: 0 10px;
}

#merits .c-submenu-merit ul.top {
    margin: 0 auto 20px;
}

#merits .c-submenu-merit ul.bottom {
    margin: 0 auto;
}

#merits .c-submenu-merit ul li a {
    display: inline-block;
    line-height: 18px;
    border: 1px solid white;
    padding: 8px 63px 8px 20px;
    box-shadow: 0px 2px 2px gray;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 50px;
}

#merits .c-submenu-merit span {
    display: inline-block;
    margin-top: 5px;
}

#merits .c-submenu-merit ul.bottom li a {
    padding: 8px 54px 8px 20px;
}

#merits .c-submenu-merit ul.bottom li a:last-child {
    padding: 8px 41px 8px 20px;
}

#merits .c-submenu-merit ul li a.lazyloaded {
    background: url("/art-college/music/assets/img/recruit/me-yazirusi.png");
    background-repeat: no-repeat;
    background-position: top 10px;
    background-position: right 11px center;
    background-size: auto 30px;
    background-color: #fff;
    color: #7799FF;
    font-size: 20px;
}

.c-merit-area {
    width: 100%;
    margin: 0 auto;
    background-color: #E9F6F6;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.c-merit-area .c-merit {
    width: 100%;
    margin: 0 auto;
    border-bottom: 5px solid white;
}

.c-merit-area .c-merit.merit01 .c-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit.merit02 .c-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 0 60px 0;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit.merit03 .c-wrap {
    position: relative;
    padding: 0 0 60px 0;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit.merit04 .c-wrap {
    position: relative;
    padding: 0 0 60px 0;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit.merit05 .c-wrap {
    position: relative;
    padding: 0 0 60px 0;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit.merit06 {
    border-bottom: 0px solid #eeeeef;
}

.c-merit-area .c-merit.merit06 .c-wrap {
    position: relative;
    padding: 0 0 60px 0;
    width: 1000px;
    margin: 0 auto;
}

.c-merit-area .c-merit .c-wrap .c-col.independence {
    position: relative;
}

.c-merit-area .c-merit .c-wrap .support {
    position: relative;
}

.c-merit-area .c-merit .c-wrap .c-col.lesson-support .c-merit-image {}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-tag {
    position: absolute;
    top: -49px;
    left: 19px;
}

.c-merit-area .c-merit.merit02 {
    position: relative;
}

.c-merit-area .c-merit .c-wrap .c-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.c-merit-area .c-merit.merit02 .c-merit-tag {
    position: absolute;
    top: -49px;
    left: 19px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap {
    margin: 20px 0 10px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap .c-merit-title {
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    line-height: 46px;
}

.c-merit-title-wrap .c-merit-title.green {
    color: #88DDBB;
}

.c-merit-title-wrap .c-merit-title.blue {
    color: #88CCDD;
}

.c-merit-title-wrap .c-merit-title.pink {
    color: #EEAAAA;
}

.c-merit-title-wrap .c-merit-title.purple {
    color: #8888DD;
}

.c-merit-title-wrap .c-merit-title.orange {
    color: #EEAA77;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-text {
    margin: 0 0 20px;
}

.c-merit-area .c-merit .c-wrap .c-col.left {
    width: 500px;
}

.c-merit-area .c-merit.merit01 .c-wrap .c-col {
    width: 50%;
    position: relative;
    box-sizing: border-box;
}

.c-merit-box {
    width: 80%;
    margin: 0 auto;
}

.c-merit-box2 {
    width: 80%;
    margin: 0 auto;
}

.c-merit-area .c-merit .c-wrap .c-col.access {
    border-left: 5px solid white;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-text p {
    color: #000000;
    font-size: 14px;
    line-height: 28px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-text p.access-text {
    width: 240px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-image {
    margin: 0px 0 20px 20px;
}

a.c-button {
    display: inline-block;
    line-height: 18px;
    border: 1px solid #000000;
    padding: 8px 47px 8px 20px;
    margin-bottom: 35px;
}

a.c-button.lazyloaded {
    background: url("../images/recruit/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 11px;
    background-color: #fff;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons {
    margin-top: 20px;
}

.c-merit-area .c-merit.merit01 .c-wrap .c-col .c-merit-text {
    margin-bottom: 10px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-image02 {
    width: 100%;
    margin-left: 12%;
    transform: translate(10px, -125px) scale(1.25);
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-image03 img {
    width: 100%;
    margin-top: 20px;
}

.c-merit-area .c-merit .c-wrap .c-col.customers {
    padding: 0;
    width: 500px;
}

.c-merit-area .c-merit .c-wrap .c-col.customers-image {
    width: 533px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
    padding: 0 20px 0 0px;
    margin-top: 25px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set {
    max-width: 182px;
    width: 50%;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set .c-employee-title {
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    color: #fff;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 20px;
    line-height: 28px;
    padding: 9px 0;
    margin-bottom: 24px;
    text-align: center;
    width: auto;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set ul li {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    font-weight: bold;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set ul li::before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.employee .c-employee-title {
    background-color: #7799FF;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.employee ul li::before {
    background-color: rgba(136, 136, 221, 0.5);
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.consignment .c-employee-title {
    background-color: #FF88CC;
}

.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.consignment ul li::before {
    background-color: rgba(238, 170, 170, 0.5);
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-text-image {
    margin: 0 0 0 50px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-text-image img {
    max-width: 557px;
    width: 100%;
    margin: 0;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    margin: 0;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group {
    width: 50%;
    margin: 0;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner:first-child {
    transform: translateY(-10px);
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner:last-child {
    transform: translateY(28px);
}

.c-merit-area .c-merit.merit04 .c-wrap .c-col .c-merit-text {
    margin-bottom: 30px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group .c-merit-reward-title {
    color: #7799FF;
    font-size: 20px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #666666;
    padding: 10px 0;
    text-align: left;
    margin-bottom: 20px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group p {
    font-size: 14px;
    line-height: 1.5;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group p sup {
    font-size: 10px;
    vertical-align: top;
    position: relative;
    top: -0.1em;
    transform: scale(0.9);
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group small {
    font-size: 10px;
    display: block;
    padding-top: 5px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-sample {
    margin: 50px 0px 20px;
}

.c-merit-reward-sample img {
    margin: 0 auto;
}


.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-image {
    width: 87.5%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 26px;
    margin: 20px auto;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-image figure {
    margin: 0px;
}

.c-merit-area .c-merit .c-wrap .c-col.reward {
    width: 100%;
}

.c-merit-area .c-merit .c-wrap .c-col.support .c-merit-text {
    margin: 20px 0px;
}

.c-merit-area .c-merit .c-wrap .c-col.support .c-merit-image {
    margin: 20px 0px;
}

.c-merit-area .c-merit .c-wrap .c-col.lesson-support-text {
    width: 400px;
}

.c-merit-area .c-merit .c-wrap .c-col.lesson-support {
    width: 600px;
}

.c-merit-area .c-merit .c-wrap .c-col.lesson-support .c-merit-image {
    margin: 35px 0px 20px 0;
}

.c-merit-area .c-merit .c-merit-interview {
    padding: 0px;
    margin: 55px 0 25px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 289px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border: 1px solid #dae0da;
    border-radius: 10px 10px 0 0;
}

.c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area {
    max-width: 310px;
}

.c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-title {
    color: #7799FF;
    font-size: 28px;
    padding: 25px 0 10px;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
}

.c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-text {
    font-size: 14px;
    margin: 20px 15px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-right: -20px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 12px;
    margin: -20px 0 20px;
    position: relative;
    max-width: 286px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-tape {
    position: absolute;
    top: -14px;
    left: 50%;
    width: 70px;
    height: 22px;
    background: rgba(218, 224, 218, 0.52);
    transform: translateX(-50%);
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure {
    position: relative;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption {}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption .c-blog-course {
    background-color: #666666;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    z-index: 2;
    position: absolute;
    bottom: 60px;
    right: 14px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption .c-blog-name {
    border: 1px solid #666666;
    background-color: #fff;
    color: #222;
    padding: 3px 10px;
    z-index: 1;
    position: absolute;
    bottom: 33px;
    right: -14px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-blog-banner-text {
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 1.5;
    padding: 5px 0px 10px;
    letter-spacing: -0.1rem;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton {
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton a {
    background: #FF88CC;
    border-radius: 100px;
    color: #fff !important;
    font-size: 12px;
    padding: 7px 12px;
}

.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton a::after {
    content: ">";
    margin-left: 5px;
}

.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons.independence {
    text-align: center;
}

.c-merit-area .c-merit.merit06 .c-merit-text {
    margin: 20px 0 10px;
}

.c-merit-area .c-merit.merit06 .c-merit-text {
    width: 280px;
}




/*03　message*/
.c-feature-curriculum {
    margin-top: 0;
}

.u-color-green {
    color: #77D088;
}

#message {
    padding-bottom: 35px;
}

#message .message-wrap {
    width: 1000px;
    margin: 20px auto 0;
}

#message .message {
    margin-top: 50px;
}

#message .sticky-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#message .sticky {
    width: 50%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#message .sticky-next {
    width: 515px;
    box-sizing: border-box;
}

#message .message-left {
    width: 330px;
    margin-left: 60px;
}

#message .message-left h3.message-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    line-height: 50px;
    color: #42A763;
    padding: 30px 0;
    white-space: nowrap;
}

.message-title2 {
    font-size: 28px;
}

#message .message-left .message-text {
    font-size: 12px;
    line-height: 20px;
    color: #222222;
    padding: 20px 0;
    border-bottom: 1px solid #42A763;
}

#message .message-right {
    text-align: left;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, 0.1);
    padding: 40px 40px 10px;
}

#message .message-right h3.message-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 46px;
    color: #77D088;
    margin-bottom: 27px;
}

#message .message-right p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 15px;
}

#message .message-right .message-promise {
    font-weight: bold;
    margin-bottom: 0px;
}

#message .message-right .message-copy {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    color: #77D088;
    margin-bottom: 5px;
}




/*04　STUDIO*/
.c-feature-plan__header {
    padding-top: 0;
}

.c-gallery-area .c-wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.c-gallery-area .c-wrap .c-gallery {
    display: grid;
    grid-template:
        "first first" auto
        "seconde third" 210px
        "seconde forth" 210px
        "fifth fifth" auto
        "sixth sixth" auto/523px 1fr;
    gap: 5px;
    justify-items: inherit;
    margin-top: 5%;
}

.c-gallery-area .c-wrap .c-gallery {
    align-items: center;
    flex-direction: column;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box {
    height: 100%;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box {
    position: relative;
}


.c-gallery-area .c-wrap .c-gallery .c-gallery-box figcaption {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #FF88CC;
    font-size: 12px;
    padding: 2px 5px;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(1) {
    grid-area: first;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(2) {
    grid-area: seconde;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(3) {
    grid-area: third;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(4) {
    grid-area: forth;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(5) {
    grid-area: fifth;
}

.c-gallery-area .c-wrap .c-gallery .c-gallery-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-other-studio {
    background-image: url(/art-college/music/assets/img/recruit/st-bg.png);
    transform: scale(-1, 1);
    margin-top: 5%;
}

.c-accordion {
    width: 1000px;
    margin: 0 auto;
    transform: scale(-1, 1);
    padding: 20px 0;
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
    background-color: #FF88CC;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    position: relative;
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
    padding: 0px;
    background-color: #fff;
}


.c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 20px;
}

.c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn {
    width: 130px;
    background-color: #FFF;
    border: 1px solid #DAE0DA;
    border-radius: 100px;
    position: relative;
    padding: 10px;
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:first-child {
    width: 14.044%;
}

.c-acsess-area-title {
    font-size: 16px;
    text-align: center;
}

.c-tab_panel_btn {
    font-size: 16px;
}

.c-accordion-content {
    display: none;
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title::after {
    border-right: solid 2px #eee;
    border-top: solid 2px #eee;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 38%;
    transform: rotate(135deg);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    width: 8px;
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn::after {
    content: ">";
    color: #FF88CC;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}


#studio.c-feature-plan.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/st-triangle.png) no-repeat;
    background-size: 651px 642.5px;
    background-position: calc(60% + 360px) 40px;
}

/*05 OWNBUISINESS*/
/*OUR BUSINESS*/

.u-color-orange-sub {
    color: #feb959;

}

.c-feature-instructors {
    padding-top: 0;
}

#business {
    padding-bottom: 35px;
}

#business .business-wrap {
    width: 1000px;
    margin: 100px auto 0;
    background: #fff;
}

#business .business-wrap .business-question {
    position: relative;
}

#business .business-wrap .business-question img.main {
    margin-top: -4px;
}

#business .business-wrap .business-question img.comment {
    width: 302px;
    position: absolute;
    top: -105px;
    left: 196px;
}



#business .business-wrap .business-step img {
    display: block;
    margin: 0 auto 30px;
}

#business .business-wrap .business-step img:first-child {
    margin: 35px auto -20px;
}

#business .business-wrap .business-step img:last-child {
    margin: 0 auto;
}

.business-support {
    width: 100%;
    background-image:url(/art-college/music/assets/img/recruit/ob-support-bg.svg);
    text-align:center;
}

.business-support .bs-main{
    margin-top:5%;
}


#business .business-wrap .business-support img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#business .business-wrap .business-support img:last-child {
    display: block;
    margin: -45px 0 0 73px;
}


/*06 Job Description*/
.u-color-purple-sub {
    color: #be8af5;
}

.c-feature-price__header {
    margin-top: 0;
}

.d-flex {
    display: flex;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.pt-1 {
    padding-top: 1%;
}

#description .c-feature-common__header-title {
    position: relative;
    z-index: 3;
}

#description .c-feature-common__header-desc {
    z-index: 2;
}

#description .c-feature-common__header-desc img {
    position: absolute;
    height: 300px;
    top: 6.6%;
    left: 70%;
    z-index: -1;
}

#description.c-feature-price.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/jd-mark.png) no-repeat;
    background-size: 543.5px 543.5px;
    background-position: 10px 95px;
}

#description .c-accordion {
    width: 100%;
    margin: 0 auto;
    transform: scale(1, 1);
    padding: 20px 0;
}

#description {
    padding-bottom: 35px;
}

#description .sp {
    display: none;
}

.description-top {
    width: 1000px;
    margin: 20px auto 100px;
    position: relative;
}

.description-top .description-message {
    width: 960px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, 0.1);
    padding: 20px 0;
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.description-top .description-message p.tit {
    color: #8888DD;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}

.c-jobscription .c-folding {
    margin-top: 20px;
    min-height: 50px;
    text-align: center;
    background-color: #B393D3;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding-top: 1%;
}

.c-jobscription .c-folding.folded {
    display: none;
}

.c-jobscription .c-wrap {
    max-width: 1000px;
    padding: 0;
}

.c-jobscription .c-wrap.folded {
    display: none;
}

.c-jobscription .c-wrap .c-title-wrap {
    background-color: #7A6C93;
    padding: 10px;
}

.c-jobscription .c-wrap .c-title-wrap .c-title {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.c-jobscription .c-wrap .c-jobscription-about {
    background-color: #F4EEF7;
    box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, 0.1);
    padding: 50px 20px 20px;
    margin-bottom: 30px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item {
    max-width: 880px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-title {
    font-size: 18px;
    line-height: 200%;
    font-weight: bold;
    background-color: transparent;
    color: #7A6C93;
    width: 16.136%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    padding-right: 16px;
    white-space: nowrap;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents {
    width: 83.86%;
    padding-left: 25px;
    border-left: 3px solid #fff;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-bold {
    font-weight: bold;
    line-height: 200%;
    text-align: left;
    font-size: 18px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents p {
    line-height: 150%;
    font-size: 16px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents ul {
    list-style: none;
    margin: 0 15px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents li {
    position: relative;
    padding-left: 15px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents li:before {
    content: "";
    position: absolute;
    top: 0.4em;
    left: -15px;
    width: 20px;
    height: 20px;
    background-color: #7A6C93;
    border-radius: 50%;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-lists li::marker {
    color: #7A6C93;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_left {
    width: 25%;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area {
    padding: 0;
    background-color: #B393D3;
    vertical-align: top;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel {
    background-color: transparent;
    margin-top: 40px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner {
    padding: 0;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner .c-cource-btn {
    position: relative;
    background-color: #fff;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 155px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner .c-cource-btn img {
    width: 15%;
    position: absolute;
    top: -10px;
    left: 0;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-btn_area {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-btn_area .c-tab_btn {
    width: 100%;
    height: 40px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-btn_area {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn {
    width: 25%;
    padding: 0;
    color: #333;
    background: #f5f7f8;
    text-align: center;
    cursor: pointer;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn:hover {
    background-color: #dce1e4;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn {
    padding: 12px 0;
    border: 1px solid #DAE0DA;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn.active {
    background: #B393D3;
    color: #fff;
    height: 50px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-panel_area {
    border: solid 1px #e3ebf3;
    padding: 20px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel {
    display: none;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel {
    background-color: #fff;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel.active {
    display: block;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner {
    padding: 5px 10px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_title {
    border-bottom: 1px solid #E1E6E1;
    text-align: left;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #7A6C93;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 0;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn {
    width: 130px;
    background-color: #EDECEF;
    border: 1px solid #DAE0DA;
    border-radius: 100px;
    position: relative;
    padding: 10px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn::after {
    content: ">";
    color: #C65A5A;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion {
    margin: 0px auto 30px;
    position: relative;
    width: 100%;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #DAE0DA;
    background-color: #B393D3;
    position: relative;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title::after {
    border-right: solid 2px #eee;
    border-top: solid 2px #eee;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 38%;
    transform: rotate(135deg);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    width: 8px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
    display: none;
    padding: 0px;
    background-color: #fff;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner .c-cource-btn {
    background-color: #fff;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 134px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td {
    border-collapse: collapse;
    border: 1px solid #eee;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:first-child {
    width: 14.044%;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:last-child {
    width: 86.09%;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-area-title {
    text-align: center;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 20px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn {
    width: 130px;
    background-color: #FFF;
    border: 1px solid #DAE0DA;
    border-radius: 100px;
    position: relative;
    padding: 8px 13px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn::after {
    content: ">";
    color: #C65A5A;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image {
    max-width: 880px;
    margin: 20px auto;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image.process {
    max-width: 1000px;
}

.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image img {
    width: 100%;
}

.c-process {
    width: 100%;
}

.c-process .process {
    margin: 0 auto;
    padding: 30px 0;
}

.c-process .process img {
    box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, 0.1);
}



/*07 INTERVIEW*/
.c-feature-it {
    margin-top: 0;
}

#interview.c-feature-it.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/iv-mark.png) no-repeat;
    background-size: 543.5px 543.5px;
    background-position: calc(100% - 120px) 30px;
}

#interview {
    padding-bottom: 35px;
}

#interview .interview-wrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 100px !important;
}

#interview .interview-wrap.lazyloaded {
    background: url(/art-college/music/assets/img/recruit/iv-top.png) no-repeat center top;
}

#interview .interview-wrap .interview {
    width: 960px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0px 5px 5px gray;
}

#interview .interview-wrap .interview .interview-link {
    display: block;
    width: 50%;
    padding: 0 20px 130px;
    position: relative;
}

#interview .interview-wrap .interview .interview-link:nth-child(2) {
    margin-top: 70px;
}

#interview .interview-wrap .interview .interview-link:nth-child(odd) {
    margin-top: -70px;
}

#interview .interview-wrap .interview .interview-link:nth-child(1) {
    margin-top: 0px;
}

#interview .interview-wrap .interview .interview-cont .interview-text {
    width: 360px;
    position: absolute;
    top: 260px;
    right: 20px;
    background-color: #fff;
    padding: 20px;
}

#interview .interview-wrap .interview .interview-cont .interview-text .text {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #88CCDD;
    margin-bottom: 10px;
}

#interview .interview-wrap .interview .interview-cont .interview-text .name {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

#interview .interview-wrap .interview .interview-button {
    text-align: center;
    width: 100%;
    margin: 30px auto 28px;
}

#interview .interview-wrap .interview .interview-button a.c-button {
    display: inline-block;
    line-height: 18px;
    border: 1px solid #000000;
    padding: 20px 47px 20px 20px;
    width: 500px;
    margin: 0 auto;
}

a.c-button.lazyloaded {
    background: url("../images/recruit/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 11px;
    background-color: #fff;
}

/*08 ABOUTEYS*/
.u-color-darkyellow-sub {
    color: #b7dd64;
}

.c-feature-warranty {
    margin-top: 0;
}

#about {
    padding-bottom: 20px;
}

#about02 {
    padding-bottom: 30px;
}

.c-eys-business .c-wrap .c-section-contents {
    padding: 0;
    margin: 20px auto;
}

.c-eys-business .c-wrap .c-section-contents p {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}

.brand-list {
    width: 880px;
    margin: 10px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-eys-business .c-wrap .c-brand-area .brand-list li {
    margin-bottom: 20px;
}

.c-eys-business .c-wrap .c-brand-area .brand-list li a {
    display: inline-block;
}

.c-eys-business .c-wrap .c-brand-area .brand-list li a img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
    width: 100%;
}

.c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(7) {
    width: 100%;
    margin-bottom: 40px;
}

.c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(8) {
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
}

.c-eys-business .c-wrap .c-brand-area .service-list {
    width: 880px;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
}

.c-eys-business .c-wrap .c-brand-area .service-list li {}

.c-eys-business .c-wrap .c-brand-area .service-list li a {
    display: inline-block;
}

.c-eys-business .c-wrap .c-brand-area .service-list li a img {
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
}

/*footer*/

.c-pagetop .c-pagetop__icon {
    position: fixed;
    z-index: 28;
    cursor: pointer;
    background: url(/art-college/music/assets/img/common/goto_top_btn.svg) no-repeat;
    background-size: cover;
}

.c-pagetop .c-pagetop__icon {
    right: calc(50% - 50%);
    bottom: 172px;
    width: 90px;
    height: 90px;
}

#c-pagetop2 {
    right: calc(50% - 50%);
    bottom: 10px;
    width: 200px;
    height: 170px;
    background: url(/art-college/music/assets/img/recruit/float-entry.png) no-repeat;
}

#c-pagetop.c-pagetop.is-fixed .c-pagetop__icon {
    bottom: 850px;
}