.mv__inner { position: relative; }

.mv .slider .banner__picture { width: 100%; }

.mv .slider .banner__copy { display: none; }

.mv .slider .banner__body img { width: 100%; }

.mv .slider .banner__inner .medal span { display: inline-block; color: #fff; font-weight: 600; }

.mv .slider .banner__image { width: 100%; height: auto; }

.mv .slider .banner .btn { position: relative; z-index: 0; display: inline-block; line-height: 1; }

.mv .slider .banner .btn__label { position: relative; display: inline-block; }

.mv .slider .banner .btn__label::before { position: absolute; top: 100%; left: 50%; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mv .slider .banner .btn__text { position: relative; color: #004099; }

.mv .slider .banner .btn__text::before { position: absolute; top: 0; right: 0; background-color: #004099; background-image: url("/assets/images/icon_arrow_right.svg"); content: ''; }

.mv .slider .banner__item .lead { color: #fff; }

.mv .slider .banner__item .tack-btn { position: relative; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; line-height: 1; }

.mv .slider .banner__item .tack-btn::before { border: 2px solid #fff; background-color: transparent; content: ''; }

.mv .slider .banner__content { padding: 0 20px; padding-top: 88px; width: 100%; background: #2b2677; text-align: center; }

.popup-modal { position: fixed; top: 0; left: 0; z-index: 300; display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); }

.popup-modal__inner { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.popup-modal.is-active { display: block; -webkit-animation: fadeIn .6s forwards; animation: fadeIn .6s forwards; }

.popup-modal.is-active.remove { -webkit-animation: remove .3s forwards; animation: remove .3s forwards; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes remove { 99% { opacity: 0; }
  to { display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none; } }

@keyframes remove { 99% { opacity: 0; }
  to { display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none; } }

.sec-achievements { padding-top: 55px; padding-bottom: 49px; background-image: url("/assets/images/top/achievements_bg.jpg"); background-position: center bottom; background-size: cover; }

.sec-achievements__heading { color: #fff; text-align: center; font-size: 1.6rem; }

.sec-achievements__heading-inner { display: inline-block; padding: 10.5px 20px; border: 1.5px solid #fff; }

.sec-achievements__contents { margin-top: 23px; }

.sec-achievements .body--01 { color: #fff; text-align: center; font-size: 2.8rem; font-family: "Lato", "Source Han Sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", sans-serif; }

.sec-achievements .body--02 { margin-top: 14px; color: #fff; text-align: center; font-size: 1.3rem; line-height: 1.8; }

.sec-achievements .body--03 { margin-top: 10px; color: #fff; text-align: center; font-size: 1.3rem; line-height: 1.8; }

.sec-achievements .medal { margin-top: 32px; text-align: center; }

.sec-achievements .medal img { width: 289px; }

.sec-achievements .ranking-link { position: relative; display: flex; justify-content: space-between; margin-top: 38px; height: 67.5px; background-color: #fff; color: #004099; letter-spacing: 1.5px; font-weight: 700; font-size: 1.5rem; line-height: 1.55; transition: opacity .2s; }

.sec-achievements .ranking-link__inner { display: flex; align-items: center; flex: 1 1 auto; padding: 0 30px; }

.sec-achievements .ranking-link__appeal { position: absolute; top: -29px; right: 0; left: 0; margin: 0 auto; color: #fff; text-align: center; letter-spacing: 0; font-size: 1.3rem; font-family: "Lato", "Source Han Sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", sans-serif; }

.sec-achievements .ranking-link__appeal-inner { position: relative; display: inline-block; padding: 7.5px 18px; border-radius: 2.5px; background-color: #f28d00; }

.sec-achievements .ranking-link__appeal-inner::before { position: absolute; top: 99%; right: 0; left: 0; margin: 0 auto; width: 14.1px; content: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.2%2014.1%22%3E%3Cpath%20fill%3D%22%23f28d00%22%20d%3D%22M28.2%200L14.1%2014.1%200%200%22%2F%3E%3C%2Fsvg%3E'); line-height: 0; }

.sec-achievements .ranking-link__text { flex: 0 1 auto; }

.sec-achievements .ranking-link::after { display: inline-block; flex: 0 0 auto; width: 67.5px; background-color: #004099; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; background-size: 9.31px auto; content: ''; }

.sec-achievements .note { margin-top: 17px; color: #fff; font-size: 1rem; }

.sec-business-overview { padding-top: 61px; padding-bottom: 45px; }

.sec-business-overview__heading { text-align: center; font-size: 2.4rem; }

.sec-business-overview__heading::after { display: block; margin-top: 5px; color: #08c; content: attr(data-after-content); letter-spacing: .5px; font-weight: 400; font-size: 1.3rem; font-family: 'Lato'; }

.sec-business-overview__contents { margin-top: 28px; }

.sec-business-overview .instances__item { opacity: 0; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(15px); transform: translateY(15px); }

.sec-business-overview .instances__item.is-active { opacity: 1; -webkit-transform: none; transform: none; }

.sec-business-overview .instances__item:not(:first-of-type) { margin-top: 50px; }

.sec-business-overview .instances--small { margin-top: 50px; }

.sec-business-overview .instances .instance__picture { flex: 0 1 auto; width: 100%; }

.sec-business-overview .instances .instance__contents { position: relative; margin-top: -30px; padding: 0 20px; }

.sec-business-overview .instances .instance .overview { padding: 10px; background-color: #fff; box-shadow: 0 5px 10px rgba(13, 28, 38, 0.1); }

.sec-business-overview .instances .instance .overview__heading { display: flex; align-items: center; padding: 9.5px 0; background-color: #ebf1f7; color: #004099; font-size: 1.4rem; }

.sec-business-overview .instances .instance .overview__heading-icon { flex: 0 0 auto; width: 70px; text-align: center; }

.sec-business-overview .instances .instance .overview__heading-icon--01 img { width: 28px; }

.sec-business-overview .instances .instance .overview__heading-icon--02 img { width: 23px; }

.sec-business-overview .instances .instance .overview__heading-icon--03 img { width: 28px; }

.sec-business-overview .instances .instance .overview__heading-icon--04 img { width: 28px; }

.sec-business-overview .instances .instance .overview__heading-icon--05 img { width: 25px; }

.sec-business-overview .instances .instance .overview__heading-text { flex: 0 1 auto; }

.sec-business-overview .instances .instance .overview__contents { padding: 0 20px; }

.sec-business-overview .instances .instance .overview .lead { margin-top: 15px; color: #555959; font-size: 1.1rem; line-height: 1.9; }

.sec-business-overview .instances .instance .overview .series { margin-top: 18px; }

.sec-business-overview .instances .instance .overview .series__caption { padding: 7px 20px; border: 1px solid #1470cc; border-radius: 2.5px; color: #1470cc; text-align: center; font-weight: 700; font-size: 1rem; }

.sec-business-overview .instances .instance .overview .series__list { display: flex; align-items: center; flex-wrap: wrap; margin-top: 10px; margin-left: -10px; }

.sec-business-overview .instances .instance .overview .series__list-item { margin-top: 5px; margin-left: 10px; color: #1470cc; font-weight: 700; font-size: 1.1rem; }

.sec-business-overview .instances .instance .overview .link { display: flex; justify-content: flex-end; margin-top: 23px; margin-right: -10px; margin-bottom: -10px; }

.sec-business-overview .instances .instance .overview .link__inner { display: flex; height: 50px; transition: opacity .2s; }

.sec-business-overview .instances .instance .overview .link__inner::after { display: inline-block; flex: 0 0 auto; width: 50px; background-color: #5cb8e6; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; background-size: 9.31px 16px; content: ''; }

.sec-business-overview .instances .instance .overview .link__text { display: flex; align-items: center; flex: 0 1 auto; justify-content: center; padding: 0 33.6px; background-color: #004099; color: #fff; font-size: 1.2rem; }

.sec-business-overview .instances .instances__item--comingsoon picture { opacity: .4; }

.sec-business-overview .instances .instances__item--comingsoon .overview .link__inner::after { background-color: #cfcfcf; }

.sec-business-overview .instances .instances__item--comingsoon .overview .link__text { background-color: #afafaf; }

.sec-cm-gallery { padding-top: 42px; padding-bottom: 94px; background-image: url("/assets/images/top/cm_gallery_bg.jpg"); background-position: center bottom; background-size: cover; }

.sec-cm-gallery__heading { text-align: center; font-size: 2.4rem; }

.sec-cm-gallery__heading::after { display: block; margin-top: 5px; color: #08c; content: attr(data-after-content); letter-spacing: .5px; font-weight: 400; font-size: 1.3rem; font-family: 'Lato'; }

.sec-cm-gallery__contents { margin-top: 28px; }

.sec-cm-gallery .instances__item { opacity: 0; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(15px); transform: translateY(15px); }

.sec-cm-gallery .instances__item:not(:first-of-type) { margin-top: 26px; }

.sec-cm-gallery .instances__item.is-active { opacity: 1; -webkit-transform: none; transform: none; }

.sec-cm-gallery .instances .instance { position: relative; box-shadow: 0 5px 10px rgba(13, 28, 38, 0.1); }

.sec-cm-gallery .instances .instance__link.is-clicked .instance__picture::before { opacity: 0; pointer-events: none; }

.sec-cm-gallery .instances .instance__link.is-clicked .instance__picture img { opacity: 0; pointer-events: none; }

.sec-cm-gallery .instances .instance__picture { position: relative; pointer-events: none; }

.sec-cm-gallery .instances .instance__picture::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; background-image: url("/assets/images/top/cm_gallery_icon_play_active.svg"); background-position: center; background-size: 50px auto; content: ''; transition: opacity .2s; }

.sec-cm-gallery .instances .instance__picture img { position: relative; width: 100%; }

.sec-cm-gallery .instances .instance__picture iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.sec-cm-gallery .instances .instance__title { padding: 19px 20px; background-color: #fff; text-align: left; font-weight: 400; font-size: 1.3rem; line-height: 1.9; }

.sec-cm-gallery .instances .instance__icon { position: absolute; top: -14px; left: -19px; }

.sec-cm-gallery .instances .instance__icon img { width: 79.5px; }

.sec-cm-gallery .youtube-link { display: flex; justify-content: space-between; margin-top: 30px; height: 58.5px; background-color: #fff; letter-spacing: 1.5px; font-weight: 700; font-size: 1.5rem; line-height: 1.2; transition: opacity .2s; }

.sec-cm-gallery .youtube-link__inner { display: flex; align-items: center; flex: 1 1 auto; justify-content: center; padding-right: 10px; }

.sec-cm-gallery .youtube-link__icon { flex: 0 1 auto; }

.sec-cm-gallery .youtube-link__text { flex: 0 1 auto; margin-left: 15px; }

.sec-cm-gallery .youtube-link::after { flex: 0 0 auto; width: 58.5px; background-color: #004099; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; background-size: 9.31px auto; content: ''; }

.sec-cm-gallery .modal { display: none; }

.sec-gallery .section-main { margin-bottom: 0; }

.sec-gallery .sp_none { display: block; }

.sec-gallery .sp_none img { width: 100%; }

.sec-gallery p { line-height: 2; }

.section-main { margin-bottom: 20px; background: url("/assets/images/top/cm_gallery_bk01_img.jpg") no-repeat; background-position: center top; background-size: cover; }

.sec-gallery-inner { position: relative; padding: 0 20px; width: 100%; }

.sec-gallery-inner .gallery-sec01-ttl { margin-bottom: 20px; text-align: center; }

.sec-gallery-inner .contents-text { text-align: center; }

.sec-gallery .cm-contents .instances { margin: 30px 0; }

.sec-gallery .cm-contents .instances .instances__btn { display: flex; justify-content: space-between; margin: 20px 0; }

.coming-soon-gallery { margin: 40px 0; text-align: center; }

.coming-soon-gallery img { width: 100%; }

.gallery-contents { position: relative; padding: 0 20px; width: 100%; text-align: center; }

.gallery-contents p { margin-bottom: 20px; }

.gallery-contents .gallery-sec01-ttl { margin-bottom: 20px; }

.sec-gallery-wrapper { padding: 65px 0; width: 65%; }

.sec-gallery-wrapper .cm-gallery-txt { margin-top: 20px; text-align: right; }

.gallery-sec02 { padding: 50px 0 20px; background: url("/assets/images/top/cm_gallery_bk02_img.jpg") no-repeat; background-position: center top; background-size: 100%; }

.gallery-sec02 .gallery-sec02-ttl { text-align: center; }

.gallery-sec02 .instances { margin: 30px 0; }

.gallery-sec02 .making__ttl { text-align: center; font-weight: 600; font-size: 2rem; }

.gallery-sec03 { padding: 50px 0; background: url("/assets/images/top/cm_gallery_bk03_img.jpg") no-repeat; background-position: center bottom; background-size: cover; }

.gallery-sec03 .gallery-sec__contents { padding: 0 20px; }

.gallery-sec03 .gallery-sec03-ttl { text-align: center; font-size: 2.1rem; }

.gallery-sec03 .gallery-sec03-ttl .pre-bule { color: #003f99; }

.gallery-sec03 .instances { padding: 20px 0; }

.gallery-sec03 .instances p { text-align: center; font-weight: 600; font-size: 2.5rem; }

.gallery-sec03 .instances__btn { display: flex; justify-content: space-between; margin: 20px 0; }

.sec-cm-gallery__inner .sec-cm-gallery__contents .cm-gallery_list li { margin: 20px 0; }

.gallery-sec04 { margin: 50px 0; text-align: center; }

.sec-gallery .instances .instance { position: relative; text-align: center; }

.sec-gallery .instances .instance__link.is-clicked .instance__picture::before { opacity: 0; pointer-events: none; }

.sec-gallery .instances .instance__link.is-clicked .instance__picture img { opacity: 0; pointer-events: none; }

.sec-gallery .instances .instance .movie-wrap .instance__picture.is-clicked::before { opacity: 0; pointer-events: none; }

.sec-gallery .instances .instance .movie-wrap .instance__picture.is-clicked img { opacity: 0; pointer-events: none; }

.sec-gallery .instances .instance__picture { position: relative; pointer-events: none; }

.sec-gallery .instances .instance__picture::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; background-image: url("/assets/images/top/cm_gallery_icon_play_active.svg"); background-position: center; background-size: 50px auto; content: ''; transition: opacity .2s; }

.sec-gallery .instances .instance__picture img { position: relative; width: 100%; }

.sec-gallery .instances .instance__picture iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.sec-gallery .instances .instance .instance__picture__bk::before { background: none; }

.sec-gallery .instances .instance .instance__picture__bk::after { background: none; }

.sec-gallery .instances .instance__title { padding: 19px 20px; background-color: #fff; text-align: left; font-weight: 400; font-size: 1.3rem; line-height: 1.9; }

.sec-gallery .instances .instance__icon { position: absolute; top: -14px; left: -19px; }

.sec-gallery .instances .instance__icon img { width: 79.5px; }

.sec-gallery .modal { display: none; }

.sec-gallery .modal.is-shown { opacity: 1; pointer-events: auto; }

.gallery-sec04__link img { width: 90%; }

.gallery-ttl-new { max-width: 331px; }

.gallery-ttl-new img { width: 100%; }

.gallery-ttl-new01 { max-width: 331; }

.gallery-ttl-new01 img { width: 100%; }

.sec-group { padding-top: 40px; padding-bottom: 39px; background-image: url("/assets/images/top/group_bg.png"); background-position: right bottom; background-size: 210.5px auto; }

.sec-group__heading { text-align: center; font-size: 2.4rem; }

.sec-group__heading::after { display: block; margin-top: 5px; color: #08c; content: attr(data-after-content); letter-spacing: .5px; font-weight: 400; font-size: 1.3rem; font-family: 'Lato'; }

.sec-group__contents { margin-top: 23px; }

.sec-group .intro { opacity: 0; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(15px); transform: translateY(15px); }

.sec-group .intro.is-active { opacity: 1; -webkit-transform: none; transform: none; }

.sec-group .intro__link { transition: opacity .2s; }

.sec-group .intro__picture img { width: 100%; }

.sec-group .intro__contents { padding: 20px 25px; background-color: #004099; background-image: linear-gradient(-135deg, rgba(20, 112, 204, 0.8), rgba(0, 64, 153, 0.8)); }

.sec-group .intro .heading { display: flex; align-items: center; padding-left: 5px; color: #fff; }

.sec-group .intro .heading__logo { flex: 0 1 auto; width: 86.5px; }

.sec-group .intro .heading__text { position: relative; top: 2px; display: flex; align-items: center; flex: 0 0 auto; margin-left: 17px; letter-spacing: 2px; }

.sec-group .intro .heading__text::after { display: block; margin-left: 5px; width: 15.5px; height: 15.5px; content: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6m4-3h6v6m-11%205L21%203%22%2F%3E%3C%2Fsvg%3E'); line-height: 0; }

.sec-group .intro .lead { margin-top: 20px; padding-top: 15px; border-top: 1px solid #fff; color: #fff; font-weight: 700; line-height: 1.8; }

.sec-group .intro .body { margin-top: 7px; color: #fff; font-size: 1.1rem; line-height: 1.9; }

.sec-group .companies { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 41px; }

.sec-group .companies__item { width: calc(50% - 10px); opacity: 0; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(15px); transform: translateY(15px); }

.sec-group .companies__item:nth-of-type(n + 3) { margin-top: 29px; }

.sec-group .companies__item.is-active { opacity: 1; -webkit-transform: none; transform: none; }

.sec-group .companies .company__link { display: block; transition: opacity .2s; }

.sec-group .companies .company__picture { position: relative; background-color: #ebf1f7; }

.sec-group .companies .company__picture img { max-width: 100%; }

.sec-group .companies .company__link--external .company__picture::after { position: absolute; right: 6px; bottom: 1px; width: 12.5px; content: url("/assets/images/top/group_item_icon_external.svg"); }

.sec-group .companies .company__contents { margin-top: 10px; }

.sec-group .companies .company .heading { color: #004099; font-size: 1.1rem; }

.sec-group .companies .company .body { position: relative; margin-top: 7px; padding-top: 9px; box-shadow: inset 0 1px #5cb8e6; color: #555959; font-size: 1.1rem; line-height: 1.9; }

.sec-group .companies .company .body::before { position: absolute; top: 0; left: 15px; width: 15px; height: 1px; background-color: #1470cc; content: ''; }

.sec-group .companies .company .body::after { position: absolute; top: 0; left: 0; width: 15px; height: 1px; background-color: #004099; content: ''; }

.sec-news { padding-top: 42px; padding-bottom: 40px; border-top: 1px solid #dce0e3; background-color: #f7f7f7; }

.sec-news__heading { text-align: center; font-size: 2.4rem; }

.sec-news__heading::after { display: block; margin-top: 5px; color: #08c; content: attr(data-after-content); letter-spacing: .5px; font-weight: 400; font-size: 1.3rem; font-family: 'Lato'; }

.sec-news__contents { margin-top: 30px; }

.sec-news .news__item:not(:first-of-type) { margin-top: 21px; padding-top: 27px; border-top: 1px solid #dce0e3; }

.sec-news .news__item:not(:first-of-type):last-of-type { padding-bottom: 27px; border-bottom: 1px solid #dce0e3; }

.sec-news .news__item-link { display: flex; align-items: center; flex-wrap: wrap; font-size: 1.3rem; }

.sec-news .news__date { letter-spacing: 0; font-family: 'Lato'; }

.sec-news .news__category { display: inline-block; margin-left: 15px; padding: 3.25px 10px; min-width: 73.5px; color: #fff; text-align: center; font-size: 1.1rem; }

.sec-news .news__category--ir { background-color: #5cb8e6; }

.sec-news .news__category--information { background-color: #f28d00; }

.sec-news .news__category--press-release { background-color: #004099; }

.sec-news .news .pdf { display: inline-block; margin: 0 0 0 5px; }

.sec-news .news .pdf img { width: 16px; height: 16px; }

.sec-news .news__body { margin-top: 15px; width: 100%; line-height: 1.8; }

.sec-news .news .inactive { pointer-events: none; }

.sec-news .news-link { position: relative; display: flex; justify-content: space-between; margin-top: 40px; height: 58.5px; color: #1470cc; letter-spacing: 1.5px; font-weight: 700; font-size: 1.5rem; line-height: 1.55; }

.sec-news .news-link__inner { display: flex; align-items: center; flex: 1 1 auto; justify-content: center; padding: 0 30px; border: 2px solid #1470cc; border-right: 0; transition: background-color .2s, color .2s; }

.sec-news .news-link__text { flex: 0 1 auto; }

.sec-news .news-link::after { display: inline-block; flex: 0 0 auto; width: 58.5px; border: 2px solid #1470cc; background-image: url("/assets/images/top/news_icon_arrow_right.svg"); background-position: center; background-size: 8px auto; content: ''; }

.sec-recruit { padding-top: 55px; padding-bottom: 49px; background-image: url("/assets/images/top/recruit_bg.jpg"); background-position: center bottom; background-size: cover; }

.sec-recruit .recruit_heading { padding: 200px 0 40px; text-align: center; }

.sec-recruit .recruit_heading img { width: 100%; }

.sec-recruit .recruit-link { position: relative; display: flex; justify-content: space-between; margin-top: 38px; height: 67.5px; background-color: #fff; color: #004099; letter-spacing: 1.5px; font-weight: 700; font-size: 1.5rem; line-height: 1.55; transition: opacity .2s; }

.sec-recruit .recruit-link__inner { display: flex; align-items: center; flex: 1 1 auto; padding: 0 30px; }

.sec-recruit .recruit-link__appeal { position: absolute; top: -29px; right: 0; left: 0; margin: 0 auto; color: #fff; text-align: center; letter-spacing: 0; font-size: 1.3rem; font-family: "Lato", "Source Han Sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "YuGothic", "Yu Gothic", sans-serif; }

.sec-recruit .recruit-link__appeal-inner { position: relative; display: inline-block; padding: 7.5px 18px; border-radius: 2.5px; background-color: #f28d00; }

.sec-recruit .recruit-link__appeal-inner::before { position: absolute; top: 99%; right: 0; left: 0; margin: 0 auto; width: 14.1px; content: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.2%2014.1%22%3E%3Cpath%20fill%3D%22%23f28d00%22%20d%3D%22M28.2%200L14.1%2014.1%200%200%22%2F%3E%3C%2Fsvg%3E'); line-height: 0; }

.sec-recruit .recruit-link__text { flex: 0 1 auto; }

.sec-recruit .recruit-link::after { display: inline-block; flex: 0 0 auto; width: 67.5px; background-color: #004099; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; background-size: 9.31px auto; content: ''; }

.sec-achievements .note { margin-top: 17px; color: #fff; font-size: 1rem; }

.mv .swiper-button-prev, .mv .swiper-button-next { top: 0; display: flex; align-items: center; margin-top: 0; width: 60px; height: 100%; outline: none; background-image: none; }

.mv .swiper-button-prev::before, .mv .swiper-button-next::before { width: 20px; height: 62px; background-color: #000; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; content: ''; }

.mv .swiper-button-prev, .mv .swiper-container-rtl .swiper-button-next { left: 0; }

.mv .swiper-button-prev::before, .mv .swiper-container-rtl .swiper-button-next::before { background-size: 6.5px auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.mv .swiper-button-next, .mv .swiper-container-rtl .swiper-button-prev { right: 0; justify-content: flex-end; }

.mv .swiper-button-next::before, .mv .swiper-container-rtl .swiper-button-prev::before { background-size: 6.5px 11px; }

.mv .swiper-pagination { margin-top: 8px; width: 100%; }

.mv .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.mv .swiper-pagination-bullet { background-color: #1470cc; }

@media (min-width: 768px) { .mv .slider__slide { transition: opacity .3s; } .mv .slider__slide:hover { opacity: .8; } .mv .slider .banner { position: relative; box-sizing: border-box; height: 600px; } .mv .slider .banner__picture { position: absolute; top: 0; left: 0; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .mv .slider .banner__copy { position: absolute; bottom: 100px; left: 4.5%; display: block; padding-right: 30px; padding-left: 65px; } .mv .slider .banner__body { position: absolute; right: 4.5%; bottom: 100px; } .mv .slider .banner__inner { display: flex; } .mv .slider .banner__inner .text-wrap, .mv .slider .banner__inner .medal { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mv .slider .banner__inner .text-wrap { left: 50%; margin-top: -15px; margin-left: -500px; } .mv .slider .banner__inner .medal { right: 50%; display: flex; flex-direction: column; margin-top: 20px; margin-right: -500px; } .mv .slider .banner__inner .medal span { margin: 20px 0 0; font-size: 1.3rem; } .mv .slider .banner__image { width: auto; } .mv .slider .banner--flex { display: flex; } .mv .slider .banner .btn { margin: 70px 0 0 85px; } .mv .slider .banner .btn__label { position: absolute; top: -26px; left: 50%; z-index: 1; padding: 6px 0 8px; width: 244px; border-radius: 5px; background-color: #f28d00; color: #fff; text-align: center; font-weight: 600; font-size: 1.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mv .slider .banner .btn__label span { font-size: 2.1rem; } .mv .slider .banner .btn__label::before { border-width: 4px; border-style: solid; border-color: #f28d00 transparent transparent; } .mv .slider .banner .btn__text { display: flex; align-items: center; justify-content: center; padding: 2px 0 0; width: 302px; height: 63px; background-color: #fff; letter-spacing: .03em; font-weight: 600; font-size: 1.7rem; } .mv .slider .banner .btn__text::before { right: -63px; width: 63px; height: 63px; background-position: center; background-size: 11px 19px; } .mv .slider .banner__item { position: absolute; left: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; background-image: url("/assets/images/top/mv_item03_logo_md.png"); background-position: center 45px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mv .slider .banner__item .copy { margin-top: 50px; } .mv .slider .banner__item .lead { font-size: 1.5rem; } .mv .slider .banner__item .tack-btn { margin: 45px 0 0; padding: 19px 0; width: 300px; color: #fff; font-size: 1.8rem; -webkit-transform: translateX(-25px); transform: translateX(-25px); } .mv .slider .banner__item .tack-btn::before { position: absolute; top: -2px; right: -60px; width: 60px; height: 60px; background-image: url("/assets/images/icon_arrow_right.svg"); background-position: center; background-size: 9px 16px; } .mv .slider .banner__text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; padding-left: 4.2%; } .mv .slider .banner__text img { max-width: 672px; width: 51%; height: auto; } .mv .slider .banner__content img { max-width: 100%; height: auto; } .popup-modal .banner-list { display: flex; align-items: center; justify-content: center; margin: 0 -40px; } .popup-modal .popup-banner { margin: 0 40px; background: #6c6c6c; }
  .popup-modal .popup-banner a { cursor: pointer; transition: opacity .3s; }
  .popup-modal .popup-banner a:hover { opacity: .8; } .sec-achievements { position: relative; padding-top: 117px; height: 650px; background-image: url("/assets/images/top/achievements_bg_md.jpg"); } .sec-achievements::before { position: absolute; bottom: -54px; left: calc(50% - 644px); width: 405px; height: 596px; background-image: url("/assets/images/top/achievements_decor_md.png"); content: ''; } .sec-achievements__heading { font-size: 2rem; } .sec-achievements__heading-inner { padding: 12.5px 24px; border-width: 3px; } .sec-achievements__contents { margin-top: 27px; } .sec-achievements .body--01 { font-size: 4.2rem; } .sec-achievements .body--02 { margin-top: 16px; font-size: 1.6rem; } .sec-achievements .body--03 { font-size: 1.6rem; } .sec-achievements .medal { position: absolute; top: calc(50% - 46px); right: calc(50% - 591px); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sec-achievements .medal img { width: auto; } .sec-achievements .ranking-link { margin: 80px auto 0; width: 460px; height: 80px; box-shadow: 0 10px 20px rgba(13, 28, 38, 0.1); } .sec-achievements .ranking-link__inner { justify-content: center; padding: 0; } .sec-achievements .ranking-link__appeal { top: -44px; } .sec-achievements .ranking-link__appeal-inner { padding: 11.5px 28px; font-size: 1.8rem; } .sec-achievements .ranking-link__appeal-inner::before { width: 20px; height: 10px; } .sec-achievements .ranking-link__text { font-size: 1.8rem; } .sec-achievements .ranking-link::after { width: 80px; background-size: 14px auto; } .sec-achievements .ranking-link:hover { opacity: .6; } .sec-achievements .note { position: absolute; top: calc(50% + 120px); right: calc(50% - 577px); font-size: 1.3rem; } .sec-business-overview { padding-top: 80px; padding-bottom: 0; } .sec-business-overview__heading { font-size: 3.2rem; } .sec-business-overview__heading::after { margin-top: 8px; font-size: 1.8rem; } .sec-business-overview__contents { margin-top: 36px; } .sec-business-overview .instances { display: flex; flex-wrap: wrap; margin: 0 auto; padding-bottom: 62px; background-color: #f7f7f7; } .sec-business-overview .instances__item { display: flex; width: 50%; } .sec-business-overview .instances__item:not(:first-of-type) { margin-top: 0; } .sec-business-overview .instances-wrap { background-color: #f7f7f7; } .sec-business-overview .instances--small { justify-content: space-between; margin: 0 auto; width: 1280px; background-color: transparent; } .sec-business-overview .instances--small .instances__item { padding: 0 25px; width: 33.33%; } .sec-business-overview .instances .instance { display: flex; flex-direction: column; justify-content: flex-start; margin: 0 auto; width: 100%; } .sec-business-overview .instances .instance__contents { display: flex; flex: 1 0 auto; margin: -156px auto 0; padding: 0; width: 500px; } .sec-business-overview .instances .instance--pull-right { margin-right: 30px; } .sec-business-overview .instances .instance--pull-left { margin-left: 30px; } .sec-business-overview .instances .instance--small { width: auto; } .sec-business-overview .instances .instance--small picture { width: 376px; height: auto; } .sec-business-overview .instances .instance--small .instance__contents { margin-top: -100px; width: 320px; } .sec-business-overview .instances .instance .overview { display: flex; flex-direction: column; width: 100%; box-shadow: 0 10px 20px rgba(13, 28, 38, 0.1); } .sec-business-overview .instances .instance .overview__heading { padding: 16px 30px; font-size: 2.4rem; } .sec-business-overview .instances .instance .overview__heading-icon { width: 90px; } .sec-business-overview .instances .instance .overview__heading-icon--01 img { width: 48px; } .sec-business-overview .instances .instance .overview__heading-icon--02 img { width: 39.65px; } .sec-business-overview .instances .instance .overview__heading-icon--03 img { width: 48px; } .sec-business-overview .instances .instance .overview__heading-icon--04 img { width: 42px; } .sec-business-overview .instances .instance .overview__heading-icon--05 img { width: 40px; } .sec-business-overview .instances .instance .overview__contents { padding: 0 50px; } .sec-business-overview .instances .instance--small .overview__heading { padding: 16px 5px; font-size: 2rem; } .sec-business-overview .instances .instance--small .overview__heading-icon { width: 100px; } .sec-business-overview .instances .instance--small .overview__contents { padding: 0 30px; } .sec-business-overview .instances .instance .overview .lead { margin-top: 13px; font-size: 1.4rem; line-height: 1.8; } .sec-business-overview .instances .instance .overview .series { display: flex; margin-top: 17px; } .sec-business-overview .instances .instance .overview .series__caption { display: flex; align-items: center; padding: 5px 10px; width: 90px; border-width: 2px; font-size: 1.2rem; } .sec-business-overview .instances .instance .overview .series__list { margin-top: 0; margin-left: 20px; width: calc(100% - 90px); } .sec-business-overview .instances .instance .overview .series__list-item { font-size: 1.4rem; } .sec-business-overview .instances .instance .overview .link { display: flex; align-items: flex-end; flex: 1 1 auto; margin-top: 30px; } .sec-business-overview .instances .instance .overview .link a:hover { opacity: .8; } .sec-business-overview .instances .instance .overview .link__text { padding: 0 29px; font-size: 1.4rem; } .sec-cm-gallery { padding-top: 59px; padding-bottom: 81px; background-image: url("/assets/images/top/cm_gallery_bg_md.jpg"); } .sec-cm-gallery__inner { width: 1180px; } .sec-cm-gallery__heading { font-size: 3.2rem; } .sec-cm-gallery__heading::after { font-size: 1.8rem; } .sec-cm-gallery__contents { margin-top: 42px; } .sec-cm-gallery .instances { display: flex; justify-content: space-between; } .sec-cm-gallery .instances__item { display: flex; width: 360px; } .sec-cm-gallery .instances__item:not(:first-of-type) { margin-top: 0; } .sec-cm-gallery .instances .instance { display: flex; width: 100%; box-shadow: 0 10px 20px rgba(13, 28, 38, 0.1); } .sec-cm-gallery .instances .instance__link { display: flex; flex-direction: column; width: 100%; } .sec-cm-gallery .instances .instance__link.is-clicked .instance__picture::before { opacity: 1; pointer-events: auto; } .sec-cm-gallery .instances .instance__link.is-clicked .instance__picture img { opacity: 1; pointer-events: auto; } .sec-cm-gallery .instances .instance__picture::before { background-image: url("/assets/images/top/cm_gallery_icon_play.svg"); background-size: 64px auto; } .sec-cm-gallery .instances .instance__picture::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: url("/assets/images/top/cm_gallery_icon_play_active.svg"); background-position: center; background-size: 64px auto; content: ''; opacity: 0; transition: opacity .2s; } .sec-cm-gallery .instances .instance__title { flex: 1 1 auto; font-size: 1.4rem; } .sec-cm-gallery .instances .instance__icon { top: -30px; left: -45px; } .sec-cm-gallery .instances .instance__icon img { width: 112px; } .sec-cm-gallery .instances .instance__link:hover .instance__picture::before { opacity: 0; } .sec-cm-gallery .instances .instance__link:hover .instance__picture::after { opacity: 1; } .sec-cm-gallery .instances .instance__link:hover .instance__title { color: #1470cc; text-decoration: underline; } .sec-cm-gallery .youtube-link { margin: 60px auto 0; width: 460px; height: 80px; font-size: 1.8rem; } .sec-cm-gallery .youtube-link__inner { padding-right: 0; } .sec-cm-gallery .youtube-link__icon img { width: 107.59px; } .sec-cm-gallery .youtube-link__text { margin-left: 20px; } .sec-cm-gallery .youtube-link::after { width: 80px; background-size: 14px auto; } .sec-cm-gallery .youtube-link:hover { opacity: .8; } .sec-cm-gallery .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.85); opacity: 0; transition: opacity .2s; pointer-events: none; } .sec-cm-gallery .modal.is-shown { opacity: 1; pointer-events: auto; } .sec-cm-gallery .modal__dismiss { position: absolute; top: -49px; right: -9px; z-index: 1; width: 40px; height: 40px; outline: none; transition: opacity .2s; } .sec-cm-gallery .modal__dismiss:hover { opacity: .7; } .sec-cm-gallery .modal__dismiss::before, .sec-cm-gallery .modal__dismiss::after { position: absolute; top: 50%; right: 18px; width: 2px; height: 22px; background-color: #fff; content: ''; } .sec-cm-gallery .modal__dismiss::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .sec-cm-gallery .modal__dismiss::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .sec-cm-gallery .modal__inner { position: relative; width: 800px; height: 450px; } .sec-cm-gallery .modal__inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; transition: opacity .2s; } .sec-cm-gallery .modal__caption { position: absolute; bottom: -45px; left: 0; width: 100%; color: #fff; font-size: 1.3rem; } .sec-cm-gallery .modal.is-clicked .modal__inner img { opacity: 0; pointer-events: none; } .sec-cm-gallery .modal.is-clicked .modal__button { opacity: 0; pointer-events: none; } .sec-gallery .sp_none { display: none; } .section-main { margin-bottom: 80px; height: 450px; background: url("/assets/images/top/cm_gallery_bk01_img_md.jpg") no-repeat; background-position: top bottom; background-size: cover; } .gallery-sec01 { margin: 100px 0; } .sec-gallery-inner { position: relative; margin: 0 auto; padding: 0; width: 800px; } .sec-gallery .cm-contents .instances .instance--layout02 { display: block; } .sec-gallery .cm-contents .instances .instances__btn { margin: 30px auto; width: 550px; } .coming-soon-gallery img { width: 350px; height: auto; } .gallery-contents { position: relative; margin: 0 auto; padding: 0; width: 800px; } .sec-gallery-wrapper { position: absolute; top: 170px; left: 0; padding: 0; height: 450px; } .sec-gallery-wrapper .cm-gallery-txt { margin-top: 100px; } .gallery-sec02 { padding: 100px 0; background: url("/assets/images/top/cm_gallery_bk02_img_md.jpg") no-repeat; background-position: center top; background-size: cover; } .gallery-sec03 { padding: 100px 0; background: url("/assets/images/top/cm_gallery_bk03_img_md.jpg") no-repeat; background-position: center bottom; background-size: cover; } .gallery-sec03 .gallery-sec__contents { margin: 0 auto; padding: 0; width: 800px; } .gallery-sec03 .gallery-sec03-ttl { font-size: 3rem; } .gallery-sec03 .instances__btn { margin: 30px auto; width: 550px; } .sec-cm-gallery__inner .sec-cm-gallery__contents .cm-gallery_list { display: flex; justify-content: space-between; } .sec-cm-gallery__inner .sec-cm-gallery__contents .cm-gallery_list li { width: 30%; } .sec-gallery .instances .instance__link { display: flex; flex-direction: column; width: 100%; } .sec-gallery .instances .instance__link.is-clicked .instance__picture::before { opacity: 1; pointer-events: auto; } .sec-gallery .instances .instance__link.is-clicked .instance__picture img { opacity: 1; pointer-events: auto; } .sec-gallery .instances .instance .movie-wrap { display: flex; flex-direction: column; width: 100%; } .sec-gallery .instances .instance .movie-wrap .instance__picture.is-clicked::before { opacity: 1; pointer-events: auto; } .sec-gallery .instances .instance .movie-wrap .instance__picture.is-clicked img { opacity: 1; pointer-events: auto; } .sec-gallery .instances .instance__picture::before { background-image: url("/assets/images/top/cm_gallery_icon_play.svg"); background-size: 64px auto; } .sec-gallery .instances .instance__picture::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: url("/assets/images/top/cm_gallery_icon_play_active.svg"); background-position: center; background-size: 64px auto; content: ''; opacity: 0; transition: opacity .2s; } .sec-gallery .instances .instance__title { flex: 1 1 auto; font-size: 1.4rem; } .sec-gallery .instances .instance__icon { top: -30px; left: -45px; } .sec-gallery .instances .instance__icon img { width: 112px; } .sec-gallery .instances .instance__link:hover .instance__picture::before { opacity: 0; } .sec-gallery .instances .instance__link:hover .instance__picture::after { opacity: 1; } .sec-gallery .instances .instance__link:hover .instance__title { color: #1470cc; text-decoration: underline; } .sec-gallery .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.85); opacity: 0; transition: opacity .2s; pointer-events: none; } .sec-gallery .modal__dismiss { position: absolute; top: -49px; right: -9px; z-index: 1; width: 40px; height: 40px; outline: none; transition: opacity .2s; } .sec-gallery .modal__dismiss:hover { opacity: .7; } .sec-gallery .modal__dismiss::before, .sec-gallery .modal__dismiss::after { position: absolute; top: 50%; right: 18px; width: 2px; height: 22px; background-color: #fff; content: ''; } .sec-gallery .modal__dismiss::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .sec-gallery .modal__dismiss::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .sec-gallery .modal__inner { position: relative; width: 800px; height: 450px; } .sec-gallery .modal__inner img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; transition: opacity .2s; } .sec-gallery .modal__caption { position: absolute; bottom: -45px; left: 0; width: 100%; color: #fff; font-size: 1.3rem; } .sec-gallery .modal.is-clicked .modal__inner img { opacity: 0; pointer-events: none; } .sec-gallery .modal.is-clicked .modal__button { opacity: 0; pointer-events: none; } .gallery-sec04__link { margin: 0 auto; width: 350px; } .gallery-ttl-new { max-width: 800px; text-align: center; } .gallery-ttl-new img { width: 742px; } .gallery-ttl-new01 { max-width: 800px; text-align: center; } .gallery-ttl-new01 img { width: 603px; height: auto; } .sec-group { padding-top: 71px; padding-bottom: 82px; background-image: url("/assets/images/top/group_bg_md.png"); background-position: right 223px bottom; background-size: auto; } .sec-group__inner { width: 1180px; } .sec-group__heading { font-size: 3.2rem; } .sec-group__heading::after { font-size: 1.8rem; } .sec-group__contents { margin-top: 41px; } .sec-group .intro__link { display: flex; flex-direction: row-reverse; } .sec-group .intro__link:hover { opacity: .8; } .sec-group .intro__picture { width: 50%; } .sec-group .intro__contents { padding: 44px 36px; width: 50%; } .sec-group .intro .heading__logo { width: auto; } .sec-group .intro .heading__text { top: 8px; margin-left: 29px; letter-spacing: .5px; } .sec-group .intro .heading__text::after { margin-left: 10px; } .sec-group .intro .lead { margin-top: 30px; padding-top: 24px; font-size: 1.5rem; } .sec-group .intro .body { margin-top: 6px; font-size: 1.4rem; line-height: 1.8; } .sec-group .companies { justify-content: flex-start; margin-top: 64px; } .sec-group .companies__item { margin-left: 30px; width: calc(25% - 22.5px); } .sec-group .companies__item:nth-of-type(n + 3) { margin-top: 0; } .sec-group .companies__item:nth-of-type(4n + 1) { margin-left: 0; } .sec-group .companies__item:nth-of-type(n + 5) { margin-top: 43px; } .sec-group .companies .company__link:hover { opacity: .8; } .sec-group .companies .company__link--external .company__picture::after { display: none; } .sec-group .companies .company__contents { margin-top: 14px; } .sec-group .companies .company .comingsoon .heading::after { display: none; } .sec-group .companies .company .heading { letter-spacing: 1.5px; font-size: 1.6rem; } .sec-group .companies .company .heading::after { display: inline-block; margin-left: 10px; width: 16px; height: 16px; content: url("/assets/images/top/group_item_icon_external.svg"); } .sec-group .companies .company .body { margin-top: 12px; padding-top: 14px; box-shadow: inset 0 2px #5cb8e6; font-size: 1.3rem; } .sec-group .companies .company .body::before { height: 2px; } .sec-group .companies .company .body::after { height: 2px; } .sec-news { padding-top: 56px; padding-bottom: 70px; background-image: url("/assets/images/top/news_bg_md.png"); background-position: right bottom; } .sec-news__inner { width: 1180px; } .sec-news__heading { font-size: 3.2rem; } .sec-news__heading::after { font-size: 1.8rem; } .sec-news__contents { margin-top: 39px; } .sec-news .news__item:not(:first-of-type) { margin-top: 2px; padding-top: 0; border: 0; } .sec-news .news__item:not(:first-of-type):last-of-type { border: 0; } .sec-news .news__item-link { flex-wrap: nowrap; padding: 14px 30px; background-color: #fff; font-size: 1.4rem; } .sec-news .news__category { margin-left: 28px; padding: 7.5px 17px; min-width: 110px; } .sec-news .news .pdf img { width: 23px; height: 23px; } .sec-news .news__body { margin-top: 0; margin-left: 28px; width: auto; } .sec-news .news__item-link:hover .news__body { color: #1470cc; text-decoration: underline; } .sec-news .news-link { margin: 33px auto 0; width: 360px; height: 60px; } .sec-news .news-link__text { font-size: 1.8rem; } .sec-news .news-link::after { width: 60px; background-size: 9.31px auto; } .sec-news .news-link:hover .news-link__inner { background-color: #1470cc; color: #fff; } .sec-recruit { position: relative; padding-top: 90px; height: 550px; background-image: url("/assets/images/top/recruit_bg_md.jpg"); } .sec-recruit .recruit_heading { padding: 0 0 20px; } .sec-recruit .recruit_heading img { width: 393px; height: auto; } .sec-recruit .recruit-link { margin: 80px auto 0; width: 460px; height: 80px; box-shadow: 0 10px 20px rgba(13, 28, 38, 0.1); } .sec-recruit .recruit-link__inner { justify-content: center; padding: 0; } .sec-recruit .recruit-link__appeal { top: -44px; } .sec-recruit .recruit-link__appeal-inner { padding: 11.5px 28px; font-size: 1.8rem; } .sec-recruit .recruit-link__appeal-inner::before { width: 20px; height: 10px; } .sec-recruit .recruit-link__text { font-size: 1.8rem; } .sec-recruit .recruit-link::after { width: 80px; background-size: 14px auto; } .sec-recruit .recruit-link:hover { opacity: .6; } .sec-achievements .note { position: absolute; top: calc(50% + 120px); right: calc(50% - 577px); font-size: 1.3rem; } .mv .swiper-container { padding: 0 40px; } .mv .swiper-button-prev, .mv .swiper-button-next { width: 40px; } .mv .swiper-button-prev::before, .mv .swiper-button-next::before { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); } .mv .swiper-button-prev::before, .mv .swiper-container-rtl .swiper-button-next::before { background-size: 24px auto; } .mv .swiper-button-next::before, .mv .swiper-container-rtl .swiper-button-prev::before { background-size: 24px auto; } .mv .swiper-pagination { margin-top: 11px; } .mv .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .mv .swiper-pagination-bullet { width: 10px; height: 10px; } }

@media (max-width: 767.98px) { .popup-modal .banner-list { margin: -14px 0; } .popup-modal .popup-banner { margin: 14px auto; max-width: 275px; }
  .popup-modal .popup-banner img { width: 100%; height: auto; } .sec-news .news__body { color: #1470cc; text-decoration: underline; } .sec-news .news .inactive .news__body { color: #000; text-decoration: none; } }

@media (max-width: 374.98px) { .sec-achievements .ranking-link__inner { padding: 0 20px; } .sec-group .intro__contents { padding: 20px 15px; } .sec-news .news-link__inner { padding: 0 20px; } .sec-recruit .recruit-link__inner { padding: 0 20px; } }