@charset "UTF-8";
/*==============================================

    1. RESET

==============================================*/
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

img {
	border: none;
	vertical-align: top;
}

/*==============================================

    2. SETTING MIXIN

==============================================*/
/*==============================================
    2-1. mixins
==============================================*/
/* font family */
/*==============================================

    3. BASE

==============================================*/
html {
	font-size: 14px;
}

@media screen and (min-width: 769px) {
	html {
		font-size: 15px;
	}
}

body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height: 1.6;
	letter-spacing: .06em;
	background-color: #ebebeb;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
}

img {
	width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
	color: #333333;
}

a:hover {
	opacity: .7;
}

a[data-rel="external"]:after {
	content: '';
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	margin-left: .5em;
	background: transparent url("../image/icon-external.png.html") no-repeat scroll center center;
	background-size: contain;
	margin-right: .5em;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0;
}


.btnNormal {
	display:block;
	width:240px;
	height:52px;
	margin:0 auto;
	font-size:16px;
	line-height:52px;
	text-align:center;
	border:2px solid #c8c8c8;
	background:url(../../movie/image/icon_arrow_w.png) no-repeat right 15px top 50% #ffffff;
	background-size:15px auto;
	border-radius:52px;
	transition: background .4s ease;
}
.btnNormal:hover {
	background:url(../../movie/image/icon_arrow_w.png) no-repeat right 10px top 50% #ffffff;
	background-size:15px auto;
}
.fsD1 { font-size:0.86em; }
.fsD2 { font-size:0.72em; }

.bold { font-weight:bold; }

.mt0  { margin-top:0px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mb0  { margin-bottom:0px!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.pb0  { padding-bottom:0px!important; }
.pb5  { padding-bottom:5px!important; }
.pb10  { padding-bottom:10px!important; }
.text-center { text-align:center!important; }

@media screen and (max-width: 768px) {
	.br_pc { display:none!important; }
	.br_sp { display:block!important; }
	.view_pc { display:none!important; }
	.view_sp { display:block!important; }
	.mt0sp  { margin-top:0px!important; }
	.mt10sp { margin-top:10px!important; }
	.mt20sp { margin-top:20px!important; }
	.mt30sp { margin-top:30px!important; }
	.mt40sp { margin-top:40px!important; }
	.mt50sp { margin-top:50px!important; }
	.mb0sp  { margin-bottom:0px!important; }
	.mb10sp { margin-bottom:10px!important; }
	.mb20sp { margin-bottom:20px!important; }
	.mb30sp { margin-bottom:30px!important; }
	.mb40sp { margin-bottom:40px!important; }
	.mb50sp { margin-bottom:50px!important; }
	.text-center-sp { text-align:center!important; }
}
@media screen and (min-width: 769px) {
	.br_pc { display:block!important; }
	.br_sp { display:none!important; }
	.view_pc { display:block!important; }
	.view_sp { display:none!important; }
	.mt0pc  { margin-top:0px!important; }
	.mt10pc { margin-top:10px!important; }
	.mt20pc { margin-top:20px!important; }
	.mt30pc { margin-top:30px!important; }
	.mt40pc { margin-top:40px!important; }
	.mt50pc { margin-top:50px!important; }
	.mb0pc  { margin-bottom:0px!important; }
	.mb10pc { margin-bottom:10px!important; }
	.mb20pc { margin-bottom:20px!important; }
	.mb30pc { margin-bottom:30px!important; }
	.mb40pc { margin-bottom:40px!important; }
	.mb50pc { margin-bottom:50px!important; }
	.text-center-pc { text-align:center!important; }
}




/*==============================================

    4. LAYOUT

==============================================*/
/*==============================================
    4-1. LAYOUT LIMIT
==============================================*/
.l-limit {
	z-index: 2;
	background-color: #ffffff;
	overflow: hidden;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-limit {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-width: 1000px;
		max-width: 1400px;
	}
}

/*==============================================
    4-2. LAYOUT FRAME
==============================================*/
.l-frame--full {
	width: 100%;
}

.l-frame {
	width: 85.33333333%;
	margin: 0 auto;
}

.movietop .l-frame {
	width: 95%;
}


@media screen and (min-width: 769px) {
	.l-frame {
		width: 80%!important;
	}
}

.l-frame--xs {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--xs {
		width: 32.3%;
	}
}

.l-frame--sm {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--sm {
		width: 52.9%;
	}
}

.l-frame--rg {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--rg {
		width: 73.33%;
	}
}

.l-frame--md {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--md {
		width: 82.5%;
	}
	.movie .l-frame--md {
		width: 95%;
	}
}

.l-frame--lg {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--lg {
		width: 86.77%;
	}
}

.l-frame--xl {
	width: 90.33333333%;
	margin: 0 auto;
}
.movietop .l-frame--xl {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--xl {
		width: 90.0%!important;
	}
}

.l-frame--txt {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-frame--txt {
		width: 65%;
	}
}

.l-pcframe {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-pcframe {
		width: 80%;
	}
}

.l-pcframe--md {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-pcframe--md {
		width: 82.5%;
	}
}

.l-home-frame {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-home-frame {
		width: 90%;
	}
}

/*==============================================
    4-3. LAYOUT COLUMNS
==============================================*/
@media screen and (min-width: 769px) {
	.l-col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.l-col-both {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.l-col__item {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-col__item {
		width: 50%;
	}
}

@media screen and (min-width: 769px) {
	.l-col__2 {
		width: 50%;
	}
}

@media screen and (min-width: 769px) {
	.l-col__3 {
		width: 32.29167%;
	}
}

@media screen and (min-width: 769px) {
	.l-col__4 {
		width: 25%;
	}
}

.l-col--fw {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.l-col--rr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.l-col--center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-col--around {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

@media screen and (min-width: 769px) {
	.l-col__order1 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}

@media screen and (min-width: 769px) {
	.l-col__order2 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
}

/*==============================================
    4-X. LAYOUT XXXXXX
==============================================*/
/*==============================================

    5. HEADER

==============================================*/
/*==============================================
    5-1. l-header
==============================================*/
.l-header {
	z-index: 25;
	position: relative;
	width: 100%;
	padding: .5em 4%;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.l-header {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0.4 0.2em 60px;
	}
}

.l-header__logo {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 769px) {
	.l-header__logo {
		margin-left: -4px;
	}
}

.l-header__logo a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.l-header__logo a img {
	width: 190px;
	margin-left: -1.5%;
}
.realty_dungeon .l-header__logo a img {
	width: 240px;
}

@media screen and (min-width: 769px) {
	.l-header__logo a img {
		width: 233px;
		margin-left: -4px;
	}
	.realty_dungeon .l-header__logo a img {
		width: 300px;
	}
}

.l-header__logo a span {
	display: block;
	padding-left:0;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	color: #333333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 0.92857rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-header__logo a span {
		padding-left: .5em;
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
		font-size: 1.06667rem;
		line-height: 1.5;
	}
}

.l-header__btn--cover {
	z-index: 100;
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}

@media screen and (min-width: 769px) {
	.l-header__btn--cover {
		max-width: 1400px;
	}
}

.l-header__btn {
	z-index: 100;
	position: absolute;
	width: 44px;
	height: 44px;
	top: 3px;
	right: 3%;
	cursor: pointer;
}

@media screen and (min-width: 769px) {
	.l-header__btn {
		top: 10px;
		right: 36px;
	}
}

.l-header__btn span {
	position: absolute;
	width: 32px;
	height: 2px;
	top: 22px;
	right: 0;
	left: 0;
	margin: auto;
	background: #666666 none no-repeat scroll top left;
	border-radius: 4px;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

@media screen and (min-width: 769px) {
	.l-header__btn span {
		width: 40px;
	}
}

.l-header__btn span::before {
	content: '';
	position: absolute;
	width: 32px;
	height: 2px;
	top: 6px;
	background: #666666 none no-repeat scroll top left;
	border-radius: 4px;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

@media screen and (min-width: 769px) {
	.l-header__btn span::before {
		width: 40px;
		top: 7px;
	}
}

.l-header__btn span::after {
	content: '';
	position: absolute;
	width: 32px;
	height: 2px;
	top: -6px;
	background: #666666 none no-repeat scroll top left;
	border-radius: 4px;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

@media screen and (min-width: 769px) {
	.l-header__btn span::after {
		width: 40px;
		top: -7px;
	}
}

.js-active.l-header__btn span {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
	background: transparent none no-repeat scroll top left;
}

.js-active.l-header__btn span::before {
	-webkit-transform: translateX(-4px) rotate(45deg);
	transform: translateX(-4px) rotate(45deg);
	background: #666666 none no-repeat scroll top left;
	top: 0;
}

.js-active.l-header__btn span::after {
	-webkit-transform: translateX(-4px) rotate(-45deg);
	transform: translateX(-4px) rotate(-45deg);
	background: #666666 none no-repeat scroll top left;
	top: 0;
}

.l-header__gnav {
	z-index: 50;
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 4em 0;
	overflow: scroll;
	background-color: #ffffff;
}

.movie .l-header__gnav,
.movie .l-header__btn--cover {
	display:none;
}

@media screen and (min-width: 769px) {
	.l-header__gnav__inner {
		max-width: 1400px;
		margin: 0 auto;
	}
}

.l-nav {
	width: 80%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-nav {
		width: 80%;
		padding-top: 3em;
		border-top: 1px solid #f0f0f0;
	}
}

@media screen and (min-width: 769px) {
	.l-nav__ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 769px) {
	.l-nav__ul::before {
		content: "";
		display: block;
		width: 25%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}

@media screen and (min-width: 769px) {
	.l-nav__ul::after {
		content: "";
		display: block;
		width: 25%;
	}
}

.l-nav__ul__item {
	position: relative;
	padding: .5em 0 .5em 1em;
	border-bottom: 2px solid #f0f0f0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.42857rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-nav__ul__item {
		width: 25%;
		padding: .5em 0 1em 1em;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.6rem;
		line-height: 1.5;
	}
}

.l-nav__ul__item:nth-child(1) {
	border-top: 2px solid #f0f0f0;
}

@media screen and (min-width: 769px) {
	.l-nav__ul__item:nth-child(1) {
		border-top: none;
	}
}

.l-nav__ul__item::before {
	position: absolute;
	content: '';
	width: 5px;
	height: 14px;
	top: 16px;
	left: 0;
}

@media screen and (min-width: 769px) {
	.l-nav__ul__item::before {
		width: 5px;
		height: 21px;
		top: 19px;
	}
}

.l-nav__ul__item::before .home {
	background-color: #333333;
}

.l-nav__ul__item::before .concept {
	background-color: #ca186c;
}

.l-nav__ul__item::before .business {
	background-color: #0ea5d8;
}

.l-nav__ul__item::before .company {
	background-color: #f4934e;
}

.l-nav__ul__item::before .interview {
	background-color: #009294;
}

.l-nav__ul__item::before .training {
	background-color: #4275b8;
}

.l-nav__ul__item::before .benefits {
	background-color: #a182bd;
}

.l-nav__ul__item::before .recruit {
	background-color: #77808f;
}

.l-nav__ul__item[data-class="home"]::before {
	background-color: #333333;
}

.l-nav__ul__item[data-class="concept"]::before {
	background-color: #b81600;
}
.l-nav__ul__item[data-class="internship"]::before {
	background-color: #920086;
}
.l-nav__ul__item[data-class="comics"]::before {
	background-color: #eb6566;
}
.l-nav__ul__item[data-class="business"]::before {
	background-color: #0ea5d8;
}
.l-nav__ul__item[data-class="movie"]::before {
    background-color: #ca186c;
}

.l-nav__ul__item[data-class="company"]::before {
	background-color: #f4934e;
}

.l-nav__ul__item[data-class="interview"]::before {
	background-color: #009294;
}

.l-nav__ul__item[data-class="training"]::before {
	background-color: #4275b8;
}

.l-nav__ul__item[data-class="benefits"]::before {
	background-color: #a182bd;
}

.l-nav__ul__item[data-class="recruit"]::before {
	background-color: #77808f;
}

.l-nav__ul__item a {
	display: block;
}

.l-pulldown {
	position: relative;
	cursor: pointer;
}

.l-pulldown__ul {
	display: none;
}

@media screen and (min-width: 769px) {
	.l-pulldown__ul {
		display: block;
		margin-top: 1em;
	}
}

.l-pulldown__ul__item {
	margin: 1.5em 0 1.5em 0;
	color: #666666;
	font-weight: 500;
	font-size: 0.92857rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-pulldown__ul__item {
		margin: 1em 0 1em 0;
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

.l-pulldown__btn {
	z-index: 2;
	position: absolute;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

@media screen and (min-width: 769px) {
	.l-pulldown__btn {
		display: none;
	}
}

.l-pulldown__btn img {
	position: absolute;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.js-active.l-pulldown__btn img {
	position: absolute;
	width: 10px;
	height: 2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.l-pulldown__btn img {
	position: absolute;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.l-login {
	margin: 3em 0;
}

@media screen and (min-width: 769px) {
	.l-login {
		width: 80%;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.l-login__btn {
	width: 86%;
	margin: 0 auto;
}
.l-login__btn.c-btn {
	width: 86%;
	margin: 0 auto 8px;
}
.l-login__btn.c-btn a {
	padding:0.5em 0;
	font-size:12px;
	line-height:1.5;
}
.l-login__btn.c-btn a.l1 {
	line-height:3;
}
.l-login__btn.c-btn.special a {
	background:#fc842d;
	border-color:#fd9530;
	color:#fff;
	letter-spacing:0.05em;
}
@media screen and (min-width: 769px) {
	.l-login__btn.c-btn {
		width:32.33%;
		max-width: 300px;
		margin: 1.5em 1% 1.5em 0 !important;
		letter-spacing:0;
	}
	.l-login__btn.c-btn a {
		font-size:10px;
	}
}
@media screen and (min-width: 840px) {
	.l-login__btn.c-btn a {
		font-size:12px;
	}
}

/*==============================================

    6. FOOTER

==============================================*/
/*==============================================
    6-1. l-footer
==============================================*/
.l-footer {
	padding: 0 0 2em 0;
	background-color: #ffffff;
}

.l-footer__catch {
	position: relative;
	padding: 0 0 4em 0;
}

.l-footer__catch__image {
	overflow: hidden;
}

.l-footer__catch__image img {
	width: 250%;
	margin-left: -75%;
}

@media screen and (min-width: 769px) {
	.l-footer__catch__image img {
		width: 100%;
		margin-left: 0;
	}
}

.l-footer__catch__text {
	width: 100%;
	display: block;
	text-align: center;
	color: #ffffff;
	margin-top: -2.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "メイリオ", serif;
	font-weight: 400;
	font-size: 1.35714rem;
	line-height: 2.05263;
}

@media screen and (min-width: 769px) {
	.l-footer__catch__text {
		font-size: 2rem;
		line-height: 2.07143;
	}
}

.l-footer__service {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto 2em;
}

@media screen and (min-width: 769px) {
	.l-footer__service {
		width: 57.5%;
		margin: 0 auto 4em;
	}
}

.l-footer__service__item {
	width: 50%;
}

@media screen and (min-width: 769px) {
	.l-footer__service__item {
		width: 33.33333%;
	}
}

.l-footer__pagetop {
	position: relative;
	margin: 0 auto 3em auto;
}

.l-footer__pagetop img {
	display: block;
	width: 44px;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.l-footer__pagetop img {
		width: 60px;
	}
}

.l-footer__pagetop::before {
	content: 'PAGE TOP';
	bottom: -2em;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: .04em;
	font-size: 0.5rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-footer__pagetop::before {
		font-size: 0.46667rem;
		line-height: 1.5;
	}
}

.l-footer__privacy {
	text-align: center;
	margin-bottom: 1.2em;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-footer__privacy {
		font-size: 0.8rem;
		line-height: 1.5;
	}
}

.l-footer__copyright {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 0.5rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.l-footer__copyright {
		font-size: 0.53333rem;
		line-height: 1.5;
	}
}

/*==============================================

    7. COMPONENT

==============================================*/
/*==============================================
    7-1. COMPONENT TEXT
==============================================*/
/*!
---
name: 見出し/テキスト
category:
  - object/component
---

```jade
.c-h1 見出し
.c-h2 見出し
.c-h3 見出し
.c-p 見出し
.c-note 見出し
```
*/
.c-h1 {
	color: #ffffff;
	letter-spacing: .09em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.42857rem;
	line-height: 1.5;
}
.c-h1.shadow {
	text-shadow: 0px 0px 15px #bbbbbb;
}

@media screen and (min-width: 769px) {
	.c-h1 {
		font-size: 6.93333rem;
		line-height: 1.5;
	}
}

.c-h1--jp {
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 2.28571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-h1--jp {
		font-size: 4.8rem;
		line-height: 1.5;
	}
}

.c-h1 span {
	display: block;
	letter-spacing: .07em;
	font-weight: 700;
	font-size: 1.71429rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.c-h1 span {
		font-size: 2.4rem;
		line-height: 1.3175;
	}
}

.c-h2 {
	text-align: center;
	margin: .7em 0 2em 0;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.42857;
}

@media screen and (min-width: 769px) {
	.c-h2 {
		margin: 0 0 1.2em 0;
		letter-spacing: .1em;
		font-size: 2.8rem;
		line-height: 1.52381;
	}
}

.c-h2 small {
	display: block;
	text-align: center;
	margin: 1em 0;
	color: #858585;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-h2 small {
		margin: 1.5em 0;
		letter-spacing: .03em;
		font-size: 0.73333rem;
		line-height: 1.5;
	}
}

.c-h2--space {
	margin: .5em 0 2em 0;
}

@media screen and (min-width: 769px) {
	.c-h2--space {
		margin: 1.5em 0;
	}
}

.c-h3 {
	text-align: center;
	margin: 0 0 2em 0;
	font-weight: 700;
	font-size: 1.71429rem;
	line-height: 1.75;
}

@media screen and (min-width: 769px) {
	.c-h3 {
		margin: 0 0 1.5em 0;
		font-size: 1.86667rem;
		line-height: 1.9;
	}
}

.c-h4 {
	text-align: center;
	font-weight: 700;
	font-size: 1.42857rem;
	line-height: 1.9;
}

@media screen and (min-width: 769px) {
	.c-h4 {
		font-size: 1.86667rem;
		line-height: 1.78571;
	}
}

.c-h4 span {
	display: inline;
	padding-bottom: 2px;
	border-bottom: 2px solid #333333;
}

.c-h4--margin {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.c-h4--margin {
		margin-bottom: 2em;
	}
}

.c-h5 {
	text-align: center;
	margin-bottom: 1em;
	letter-spacing: 0.12em;
	font-weight: 700;
	font-size: 1.71429rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.c-h5 {
		margin-bottom: 1.5em;
		font-size: 2rem;
		line-height: 2;
	}
}

.c-h5 em {
	padding-bottom: 6px;
	border-bottom: 3px solid #2a8ed8;
}

@media screen and (min-width: 769px) {
	.c-h5 em {
		padding-bottom: 8px;
	}
}

.c-p {
	font-weight: 500;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.c-p {
		font-size: 1rem;
		line-height: 2.26667;
	}
}

.c-p small {
	display: block;
	margin-top: .5em;
	font-size: 0.71429rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-p small {
		font-size: 0.73333rem;
		line-height: 1.5;
	}
}

.c-note {
	text-align: center;
	margin-bottom: 2em;
	color: #858585;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-note {
		margin-bottom: 2em;
		font-size: 0.73333rem;
		line-height: 1.5;
	}
}

/*==============================================
    7-2. COMPONENT BUTTON
==============================================*/
.c-btn {
	text-align: center;
	margin: 1.5em auto;
}

.c-btn a {
	position: relative;
	display: block;
	padding: 1em 0 1em 0;
	border: 2px solid #c8c8c8;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.89286rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-btn a {
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

.c-btn--sm {
	text-align: center;
	width: auto;
	margin: 2em auto 0;
}

@media screen and (min-width: 769px) {
	.c-btn--sm {
		margin: 2em auto 0;
	}
}

.c-btn--sm a {
	position: relative;
	display: inline-block;
	padding: .7em 2.5em;
	border: 2px solid #c8c8c8;
	border-radius: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.89286rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-btn--sm a {
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

.c-btn--external {
	text-align: center;
	width: auto;
	margin: 2em auto 0;
}

@media screen and (min-width: 769px) {
	.c-btn--external {
		margin: 2em auto 0;
	}
}

.c-btn--external a {
	position: relative;
	display: inline-block;
	padding: .7em 3em .7em 2em;
	border: 2px solid #c8c8c8;
	border-radius: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.89286rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-btn--external a {
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

.c-btn--external--md {
	margin: 3em auto 0;
}

@media screen and (min-width: 769px) {
	.c-btn--external--md {
		margin: 4em auto 0;
	}
}

.c-btn--external--md a {
	padding: .7em 4em .7em 3em;
}

@media screen and (min-width: 769px) {
	.c-btn--external--md a {
		padding: .7em 7em .7em 5em;
	}
}

.c-btn--external a::before {
	position: absolute;
	content: '';
	width: 9px;
	height: 12px;
	background: transparent url(../../image/icon_external.png) no-repeat scroll center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12%;
}

/*==============================================
    7-3. COMPONENT TITLE, HEADING, TEXT, ETC...
==============================================*/
.c-number {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #2a8ed8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 6.20786rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-number {
		margin-bottom: .15em;
		font-size: 8rem;
		line-height: 1.5;
	}
}

.c-number span {
	text-align: center;
	color: #2a8ed8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 3.07143rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-number span {
		font-size: 4rem;
		line-height: 1.5;
	}
}

.c-break {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #2a8ed8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.17357rem;
	line-height: 1.25004;
}

@media screen and (min-width: 769px) {
	.c-break {
		margin-bottom: 0;
		font-size: 5.6rem;
		line-height: 1.2619;
	}
}

.c-break span {
	font-size: 2rem;
	line-height: 2.53607;
}

@media screen and (min-width: 769px) {
	.c-break span {
		font-size: 2.8rem;
		line-height: 2.52381;
	}
}

.c-break--sm {
	font-size: 4.14286rem;
	line-height: 1.25862;
}

@media screen and (min-width: 769px) {
	.c-break--sm {
		font-size: 3.86667rem;
		line-height: 1.25862;
	}
}

.c-break--sm span {
	font-size: 2rem;
	line-height: 2.60714;
}

@media screen and (min-width: 769px) {
	.c-break--sm span {
		font-size: 1.86667rem;
		line-height: 2.60714;
	}
}

/*==============================================

    PAGE COMPONENT

    - SECTION
    - HERO
    - TOC LIST
    - RELATION

==============================================*/
/*==============================================
    PAGE COMPONENT / SECTION
==============================================*/
.c-section {
	margin-bottom: 7em;
}

@media screen and (min-width: 769px) {
	.c-section {
		margin-bottom: 8.5em;
	}
}

.c-section--sm {
	margin: 4em 0;
}

@media screen and (min-width: 769px) {
	.c-section--sm {
		margin: 6em 0;
	}
}

.c-section--md {
	margin: 6em 0;
}

@media screen and (min-width: 769px) {
	.c-section--md {
		margin: 8em 0;
	}
}

.c-section--nomargen {
	margin-bottom: 0;
}

.c-section--cover {
	z-index: 5;
	position: relative;
	margin: -4.7em 0 0 0;
}

@media screen and (min-width: 769px) {
	.c-section--cover {
		margin: -6em 0 0 0;
	}
}

.c-section--border {
	border-bottom: 2px solid #f0f0f0;
	margin-bottom: 6em;
	padding-bottom: 8em;
}

@media screen and (min-width: 769px) {
	.c-section--border {
		margin-bottom: 8em;
	}
}

.c-section--border.-half {
	margin-bottom: 3em;
	padding-bottom: 5.5em;
}

@media screen and (min-width: 769px) {
	.c-section--border.-half {
		margin-bottom: 4em;
	}
}

.c-section--space {
	margin: 6em 0 0 0;
}

@media screen and (min-width: 769px) {
	.c-section--space {
		margin: 8em 0 0 0;
	}
}

@media screen and (min-width: 769px) {
	.c-section--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.c-section__intro {
	margin: 4.5em auto 0 auto;
}

@media screen and (min-width: 769px) {
	.c-section__intro {
		margin: 8em auto 0 auto;
	}
}

.c-section__intro--border {
	border-bottom: 2px solid #f0f0f0;
}

.c-section--last {
	margin-bottom: 0;
}

@media screen and (min-width: 769px) {
	.c-section--last {
		margin-bottom: 0;
	}
}

.c-section__message {
	margin: 60px auto;
}

@media screen and (min-width: 769px) {
	.c-section__message {
		margin: 4.5em auto;
	}
}

.c-section__message--lg {
	width: 96.5%;
}

@media screen and (min-width: 769px) {
	.c-section__message--lg {
		width: 550px;
	}
}

.c-section__message--md {
	width: 96.5%;
}

@media screen and (min-width: 769px) {
	.c-section__message--md {
		width: 460px;
	}
}

.c-section__message--sm {
	width: 96.5%;
}

@media screen and (min-width: 769px) {
	.c-section__message--sm {
		width: 444px;
	}
}

.c-section__parallax {
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
}

@media screen and (min-width: 769px) {
	.c-section__parallax {
		height: 200px;
	}
}

.c-section__parallax img {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 769px) {
	.c-section__parallax--no2 img {
		margin-top: 0;
	}
}

@media screen and (min-width: 769px) {
	.c-section__parallax--no3 img {
		margin-top: 5%;
	}
}

@media screen and (min-width: 769px) {
	.c-section__parallax--no4 img {
		margin-top: 10%;
	}
}

@media screen and (min-width: 769px) {
	.c-section__parallax--no5 img {
		margin-top: 22%;
	}
}

.c-pagecolor {
	background-color: #2a8ed8;
}

.c-section__parallax__bg {
	width: 100%;
	height: 100%;
	padding-bottom: 126%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.c-section__parallax__bg {
		padding-bottom: 32%;
	}
}

.c-section__parallax__bg--no2 {
	background-position: center 10%;
}

.c-section__parallax__bg--no3 {
	background-position: center 45%;
}

.c-section__parallax__bg--no4 {
	background-position: center 70%;
}

.business-index .c-section__parallax__bg {
	background-image: url(../../business/image/img_index_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.business-index .c-section__parallax__bg {
		background-image: url(../../business/image/img_index_main_pc.jpg);
	}
}

.business-business .c-section__parallax__bg {
	background-image: url(../../business/image/img_business_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.business-business .c-section__parallax__bg {
		background-image: url(../../business/image/img_business_main_pc.jpg);
	}
}

.business-field .c-section__parallax__bg {
	background-image: url(../../business/image/img_field_main_sp.jpg.html);
}

@media screen and (min-width: 769px) {
	.business-field .c-section__parallax__bg {
		background-image: url(../../business/image/img_field_main_pc.jpg.html);
	}
}

.business-retail .c-section__parallax__bg {
	background-image: url(../../business/image/img_retail_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.business-retail .c-section__parallax__bg {
		background-image: url(../../business/image/img_retail_main_pc.jpg);
	}
}

.business-sharing .c-section__parallax__bg {
	background-image: url(../../business/image/img_sharing_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.business-sharing .c-section__parallax__bg {
		background-image: url(../../business/image/img_sharing_main_pc.jpg);
	}
}

.business-solution .c-section__parallax__bg {
	background-image: url(../../business/image/img_solution_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.business-solution .c-section__parallax__bg {
		background-image: url(../../business/image/img_solution_main_pc.jpg);
	}
}

.business-retail-relfi .c-section__parallax__bg {
	background-image: url(../../business/image/img_retail_relfi_main.jpg);
}

@media screen and (min-width: 769px) {
	.business-retail-relfi .c-section__parallax__bg {
		background-image: url(../../business/image/img_retail_relfi_main.jpg);
	}
}

.company-policy .c-section__parallax__bg {
	background-image: url(../../company/image/img_policy_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.company-policy .c-section__parallax__bg {
		background-image: url(../../company/image/img_policy_main_pc.jpg);
	}
}

.company-profile .c-section__parallax__bg {
	background-image: url(../../company/image/img_profile_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.company-profile .c-section__parallax__bg {
		background-image: url(../../company/image/img_profile_main_pc.jpg);
	}
}

.company-history .c-section__parallax__bg {
	background-image: url(../../company/image/img_history_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.company-history .c-section__parallax__bg {
		background-image: url(../../company/image/img_history_main_pc.jpg);
	}
}

.benefits-diversity .c-section__parallax__bg {
	background-image: url(../../benefits/image/img_diversity_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.benefits-diversity .c-section__parallax__bg {
		background-image: url(../../benefits/image/img_diversity_main_pc.jpg);
	}
}

.benefits-benefits .c-section__parallax__bg {
	background-image: url(../../benefits/image/img_benefits_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.benefits-benefits .c-section__parallax__bg {
		background-image: url(../../benefits/image/img_benefits_main_pc.jpg);
	}
}

.benefits-support .c-section__parallax__bg {
	background-image: url(../../benefits/image/img_support_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.benefits-support .c-section__parallax__bg {
		background-image: url(../../benefits/image/img_support_main_pc.jpg);
	}
}

.interview-index .c-section__parallax__bg {
	background-image: url(../../interview/image/img_index_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.interview-index .c-section__parallax__bg {
		background-image: url(../../interview/image/img_index_main_pc.jpg);
	}
}

.training-index .c-section__parallax__bg {
	background-image: url(../../training/image/img_index_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.training-index .c-section__parallax__bg {
		background-image: url(../../training/image/img_index_main_pc.jpg);
	}
}

.recruit-requirements .c-section__parallax__bg {
	background-image: url(../../recruit/image/img_requirements_main_sp.jpg);
}

@media screen and (min-width: 769px) {
	.recruit-requirements .c-section__parallax__bg {
		background-image: url(../../recruit/image/img_requirements_main_pc.jpg);
	}
}

/*==============================================
    PAGE COMPONENT / HERO
==============================================*/
.c-hero {
	position: relative;
}

.c-hero__bg {
	background-size: cover;
	width: 100%;
	height: 550px;
	overflow: hidden;
}

@media screen and (min-width: 769px) {
	.c-hero__bg {
		height: 560px;
	}
}

.c-hero__text {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 10%;
	color: #ffffff;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.28571rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.c-hero__text {
		bottom: 14%;
		font-size: 1.66667rem;
		line-height: 1.8988;
	}
}

.c-hero__number {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	top: 4%;
	left: 8%;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.93714rem;
	line-height: 1.25;
}

@media screen and (min-width: 769px) {
	.c-hero__number {
		top: 0.5em;
		left: 2em;
		font-size: 3.72067rem;
		line-height: 1.24996;
	}
}

.c-hero__number span {
	font-size: 0.93214rem;
	line-height: 2.52567;
}

@media screen and (min-width: 769px) {
	.c-hero__number span {
		font-size: 1.78933rem;
		line-height: 2.52683;
	}
}

.c-hero__number b {
	padding-left: .5em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.28571rem;
	line-height: 2.2;
}

@media screen and (min-width: 769px) {
	.c-hero__number b {
		font-size: 1.86667rem;
		line-height: 1.57143;
	}
}

.concept-movie .c-hero__bg {
	background: transparent url(../../concept/image/img_movie_main_pc.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.concept-movie .c-hero__bg {
		background: transparent url(../../concept/image/img_movie_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.recruit-movie .c-hero__bg {
	background: transparent url(../../recruit_movie/image/img_main_pc.jpg) no-repeat scroll 80% center;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	.recruit-movie .c-hero__bg {
		height:400px;
	}
}
@media screen and (min-width: 769px) {
	.recruit-movie .c-hero__bg {
		background: transparent url(../../recruit_movie/image/img_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.concept-close_up_movie .c-hero__bg {
	background: transparent url(../../close_up_movie/image/img_closeupmovie_main_pc.jpg) no-repeat scroll left 0% center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.concept-close_up_movie .c-hero__bg {
		background: transparent url(../../close_up_movie/image/img_closeupmovie_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-index .c-hero__bg {
	background: transparent url(../../business/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-index .c-hero__bg {
		background: transparent url(../../business/image/img_index_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-business .c-hero__bg {
	background: transparent url(../../business/image/img_business_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-business .c-hero__bg {
		background: transparent url(../../business/image/img_business_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-retail .c-hero__bg {
	background: transparent url(../../business/image/img_retail_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-retail .c-hero__bg {
		background: transparent url(../../business/image/img_retail_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-sharing .c-hero__bg {
	background: transparent url(../../business/image/img_sharing_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-sharing .c-hero__bg {
		background: transparent url(../../business/image/img_sharing_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-solution .c-hero__bg {
	background: transparent url(../../business/image/img_solution_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-solution .c-hero__bg {
		background: transparent url(../../business/image/img_solution_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-field .c-hero__bg {
	background: transparent url(../../business/image/img_field_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-field .c-hero__bg {
		background: transparent url(../../business/image/img_field_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-retail-relfi .c-hero__bg {
	background: transparent url(../../business/image/img_retail_relfi_main.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-retail-relfi .c-hero__bg {
		background: transparent url(../../business/image/img_retail_relfi_main.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-sharing .c-hero__bg {
	background: transparent url(../../business/image/img_sharing_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-sharing .c-hero__bg {
		background: transparent url(../../business/image/img_sharing_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-solution .c-hero__bg {
	background: transparent url(../../business/image/img_solution_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-solution .c-hero__bg {
		background: transparent url(../../business/image/img_solution_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.business-fudousan .c-hero__bg {
	background: transparent url(../../business/image/img_fudousan_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.business-fudousan .c-hero__bg {
		background: transparent url(../../business/image/img_fudousan_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.company-index .c-hero__bg {
	background: transparent url(../../company/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.company-index .c-hero__bg {
		background: transparent url(../../company/image/img_index_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.company-policy .c-hero__bg {
	background: transparent url(../../company/image/img_policy_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.company-policy .c-hero__bg {
		background: transparent url(../../company/image/img_policy_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.company-profile .c-hero__bg {
	background: transparent url(../../company/image/img_profile_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.company-profile .c-hero__bg {
		background: transparent url(../../company/image/img_profile_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.company-history .c-hero__bg {
	background: transparent url(../../company/image/img_history_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.company-history .c-hero__bg {
		background: transparent url(../../company/image/img_history_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.company-working .c-hero__bg {
	background: transparent url(../../company/image/img_working_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.company-working .c-hero__bg {
		background: transparent url(../../company/image/img_working_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-index .c-hero__bg {
	background: transparent url(../../interview/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-index .c-hero__bg {
		background: transparent url(../../interview/image/img_index_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-unit .c-hero__bg {
	background: transparent url(../../interview/image/img_unit_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-unit .c-hero__bg {
		background: transparent url(../../interview/image/img_unit_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-01 .c-hero__bg {
	background: transparent url(../../interview/image/img_01_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-01 .c-hero__bg {
		background: transparent url(../../interview/image/img_01_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-02 .c-hero__bg {
	background: transparent url(../../interview/image/img_02_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-02 .c-hero__bg {
		background: transparent url(../../interview/image/img_02_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-03 .c-hero__bg {
	background: transparent url(../../interview/image/img_03_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-03 .c-hero__bg {
		background: transparent url(../../interview/image/img_03_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-04 .c-hero__bg {
	background: transparent url(../../interview/image/img_04_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-04 .c-hero__bg {
		background: transparent url(../../interview/image/img_04_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-05 .c-hero__bg {
	background: transparent url(../../interview/image/img_05_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-05 .c-hero__bg {
		background: transparent url(../../interview/image/img_05_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-06 .c-hero__bg {
	background: transparent url(../../interview/image/img_06_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-06 .c-hero__bg {
		background: transparent url(../../interview/image/img_06_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-07 .c-hero__bg {
	background: transparent url(../../interview/image/img_07_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-07 .c-hero__bg {
		background: transparent url(../../interview/image/img_07_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-08 .c-hero__bg {
	background: transparent url(../../interview/image/img_08_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-08 .c-hero__bg {
		background: transparent url(../../interview/image/img_08_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-09 .c-hero__bg {
	background: transparent url(../../interview/image/img_09_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-09 .c-hero__bg {
		background: transparent url(../../interview/image/img_09_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-10 .c-hero__bg {
	background: transparent url(../../interview/image/img_10_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-10 .c-hero__bg {
		background: transparent url(../../interview/image/img_10_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-11 .c-hero__bg {
	background: transparent url(../../interview/image/img_11_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-11 .c-hero__bg {
		background: transparent url(../../interview/image/img_11_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-12 .c-hero__bg {
	background: transparent url(../../interview/image/img_12_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-12 .c-hero__bg {
		background: transparent url(../../interview/image/img_12_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.interview-13 .c-hero__bg {
	background: transparent url(../../interview/image/img_13_main_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.interview-13 .c-hero__bg {
		background: transparent url(../../interview/image/img_13_main_pc.jpg.html) no-repeat scroll center top;
		background-size: cover;
	}
}

.training-index .c-hero__bg {
	background: transparent url(../../training/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.training-index .c-hero__bg {
		background: transparent url(../../training/image/img_index_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.training-careerimage .c-hero__bg {
	background: transparent url(../../training/image/img_careerimage_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.training-careerimage .c-hero__bg {
		background: transparent url(../../training/image/img_careerimage_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.training-1st-training .c-hero__bg {
	background: transparent url(../../training/image/img_1st-training_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.training-1st-training .c-hero__bg {
		background: transparent url(../../training/image/img_1st-training_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.training-environment .c-hero__bg {
	background: transparent url(../../training/image/img_environment_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.training-environment .c-hero__bg {
		background: transparent url(../../training/image/img_environment_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.benefits-index .c-hero__bg {
	background: transparent url(../../benefits/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.benefits-index .c-hero__bg {
		background: transparent url(../../benefits/image/img_index_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.benefits-diversity .c-hero__bg {
	background: transparent url(../../benefits/image/img_diversity_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.benefits-diversity .c-hero__bg {
		background: transparent url(../../benefits/image/img_diversity_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.benefits-benefits .c-hero__bg {
	background: transparent url(../../benefits/image/img_benefits_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.benefits-benefits .c-hero__bg {
		background: transparent url(../../benefits/image/img_benefits_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.benefits-support .c-hero__bg {
	background: transparent url(../../benefits/image/img_support_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.benefits-support .c-hero__bg {
		background: transparent url(../../benefits/image/img_support_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.recruit-index .c-hero__bg {
	background: transparent url(../../recruit/image/img_index_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.recruit-index .c-hero__bg {
		background: transparent url(../../recruit/image/img_index_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.recruit-message .c-hero__bg {
	background: transparent url(../../recruit/image/img_message_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.recruit-message .c-hero__bg {
		background: transparent url(../../recruit/image/img_message_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.recruit-requirements .c-hero__bg {
	background: transparent url(../../recruit/image/img_requirements_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
	height: 580px;
	overflow: hidden;
}

@media screen and (min-width: 769px) {
	.recruit-requirements .c-hero__bg {
		background: transparent url(../../recruit/image/img_requirements_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
		height: 660px;
	}
}

.recruit-event .c-hero__bg {
	background: transparent url(../../recruit/image/img_event_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.recruit-event .c-hero__bg {
		background: transparent url(../../recruit/image/img_event_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.recruit-group .c-hero__bg {
	background: transparent url(../../recruit/image/img_group_main_pc.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.recruit-group .c-hero__bg {
		background: transparent url(../../recruit/image/img_group_main_pc.jpg) no-repeat scroll top center;
		background-size: cover;
	}
}

.movie .c-hero__bg {
	background: transparent url(../../movie/image/img_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.movie .c-hero__bg {
		background: transparent url(../../movie/image/img_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}

.comics .c-hero__bg {
	background: transparent url(../../comics/image/img_main_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.comics .c-hero__bg {
		background: transparent url(../../comics/image/img_main_pc.jpg) no-repeat scroll center top;
		background-size: cover;
	}
}


.c-hero--xy {
	z-index: 2;
	width: 100%;
	text-align: center;
	margin-top: .5em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
	.c-hero--xy {
		margin-top: -8em;
	}
}

.c-hero--xy.-nomargin {
	margin-top: -1em;
}

.c-hero--xy__center {
	z-index: 2;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.c-hero--xy__adjust {
	z-index: 2;
	text-align: center;
	width: 100%;
	margin-top: 4em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
	.c-hero--xy__adjust {
		margin-top: -2em;
	}
}

.c-hero--xy__business {
	z-index: 2;
	text-align: center;
	width: 100%;
	margin-top: 3em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
	.c-hero--xy__business {
		margin-top: -2em;
	}
	.business-fudousan .c-hero--xy__business {
		margin-top: -5em;
	}
	.business-sharing .c-hero--xy__business {
		margin-top: -5em;
	}
}

.c-hero--xy__business .c-lead {
	margin: 2em auto 0 auto;
}

@media screen and (min-width: 769px) {
	.c-hero--xy__business .c-lead {
		margin: 3em 0 0 0;
	}
}

.c-hero--sm .c-hero__bg {
	height: 360px;
}

@media screen and (min-width: 769px) {
	.c-hero--sm .c-hero__bg {
		height: 350px;
	}
}

@media screen and (min-width: 769px) {
	.c-hero--sm .c-hero--xy {
		margin-top: -.5em;
	}
}

.c-hero--rg .c-hero__bg {
	height: 400px;
}

@media screen and (min-width: 769px) {
	.c-hero--rg .c-hero__bg {
		height: 440px;
	}
}

.c-hero--md .c-hero__bg {
	height: 417px;
}
.business-solution .c-hero--md .c-hero__bg,
.business-sharing .c-hero--md .c-hero__bg,
.business-retail .c-hero--md .c-hero__bg,
.business-fudousan .c-hero--md .c-hero__bg {
	height: 530px;
}

@media screen and (min-width: 769px) {
	.c-hero--md .c-hero__bg {
		height: 530px;
	}
}

/*==============================================
    PAGE COMPONENT / TOC LIST & BOX
==============================================*/
.c-toc {
	text-align: left;
	margin: 4em 0 0 -1px;
}

@media screen and (min-width: 769px) {
	.c-toc {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin: 3em 0 0 0;
	}
}

.c-toc__item {
	margin: -1px 0 0 0;
	padding: 0;
}

.c-toc__item a {
	position: relative;
	display: inline-block;
	padding: 1em 3em 1em 2em;
	color: #ffffff;
	background-color: #2a8ed8;
	font-weight: 700;
	font-size: 0.92857rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-toc__item a {
		padding: .8em 3em .8em 1.5em;
		font-size: 0.93333rem;
		line-height: 1.5;
	}
}

.c-toc__item a::before {
	content: '';
	background: transparent url(../../image/arrow_white_bottom.png) no-repeat scroll center center;
	background-size: contain;
	width: 9px;
	height: 5px;
	right: 1.3em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-toc__item a span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.c-lead {
	z-index: 2;
	position: relative;
	text-align: left;
	width: 280px;
	margin: 5em auto 0 auto;
	font-weight: bold;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.92857rem;
	line-height: 2.15385;
}

@media screen and (min-width: 769px) {
	.c-lead {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 300px;
		margin: 4em 0 0 0;
		font-size: 0.93333rem;
		line-height: 2.14286;
	}
	.business-fudousan .c-lead {
		width: auto;
	}
}

.c-lead--auto {
	width: auto;
}

.business-index .c-lead {
	width: 258px;
}

@media screen and (min-width: 769px) {
	.business-index .c-lead {
		width: 586px;
	}
}

.training-index .c-lead {
	width: 258px;
}

@media screen and (min-width: 769px) {
	.training-index .c-lead {
		width: 586px;
	}
}

.c-lead p {
	display: inline-block;
	background-color: #2a8ed8;
	padding: .5em 2em .5em 1em;
}

@media screen and (min-width: 769px) {
	.c-lead p {
		padding: .5em 2em .3em 1em;
	}
}

.c-anchor {
	text-align: left;
}
@media screen and (max-width: 768px) {
	.c-anchor {
		width: 190px;
		margin: 0 auto;
	}
	.business-business .c-anchor {
		width: auto;
	}
	.business-fudousan .c-anchor {
		width: 260px;
	}
	.business-solution .c-anchor {
		width: 250px;
	}
	.concept-movie .c-anchor {
		width: 250px;
	}
}

@media screen and (min-width: 769px) {
	.c-anchor--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 769px) {
	.c-anchor--col .c-anchor__item {
		padding: 0 15px;
		white-space: nowrap;
	}
}

.c-anchor__item {
	margin: -1px 0 0 0;
	padding: 0;
}

.c-anchor__item a {
	position: relative;
	display: inline-block;
	padding: 0.5em 3em 0.5em 1em;
	color: #ffffff;
	background-color: #2a8ed8;
	font-weight: 700;
	font-size: 0.92857rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-anchor__item a {
		padding: .5em 3em .5em 1em;
		font-size: 0.93333rem;
		line-height: 1.5;
	}
}

.c-anchor__item a::before {
	content: '';
	background: transparent url(../../image/arrow_white_bottom.png) no-repeat scroll center center;
	background-size: contain;
	width: 9px;
	height: 5px;
	right: 1.3em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-anchor__item a span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.c-caption {
	border-bottom: 2px solid #f0f0f0;
	margin: 0 0 4em 0;
	padding-bottom: 2.5em;
}

@media screen and (min-width: 769px) {
	.c-caption {
		margin: -2em 0 4em 0;
		padding-bottom: 4em;
	}
}

.c-caption__number {
	text-align: center;
	margin-left: -8px;
	color: #2a8ed8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.34571rem;
	line-height: 1.25;
}

@media screen and (min-width: 769px) {
	.c-caption__number {
		font-size: 4.056rem;
		line-height: 1.25;
	}
}

.c-caption__number span {
	display: inline-block;
	-webkit-transform: translateY(-9px);
	transform: translateY(-9px);
	font-size: 2.15rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-caption__number span {
		font-size: 2.00667rem;
		line-height: 1.5;
	}
}

.c-caption__text {
	text-align: center;
	font-weight: bold;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: .05em;
	font-size: 2.14286rem;
	line-height: 1.46667;
}

@media screen and (min-width: 769px) {
	.c-caption__text {
		font-size: 2rem;
		line-height: 1.46667;
	}
}

.c-box {
	text-align: left;
	margin: 14em 0 0 -1px;
}

@media screen and (min-width: 769px) {
	.c-box {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin: 4em 0 0 0;
	}
}

.c-box__name {
	display: inline-block;
	padding: .8em 1.5em;
	color: #ffffff;
	background-color: #2a8ed8;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.25;
}

@media screen and (min-width: 769px) {
	.c-box__name {
		padding: .8em 2em;
		font-size: 1.06667rem;
		line-height: 1.5;
	}
}

.c-box__name span {
	font-weight: 500;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-box__name span {
		padding-left: 1em;
		font-size: 0.73333rem;
		line-height: 1.5;
	}
}

.c-nobox {
	text-align: center;
	margin: 14em 0 0 -1px;
}

@media screen and (min-width: 769px) {
	.c-nobox {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: left;
		margin: 8em 0 0 0;
	}
}

.c-nobox__name {
	display: inline-block;
	padding: .8em 1.5em;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.25;
}

@media screen and (min-width: 769px) {
	.c-nobox__name {
		margin-left: -10em;
		padding: .8em 2em;
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.c-nobox__name span {
	font-weight: 500;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-nobox__name span {
		font-size: 0.86667rem;
		line-height: 1.5;
	}
}

/*==============================================
    PAGE COMPONENT / RELATION 
==============================================*/
.c-relation {
	color: #ffffff;
	background-color: #f0f0f0;
	border-bottom: 20px solid #2a8ed8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.c-relation {
		min-height: 370px;
		padding: 4.5em 0;
	}
}
@media screen and (min-width: 769px) {
	.c-relation {
		min-height: 450px;
		padding: 6em 0;
	}
}

.c-relation__heading {
	text-align: center;
	color: #333333;
	padding-bottom: 1.5em;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-relation__heading {
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.c-relation__link {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.c-relation__link li {
	position: relative;
	width: 53.3%;
}

@media screen and (min-width: 769px) {
	.c-relation__link li {
		width: 220px;
	}
}

.c-relation__link li a {
	display: block;
}

.c-relation__link__title {
	position: absolute;
	text-align: left;
	width: 100%;
	color: #ffffff;
	left: 1em;
	bottom: 1em;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.58722;
}

@media screen and (min-width: 769px) {
	.c-relation__link__title {
		font-size: 1.2rem;
		line-height: 1.58722;
	}
}

.c-relation__link__title span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-relation__link__title span {
		font-size: 0.93333rem;
		line-height: 1.5;
	}
}

.c-relation--square .c-relation__link__image {
	position: relative;
	padding-bottom: 100%;
}

.c-relation--square .c-relation__link__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c-relation--rectangle .c-relation__link__image {
	position: relative;
	padding-bottom: 78.26%;
}

.c-relation--rectangle .c-relation__link__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c-relation__link--wrap {
	padding: 1.5em 0;
	background-color: #ffffff;
}

@media screen and (min-width: 769px) {
	.c-relation__link--wrap {
		padding: 2em 0;
	}
}

.c-relation__link--wrap__inner {
	width: 84%;
	margin: 0 auto;
	border-left: 2px solid #009294;
}

@media screen and (min-width: 769px) {
	.c-relation__link--wrap__inner {
		width: 86%;
	}
}

.c-relation__link__ttl {
	position: relative;
	text-align: start;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0 0 0 8%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333333;
	top: auto;
	left: auto;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	letter-spacing: .07em;
	font-weight: 700;
	font-size: 0.92857rem;
	line-height: 1.69231;
}

@media screen and (min-width: 769px) {
	.c-relation__link__ttl {
		padding: 0 0 0 6%;
		font-size: 1.06667rem;
		line-height: 1.6875;
	}
}

.c-relation__link__interview {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 0 8%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333333;
	top: auto;
	left: auto;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	letter-spacing: .07em;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.375;
}

@media screen and (min-width: 769px) {
	.c-relation__link__interview {
		padding: 0 0 0 6%;
		font-size: 1rem;
		line-height: 2;
	}
}

.c-relation__link__interview span {
	display: block;
	padding-top: .5em;
	font-size: 0.71429rem;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.c-relation__link__interview span {
		font-size: 0.73333rem;
		line-height: 1.63636;
	}
}

/*==============================================
    PAGE COMPONENT / ACCORDION & TOGGLE
==============================================*/
.c-accordion__door {
	display: none;
	width: 80%;
	margin: 0 auto;
	padding-left: 1.5em;
	border-left: 2px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.c-accordion__door {
		width: 100%;
		display: block;
		margin-bottom: 4em;
		padding: 0 1em;
		border-left: none;
	}
}

.c-accordion .c-btn {
	width: 68%;
	margin: 2em auto 6em;
}

@media screen and (min-width: 769px) {
	.c-accordion .c-btn {
		width: 255px;
	}
}

.c-accordion__door__text {
	font-weight: 500;
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.c-accordion__door__text {
		margin-bottom: .5em;
		font-size: 0.86667rem;
		line-height: 2;
	}
}

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

@media screen and (min-width: 769px) {
	.c-accordion__door__text__c {
		text-align: center;
	}
}

.c-accordion__door__text__c span {
	display: inline-block;
	padding: 0.5em 1em;
	border: solid 1px #000000;
	width: 95%;
}

@media screen and (min-width: 769px) {
	.c-accordion__door__text__c span {
		width: 40%;
	}
}

.c-accordion__door__list {
	margin-top: 1.5em;
}

.c-accordion__door__list li {
	color: #858585;
	margin-bottom: .5em;
	font-weight: 500;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-accordion__door__list li {
		margin-bottom: .1em;
		font-size: 0.8rem;
		line-height: 1.66667;
	}
}

.c-accordion__switch {
	position: relative;
	width: 48px;
	height: 48px;
	margin: 3em auto;
}

@media screen and (min-width: 769px) {
	.c-accordion__switch {
		display: none;
	}
}

.c-accordion__switch::before {
	text-align: center;
	position: absolute;
	content: '開く';
	width: 100%;
	font-size: 0.71429rem;
	line-height: 1.5;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -2em;
}

.js-active.c-accordion__switch::before {
	content: '閉じる';
}

.c-toggle--column {
	margin: 4em auto 0 auto;
}

@media screen and (min-width: 769px) {
	.c-toggle--column {
		margin: 6em auto 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle::after {
		content: "";
		display: block;
		width: 33.33333333%;
	}
}

.c-toggle--column .c-toggle__title {
	text-align: center;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle__title {
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.c-toggle--column .c-toggle--btn {
	position: relative;
	padding: 2em 0;
	border-bottom: 2px solid #f0f0f0;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle--btn {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 4em;
		padding: 0 1.5em;
		border-bottom: none;
		border-left: 2px solid #f0f0f0;
	}
}

.c-toggle--column .c-toggle--btn::after {
	position: absolute;
	content: '';
	background: transparent url(../../image/btn_open.png) no-repeat scroll center center;
	background-size: cover;
	width: 32px;
	height: 32px;
	top: 1.8em;
	right: 4%;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle--btn::after {
		display: none;
	}
}

.c-toggle--column .js-active.c-toggle--btn::after {
	background: transparent url(../../image/btn_close.png) no-repeat scroll center center;
	background-size: cover;
	top: 1.8em;
}

.c-toggle--column .c-toggle--btn:nth-child(1) {
	border-top: 2px solid #f0f0f0;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle--btn:nth-child(1) {
		border-top: none;
	}
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle--btn:nth-child(1),
	.c-toggle--column .c-toggle--btn:nth-child(4) {
		border-left: none;
	}
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle--3 {
		width: 33.33333%;
	}
}

.c-toggle--column .c-toggle__inner {
	display: none;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle__inner {
		display: block;
	}
}

.c-toggle--column .c-toggle__inner__ul {
	width: 94%;
	margin: 2em 0 0 auto;
	padding: 0 1em 0 1.5em;
	border-left: 2px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle__inner__ul {
		width: 100%;
		padding-left: 0;
		border-left: 0;
	}
}

.c-toggle--column .c-toggle__inner__ul li {
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.c-toggle--column .c-toggle__inner__ul li {
		font-size: 0.86667rem;
		line-height: 2;
	}
}

.c-toggle--row {
	margin: 4em auto 0 auto;
}

@media screen and (min-width: 769px) {
	.c-toggle--row {
		margin: 6em auto 0 auto;
	}
}

.c-toggle--row .c-toggle--btn {
	position: relative;
	padding: 2em 16% 2em 2%;
	border-bottom: 2px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle--btn {
		border-top: 2px solid #f0f0f0;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4em 0;
	}
}

.c-toggle--row .c-toggle--btn:nth-child(1) {
	border-top: 2px solid #f0f0f0;
}

.c-toggle--row .c-toggle--btn::after {
	position: absolute;
	content: '';
	background: transparent url(../../image/btn_open.png) no-repeat scroll center center;
	background-size: cover;
	width: 32px;
	height: 32px;
	top: 1.8em;
	right: 4%;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle--btn::after {
		display: none;
	}
}

.c-toggle--row .js-active.c-toggle--btn::after {
	background: transparent url(../../image/btn_close.png) no-repeat scroll center center;
	background-size: cover;
	top: 1.8em;
}

.c-toggle--row .c-toggle__title {
	text-align: center;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__title {
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

.c-toggle--row .c-toggle__title span {
	margin-bottom: .5em;
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__title span {
		margin-bottom: 1em;
		text-align: center;
		font-size: 0.83333rem;
		line-height: 1.76;
	}
}

.c-toggle--row .c-toggle__title img {
	width: 47.4%;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__title img {
		display: block;
		width: 180px;
		margin: 0 auto;
	}
}

.c-toggle--row .c-toggle__title--left {
	text-align: left;
	padding: 0 0 0 1.5em;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__title--left {
		text-align: center;
		padding: 0 0 0 0;
	}
}

.c-toggle--row .c-toggle__inner {
	display: none;
	width: 94%;
	margin: 2em 0 0 auto;
	padding: 0 1em 0 1.5em;
	border-left: 2px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner {
		display: block;
		width: 78.7%;
		margin: 2em auto 0 auto;
		padding: 0;
		border: none;
	}
}

.c-toggle--row .c-toggle__inner--noframe {
	margin: 2em auto 0 auto;
	padding: 0 1em 0 1em;
	border-left: none;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner--lg {
		width: 100%;
	}
}

.c-toggle--row .c-toggle__inner__text {
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner__text {
		font-size: 0.92857rem;
		line-height: 2;
	}
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle--noborder:nth-child(1) {
		border: none;
	}
}

.c-toggle--row .c-toggle__inner__col {
	margin: 2em auto;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner__col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 72.7%;
		margin: 4em auto;
	}
}

.c-toggle--row .c-toggle__inner__col__item {
	margin: 2em 0;
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner__col__item {
		display: block;
		width: 46%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px) {
	.c-toggle--row .c-toggle__inner__col__item--lg {
		width: 58.4%;
	}
}

.c-toggle--margin {
	margin: 4em auto 0 auto;
}

@media screen and (min-width: 769px) {
	.c-toggle--margin {
		margin: 2em auto 0 auto;
	}
}

.c-toggle__note {
	padding: 3em 6.25% 0 6.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #858585;
	font-size: 0.78571rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.c-toggle__note {
		padding: .5em 1em 0 1em;
		font-size: 0.8rem;
		line-height: 1.5;
	}
}

.c-toggle--btn .c-btn {
	width: 45%;
}

@media screen and (min-width: 769px) {
	.c-toggle--btn .c-btn {
		width: 150px;
	}
}

.c-toggle--left .c-toggle__inner__text {
	text-align: left;
}

@media screen and (min-width: 769px) {
	.c-toggle--left .c-toggle__inner__text {
		text-align: center;
	}
}

.c-door {
	border-top: 1px solid #F0F0F0;
}

.c-door:last-of-type {
	border-bottom: 1px solid #F0F0F0;
}

.c-door__outer {
	position: relative;
	text-align: center;
	padding: 1.25em 0;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.38333;
}

@media screen and (min-width: 769px) {
	.c-door__outer {
		cursor: pointer;
		padding: 1.5em 0;
		font-size: 1.2rem;
		line-height: 1.38333;
	}
}

.c-door__outer::before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1em;
	width: 32px;
	height: 32px;
	background: transparent url(../../image/btn_open.png) no-repeat scroll center center/cover;
}

.c-door__outer.js-open::before {
	background: transparent url(../../image/btn_close.png) no-repeat scroll center center/cover;
}

.c-door__inner {
	display: none;
	padding: 1em 6% 2em 6%;
	color: #858585;
}

@media screen and (min-width: 769px) {
	.c-door__inner {
		padding: 1em 0 2em 0;
	}
}

.c-door__inner .-ttl {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.55625;
}

@media screen and (min-width: 769px) {
	.c-door__inner .-ttl {
		text-align: center;
		font-size: 1.06667rem;
		line-height: 1.55625;
	}
}

.c-door__inner .-list {
	width: 100%;
	list-style-type: disc;
	margin-left: 1.5em;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.c-door__inner .-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: 1.5em;
		font-size: 0.93333rem;
		line-height: 1.8;
	}
}

@media screen and (min-width: 769px) {
	.c-door__inner .-list li {
		padding-right: 2em;
	}
}

/*==============================================
    PAGE COMPONENT INDEX DESIGN
==============================================*/
.c-index {
	width: 84%;
	margin: 0 auto;
	padding: 3em 0 6em 0;
}

@media screen and (min-width: 769px) {
	.c-index {
		padding: 10em 0;
	}
}

@media screen and (min-width: 769px) {
	.c-index--col3 {
		width: 79.9%;
	}
}

@media screen and (min-width: 769px) {
	.c-index--col4 {
		width: 90%;
	}
}

.c-index__item {
	position: relative;
	margin: 0 auto 2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.c-index__item a {
	display: block;
	padding: 1.5em 4% 2em 4%;
}

@media screen and (min-width: 769px) {
	.c-index__item.-col3 {
		width: 32.8%;
	}
	.c-index__item.-col3 a {
		padding: 2.25em 2% 4.5em 2%;
	}
}

@media screen and (min-width: 769px) {
	.c-index__item.-col4 {
		width: 24.5%;
	}
	.c-index__item.-col4 a {
		padding: 1.5em 1.5% 4.5em 1.5%;
	}
}

.c-index__item__num {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.14286rem;
	line-height: 1.25;
}

@media screen and (min-width: 769px) {
	.c-index__item__num {
		font-size: 1.06667rem;
		line-height: 1.5;
	}
}

.c-index__item__ttl {
	text-align: center;
	padding: 0 0 .75em 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	font-size: 1.57143rem;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.c-index__item__ttl {
		font-size: 1.6rem;
		line-height: 1.83333;
	}
}

@media screen and (min-width: 769px) {
	.c-index__item__ttl.-line2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 73px;
	}
}

.c-index__item__lead {
	text-align: center;
	padding: 1.5em 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.c-index__item__lead {
		font-size: 1.06667rem;
		line-height: 1.8;
	}
}

.c-index__item__btn {
	text-align: center;
	margin-top: .5em;
}

@media screen and (min-width: 769px) {
	.c-index__item__btn {
		position: absolute;
		bottom: 2em;
		right: 0;
		left: 0;
		margin: auto;
	}
}

.c-index__item__btn span {
	display: inline-block;
	padding: .75em 2em;
	border-radius: 200px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	font-size: 0.89286rem;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.c-index__item__btn span {
		padding: 1em 3em;
		font-size: 0.83333rem;
		line-height: 1.6;
	}
}

@media screen and (min-width: 769px) {
	.-col4 .c-index__item__ttl {
		font-size: 1.33333rem;
		line-height: 1.85;
	}
}

@media screen and (min-width: 769px) {
	.-col4 .c-index__item__lead {
		font-size: 0.86667rem;
		line-height: 1.84615;
	}
}

@media screen and (min-width: 769px) {
	.-col4 .c-index__item__btn span {
		font-size: 0.66667rem;
		line-height: 1.6;
	}
}

.company .c-indexbg {
	background-color: #F4934E;
}

.company .c-index__item {
	background-color: #ffffff;
}

.company .c-index__item__ttl {
	color: #F4934E;
}

.company .c-index__item__lead {
	color: #F4934E;
}

.company .c-index__item__btn span {
	background-color: #F4934E;
	color: #ffffff;
}

.benefits .c-indexbg {
	background-color: #9382bd;
}

.benefits .c-index__item {
	background-color: #ffffff;
}

.benefits .c-index__item__ttl {
	color: #9382bd;
}

.benefits .c-index__item__lead {
	color: #9382bd;
}

.benefits .c-index__item__btn span {
	background-color: #9382bd;
	color: #ffffff;
}

.training .c-indexbg {
	background-color: #4275B8;
}

.training .c-index__item {
	background-color: #ffffff;
}

.training .c-index__item__num {
	color: #4275B8;
}

.training .c-index__item__ttl {
	color: #4275B8;
}

.training .c-index__item__lead {
	color: #4275B8;
}

.training .c-index__item__btn span {
	background-color: #4275B8;
	color: #ffffff;
}

.recruit .c-indexbg {
	background-color: #77808f;
}

.recruit .c-index__item {
	background-color: #ffffff;
}

.recruit .c-index__item__num {
	color: #77808f;
}

.recruit .c-index__item__ttl {
	color: #77808f;
}

.recruit .c-index__item__lead {
	color: #77808f;
}

.recruit .c-index__item__btn span {
	background-color: #77808f;
	color: #ffffff;
}

/*==============================================
    7-X. COMPONENT XXXXXX
==============================================*/
/*==============================================

    ?. UTILITY

==============================================*/
.u-hidden {
	display: none;
}

@media (max-width: 480px) {
	.u-hidden-sp {
		display: none;
	}
}

@media (min-width: 481px) {
	.u-hidden-pc {
		display: none;
	}
}

@media (max-width: 768px) {
	.u-hidden-md-sp {
		display: none;
	}
}

@media (min-width: 769px) {
	.u-hidden-md-pc {
		display: none;
	}
}

.u-center {
	text-align: center;
}

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

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

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

@media screen and (min-width: 769px) {
	.u-responsive {
		text-align: center;
	}
}

.u-center--x {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.u-center--y {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.u-center--xy {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.u-red {
	color: #E38692;
}

.u-blue {
	color: #2a8ed8;
}

.u-green {
	color: #64C99B;
}

.u-orenge {
	color: #EDA184;
}

.u-original {
	color: #333;
}

.u-white {
	color: #ffffff;
}

.u-bg--red {
	background-color: #E38692;
}

.u-bg--blue {
	background-color: #6EB7DB;
}

.u-bg--green {
	background-color: #64C99B;
}

.u-bg--orange {
	background-color: #EDA184;
}

.u-bg--original {
	background-color: #333;
}


/*==============================================
    7-X. contents__link
==============================================*/
#contents__link {
	width:90%;
	max-width:880px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contents__link li a {
	display: block;
	padding:40px 5px 35px;
	font-size:14px;
	text-align: center;
	color: #ffffff;
	position:relative;
}
#contents__link li a::after {
    content: '';
    background: transparent url(../../image/arrow_more.png) no-repeat scroll center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#contents__link li.movie a{
	background:#d05b98;
}
#contents__link li.comics a{
	background:#de4645;
}
#contents__link li.business a{
	background:#0ea5d8;
}
#contents__link li.company a{
	background:#f4934e;
}
#contents__link li.interview a{
	background:#009294;
}
#contents__link li.training a{
	background:#4275b8;
}
#contents__link li.benefits a{
	background:#a182bd;
}
#contents__link li.recruit a{
	background:#77808f;
}
#contents__link li .eng{
    display: block;
    letter-spacing: .05em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 0.9;
}

@media screen and (max-width: 768px) {

	#contents__link li {
		width:50%;
	}
	#contents__link li a {
		padding:30px 5px 25px;
		font-size:12px;
	}
	#contents__link li a::after {
	    width: 16px;
		height: 16px;
		right: 9px;
	}
	#contents__link li .eng{
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 769px) {
	#contents__link li {
		width:25%;
	}
	#contents__link li a {
		padding:40px 5px 35px;
		font-size:14px;
	}
	#contents__link li a::after {
	    width: 20px;
		height: 20px;
		right: 18px;
	}
	#contents__link li .eng{
		font-size: 1.8rem;
	}
}

/*==============================================
    7-X. btnListBox
==============================================*/

.btnListBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.btnListBox .btn {
    display: block;
	width: 100%;
	max-width:320px;
    height: 48px;
	margin: 0 auto;
	padding-right:5px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #c8c8c8;
    background: url(../../movie/image/icon_arrow_w.png) no-repeat right 10px top 50% #ffffff;
    background-size: 12px auto;
    border-radius: 48px;
	transition: all .4s ease;
	box-sizing:border-box;
}
.btnListBox .btn.w220 {
    max-width:220px;
}
@media screen and (max-width: 768px) {
	.btnListBox.c2 .btn {
		margin-bottom:10px;
	}
}
@media screen and (min-width: 769px) {
	.btnListBox {
		margin-bottom:20px;
	}
	.btnListBox.c2 .btn {
		width: 46%;
		margin:0 2%;
	}
}