@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-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: #a293f7;
	}

	/* 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;
	}
}