@charset "utf-8";

#contents > section {margin:70px 0 0; font-size:1.6rem; text-align:center;}
#contents > section > header {}
#contents > section > header > small {display:block; font-size:1.6rem; font-weight:bold; font-family:brandon-grotesque,sans-serif; line-height:1.35; letter-spacing:0.1em;}
#contents > section > header > h1 {margin:0.3em 0 0; font-size:3.6rem; font-weight:inherit; line-height:1.35;}
#contents > section > header > p {margin:1em 0 0;}

#contents > #message {font-size:1.8rem;}
#contents > #message > header > small {}
#contents > #message > header > h1 {}
#contents > #message > header > .image {margin:30px 0 0;}
#contents > #message > header > .image > img {display:block; margin:0 auto;}
#contents > #message > p {margin:2em 0 0;}
#contents > #message > address {display:block; margin:0.5em 0 0; font-size:1.4rem; font-weight:bold;}

#contents > #interview {}

#contents > #job-introduction {}
#contents > #job-introduction > header {}
#contents > #job-introduction > header > small {color:#b8b8b8;}
#contents > #job-introduction > header > h1 {}
#contents > #job-introduction > ul {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-20px 0 0 -20px; padding:35px 0 0;}
#contents > #job-introduction > ul > li {margin:20px 0 0 20px;}
#contents > #job-introduction > ul > li > a {display:block; position:relative; text-decoration:none;}
#contents > #job-introduction > ul > li .image::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:0; transition:opacity 0.5s ease-in-out;}
#contents > #job-introduction > ul > li .image > img {display:block;}
#contents > #job-introduction > ul > li h2 {
	display:-webkit-flex; display:flex; 
	-webkit-justify-content:center; justify-content:center; 
	-webkit-align-items:center; align-items:center; 
	position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; 
	color:#fff; font-size:3.4rem; font-weight:inherit; font-family:brandon-grotesque,"Noto Sans JP","NoChattering",sans-serif; line-height:1;}
#contents > #job-introduction > ul > li > a:hover > .image::after {opacity:0.3;}

#contents > #crosstalks {}

html.fac-js-enabled #contents > #crosstalks .c-items-list {margin:-40px 0 0; padding:40px 0 0;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li {position:relative; margin:40px 0 0; padding:445px 180px 25px;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li::after {display:block; content:""; position:absolute; left:160px; right:160px; top:420px; bottom:0; background:#f2f2f2;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li > a {margin:-445px -180px -25px; padding:inherit;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image {position:absolute; left:0; right:0; top:0; z-index:-1;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image > img {}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image > img.landscape {display:block;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image > img.portrait  {display:none;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li h2 {position:relative; z-index:2; margin:0;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li p {display:block; position:relative; z-index:2; margin:1em 0 0; font-size:1.6rem;}

html.fac-js-enabled #contents > #crosstalks .fac-gallery {width:980px; margin:40px -20px 0;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-slider {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-list {
	-webkit-flex-wrap:nowrap; flex-wrap:nowrap; 
	margin:0; padding:0;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item {margin:0 20px;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item .image::after {opacity:0.6;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item.fac-gallery-selected .image::after {opacity:0;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item.fac-gallery-selected > a:hover .image::after {opacity:0.3;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav > ol {display:none;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav button {height:500px;}

#contents > #introduction-of-employees {}
#contents > #introduction-of-employees > header {}
#contents > #introduction-of-employees > header > small {color:#b8b8b8;}
#contents > #introduction-of-employees > header > h1 {}
#contents > #introduction-of-employees > .list {display:block; position:relative; margin:0 auto; padding:30px 0 0; text-decoration:none;}
#contents > #introduction-of-employees > .list::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; transition:opacity 0.2s ease-in-out;}
#contents > #introduction-of-employees > .list:hover::after {opacity:0.3;}
#contents > #introduction-of-employees > .list > ul {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-15px 0 0 -15px; animation-duration:30s;}
#contents > #introduction-of-employees > .list > ul > li {
	-webkit-flex:0 1; flex:0 1; -webkit-flex-basis:calc(12.5% - 15px); flex-basis:calc(12.5% - 15px);
	margin:15px 0 0 15px;}
#contents > #introduction-of-employees > .list > ul > li > img {display:block; width:100%; height:auto;}
html.fac-js-enabled #contents > #introduction-of-employees > .list {width:105px; margin-top:-15px;}
html.fac-js-enabled #contents > #introduction-of-employees > .list::after {left:calc(50% - 50vw); right:calc(50% - 50vw);}
html.fac-js-enabled #contents > #introduction-of-employees > .list > .c-images-loop {
	-webkit-flex-wrap:nowrap; flex-wrap:nowrap; 
	padding:15px 0 0;}
html.fac-js-enabled #contents > #introduction-of-employees > .list > .c-images-loop + .c-images-loop {animation-name:c-images-loop--reverse;}

#contents > #requirements {margin:100px -100px 0; padding:59px 99px; border:1px solid #d6d6d6;}
#contents > #requirements header {display:table; height:0; margin:-59px auto 0;}
#contents > #requirements header > h1 {margin:0; padding:0 0.5em; transform:translateY(-50%); background:#fff; line-height:1;}
#contents > #requirements > ul {
	display:-webkit-flex; display:flex; 
	margin:-20px -10px 0; padding:20px 0 0; font-size:2rem; line-height:1;}
#contents > #requirements > ul > li {
	-webkit-flex:1 0; flex:1 0; -webkit-flex-basis:calc(50% - 20px - 2em); flex-basis:calc(50% - 20px - 2em);
	margin:20px 10px 0; padding:1em;}
#contents > #requirements > ul > li > * {
	display:-webkit-flex; display:flex; 
	margin:-1em; padding:inherit; font-size:inherit;}
#contents > #requirements > ul > li > span {border-color:transparent; background-color:#ccc;}

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

html.fac-js-enabled #contents > #introduction-of-employees > .list::after {left:-547.5px; right:-547.5px;}

}

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

#contents > section {margin:10vw 0 0; font-size:1.2rem;}
#contents > section > header {}
#contents > section > header > small {font-size:1.1rem;}
#contents > section > header > h1 {font-size:2.4rem;}
#contents > section > header > p {}

#contents > #message {font-size:1.2rem;}
#contents > #message > header > small {}
#contents > #message > header > h1 {}
#contents > #message > header > .image {margin:1.5em 0 0;}
#contents > #message > header > .image > img {width:100%; height:auto;}
#contents > #message > p {margin:1em 0 0; text-align:left;}
#contents > #message > p br {display:none;}
#contents > #message > address {margin:1em 0 0; font-size:inherit; font-weight:normal; text-align:right;}

#contents > #interview {}

#contents > #job-introduction {margin-left:-15px; margin-right:-15px;}
#contents > #job-introduction > header {}
#contents > #job-introduction > header > small {}
#contents > #job-introduction > header > h1 {}
#contents > #job-introduction > ul {margin:-2.6666vw 0 0 -2.6666vw; padding:4.6666vw 0 0;}
#contents > #job-introduction > ul > li {
	-webkit-flex:1 1; flex:1 1; -webkit-flex-basis:calc(50% - 2.6666vw); flex-basis:calc(50% - 2.6666vw);
	margin:2.6666vw 0 0 2.6666vw;}
#contents > #job-introduction > ul > li > a {}
#contents > #job-introduction > ul > li .image::after {}
#contents > #job-introduction > ul > li .image > img {width:100%; height:auto;}
#contents > #job-introduction > ul > li h2 {font-size:1.7rem;}
#contents > #job-introduction > ul > li > a:hover > .image::after {}

#contents > #crosstalks {}

html.fac-js-enabled #contents > #crosstalks .c-items-list {margin:-6.6666vw 0 0; padding:6.6666vw 0 0;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li {margin:6.6666vw 0 0; padding:41.3333vw 30px 1em;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li::after {left:15px; right:15px; top:37.3333vw;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li > a {margin:-41.3333vw -30px -1em; padding:inherit;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image {width:auto;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li .image > img {}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li h2 {font-size:1.7rem;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li p {margin:0.5em 0 0; font-size:1.2rem; text-align:left;}
html.fac-js-enabled #contents > #crosstalks .c-items-list > li p br {display:none;}

html.fac-js-enabled #contents > #crosstalks .fac-gallery {width:auto; margin:4.6666vw -7.5px 0;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-slider {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-list {margin:0; padding:0;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item {margin:0 7.5px;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item .image::after {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item.fac-gallery-selected .image::after {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-item.fac-gallery-selected > a:hover .image::after {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav > ol {}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav button {width:30px; height:calc((500 / 940) * (100vw - 60px));}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav button.fac-gallery-previous {left:-30px;}
html.fac-js-enabled #contents > #crosstalks .fac-gallery .fac-gallery-nav button.fac-gallery-next     {right:-30px;}

#contents > #introduction-of-employees {}
#contents > #introduction-of-employees > header {}
#contents > #introduction-of-employees > header > small {}
#contents > #introduction-of-employees > header > h1 {}
#contents > #introduction-of-employees > .list {padding:4vw 0 0;}
#contents > #introduction-of-employees > .list::after {}
#contents > #introduction-of-employees > .list:hover::after {}
#contents > #introduction-of-employees > .list > ul {margin:-2vw 0 0 -2vw;}
#contents > #introduction-of-employees > .list > ul > li {
	-webkit-flex-basis:calc(16.6666% - 2vw); flex-basis:calc(16.6666% - 2vw);
	margin:2vw 0 0 2vw;}
#contents > #introduction-of-employees > .list > ul > li > img {}
html.fac-js-enabled #contents > #introduction-of-employees > .list {width:14vw; margin-top:-2vw;}
html.fac-js-enabled #contents > #introduction-of-employees > .list::after {}
html.fac-js-enabled #contents > #introduction-of-employees > .list > .c-images-loop {padding:2vw 0 0;}
html.fac-js-enabled #contents > #introduction-of-employees > .list > .c-images-loop + .c-images-loop {}

#contents > #requirements {margin:13vw 0 0; padding:6.6666vw 14px 14px;}
#contents > #requirements header {margin:-6.6666vw auto 0;}
#contents > #requirements header > h1 {}
#contents > #requirements > ul {display:block; margin:-1em 0 0; padding:0.5em 0 0; font-size:1.2rem;}
#contents > #requirements > ul > li {margin:1em 0 0; padding:1.5em;}
#contents > #requirements > ul > li > * {margin:-1.5em;}
#contents > #requirements > ul > li > *::before {}
#contents > #requirements > ul > li > a:hover {}
#contents > #requirements > ul > li > span {}

}