@charset "utf-8";

@font-face {font-family:"Yu Gothic";      src:local("Yu Gothic Medium");       font-weight: 100;}
@font-face {font-family:"Yu Gothic";      src:local("Yu Gothic Medium");       font-weight: 200;}
@font-face {font-family:"Yu Gothic";      src:local("Yu Gothic Medium");       font-weight: 300;}
@font-face {font-family:"Yu Gothic";      src:local("Yu Gothic Medium");       font-weight: 400;}
@font-face {font-family:"Yu Gothic";      src:local("Yu Gothic Bold");         font-weight: bold;}
@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight: 100;}
@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight: 200;}
@font-face {
	font-family:"icons"; 
	src:url("icons.eot?-sqo7rw"); 
	src:url("icons.eot?#iefix-sqo7rw") format("embedded-opentype"), 
	    url("icons.ttf?-sqo7rw")       format("truetype"), 
	    url("icons.woff?-sqo7rw")      format("woff"), 
	    url("icons.svg?-sqo7rw#icons") format("svg"); 
	font-weight:normal; 
	font-style:normal; 
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	font-style:normal; 
	vertical-align:baseline; 
	background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
i, em {font-style:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img {vertical-align:bottom;}
input, select, button, textarea, pre {
	font-size:inherit; 
	font-family:inherit;}

html {
	height:100%;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;}

body {
	width:100%; 
	height:100%; 
	color:#464646; 
	background-color:#fff; 
	font-size:12px; 
	line-height:1.7; 
	text-align:center; 
	hyphens:auto; 
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
body {font-family: Verdana, Meiryo, sans-serif;}
}

a, 
a img {
	color:#464646; text-decoration:underline; outline:none; 
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
a:hover {color:#999;}
a:hover img {opacity:0.5;}
sup {position:relative; top:-0.1em; font-size:60%; vertical-align:top;}

/* #container_ */
#container_ {width:100%; min-width:980px; position:relative; overflow:hidden;}
#container_:after {display:block; content:""; clear:both; height:0;}

/* #header_ */
#header_ {position:relative; z-index:9901; background:#fff;}
#header_ > h1 {position:relative; z-index:3; background:#000;}
#header_ > h1 > a {display:block; width:400px; height:60px; margin:0 auto; background:url(../images/general.png) 0 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#header_ > nav {background:#fff;}
#header_ > nav > section {}
#header_ > nav > section > ul {}
#header_ > nav > section > ul > li {}
#header_ > nav > section > ul > li > a {display:block; text-decoration:none; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#header_ > nav > section.main {position:relative;}
#header_ > nav > section.main:after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:#fff;}
#header_ > nav > section.main > ul {letter-spacing:-0.4em;}
#header_ > nav > section.main > ul > li {display:inline-block; width:235px; height:90px; font-size:14px; letter-spacing:normal; vertical-align:top; text-align:center;}
#header_ > nav > section.main > ul > li:after {display:block; content:""; width:100%; height:30px; position:relative; z-index:3; margin:-60px 0 0; border-right:1px solid #e5e5e5;}
#header_ > nav > section.main > ul > li:first-child:after {border-left:1px solid #e5e5e5;}
#header_ > nav > section.main > ul > li > a {
	height:90px; position:relative; z-index:4; line-height:90px; background:url(../images/general.png) no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;
	-webkit-backface-visibility:hidden; backface-visibility:hidden;}
#header_ > nav > section.main > ul > li > a:after  {display:block; content:""; margin:-31px auto 0; border-bottom:1px solid transparent;}
#header_ > nav > section.main > ul > li > a:hover {opacity:0.5;}
#header_ > nav > section.main > ul > li.company      > a {background-position:0 -220px;}
#header_ > nav > section.main > ul > li.company      > a:after {width:79px;}
#header_ > nav > section.main > ul > li.news-release > a {background-position:0 -310px;}
#header_ > nav > section.main > ul > li.news-release > a:after {width:113px;}
#header_ > nav > section.main > ul > li.recruit      > a {background-position:0 -400px;}
#header_ > nav > section.main > ul > li.recruit      > a:after {width:59px;}
#header_ > nav > section.main > ul > li.contact      > a {background-position:0 -490px;}
#header_ > nav > section.main > ul > li.contact      > a:after {width:74px;}
#header_ > nav > section.main > ul > li > ul {
	width:940px; height:150px; position:absolute; left:0; bottom:0; z-index:1; margin:0 0 0 -470px; padding:110px 50% 0; border-bottom:1px solid #e5e5e5; 
	background:#fff; text-align:center; letter-spacing:-0.4em; transition:top 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19) 0s;}
#header_ > nav > section.main > ul > li > ul > li {display:inline-block; width:168px; padding:100px 10px 0; text-align:center; letter-spacing:normal; vertical-align:top; line-height:50px;}
#header_ > nav > section.main > ul > li > ul > li > * {display:block; margin:-100px -10px 0; padding:100px 10px 0; background:center 0 no-repeat; text-decoration:none;}
#header_ > nav > section.main > ul > li > ul > li > a {color:#000;}
#header_ > nav > section.main > ul > li > ul > li > a:hover {opacity:0.5;}
#header_ > nav > section.main > ul > li > ul > li > span {opacity:0.5;}
#header_ > nav > section.main > ul > li.company > ul {top:-180px;}
#header_ > nav > section.main > ul > li.company > ul > li.message         > * {background-image:url(../images/main-nav_company_message.jpg);}
#header_ > nav > section.main > ul > li.company > ul > li.brand           > * {background-image:url(../images/main-nav_company_brand.jpg);}
#header_ > nav > section.main > ul > li.company > ul > li.division        > * {background-image:url(../images/main-nav_company_division.jpg);}
#header_ > nav > section.main > ul > li.company > ul > li.information     > * {background-image:url(../images/main-nav_company_information.jpg);}
#header_ > nav > section.main > ul > li.recruit > ul {top:-230px; padding-bottom:50px;}
#header_ > nav > section.main > ul > li.recruit > ul > li.top {
	width:940px; position:absolute; left:0; bottom:0; margin:0 0 0 -470px; padding:0 50%; border-top:1px solid #e5e5e5; background:#fff;}
#header_ > nav > section.main > ul > li.recruit > ul > li.top             > * {
	height:50px; margin:0; padding:0; background:#fff url(../images/general.png) center -580px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#header_ > nav > section.main > ul > li.recruit > ul > li.message         > * {background-image:url(../images/main-nav_recruit_message.jpg);}
#header_ > nav > section.main > ul > li.recruit > ul > li.information     > * {background-image:url(../images/main-nav_recruit_information.jpg);}
#header_ > nav > section.main > ul > li.recruit > ul > li.staff-interview > * {background-image:url(../images/main-nav_recruit_staff-interview.jpg);}
#header_ > nav > section.main > ul > li.recruit > ul > li.system          > * {background-image:url(../images/main-nav_recruit_system.jpg);}
#header_ > nav > section.main > ul > li.recruit > ul > li.training        > * {background-image:url(../images/main-nav_recruit_training.jpg);}
#header_ > nav > section.main > ul > li > a:hover + ul,
#header_ > nav > section.main > ul > li > ul:hover {top:0; z-index:2; transition:top 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
#header_ > nav > section.related {position:absolute; right:0; top:0; z-index:4; padding:20px 10px; color:#fff;}
#header_ > nav > section.related > ul {}
#header_ > nav > section.related > ul > li {display:inline-block; font-size:12px; text-align:center;}
#header_ > nav > section.related > ul > li > a {margin:-20px 0; padding:20px 7px; color:inherit; line-height:20px;}
#header_ > nav > section.related > ul > li > a:hover {color:#999;}
#header_ > nav > button {display:none;}

/* mini-nav */
html.fac-nav-mini #container_ {padding-top:150px;}
html.fac-nav-mini #header_ {
	width:100%; min-width:980px; height:60px; position:fixed; left:0; top:0; padding:0; 
	-webkit-animation:nav-show 0.3s ease-in-out 0s 1 normal both; 
	        animation:nav-show 0.3s ease-in-out 0s 1 normal both;}
html.fac-nav-mini #header_ > h1 {position:absolute; left:50%; top:0; margin:0 0 0 -480px; background-color:#fff;}
html.fac-nav-mini #header_ > h1 > a {width:300px; height:60px; background-position:0 -60px;}
html.fac-nav-mini #header_ > nav {width:940px; margin:0 auto; text-align:right;}
html.fac-nav-mini #header_ > nav > section.main {position:static;}
html.fac-nav-mini #header_ > nav > section.main > ul {}
html.fac-nav-mini #header_ > nav > section.main > ul > li {width:149px; height:60px; font-size:12px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li:after {height:20px; margin:-40px 0 0;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > a {height:60px; line-height:60px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > a:after  {margin-top:-21px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.company      > a {background-position:-240px -220px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.company      > a:after {width:67px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.news-release > a {background-position:-240px -310px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.news-release > a:after {width:98px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.recruit      > a {background-position:-240px -400px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.recruit      > a:after {width:52px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.contact      > a {background-position:-240px -490px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.contact      > a:after {width:62px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > ul {padding-top:80px;}
html.fac-nav-mini #header_ > nav > section.related {display:none;}

/* #body_ */
#body_ {width:940px; margin:0 auto; padding:0 0 60px; text-align:left;}
#body_:after {display:block; content:""; clear:both; height:0;}

/* #footer_ */
#footer_ {position:relative; z-index:9800; padding:50px 0 0; border:none; border-bottom:60px solid #000; background:#333333; color:#fff; text-align:left;}
#footer_ a {color:inherit; text-decoration:none;}
#footer_ a:hover {color:#999;}
#footer_ > h1 {width:372px; position:relative; left:50%; margin:-10px 0 0 -480px;}
#footer_ > h1 > a {display:block; height:34px; background:url(../images/general.png) 0 -120px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#footer_ > nav {position:relative; padding:15px 0 50px; border-bottom:42px solid #454545; text-align:center; letter-spacing:-0.4em;}
#footer_ > nav > div, 
#footer_ > nav > section {display:inline-block; width:164px; margin:20px 0 0; padding:0 0 0 30px; letter-spacing:normal; vertical-align:top;}
#footer_ > nav > div:first-child, 
#footer_ > nav > section:first-child {padding-left:0;}
#footer_ > nav section {margin-top:20px; font-size:12px; text-align:left;}
#footer_ > nav > div > section:first-child {margin-top:0;}
#footer_ > nav section > h1 {font-weight:bold;}
#footer_ > nav section > ul {}
#footer_ > nav section > ul > li {margin:0.5em 0 0;}
#footer_ > nav section > ul > li.top {display:none;}
#footer_ > nav section > ul > li > a {display:block;}
#footer_ > nav .related {border-left:1px solid #454545;}
#footer_ > nav .related > ul > li:first-child {margin-top:0;}
#footer_ > nav .related > ul > li > a[target="_blank"]:after {content:"\e918"; margin:0 0 0 5px; color:#999; font:normal 12px/1 "icons";}
#footer_ > nav .sns {display:block; width:470px; position:absolute; left:50%; bottom:-42px; margin:0 0 0 -480px; padding:0; text-align:center;}
#footer_ > nav .sns > ul {margin:0 0 0 -5px;}
#footer_ > nav .sns > ul:after {display:block; content:""; clear:both; height:0;}
#footer_ > nav .sns > ul > li {float:left; margin:0;}
#footer_ > nav .sns > ul > li > a {display:block; width:40px; height:40px; color:#a2a2a2; text-decoration:none; position:relative; text-indent:110%; white-space:nowrap; overflow:hidden;}
#footer_ > nav .sns > ul > li > a:after {
	display:block; content:""; position:absolute; left:0; right:0; top:0; margin:auto; font:20px/40px "icons"; text-indent:0;}
#footer_ > nav .sns > ul > li > a:hover {color:#666;}
#footer_ > nav .sns > ul > li.facebook  > a:after {content:"\ea90";}
#footer_ > nav .sns > ul > li.instagram > a:after {content:"\ea92";}
#footer_ > nav .sns > ul > li.twitter   > a:after {content:"\eb00"; font-size:15px;}
#footer_ > nav .sns > ul > li.youtube   > a:after {content:"\ea9e"; font-size:15px;}
#footer_ > nav .sns > ul > li.line   > a:after {content:"\ea9f";}
#footer_ > nav > .pagetop {
	display:block; width:190px; height:60px; position:absolute; right:50%; bottom:-102px; margin:0 -470px 0 0; 
	border-left:1px solid #2b2b2b; border-right:1px solid #2b2b2b; font-size:10px; font-weight:bold; text-align:center; line-height:60px; letter-spacing:normal;}
#footer_ > nav > .pagetop:after {display:inline-block; content:"\e904"; width:1em; margin:0 0 0 5px; font:16px/60px "icons"; vertical-align:bottom;}
#footer_ > small {
	display:block; width:230px; height:60px; position:absolute; left:50%; bottom:-60px; margin:0 0 0 -480px; 
	background:url(../images/general.png) 0 -154px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}


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

body {max-width:480px;}

/* #container_ */
#container_ {min-width:320px; overflow:visible;}
#container_:after {width:100%; height:auto; position:fixed; left:-100%; top:0; bottom:0; z-index:9900; background:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s ease-in-out 0s;}

/* #header_ */
#header_ {min-width:320px; height:45px; position:fixed; left:0; right:0; top:0; padding:0; background:transparent; transition:height 0.2s ease-in-out 0s;}
#header_ > h1 {}
#header_ > h1 > a {width:260px; height:45px; background-position:center -315px; background-size:320px auto;}
#header_ > nav {background:transparent;}
#header_ > nav > section {}
#header_ > nav > section > ul {}
#header_ > nav > section > ul > li {}
#header_ > nav > section > ul > li > a {}
#header_ > nav > section.main {display:none; position:absolute; left:0; right:0; top:45px; bottom:0; z-index:4; overflow-y:auto; -webkit-overflow-scrolling:touch;}
#header_ > nav > section.main:after {display:none;}
#header_ > nav > section.main > ul {position:relative; z-index:2; background:#333333; transform:translateY(-100%); transition-duration:0.3s;}
#header_ > nav > section.main > ul > li {display:block; width:auto; height:auto; padding:15px 10px; border-top:1px solid #4b4b4b; color:#fff; font-size:12px; text-align:left; overflow:hidden;}
#header_ > nav > section.main > ul > li:after {display:none;}
#header_ > nav > section.main > ul > li:first-child {border-top:none;}
#header_ > nav > section.main > ul > li:first-child:after {display:none;}
#header_ > nav > section.main > ul > li > a {height:auto; position:relative; margin:-15px -10px; padding:15px 30px 15px 10px; background:none; color:#fff; line-height:inherit; text-indent:0;}
#header_ > nav > section.main > ul > li > a:after {
	display:block; content:"\e601"; width:30px !important; position:absolute; right:0; top:50%; margin:-0.5em 0 0; border:none; color:#454545; font:16px/1 "icons"; text-align:center;}
#header_ > nav > section.main > ul > li > a:hover {opacity:0.5;}
#header_ > nav > section.main > ul > li.company      > a {}
#header_ > nav > section.main > ul > li.company      > a:after {}
#header_ > nav > section.main > ul > li.news-release > a {}
#header_ > nav > section.main > ul > li.news-release > a:after {}
#header_ > nav > section.main > ul > li.recruit      > a {}
#header_ > nav > section.main > ul > li.recruit      > a:after {}
#header_ > nav > section.main > ul > li.contact      > a {}
#header_ > nav > section.main > ul > li.contact      > a:after {}
#header_ > nav > section.main > ul > li > ul {
	width:auto; height:auto; position:static; margin:15px -10px -15px; padding:0 10px; border-bottom:none; background:#454545; text-align:left; visibility:visible !important;}
#header_ > nav > section.main > ul > li > ul > li {display:block; width:auto; padding:15px 0; border-top:1px solid #333; text-align:left; line-height:inherit;}
#header_ > nav > section.main > ul > li > ul > li:first-child {border-top:none !important;}
#header_ > nav > section.main > ul > li > ul > li > * {margin:-15px -10px; padding:15px 10px; background:none !important; text-decoration:none;}
#header_ > nav > section.main > ul > li > ul > li > a {position:relative; padding:15px 30px 15px 10px; color:#fff;}
#header_ > nav > section.main > ul > li > ul > li > a:hover {}
#header_ > nav > section.main > ul > li > ul > li > a:after {
	display:block; content:"\e601"; width:30px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; color:#333; font:16px/1 "icons"; text-align:center;}
#header_ > nav > section.main > ul > li > ul > li > span {}
#header_ > nav > section.main > ul > li.company > ul {}
#header_ > nav > section.main > ul > li.company > ul > li.message         > * {}
#header_ > nav > section.main > ul > li.company > ul > li.brand           > * {}
#header_ > nav > section.main > ul > li.company > ul > li.division        > * {}
#header_ > nav > section.main > ul > li.company > ul > li.information     > * {}
#header_ > nav > section.main > ul > li.recruit > ul {padding-bottom:0;}
#header_ > nav > section.main > ul > li.recruit > ul > li.top {
	width:auto; height:auto; position:static; margin:0; padding:15px 0; border-top-color:#333; background:transparent; font-size:12px; text-align:left; line-height:inherit;}
#header_ > nav > section.main > ul > li.recruit > ul > li.top             > * {height:auto; margin:-15px -10px; padding:15px 10px; background:none; text-indent:0;}
#header_ > nav > section.main > ul > li.recruit > ul > li.message         > * {}
#header_ > nav > section.main > ul > li.recruit > ul > li.information     > * {}
#header_ > nav > section.main > ul > li.recruit > ul > li.staff-interview > * {}
#header_ > nav > section.main > ul > li.recruit > ul > li.system          > * {}
#header_ > nav > section.main > ul > li.recruit > ul > li.training        > * {}
#header_ > nav > section.main > ul > li > a:hover + ul, 
#header_ > nav > section.main > ul > li > ul:hover {}

#header_ > nav > section.related {display:none;}
#header_ > nav > section.related > ul {}
#header_ > nav > section.related > ul > li {}
#header_ > nav > section.related > ul > li > a {}
#header_ > nav > section.related > ul > li > a:hover {}

#header_ > nav > button {
	display:block; width:35px; height:45px; position:absolute; left:0; top:0; z-index:5; border:none; outline:none; 
	background:none; color:#fff; text-align:center; cursor:pointer; transition:color 0.2s ease-in-out 0s;}
#header_ > nav > button:hover {color:#999;}
#header_ > nav > button:after {content:"\e910"; font:13px/45px "icons";}

#header_ > nav > section.main > ul > li.fac-switcher {}
#header_ > nav > section.main > ul > li.fac-switcher > a:after {content:"\e602"; transition:transform 0.2s ease-in-out 0s;}
#header_ > nav > section.main > ul > li.fac-switcher > ul {display:none;}
#header_ > nav > section.main > ul > li.fac-switcher-show > a:after {transform:rotateZ(-180deg);}
#header_ > nav > section.main > ul > li.fac-switcher-show > ul {display:block;}

/* nav-mini */
html.fac-nav-mini #container_ {padding-top:0;}
html.fac-nav-mini #header_ {
	min-width:320px; height:45px; 
	-webkit-animation:none; 
	        animation:none;}
html.fac-nav-mini #header_ > h1 {position:static; margin:0; background:#000;}
html.fac-nav-mini #header_ > h1 > a {width:260px; height:45px; background-position:center -315px;}
html.fac-nav-mini #header_ > nav {width:100%; text-align:left;}
html.fac-nav-mini #header_ > nav > section.main {position:absolute;}
html.fac-nav-mini #header_ > nav > section.main > ul {}
html.fac-nav-mini #header_ > nav > section.main > ul > li {width:auto; height:auto; font-size:12px;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > a {height:auto; line-height:inherit;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > a:before {display:none;}
html.fac-nav-mini #header_ > nav > section.main > ul > li > a:after  {margin-top:-0.5em;}
html.fac-nav-mini #header_ > nav > section.main > ul > li.company      > a {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.company      > a:after {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.news-release > a {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.news-release > a:after {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.recruit      > a {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.recruit      > a:after {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.contact      > a {}
html.fac-nav-mini #header_ > nav > section.main > ul > li.contact      > a:after {}
html.fac-nav-mini #header_ > nav > section.main > ul > li > ul {padding-top:0;}
html.fac-nav-mini #header_ > nav > section.related {}

/* nav-show */
html.fac-js-enabled #header_ > nav > section.main {display:block;}
html.fac-nav-show #container_:after {left:0; opacity:1;}
html.fac-nav-show #header_ {height:100%;}
html.fac-nav-show #header_ > nav > button:after {content:"\e90f";}
html.fac-nav-show #header_ > nav > section.main {min-height:200px;}
html.fac-nav-show #header_ > nav > section.main > ul {transform:translateY(0);}

/* #body_ */
#body_ {width:auto; padding:45px 0 30px;}
#body_:after {}

/* #footer_ */
#footer_ {padding:0; border-bottom:none;}
#footer_ a {overflow:hidden;}
#footer_ a:hover {}
#footer_ > h1 {display:none;}
#footer_ > h1 > a {}
#footer_ > nav {padding:0; border-bottom:none;}
#footer_ > nav > div, 
#footer_ > nav > section {display:block; width:auto; margin:0;}
#footer_ > nav > div:first-child, 
#footer_ > nav > section:first-child {}
#footer_ > nav section {margin-top:0; padding:0; border-top:1px solid #4b4b4b; font-size:12px;}
#footer_ > nav > div > section:first-child {}
#footer_ > nav section > h1 {padding:15px 10px; font-weight:normal;}
#footer_ > nav section > h1 > a {display:block; position:relative; margin:-15px -10px; padding:15px 30px 15px 10px;}
#footer_ > nav section > h1 > a:after {
	display:block; content:"\e601"; width:30px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; color:#454545; font:16px/1 "icons"; text-align:center;}
#footer_ > nav section > ul {padding:0 10px; background:#454545;}
#footer_ > nav section > ul > li {margin:0; padding:15px 0; border-top:1px solid #333;}
#footer_ > nav section > ul > li:first-child {border-top:none;}
#footer_ > nav section > ul > li > a {display:block; position:relative; margin:-15px -10px; padding:15px 30px 15px 10px;}
#footer_ > nav section > ul > li > a:after {
	display:block; content:"\e601"; width:30px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; color:#333; font:16px/1 "icons"; text-align:center;}
#footer_ > nav .related {padding:30px 10px 15px; border-left:none; border-top:1px solid #4b4b4b; background:#333333; font-size:10px; text-align:center;}
#footer_ > nav .related > ul {margin:0; padding:0; background:transparent; letter-spacing:-0.4em;}
#footer_ > nav .related > ul:after {}
#footer_ > nav .related > ul > li {display:inline-block; width:auto; padding:0 5px; border-top:none; letter-spacing:normal; vertical-align:top; line-height:1;}
#footer_ > nav .related > ul > li:first-child {}
#footer_ > nav .related > ul > li > a {width:auto; margin:0; margin:-5px; padding:5px;}
#footer_ > nav .related > ul > li > a[target="_blank"]:after {display:inline-block; width:1em; position:static; margin:0 0 0 3px; font-size:10px;}
#footer_ > nav .sns {width:auto; position:static; margin:0; background:#4b4b4b;}
#footer_ > nav .sns > ul {margin:0;}
#footer_ > nav .sns > ul:after {}
#footer_ > nav .sns > ul > li {width:20%; padding:0; border:none;}
#footer_ > nav .sns > ul > li > a {width:100%; margin:0; padding:0; color:#a2a2a2;}
#footer_ > nav .sns > ul > li > a:hover {color:#666;}
#footer_ > nav .sns > ul > li > a:after {color:inherit;}
#footer_ > nav .sns > ul > li.facebook  > a:after {}
#footer_ > nav .sns > ul > li.instagram > a:after {}
#footer_ > nav .sns > ul > li.twitter   > a:after {}
#footer_ > nav .sns > ul > li.youtube   > a:after {}
#footer_ > nav .sns > ul > li.line   > a:after {}
#footer_ > nav > .pagetop {width:auto; height:40px; right:0; bottom:-40px; margin:0; padding:0 8px; border-right:none; border-color:#4b4b4b; line-height:40px;}
#footer_ > nav > .pagetop:after {margin:0 0 0 2px; font-size:16px; font-weight:bold; line-height:40px; vertical-align:middle;}
#footer_ > small {width:auto; height:40px; position:static; margin:0; background-size:540px auto; background-position:0 -135px;}

#footer_ > nav > section.fac-switcher {}
#footer_ > nav > section.fac-switcher > h1 > a:after {content:"\e602"; transition:transform 0.2s ease-in-out 0s;}
#footer_ > nav > section.fac-switcher > ul {display:none;}
#footer_ > nav > section.fac-switcher-show > h1 > a:after {transform:rotateZ(-180deg);}
#footer_ > nav > section.fac-switcher-show > ul {display:block;}

html.fac-js-enabled #footer_ > nav section > ul > li.top {display:block;}

}

/* Animations */
@-webkit-keyframes nav-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}
@keyframes nav-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}