@charset "utf-8";

/* body
----------------------------------------------- */

body {
    background-image: url(../images/background.png);
}

/* loading
----------------------------------------------- */

.loading__progress {
    background-color: #a293f7;
}

/* button
----------------------------------------------- */

.button--mypage {
    background: #00afcc;
}
.button--entry {
    background: #a293f7;
}

/* plainnav
----------------------------------------------- */

/* current */

.current--top .plainnav__list--top a.current,
.current--careers .plainnav__list--careers a.current,
.current--job .plainnav__list--job a.current,
.current--employees .plainnav__list--employees a.current,
.current--works .plainnav__list--works a.current,
.current--about .plainnav__list--about a.current,
.current--more .plainnav__list--more a.current,
.current--benefit .plainnav__list--benefit a.current,
.current--special .plainnav__list--special a.current {
    color: #5646b3;
}

/* header
----------------------------------------------- */

.header {
    background-color: #f0f3f6;
}
.header__tfc {
    background: #a293f7;
}
.header__menu {
    background-color: #222222;
}
.child_menu__list .child_menu__list-label {
    color: #5646b3;
}
.child_menu .child_menu__list ul li a:hover {
    color: #5646b3;
    cursor: pointer;
}

/* footer
----------------------------------------------- */

.footer {
    background-color: #222222;
}
.footer__copyright {
    color: #ffffeb;
}
.footer .plainnav__list a.plainnav__title:hover {
    color: #5646b3;
    cursor: pointer;
}
.footer .plainnav__list ul li a:hover {
    color: #5646b3;
    cursor: pointer;
}

/* plainnav */

.footer .plainnav__lists {
    border-color: #2e2e2e;
}

/* nav
----------------------------------------------- */

.nav__mask {
    background-color: rgba(23, 64, 94, 0.9);
}
.nav__inner {
    background-color: #222222;
}
.nav__lists li .en {
    color: #a293f7;
    font-family: Georgia, "Times New Roman", Times, "serif";
    font-weight: normal;
}

/* current */

.current--top .nav__list--top a,
.current--newstopics .nav__list--newstopics a,
.current--careers .nav__list--careers a,
.current--job .nav__list--jobs .accordion .jp,
.current--employees .nav__list--employees .accordion .jp,
.current--works .nav__list--works .accordion .jp,
.current--about .nav__list--about a,
.current--more .nav__list--more .accordion .jp,
.current--benefit .nav__list--benefit a,
.current--special .nav__list--special a {
    color: #a293f7;
}

/* ready */

.nav__mask {
    background-color: rgba(23, 64, 94, 0);
}

/* open */

.js-nav-open .nav__mask {
    background-color: rgb(0, 0, 0, 0.4);
}

/* pageup
----------------------------------------------- */

.pageup span {
    background-color: #8b8b8b;
}

/* pagetitle
----------------------------------------------- */

.pagetitle:after {
    background-color: #d1d1d1;
}
.pagetitle__inner {
    background-color: #fff;
    /* background: url(../../assets/images/pagetitle_bg.jpg) center no-repeat;
	background-size: cover; */
}
.pagetitle__title {
    color: #000;
    font-weight: 600;
    letter-spacing: 0.1em;
    /* font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; */
    /* text-shadow: 0 0 18px rgba(0, 33, 74, 0.7); */
}
.pagetitle__title:after {
    background-color: #000;
}
.pagetitle__label {
    color: #000;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.05em;
}

/* pagenav
----------------------------------------------- */

/* .pagenav__label--planing a,
.pagenav__label--planing + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--planing a,
.pagenav--current-planing .pagenav__label--planing a,
.pagenav__label--ask a,
.pagenav__label--ask + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--ask a,
.pagenav--current-ask .pagenav__label--ask a {
	color: #000;
	background-color: #a293f7 !important;
}

.pagenav__label--video a,
.pagenav__label--video + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--video a,
.pagenav--current-video .pagenav__label--video a,
.pagenav__label--about a,
.pagenav__label--about + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--about a,
.pagenav--current-about .pagenav__label--about a {
	color: #000;
	background-color: #a293f7 !important;
}

.pagenav__label--profession a,
.pagenav__label--profession + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--profession a,
.pagenav--current-profession .pagenav__label--profession a,
.pagenav__label--employment a,
.pagenav__label--employment + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--employment a,
.pagenav--current-employment .pagenav__label--employment a {
	color: #000;
	background-color: #a293f7 !important;
}

.pagenav__label--technical a,
.pagenav__label--technical + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--technical a,
.pagenav--current-technical .pagenav__label--technical a,
.pagenav__label--after a,
.pagenav__label--after + .pagenav__subcategory .pagenav__lists,
.pagenav__category:hover .pagenav__label--after a,
.pagenav--current-after .pagenav__label--after a {
	color: #000;
	background-color: #a293f7 !important;
} */

/* .pagenav__label--planing:after,
.pagenav__label--video:after,
.pagenav__label--profession:after,
.pagenav__label--technical:after {
	background-image: url(../images/arrow_black_down.svg) !important;
}
.pagenav__label--ask:after,
.pagenav__label--about:after,
.pagenav__label--employment:after,
.pagenav__label--after:after {
	background-image: url(../images/arrow_black_right.svg) !important;
} */

/* visual
----------------------------------------------- */

.visual:after {
    background-color: #d1d1d1;
}

/* toptitle
----------------------------------------------- */

.toptitle__title {
    color: #000;
    font-family: Georgia, "Times New Roman", Times, "serif";
    /*font-family: "Fredoka One", cursive;*/
    font-weight: normal;
}
.toptitle--nega .toptitle__title {
    color: #fff;
}
.toptitle__comingsoon {
    color: yellow;
    font-weight: 700;
}

/* newstopics
----------------------------------------------- */

.newstopics__base {
    background-color: #fff;
    border: 5px solid #a293f7;
}
.newstopics__date {
    color: #000;
    background-color: #a293f7;
}

/* readmore
----------------------------------------------- */

.readmore__icon:after {
    background-color: #000;
}

/* message
----------------------------------------------- */

.message {
    position: relative;
    /*background-color: #a293f7;*/
    overflow: hidden;
    background: url(../../home/images/message_bg.jpg) center center no-repeat;
    background-size: cover;
}
.message__image {
    position: absolute;
    left: 50%;
    bottom: -210px;
    margin: 0 0 0 310px;
    z-index: 1;
}

/* special
----------------------------------------------- */

.special {
    background-image: url(../../home/images/special_bg_pc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* job
----------------------------------------------- */

.job__title {
    font-size: 22px;
}
.job__title:after {
    margin: -12px 0 0;
    height: 25px;
}
.job__title em {
    color: #a293f7;
}

.job__title--planing:after {
    background-color: #5646b3;
}
.job__title--video:after {
    background-color: #5646b3;
}
.job__title--profession:after {
    background-color: #5646b3;
}
.job__title--technical:after {
    background-color: #5646b3;
}

.job__list a {
    color: #fff;
}
.job__list a:before {
    background-color: #5646b3;
}
.job__list a:after {
    background-image: url(../images/arrow_white_right.svg);
}

.job__lists--planing .job__list a {
    background-color: #222222;
}
.job__lists--video .job__list a {
    background-color: #222222;
}
.job__lists--profession .job__list a {
    background-color: #222222;
}
.job__lists--technical .job__list a {
    background-color: #222222;
}

/* about
----------------------------------------------- */

.about {
    /*background-color: #a293f7;*/
    overflow: visible;
    background: url(../../home/images/about_bg.jpg) center center no-repeat;
    background-size: cover;
}
.about__inner {
    position: relative;
}
.about__content {
    overflow: hidden;
}
.about__image img {
    position: absolute;
    top: -64px;
    left: 50%;
    margin: 0 0 0 -458px;
    width: 422px;
    height: auto;
}

/* more
----------------------------------------------- */

.more__list a {
    background-color: #fff;
    border: 5px solid #a293f7;
}
.more__list a:before {
    background-color: #a293f7;
}
.more__list a:after {
    background-color: #a293f7;
    display: none;
}
.more__no {
    background-color: #a293f7;
    color: #000;
}

/* jobheader
----------------------------------------------- */

.jobheader:after {
    background-color: #a293f7;
}
.jobheader__no {
    color: #a293f7;
    text-shadow:
        0px -2px 0 #000,
        0px 2px 0 #000,
        -2px 0px 0 #000,
        2px 0px 0 #000,
        -2px -2px 0 #000,
        2px -2px 0 #000,
        2px 2px 0 #000,
        -2px 2px 0 #000;
}
.jobheader__link:after {
    background-color: #cccccc;
}
.jobheader__link a:after {
    background-color: #222222;
}

/* article
----------------------------------------------- */

.article:after {
    background-color: #f1f1f1;
}
.article:nth-child(even):after {
    display: none;
}
.article__titlebar--blue {
    border-color: #a293f7;
}

/* member
----------------------------------------------- */

.member__name {
    color: #5646b3;
}

/* slick */

.slick-arrow {
    background-color: #222222;
}

/* people
----------------------------------------------- */

.people__image:after {
    background-color: #a293f7;
}
.people__job {
    color: #000;
}

/* peopledetail
----------------------------------------------- */

.peopledetail__title {
    color: #5646b3;
}
.peopledetail__title span:first-child {
    font-family: Georgia, "Times New Roman", Times, "serif";
    font-weight: normal;
}

/* interview
----------------------------------------------- */

.interview__box {
    background-color: #ffffeb;
}
.interview__ques:after {
    background-color: #a293f7;
}
.interview__answer a {
    color: lightseagreen;
}

/* timetable
----------------------------------------------- */

.timetable {
    background-color: #f0f3f6;
}
.timetable__event:after {
    background-color: #a293f7;
}
.timetable__clock {
    color: #5646b3;
    background-image: url(../../employees/images/timetable_clock@0,5x.png);
}
.timetable__clock:after {
    background-image: url(../../employees/images/timetable_clock_dot@0,5x.png);
}

/* peopledetail */

.timetable .peopledetail__title {
    color: #000;
}

/* myholiday
----------------------------------------------- */

.myholiday__title:before {
    background-color: #5646b3;
}
.myholiday__title:after {
    background-color: #a293f7;
}
.myholiday__text {
    color: #5646b3;
}

/* showcase
----------------------------------------------- */

.showcase__viewmore {
    background: #a293f7;
}

/* statistics
----------------------------------------------- */

.statistics__data {
    background-color: #ffffeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

/* faq
----------------------------------------------- */

.faq__ques {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.faq__column {
    background: #ffffeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

/* current */

.faq--ask .faq__ques {
    background: #a293f7;
}
.faq--ask .faq__ques:before {
    background-color: #a293f7;
}

.faq--about .faq__ques {
    background: #a293f7;
}
.faq--about .faq__ques:before {
    background-color: #a293f7;
}

.faq--employment .faq__ques {
    background: #a293f7;
}
.faq--employment .faq__ques:before {
    background-color: #a293f7;
}

.faq--after .faq__ques {
    background: #a293f7;
}
.faq--after .faq__ques:before {
    background-color: #a293f7;
}

/* hide */

.js-faq-hide .faq__ques {
    background: #ffffeb;
}
.js-faq-hide .faq__ques:after {
}

/* pcts
----------------------------------------------- */

.pcts__title {
    color: #4e5dd3;
    font-family: sans-serif;
    font-weight: bold;
}
.pcts__header {
    font-family: sans-serif;
    font-weight: bold;
}
.pcts__header span {
    color: #4e5dd3;
}
.pcts__header small {
    color: #4e5dd3;
}

/* pc
----------------------------------------------- */

@media print, screen and (min-width: 1000px) {
    /* button
	----------------------------------------------- */

    .button--mypage:after {
        background-color: #38c89d;
    }
    .button--entry:after {
        background-color: #5646b3;
    }

    /* hover */

    .button--mypage:hover {
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    }
    .button--entry:hover {
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    }

    /* plainnav
	----------------------------------------------- */

    header .plainnav__list a:after {
        background-color: #5646b3;
    }

    /* hover */

    .plainnav__list a:hover {
        color: #000;
    }

    /* header
	----------------------------------------------- */

    .header__tfc:after {
        background-color: #5646b3;
    }

    /* nav
	----------------------------------------------- */

    .nav__image {
        position: absolute;
        right: 270px;
        bottom: 20px;
        z-index: 2;
        display: none;
    }
    .nav__image span {
        display: block;
        width: 250px;
        height: 295px;
        background-image: url(../images/nav_image.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 250px auto;
        animation-name: fluffy;
        animation-duration: 1.85s;
        animation-iteration-count: infinite;
    }
    .nav__list a:after {
        background-color: #5646b3;
    }

    /* hover */

    .nav__list a:hover {
        color: #a293f7;
        opacity: 1;
    }
    .accordion .jp {
        transition: all 0.3s;
    }
    .accordion:hover .en,
    .accordion:hover .jp {
        color: #a293f7;
        opacity: 1;
    }

    /* ready */

    .nav__image {
        transform: rotate(15deg) translate(480px, -225px);
        transform-origin: center;
    }
    .js-nav-ready .nav__image {
        transition-property: transform;
        transition-duration: 0.5s;
        transition-delay: 0;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    /* open */

    .js-nav-open .nav__image {
        transform: rotate(0) translate(0);
        transition-duration: 2s;
        transition-delay: 0.5s;
    }

    /* pageup
	----------------------------------------------- */

    /* hover */

    .pageup:hover span {
        background-color: #222222;
    }

    /* pagenav
	----------------------------------------------- */

    /* hover */

    .pagenav__category:hover .pagenav__label a {
        background-color: #222222;
        transition-duration: 0;
    }

    /* current */

    .pagenav--current-planing .pagenav__label--planing a,
    .pagenav--current-video .pagenav__label--video a,
    .pagenav--current-profession .pagenav__label--profession a,
    .pagenav--current-technical .pagenav__label--technical a,
    .pagenav--current-cm .pagenav__label--cm a,
    .pagenav--current-tv .pagenav__label--tv a,
    .pagenav--current-community .pagenav__label--community a,
    .pagenav--current-contents .pagenav__label--contents a,
    .pagenav--current-subtitle .pagenav__label--subtitle a,
    .pagenav--current-subtitles .pagenav__label--subtitles a,
    .pagenav--current-promotion .pagenav__label--promotion a,
    .pagenav--current-ask .pagenav__label--ask a,
    .pagenav--current-about .pagenav__label--about a,
    .pagenav--current-employment .pagenav__label--employment a,
    .pagenav--current-after .pagenav__label--after a {
        background-color: #a293f7;
    }

    /* readmore
	----------------------------------------------- */

    /* hover */

    .readmore a:hover .readmore__icon {
        border-color: #000;
    }

    /* jobheader
	----------------------------------------------- */

    .jobheader__link a:before {
        background-color: #222222;
    }

    /* showcase
	----------------------------------------------- */

    .showcase__viewmore:after {
        background-color: #5646b3;
    }

    /* faq
	----------------------------------------------- */

    /* hover */

    .faq--ask .faq__ques:hover {
        background: #a293f7;
    }

    .faq--about .faq__ques:hover {
        background: #a293f7;
    }

    .faq--employment .faq__ques:hover {
        background: #a293f7;
    }

    .faq--after .faq__ques:hover {
        background: #a293f7;
    }

    /* retina
	----------------------------------------------- */

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        /* timetable
		----------------------------------------------- */

        .timetable__clock {
            background-image: url(../../employees/images/timetable_clock.png);
        }
        .timetable__clock:after {
            background-image: url(../../employees/images/timetable_clock_dot.png);
        }
    }
}

/* tablet
----------------------------------------------- */

@media screen and (min-width: 641px) and (max-width: 1000px) {
}

/* mobile
----------------------------------------------- */

@media only screen and (max-width: 999px) {
    /* header
	----------------------------------------------- */

    /* .header__tfc {
		background: transparent;
	} */

    /* pagetitle
	----------------------------------------------- */

    .pagetitle__inner {
        background-color: transparent;
    }
    .pagetitle__base {
        background-color: #fff;
    }
    .pagetitle__label {
    }

    /* pagenav
	----------------------------------------------- */

    .pagenav__current {
        background-color: #a293f7;
    }
    .pagenav__current:after {
        background-image: url(../images/arrow_black_down.svg);
    }
    .pagenav__label a {
        color: #000;
        background-color: #f0f3f6;
    }

    /* current */

    .pagenav__current {
        color: #000;
    }
    .pagenav__current:after {
        background-image: url(../images/arrow_black_down.svg);
    }

    .pagenav--current-planing .pagenav__current,
    .pagenav--current-ask .pagenav__current {
        background-color: #a293f7;
    }
    .pagenav--current-video .pagenav__current,
    .pagenav--current-about .pagenav__current {
        background-color: #a293f7;
    }
    .pagenav--current-profession .pagenav__current,
    .pagenav--current-employment .pagenav__current {
        background-color: #a293f7;
    }
    .pagenav--current-technical .pagenav__current,
    .pagenav--current-after .pagenav__current {
        background-color: #a293f7;
    }

    /* message
	----------------------------------------------- */
    .message__image {
        bottom: -148px;
        margin: 0;
    }
    .message__image img {
        width: 295px;
        height: auto;
    }

    /* readmore */

    .message .readmore {
        justify-content: flex-start;
    }

    /* special
	----------------------------------------------- */

    .special {
        background-image: url(../../home/images/special_bg_sp.jpg);
    }

    /* job
	----------------------------------------------- */

    .jobheader__no {
        color: #885d19;
        text-shadow: none;
    }
    .job__title {
        font-size: 16px;
    }
    .job__title:after {
        margin: -10px 0 0;
        height: 20px;
    }
    .job__title em {
        color: #000;
    }

    /* about
	----------------------------------------------- */
    .about__image img {
        position: absolute;
        top: auto;
        left: 50%;
        bottom: -120px;
        margin: 0 0 0 -152px;
        width: 183px;
        height: auto;
    }

    /* article
	----------------------------------------------- */

    .article {
        background-color: #ffffeb;
    }
    .article--alpha {
        padding: 0 0 100px;
        background-color: transparent;
    }

    /* member
	----------------------------------------------- */

    .member__info {
        /* background-color: #00afcc; */
    }
    .member__year {
        color: #000;
    }

    /* slick */

    .slick-dots li button {
        background-color: #dcdcdc;
    }
    .slick-dots .slick-active button {
        background-color: rgb(0, 91, 11);
    }

    /* people
	----------------------------------------------- */

    .people__title {
        background-color: #a293f7;
    }
    .people__title:after {
        border-color: transparent transparent #a293f7 transparent;
    }

    /* showcase
	----------------------------------------------- */

    .showcase__title {
        color: #a293f7;
    }
}