@charset "UTF-8";
.font-thin {
	font-weight: 100
}
.mb0 {
	margin-bottom: 0!important
}
.mb3 {
	margin-bottom: 3px!important
}
.mb5 {
	margin-bottom: 5px!important
}
.mb10 {
	margin-bottom: 10px!important
}
.mb15 {
	margin-bottom: 15px!important
}
.mb20 {
	margin-bottom: 20px!important
}
.mb25 {
	margin-bottom: 25px!important
}
.mb30 {
	margin-bottom: 30px!important
}
.mb35 {
	margin-bottom: 35px!important
}
.mb40 {
	margin-bottom: 40px!important
}
.mb50 {
	margin-bottom: 50px!important
}
.mb60 {
	margin-bottom: 60px!important
}
.mb70 {
	margin-bottom: 70px!important
}
.mb80 {
	margin-bottom: 80px!important
}
.mb90 {
	margin-bottom: 90px!important
}
.mb100 {
	margin-bottom: 100px!important
}
.mb110 {
	margin-bottom: 110px!important
}
.mb120 {
	margin-bottom: 120px!important
}
.mb130 {
	margin-bottom: 130px!important
}
.mb140 {
	margin-bottom: 140px!important
}
.mb150 {
	margin-bottom: 150px!important
}
.mb160 {
	margin-bottom: 160px!important
}
.mb170 {
	margin-bottom: 170px!important
}
.mb180 {
	margin-bottom: 180px!important
}
.mb190 {
	margin-bottom: 190px!important
}
.mb200 {
	margin-bottom: 200px!important
}
.mt0 {
	margin-top: 0!important
}
.mt3 {
	margin-top: 3px!important
}
.mt5 {
	margin-top: 5px!important
}
.mt10 {
	margin-top: 10px!important
}
.mt15 {
	margin-top: 15px!important
}
.mt20 {
	margin-top: 20px!important
}
.mt25 {
	margin-top: 25px!important
}
.mt30 {
	margin-top: 30px!important
}
.mt35 {
	margin-top: 35px!important
}
.mt40 {
	margin-top: 40px!important
}
.mt50 {
	margin-top: 50px!important
}
.mt60 {
	margin-top: 60px!important
}
.mt70 {
	margin-top: 70px!important
}
.mt80 {
	margin-top: 80px!important
}
.mt90 {
	margin-top: 90px!important
}
.mt100 {
	margin-top: 100px!important
}
.mt-3 {
	margin-top: -3px!important
}
.mt-5 {
	margin-top: -5px!important
}
.mt-10 {
	margin-top: -10px!important
}
.mt-15 {
	margin-top: -15px!important
}
.mt-20 {
	margin-top: -20px!important
}
.mt-25 {
	margin-top: -25px!important
}
.mt-30 {
	margin-top: -30px!important
}
.mt-35 {
	margin-top: -35px!important
}
.mt-40 {
	margin-top: -40px!important
}
.mt-50 {
	margin-top: -50px!important
}
.mt-60 {
	margin-top: -60px!important
}
.mt-70 {
	margin-top: -70px!important
}
.mt-80 {
	margin-top: -80px!important
}
.mt-90 {
	margin-top: -90px!important
}
.mt-100 {
	margin-top: -100px!important
}
.mt-110 {
	margin-top: -110px!important
}
.mt-120 {
	margin-top: -120px!important
}
.mt-130 {
	margin-top: -130px!important
}
.mt-140 {
	margin-top: -140px!important
}
.mt-150 {
	margin-top: -150px!important
}
.mt-160 {
	margin-top: -160px!important
}
.mt-170 {
	margin-top: -170px!important
}
.mt-180 {
	margin-top: -180px!important
}
.mt-190 {
	margin-top: -190px!important
}
.mt-200 {
	margin-top: -200px!important
}
.mr0 {
	margin-right: 0!important
}
.mr3 {
	margin-right: 3px!important
}
.mr5 {
	margin-right: 5px!important
}
.mr10 {
	margin-right: 10px!important
}
.mr15 {
	margin-right: 15px!important
}
.mr20 {
	margin-right: 20px!important
}
.mr25 {
	margin-right: 25px!important
}
.mr30 {
	margin-right: 30px!important
}
.mr35 {
	margin-right: 35px!important
}
.mr40 {
	margin-right: 40px!important
}
.mr45 {
	margin-right: 45px!important
}
.mr50 {
	margin-right: 50px!important
}
.mr60 {
	margin-right: 60px!important
}
.mr70 {
	margin-right: 70px!important
}
.mr80 {
	margin-right: 80px!important
}
.mr90 {
	margin-right: 90px!important
}
.mr100 {
	margin-right: 100px!important
}
.ml0 {
	margin-left: 0!important
}
.ml3 {
	margin-left: 3px!important
}
.ml5 {
	margin-left: 5px!important
}
.ml10 {
	margin-left: 10px!important
}
.ml15 {
	margin-left: 15px!important
}
.ml20 {
	margin-left: 20px!important
}
.ml25 {
	margin-left: 25px!important
}
.ml30 {
	margin-left: 30px!important
}
.ml35 {
	margin-left: 35px!important
}
.ml40 {
	margin-left: 40px!important
}
.ml45 {
	margin-left: 45px!important
}
.ml50 {
	margin-left: 50px!important
}
.ml53 {
	margin-left: 53px!important
}
.ml58 {
	margin-left: 58px!important
}
.ml60 {
	margin-left: 60px!important
}
.ml70 {
	margin-left: 70px!important
}
.ml80 {
	margin-left: 80px!important
}
.ml90 {
	margin-left: 90px!important
}
.ml100 {
	margin-left: 100px!important
}
.pb0 {
	padding-bottom: 0!important
}
.pb3 {
	padding-bottom: 3px!important
}
.pb5 {
	padding-bottom: 5px!important
}
.pb10 {
	padding-bottom: 10px!important
}
.pb15 {
	padding-bottom: 15px!important
}
.pb20 {
	padding-bottom: 20px!important
}
.pb25 {
	padding-bottom: 25px!important
}
.pb30 {
	padding-bottom: 30px!important
}
.pb35 {
	padding-bottom: 35px!important
}
.pb40 {
	padding-bottom: 40px!important
}
.pb50 {
	padding-bottom: 50px!important
}
.pb60 {
	padding-bottom: 60px!important
}
.pb70 {
	padding-bottom: 70px!important
}
.pb80 {
	padding-bottom: 80px!important
}
.pb90 {
	padding-bottom: 90px!important
}
.pb100 {
	padding-bottom: 100px!important
}
.pt0 {
	padding-top: 0!important
}
.pt3 {
	padding-top: 3px!important
}
.pt5 {
	padding-top: 5px!important
}
.pt10 {
	padding-top: 10px!important
}
.pt15 {
	padding-top: 15px!important
}
.pt20 {
	padding-top: 20px!important
}
.pt25 {
	padding-top: 25px!important
}
.pt30 {
	padding-top: 30px!important
}
.pt35 {
	padding-top: 35px!important
}
.pt40 {
	padding-top: 40px!important
}
.pt50 {
	padding-top: 50px!important
}
.pt60 {
	padding-top: 60px!important
}
.pt70 {
	padding-top: 70px!important
}
.pt80 {
	padding-top: 80px!important
}
.pt90 {
	padding-top: 90px!important
}
.pt100 {
	padding-top: 100px!important
}
.pl0 {
	padding-left: 0!important
}
.pl3 {
	padding-left: 3px!important
}
.pl5 {
	padding-left: 5px!important
}
.pl10 {
	padding-left: 10px!important
}
.pl15 {
	padding-left: 15px!important
}
.pl20 {
	padding-left: 20px!important
}
.pl25 {
	padding-left: 25px!important
}
.pl30 {
	padding-left: 30px!important
}
.pl35 {
	padding-left: 35px!important
}
.pl40 {
	padding-left: 40px!important
}
.pl45 {
	padding-left: 45px!important
}
.pl50 {
	padding-left: 50px!important
}
.pl60 {
	padding-left: 60px!important
}
.pl70 {
	padding-left: 70px!important
}
.pl80 {
	padding-left: 80px!important
}
.pl90 {
	padding-left: 90px!important
}
.pl100 {
	padding-left: 100px!important
}
.pr0 {
	padding-right: 0!important
}
.pr3 {
	padding-right: 3px!important
}
.pr5 {
	padding-right: 5px!important
}
.pr10 {
	padding-right: 10px!important
}
.pr15 {
	padding-right: 15px!important
}
.pr20 {
	padding-right: 20px!important
}
.pr25 {
	padding-right: 25px!important
}
.pr30 {
	padding-right: 30px!important
}
.pr35 {
	padding-right: 35px!important
}
.pr40 {
	padding-right: 40px!important
}
.pr45 {
	padding-right: 45px!important
}
.pr50 {
	padding-right: 50px!important
}
.pr60 {
	padding-right: 60px!important
}
.pr70 {
	padding-right: 70px!important
}
.pr80 {
	padding-right: 80px!important
}
.pr90 {
	padding-right: 90px!important
}
.pr100 {
	padding-right: 100px!important
}
.f_left {
	float: left
}
.f_right {
	float: right
}
.t_center {
	text-align: center!important
}
.t_right {
	text-align: right!important
}
.t_left {
	text-align: left!important
}
.clear {
	clear: both
}
.hide {
	display: none
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body, html {
	width: 100%;
	min-height: 100%
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
input, textarea {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th {
	text-align: left
}
embed, object {
	border: 0;
	vertical-align: bottom;
	outline: 0
}
img {
	border: none;
	vertical-align: middle
}
a {
	outline: 0
}
a img {
	border: none;
	text-decoration: none;
	outline: 0
}
a:focus {
	outline: 0
}
div, section {
	box-sizing: border-box
}
body {
	font: 13px/1.846
}
button, input, select, textarea {
	font: 99% arial, helvetica, clean, sans-serif
}
table {
	font: 100%
}
code, kbd, pre, samp, tt {
	font-family: monospace;
	line-height: 100%
}
a {
	display: inline-block
}
a:active, a:link, a:visited {
	color: #333;
	text-decoration: underline
}
a:hover {
	color: #333;
	text-decoration: none
}
article.top #main {
	text-align: left;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 0
}
article.top #main #main-bg {
	position: relative
}
article.top #main .logo {
	z-index: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 43px;
	height: 75px;
	margin: -38px 0 0 -22px;
	overflow: hidden;
	background: url(../images/common/_logo_fix/geek_logo_A_comp_v3_00070.png) no-repeat
}
article.top #main .shadow {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-image: url(../images/top/img_main_shadow.html);
	background-size: 100% 100%;
	opacity: 0;
	-moz-transition: opacity .8s cubic-bezier(.55, .085, .68, .53) .6s;
	-o-transition: opacity .8s cubic-bezier(.55, .085, .68, .53) .6s;
	-webkit-transition: opacity .8s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition-delay: .6s;
	transition: opacity .8s cubic-bezier(.55, .085, .68, .53) .6s
}
article.top #main .current-box {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -17px
}
article.top #main .current-box p {
	display: block;
	position: relative;
	width: 38px;
	height: 34px;
	background: url(../images/top/bg_main_count.html) no-repeat;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 0s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
	opacity: 0
}
article.top #main .current-box p span {
	display: block;
	font-size: 16px;
	line-height: 1em;
	color: #FFF;
	position: absolute;
	font-weight: 300;
	letter-spacing: 2px
}
article.top #main .current-box p span.current {
	top: 0;
	left: 0
}
article.top #main .current-box p span.total {
	bottom: 0;
	right: 2px
}
article.top #main .current-box p.active {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) .2s;
	opacity: 1
}
article.top #main #main-navi {
	position: absolute;
	top: 50%;
	left: 58px;
	text-align: left;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
article.top #main #main-navi .main-list li {
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}
article.top #main #main-navi .main-list li .url {
	display: none
}
article.top #main #main-navi .main-list li .category span {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 8px;
	border: 1px solid #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	opacity: 0;
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.2s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s
}
article.top #main #main-navi .main-list li .ttl {
	width: 660px;
	margin-top: 6px;
	overflow: hidden;
	position: relative
}
article.top #main #main-navi .main-list li .ttl span {
	display: block;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.3em;
	-moz-transition: -moz-transform 1s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform 1s cubic-bezier(.25, .46, .45, .94);
	transition: transform 1s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
article.top #main #main-navi .main-list li .client {
	display: block;
	margin-top: 6px;
	overflow: hidden;
	position: relative
}
article.top #main #main-navi .main-list li .client span {
	display: block;
	font-weight: 300;
	letter-spacing: 1.5px;
	font-size: 12px;
	line-height: 1em;
	-moz-transition: -moz-transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s;
	transition: transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
article.top #main #main-navi .main-list li .detail-btn {
	margin-top: 15px;
	position: relative;
	text-decoration: none
}
article.top #main #main-navi .main-list li.remove .detail-btn {
	pointer-events: none;
}/*
article.top #main #main-navi .main-list li.active .detail-btn {
	display:inline-block;
}*/
article.top #main #main-navi .main-list li .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.2s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #main #main-navi .main-list li .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.39s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #main #main-navi .main-list li .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #main #main-navi .main-list li .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #main #main-navi .main-list li .detail-btn .text {
	display: block;
	width: 110px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	opacity: 0;
	letter-spacing: .5px;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2s, color .23s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2s, color .23s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), color .23s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2s, 0s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2s, color .23s cubic-bezier(.25, .46, .45, .94)
}
article.top #main #main-navi .main-list li.active {
	position: relative;
	z-index: 1;

}
article.top #main #main-navi .main-list li.active .category span {
	opacity: 1
}
article.top #main #main-navi .main-list li.active .client span, article.top #main #main-navi .main-list li.active .ttl span {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
article.top #main #main-navi .main-list li.active .detail-btn {
	pointer-events:all;
}

article.top #main #main-navi .main-list li.active .detail-btn .line-top {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #main #main-navi .main-list li.active .detail-btn .line-right {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #main #main-navi .main-list li.active .detail-btn .line-bottom {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #main #main-navi .main-list li.active .detail-btn .line-left {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #main #main-navi .main-list li.active .detail-btn .text {
	opacity: 1
}
article.top #main #main-navi .main-list li.remove {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 0
}
article.top #main #main-navi .next-prev li {
	position: absolute;
	left: 0;
	width: 15px;
	height: 10px;
	font-size: 0
}
article.top #main #main-navi .next-prev li:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat
}
article.top #main #main-navi .next-prev li.prev {
	top: -40px
}
article.top #main #main-navi .next-prev li.prev:after {
	background-image: url(../images/top/img_main_pc_prev.html)
}
article.top #main #main-navi .next-prev li.next {
	bottom: -40px
}
article.top #main #main-navi .next-prev li.next:after {
	background-image: url(../images/top/img_main_pc_next.html)
}
article.top #main .detail-arrow {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -28px;
	width: 90px;
	height: 75px
}
article.top #main .detail-arrow a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF
}
article.top #main .detail-arrow a .txt {
	display: inline-block;
	font-size: 12px;
	margin-top: 30px;
	text-align: center;
	font-weight: 300;
	letter-spacing: .5px
}
article.top #main .detail-arrow a .arrow {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	width: 90px;
	height: 75px;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.top #main .detail-arrow a .arrow:before {
	content: "";
	display: block;
	width: 90px;
	height: 75px;
	background-image: url(../images/works/img_main_detail.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	-moz-animation-name: floatAnimation;
	-webkit-animation-name: floatAnimation;
	animation-name: floatAnimation;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(69);
	-webkit-animation-timing-function: steps(69);
	animation-timing-function: steps(69);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.top #main .copyright {
	font-weight: 300;
	letter-spacing: .5px;
	font-size: 10px;
	color: #FFF;
	position: absolute;
	bottom: 30px;
	left: 30px
}
article.top #main .sns {
	overflow: hidden;
	position: absolute;
	bottom: 30px;
	right: 30px
}
article.top #main .sns p {
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	float: left;
	color: #FFF;
	position: relative;
	font-weight: 300;
	letter-spacing: 2px
}
article.top #main .sns .slash {
	float: left;
	margin-left: 10px;
	margin-right: 18px;
	background-color: #FFF;
	display: inline-block;
	width: 1px;
	height: 18px
}
article.top #main .sns ul {
	float: left
}
article.top #main .sns ul li {
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 17px
}
article.top #main .sns ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}
article.top #main .sns ul li.fb {
	margin-left: 0
}
article.top #main .sns ul li.fb a {
	background-image: url(../images/common/img_footer_fb.html)
}
article.top #main .sns ul li.tw a {
	background-image: url(../images/common/img_footer_tw.html)
}
article.top #main.addLogo .logo, article.top #main.addShadow .shadow {
	opacity: 1
}

@media screen and (max-width:1000px) {
article.top #main #main-navi {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: left;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
article.top #main #main-navi .main-list {
	display: block;
	padding: 78px
}
article.top #main #main-navi .main-list li .category span {
	display: inline-block;
	font-size: 16px;
	margin-right: 10px;
	height: 23px;
	line-height: 23px;
	padding: 0 13px;
	border: 1px solid #FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	opacity: 0;
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.2s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.2s
}
article.top #main #main-navi .main-list li .ttl {
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
	position: relative
}
article.top #main #main-navi .main-list li .ttl span {
	display: block;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.1em;
	-moz-transition: -moz-transform 1s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform 1s cubic-bezier(.25, .46, .45, .94);
	transition: transform 1s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
article.top #main #main-navi .main-list li .client {
	display: block;
	margin-top: 7px;
	overflow: hidden;
	position: relative
}
article.top #main #main-navi .main-list li .client span {
	display: block;
	font-size: 18px;
	line-height: 1em;
	-moz-transition: -moz-transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s;
	transition: transform 1s cubic-bezier(.25, .46, .45, .94) .2s;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
article.top #main #main-navi .main-list li .detail-btn {
	margin-top: 20px;
	position: relative
}
article.top #main #main-navi .main-list li .detail-btn .text {
	display: block;
	width: 140px;
	height: 36px;
	line-height: 36px;
	font-size: 20px
}
article.top #main #main-navi .next-prev {
	display: block;
	width: 100%
}
article.top #main #main-navi .next-prev li {
	position: absolute;
	left: 0;
	width: 18px;
	height: 30px;
	font-size: 0;
	margin-top: -15px
}
article.top #main #main-navi .next-prev li:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat
}
article.top #main #main-navi .next-prev li.prev {
	top: 50%;
	left: 30px
}
article.top #main #main-navi .next-prev li.prev:after {
	background-image: url(../images/top/img_main_prev.html)
}
article.top #main #main-navi .next-prev li.next {
	top: 50%;
	bottom: auto;
	left: auto;
	right: 30px
}
article.top #main #main-navi .next-prev li.next:after {
	background-image: url(../images/top/img_main_next.html)
}
article.top #main .current-box, article.top #main .sns {
	display: none
}
}

@media screen and (max-width:760px) {
article.top #main .logo {
	z-index: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 140px;
	margin: -71px 0 0 -40px;
	overflow: hidden;
	background: url(../images/common/_logo_fix_sp/geek_logo_A_comp_v3_00070.html) no-repeat
}
article.top #main #main-navi .main-list li .ttl {
	margin-top: 26px
}
article.top #main #main-navi .main-list li .client {
	margin-top: 30px
}
article.top #main #main-navi .main-list li .detail-btn {
	margin-top: 38px
}
article.top #main #main-navi .main-list li .detail-btn .text {
	display: block;
	width: 221px;
	height: 53px;
	line-height: 53px;
	font-size: 28px
}
article.top #main .detail-arrow {
	display: inline-block;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -68px;
	width: 136px;
	height: 150px
}
article.top #main .detail-arrow a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF
}
article.top #main .detail-arrow a .txt {
	display: inline-block;
	font-size: 18px;
	margin-top: 70px;
	text-align: center
}
article.top #main .detail-arrow a .arrow {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 150px
}
article.top #main .detail-arrow a .arrow:before {
	content: "";
	display: block;
	width: 44px;
	height: 150px;
	background-image: url(../images/works/img_main_detail.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 100%;
	-moz-animation-name: floatAnimation;
	-webkit-animation-name: floatAnimation;
	animation-name: floatAnimation;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(69);
	-webkit-animation-timing-function: steps(69);
	animation-timing-function: steps(69);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
}
.pc article.top #main #main-navi .main-list li .detail-btn {
	-moz-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	transition: background-color .2s cubic-bezier(.55, .085, .68, .53)
}
.pc article.top #main #main-navi .main-list li .detail-btn:hover {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	background-color: #FFF
}
.pc article.top #main #main-navi .main-list li .detail-btn:hover .text {
	color: #111;
	-moz-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	transition: color .2s cubic-bezier(.25, .46, .45, .94)
}
.pc article.top #main #main-navi .next-prev li {
	cursor: pointer
}
.pc article.top #main .detail-arrow a:hover .arrow {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}
article.top #concept {
	width: 1120px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #concept .container {
	height: 620px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -310px
}
article.top #concept .container .bg {
	width: 220px;
	height: 382px;
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -110px;
	background: url(../images/top/bg_concept.html);
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #concept .container .text-container {
	display: inline-block;
	position: absolute;
	top: 200px;
	left: 20px;
	width: 353px;
	height: 321px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/top/copy_jp.html);
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #concept .container .concept-message {
	display: inline-block;
	position: absolute;
	top: 168px;
	right: 40px;
	width: 333px;
	height: 321px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/top/copy_en.html);
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #concept.active .container .bg {
	opacity: 1;
	-moz-transition: opacity 1.1s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity 1.1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity 1.1s cubic-bezier(.25, .46, .45, .94);
	transition: opacity 1.1s cubic-bezier(.25, .46, .45, .94)
}
article.top #concept.active .container .text-container {
	-moz-transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s;
	opacity: 1
}
article.top #concept.active .container .concept-message {
	opacity: 1;
	-moz-transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s
}
article.top .page-announce {
	width: 100%;
	height: 670px;
	max-width: 1280px;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 0;
	overflow: hidden
}
article.top .page-announce .container {
	position: relative;
	display: block;
	overflow: hidden
}
article.top .page-announce .container p {
	text-align: left;
	margin-left: -24px;
	color: #f2f2f2;
	font-size: 250px;
	z-index: 0;
	font-weight: 800;
	line-height: .85em;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	opacity: 0
}
article.top .page-announce.active .container p {
	-moz-transition: -moz-transform .8s cubic-bezier(.25, .46, .45, .94), opacity .8s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .8s cubic-bezier(.25, .46, .45, .94), opacity .8s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .8s cubic-bezier(.25, .46, .45, .94), opacity .8s cubic-bezier(.25, .46, .45, .94);
	transition: transform .8s cubic-bezier(.25, .46, .45, .94), opacity .8s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

@media screen and (max-width:1120px) {
article.top #concept {
	width: 720px;
	height: auto!important;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #concept .container {
	height: 692px;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0
}
article.top #concept .container .bg {
	top: 128px
}
article.top #concept .container .text-container {
	position: absolute;
	top: 200px;
	left: 0
}
article.top #concept .container .concept-message {
	position: absolute;
	top: 168px;
	right: 0
}
}

@media screen and (max-width:760px) {
article.top #concept {
	width: 670px;
	margin: 0 auto;
	text-align: center;
	position: relative
}
article.top #concept .container {
	height: 1150px
}
article.top #concept .container .bg {
	top: 198px;
	width: 278px;
	height: 482px;
	background-size: contain;
	margin-left: -139px
}
article.top #concept .container .text-container {
	position: absolute;
	top: 711px;
	left: 0;
	width: 100%;
	height: 308px;
	background-image: url(../images/top/copy_jp_sp.html);
	background-position: 50% 0
}
article.top #concept .container .concept-message {
	text-align: left;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 418px;
	margin: 240px auto 0;
	background-image: url(../images/top/copy_en_sp.html);
	background-position: 50% 0
}
article.top #concept .container .bg {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #concept .container .text-container h2, article.top #concept .container .text-container p .lang-en span, article.top #concept .container .text-container p .lang-ja span {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.top #concept .container .concept-message span {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top .page-announce {
	top: 150px
}
}
article.top #news {
	width: 100%;
	height: 870px;
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #news h2 {
	margin: 28px 0 0 110px;
	text-align: left;
	display: inline-block
}
article.top #news h2 .ttl_en {
	display: block
}
article.top #news h2 .ttl_en span {
	display: inline-block;
	font-size: 43px;
	font-weight: 700;
	margin-left: 72px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0
}
article.top #news h2 .ttl_en span:first-child {
	margin-left: 0
}
article.top #news h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
article.top #news h2 .ttl_ja {
	overflow: hidden;
	display: block
}
article.top #news h2 .ttl_ja:before {
	content: "";
	display: block;
	width: 263px;
	height: 1px;
	background-repeat: no-repeat;
	float: left;
	background-color: #c5c5c5;
	margin-top: 6px;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news h2 .ttl_ja .text {
	float: right;
	font-size: 14px;
	line-height: 1em;
	opacity: 0
}


article.top #news .container {
	margin: 26px auto 0 auto;
	display: block;
	text-align: center;
	width: 950px
	
}

article.top #news .container h3 {
	text-align:left;
	font-size: 20px;
	font-weight: 700;
	margin:2em 0 1em 0;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}

article.top #news .container dl{
	text-align: left;
	opacity: 0;
	font-size:13px;
	line-height: 1.84em;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}


article.top #news .container ul {
	display: inline-block;
	margin: 0 auto
}
article.top #news .container ul li {
	float: left;
	margin-left: 40px;
	width: 290px;
	height: 272px;
	padding: 10px 0;
	position: relative;
	-moz-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	-o-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	-webkit-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955)
}
article.top #news .container ul li:first-child {
	margin-left: 0
}
article.top #news .container ul li:nth-child(4) {
	display: none
}
article.top #news .container ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	padding-top: 11px
}
article.top #news .container ul li a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .line-box-bottom, article.top #news .container ul li a .line-box-left, article.top #news .container ul li a .line-box-right, article.top #news .container ul li a .line-box-top {
	position: absolute;
	background-color: #eaeaea;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .line-box-bottom, article.top #news .container ul li a .line-box-top {
	width: 100%;
	height: 1px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news .container ul li a .line-box-left, article.top #news .container ul li a .line-box-right {
	width: 1px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #news .container ul li a .line-box-top {
	top: 0;
	left: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.top #news .container ul li a .line-box-right {
	top: 0;
	right: 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #news .container ul li a .line-box-bottom {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
article.top #news .container ul li a .line-box-left {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
article.top #news .container ul li a .img-container {
	width: 100%;
	position: relative;
	margin-left: -11px
}
article.top #news .container ul li a .img-container:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #FFF;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .img-container .line-bottom, article.top #news .container ul li a .img-container .line-top {
	z-index: 1;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .img-container .line-left, article.top #news .container ul li a .img-container .line-right {
	z-index: 1;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .img-container .img-box {
	display: block;
	position: relative;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .img-container .img-box img {
	position: relative;
	width: 100%;
	height: auto
}
article.top #news .container ul li a .img-container .img-box:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .ttl {
	position: relative;
	overflow: hidden;
	margin-top: 16px;
	padding: 0 18px;
	text-align: left;
	font-size: 13px;
	line-height: 1.84em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #news .container ul li a .date {
	position: absolute;
	left: 18px;
	bottom: 18px;
	text-align: left;
	color: #aaa;
	font-size: 13px;
	line-height: 1em;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0;
	font-weight: 300
}
article.top #news .container ul li a .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.top #news .container ul li a .detail-btn .line-bottom, article.top #news .container ul li a .detail-btn .line-left, article.top #news .container ul li a .detail-btn .line-right, article.top #news .container ul li a .detail-btn .line-top {
	background-color: #111;
	z-index: 1
}
article.top #news .container ul li a .detail-btn .line-bottom, article.top #news .container ul li a .detail-btn .line-top {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .detail-btn .line-left, article.top #news .container ul li a .detail-btn .line-right {
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container ul li a .detail-btn .txt {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	letter-spacing: .5px;
	font-size: 14.3px;
	line-height: 34px;
	color: #111;
	text-align: center;
	background-color: #FFF;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #news .container .more-btn {
	display: block;
	margin-top: 63px
}
article.top #news .container .more-btn a {
	position: relative;
	text-decoration: none;
	width: 266px;
	height: 55px;
	line-height: 55px
}
article.top #news .container .more-btn a .line-bottom, article.top #news .container .more-btn a .line-left, article.top #news .container .more-btn a .line-right, article.top #news .container .more-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.top #news .container .more-btn a .line-bottom, article.top #news .container .more-btn a .line-top {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container .more-btn a .line-left, article.top #news .container .more-btn a .line-right {
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #news .container .more-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 21px;
	left: -57px;
	width: 92px;
	height: 8px;
	overflow: hidden;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}
article.top #news .container .more-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.top #news .container .more-btn a .txt, article.top #news .container .more-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 55px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #news .container .more-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2
}
article.top #news.active h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #news.active h2 .ttl_en span:nth-child(1) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94)
}
article.top #news.active h2 .ttl_en span:nth-child(2) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .1s, .1s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s
}
article.top #news.active h2 .ttl_en span:nth-child(3) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s, .2s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s
}
article.top #news.active h2 .ttl_en span:nth-child(4) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .3s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s
}
article.top #news.active h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #news.active h2 .ttl_ja:before {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s
}

article.top #news.active .container h3 {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}

article.top #news.active .container dl{
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}

article.top #news.active .container ul li:nth-child(1) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .7s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container:before {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.49s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.49s
}
article.top #news.active .container ul li:nth-child(1) a .img-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .99s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.18s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.36s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container .img-box {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.36s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.36s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .img-container .img-box:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news.active .container ul li:nth-child(1) a .ttl {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(1) a .date {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-bottom, article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-left, article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-right, article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-top {
	background-color: #111
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.29s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.48s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(1) a .detail-btn .txt {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.66s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.66s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s, 0s, 0s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.66s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
article.top #news.active .container ul li:nth-child(2) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container:before {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.59s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.59s
}
article.top #news.active .container ul li:nth-child(2) a .img-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.09s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.28s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.46s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container .img-box {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.46s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .img-container .img-box:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news.active .container ul li:nth-child(2) a .ttl {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.66s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(2) a .date {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-bottom, article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-left, article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-right, article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-top {
	background-color: #111
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.39s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(2) a .detail-btn .txt {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s, 0s, 0s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
article.top #news.active .container ul li:nth-child(3) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .69s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container:before {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.69s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.69s
}
article.top #news.active .container ul li:nth-child(3) a .img-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.19s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.38s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container .img-box {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .img-container .img-box:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.96s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news.active .container ul li:nth-child(3) a .ttl {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(3) a .date {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-bottom, article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-left, article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-right, article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-top {
	background-color: #111
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(3) a .detail-btn .txt {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.86s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.86s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s, 0s, 0s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.86s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
article.top #news.active .container ul li:nth-child(4) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .6s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .88s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container:before {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.79s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.79s
}
article.top #news.active .container ul li:nth-child(4) a .img-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.29s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.48s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container .img-box {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .img-container .img-box:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.06s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.06s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.06s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.06s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #news.active .container ul li:nth-child(4) a .ttl {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.86s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(4) a .date {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.96s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.96s;
	opacity: 1
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-bottom, article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-left, article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-right, article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-top {
	background-color: #111
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.96s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.96s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container ul li:nth-child(4) a .detail-btn .txt {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.96s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.96s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.96s, 0s, 0s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.96s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
article.top #news.active .container .more-btn a .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container .more-btn a .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.98s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container .more-btn a .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news.active .container .more-btn a .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #news.active .container .more-btn a .arrow {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s, 2.16s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s
}
article.top #news.active .container .more-btn a .txt {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	opacity: 1
}

@media screen and (max-width:1120px) {
article.top #news {
	width: 800px;
	height: 1102px
}
article.top #news h2 {
	margin: 38px 0 0 44px
}
article.top #news .container {
	margin: 26px 0 0 55px;
	display: block;
	width: 690px
}
article.top #news .container ul {
	display: inline-block;
	margin: 0 0 0 -50px
}
article.top #news .container ul li {
	margin-left: 50px;
	margin-bottom: 60px;
	width: 312px;
	height: 282px;
	padding: 10px 0;
	position: relative
}
article.top #news .container ul li:first-child {
	margin-left: 50px
}
article.top #news .container ul li:nth-child(4) {
	display: block
}
article.top #news .container ul li a .img-container {
	width: 100%;
	position: relative;
	margin-left: -12px;
	background-color: #FFF
}
article.top #news .container ul li a .img-container img {
	width: 100%;
	height: auto
}
article.top #news .container ul li a .date {
	left: 19px;
	bottom: 18px
}
article.top #news .container ul li a .detail-btn {
	bottom: -21px;
	right: -10px;
	width: 152px;
	height: 45px;
	line-height: 45px;
	font-size: 14px
}
article.top #news .container .more-btn {
	display: block;
	margin-top: 30px
}
}

@media screen and (max-width:760px) {
article.top #news {
	width: 750px;
	height: 1261px
}
article.top #news.press {
	width: 750px;
	height: 1500px
}
article.top #news h2 {
	margin: 38px 0 0 44px
}
article.top #news h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #news h2 .ttl_en span:nth-child(1), article.top #news h2 .ttl_en span:nth-child(2), article.top #news h2 .ttl_en span:nth-child(3), article.top #news h2 .ttl_en span:nth-child(4) {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #news h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #news h2 .ttl_ja:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #news h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #news .container {
	margin: 26px 0 0 25px;
	display: block;
	width: 680px
}

article.top #news .container h3 {
	font-size:30px;
	margin-left:20px;
	margin-right:20px;
}

article.top #news .container dl{
	font-size:22px;
	margin-left:20px;
	margin-right:20px;
	line-height:1.63em;
}

article.top #news .container ul {
	display: inline-block;
	margin: 0 0 0 -9px
}
article.top #news .container ul li {
	margin-left: 30px;
	margin-bottom: 47px;
	width: 314px;
	height: 296px;
	padding: 10px 0;
	position: relative
}
article.top #news .container ul li:first-child {
	margin-left: 30px
}
article.top #news .container ul li:nth-child(4) {
	display: block
}
article.top #news .container ul li a .img-container {
	width: 100%;
	position: relative;
	margin-left: -12px;
	background-color: #FFF
}
article.top #news .container ul li a .img-container img {
	width: 100%;
	height: auto
}
article.top #news .container ul li a .ttl {
	overflow: hidden;
	margin-top: 16px;
	padding: 0 18px;
	font-size: 22px;
	line-height: 1.63em
}
article.top #news .container ul li a .date {
	font-size: 16px;
	left: 19px;
	bottom: 21px
}
article.top #news .container ul li a .detail-btn {
	bottom: -28px;
	right: -10px;
	width: 152px;
	height: 45px;
	line-height: 45px;
	font-size: 18px
}
article.top #news .container .more-btn {
	display: block;
	margin-top: 30px
}
article.top #news .container .more-btn a {
	width: 400px;
	height: 83px;
	line-height: 83px
}
article.top #news .container .more-btn a .line-bottom, article.top #news .container .more-btn a .line-left, article.top #news .container .more-btn a .line-right, article.top #news .container .more-btn a .line-top {
	background-color: #111
}
article.top #news .container .more-btn a .txt, article.top #news .container .more-btn a .txt-over {
	font-weight: 700;
	font-size: 30px;
	line-height: 83px
}
article.top #news .container .more-btn a .arrow {
	position: absolute;
	top: 32px;
	left: -57px;
	width: 92px;
	height: 8px
}
}
.pc article.top #news .container ul li a:hover .detail-btn .txt {
	color: #FFF;
	background-color: #000
}
.pc article.top #news .container .more-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.top #news .container .more-btn a:hover .txt-over {
	opacity: 1
}
article.top #service {
	width: 100%;
	height: 1552px;
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #service h2 {
	position: absolute;
	right: 80px;
	top: 28px;
	text-align: left;
	display: inline-block
}
article.top #service h2 .ttl_en {
	display: inline-block
}
article.top #service h2 .ttl_en span {
	display: inline-block;
	font-size: 43px;
	font-weight: 700;
	margin-left: 55px;
	margin-top: 24px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0
}
article.top #service h2 .ttl_en span:first-child {
	margin-left: 0
}
article.top #service h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
article.top #service h2 .ttl_ja {
	overflow: hidden;
	display: block
}
article.top #service h2 .ttl_ja:before {
	content: "";
	display: block;
	width: 446px;
	height: 1px;
	background-repeat: no-repeat;
	float: left;
	background-color: #c5c5c5;
	margin-top: 6px;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service h2 .ttl_ja .text {
	float: right;
	font-size: 14px;
	line-height: 1em;
	opacity: 0
}
article.top #service .container {
	padding-top: 85px;
	display: block;
	text-align: center
}
article.top #service .container ul {
	display: block;
	width: 1222px;
	margin: 0 auto;
	position: relative
}
article.top #service .container ul li {
	position: absolute;
	width: 295px;
	height: 330px;
	-moz-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	-o-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	-webkit-transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955);
	transition: width .6s cubic-bezier(.455, .03, .515, .955), height .6s cubic-bezier(.455, .03, .515, .955)
}
article.top #service .container ul li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	cursor: pointer
}
article.top #service .container ul li a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .line-box-bottom, article.top #service .container ul li a .line-box-left, article.top #service .container ul li a .line-box-right, article.top #service .container ul li a .line-box-top {
	position: absolute;
	background-color: #eaeaea;
	z-index: 1;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .line-box-bottom, article.top #service .container ul li a .line-box-top {
	width: 100%;
	height: 2px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li a .line-box-left, article.top #service .container ul li a .line-box-right {
	width: 2px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #service .container ul li a .line-box-top {
	top: 0;
	left: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.top #service .container ul li a .line-box-right {
	top: 0;
	right: 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #service .container ul li a .line-box-bottom {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
article.top #service .container ul li a .line-box-left {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
article.top #service .container ul li a .img-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	z-index: 2;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .img-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .img-container .bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#66000000', endColorstr='#66000000');
	background: 0 0;
	background: rgba(0,0,0,.4);
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
:root article.top #service .container ul li a .img-container .bg:after {
	filter: none\0/IE9
}
article.top #service .container ul li a .img-container .ttl {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFF;
	letter-spacing: .3em;
	font-size: 24px;
	line-height: 1.16em;
	font-weight: 700;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .img-container:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #service .container ul li a .hover-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	opacity: 0;
	z-index: 3;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s;
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s;
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition-delay: .2s;
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s
}
article.top #service .container ul li a .hover-container .bg {
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}
article.top #service .container ul li a .hover-container .bg:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF
}
article.top #service .container ul li a .hover-container .txt-container {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
article.top #service .container ul li a .hover-container .txt-container h3 {
	font-size: 24px;
	line-height: 1.16em;
	letter-spacing: .25em;
	font-weight: 700;
	padding: 0 30px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #service .container ul li a .hover-container .txt-container .line {
	display: inline-block;
	width: 64px;
	height: 1px;
	background-color: #333;
	padding: 0 30px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li a .hover-container .txt-container .lead {
	margin-top: 7px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	padding: 0 30px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #service .container ul li a .hover-container .txt-container .txt {
	margin-top: 6px;
	display: block;
	font-size: 14px;
	padding: 0 30px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #service .container ul li a .detail-btn {
	position: relative;
	margin: 28px auto 0;
	width: 112px;
	height: 26px;
	overflow: hidden
}
article.top #service .container ul li a .detail-btn .line-bottom, article.top #service .container ul li a .detail-btn .line-left, article.top #service .container ul li a .detail-btn .line-right, article.top #service .container ul li a .detail-btn .line-top {
	background-color: #111;
	position: absolute
}
article.top #service .container ul li a .detail-btn .line-bottom, article.top #service .container ul li a .detail-btn .line-top {
	height: 1.2px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .detail-btn .line-left, article.top #service .container ul li a .detail-btn .line-right {
	width: 1.2px;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #service .container ul li a .detail-btn .txt-btn {
	display: block;
	z-index: 0;
	width: 100%;
	height: 100%;
	font-size: 14.3px;
	line-height: 26px;
	color: #111;
	text-align: center;
	background-color: #FFF;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #service .container ul li a.dead {
	cursor: default
}
article.top #service .container ul li.size-l {
	width: 604px;
	height: 330px
}
article.top #service .container ul li.direction {
	top: 110px;
	left: 618px
}
article.top #service .container ul li.creative {
	top: 110px;
	left: 927px
}
article.top #service .container ul li.featurefilm {
	top: 342px;
	left: 0
}
article.top #service .container ul li.experience {
	top: 452px;
	left: 618px
}
article.top #service .container ul li.mv {
	top: 683px;
	left: 0
}
article.top #service .container ul li.tv {
	top: 683px;
	left: 309px
}
article.top #service .container ul li.art {
	top: 793px;
	left: 618px
}
article.top #service .container ul li.graphic,
article.top #service .container ul li.others {
	top: 793px;
	left: 927px
}
article.top #service.active h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #service.active h2 .ttl_en span:nth-child(1) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94)
}
article.top #service.active h2 .ttl_en span:nth-child(2) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .1s, .05s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s
}
article.top #service.active h2 .ttl_en span:nth-child(3) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s, .1s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s
}
article.top #service.active h2 .ttl_en span:nth-child(4) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .15s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s
}
article.top #service.active h2 .ttl_en span:nth-child(5) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .2s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s
}
article.top #service.active h2 .ttl_en span:nth-child(6) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .25s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s
}
article.top #service.active h2 .ttl_en span:nth-child(7) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .3s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s
}
article.top #service.active h2 .ttl_en span:nth-child(8) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .35s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s
}
article.top #service.active h2 .ttl_en span:nth-child(9) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s
}
article.top #service.active h2 .ttl_en span:nth-child(10) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .45s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .45s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .45s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .45s
}
article.top #service.active h2 .ttl_en span:nth-child(11) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .5s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .5s
}
article.top #service.active h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #service.active h2 .ttl_ja:before {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s
}
article.top #service.active .container ul li:nth-child(1) {
	z-index: 1
}
article.top #service.active .container ul li:nth-child(1) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(1) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(1) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(2) {
	z-index: 2
}
article.top #service.active .container ul li:nth-child(2) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .5s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(2) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(2) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(3) {
	z-index: 3
}
article.top #service.active .container ul li:nth-child(3) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .6s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .6s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .69s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(3) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(3) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(4) {
	z-index: 4
}
article.top #service.active .container ul li:nth-child(4) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .7s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .7s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .6s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .88s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(4) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(4) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(5) {
	z-index: 5
}
article.top #service.active .container ul li:nth-child(5) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .8s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(5) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .7s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(5) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .89s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(5) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .98s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(5) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(5) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(5) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(6) {
	z-index: 6
}
article.top #service.active .container ul li:nth-child(6) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .9s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(6) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(6) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .99s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(6) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.08s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(6) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(6) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(6) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.77s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(7) {
	z-index: 7
}
article.top #service.active .container ul li:nth-child(7) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(7) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(7) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.09s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(7) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.18s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(7) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(7) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(7) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.87s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(8) {
	z-index: 8
}
article.top #service.active .container ul li:nth-child(8) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.1s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(8) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(8) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.19s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(8) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.28s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(8) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(8) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(8) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service.active .container ul li:nth-child(9) {
	z-index: 9
}
article.top #service.active .container ul li:nth-child(9) a:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.2s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.2s;
	opacity: 1
}
article.top #service.active .container ul li:nth-child(9) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.1s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.1s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(9) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.29s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(9) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.38s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(9) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service.active .container ul li:nth-child(9) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service.active .container ul li:nth-child(9) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

@media screen and (max-width:1240px) {
article.top #service {
	width: 710px;
	height: 2009px
}
article.top #service h2 {
	position: relative;
	left: 0;
	top: 0
}
article.top #service .container {
	padding-top: 34px
}
article.top #service .container ul {
	width: 710px
}
article.top #service .container ul li {
	width: 344px;
	height: 330px
}
article.top #service .container ul li a .img-container .ttl {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFF;
	letter-spacing: .1em;
	font-size: 30px;
	line-height: 1.06em;
	font-weight: 700
}
article.top #service .container ul li.size-l {
	width: 344px;
	height: 330px
}
article.top #service .container ul li.cm {
	top: 0;
	left: 0
}
article.top #service .container ul li.direction {
	top: 80px;
	left: 364px
}
article.top #service .container ul li.creative {
	top: 345px;
	left: 0
}
article.top #service .container ul li.featurefilm {
	top: 425px;
	left: 364px
}
article.top #service .container ul li.experience {
	top: 689px;
	left: 0
}
article.top #service .container ul li.mv {
	top: 769px;
	left: 364px
}
article.top #service .container ul li.tv {
	top: 1034px;
	left: 0
}
article.top #service .container ul li.art {
	top: 1114px;
	left: 364px
}
article.top #service .container ul li.others {
	top: 1378px;
	left: 0
}
article.top #service .container .more-btn {
	display: block;
	margin-top: 50px
}
article.top #service .container .more-btn a {
	width: 266px;
	height: 55px;
	line-height: 55px;
	color: #111;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	position: relative
}
article.top #service .container .more-btn a .line-bottom, article.top #service .container .more-btn a .line-left, article.top #service .container .more-btn a .line-right, article.top #service .container .more-btn a .line-top {
	background-color: #111
}
}

@media screen and (max-width:760px) {
article.top #service {
	width: 670px
}
article.top #service h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #service h2 .ttl_en span:nth-child(1), article.top #service h2 .ttl_en span:nth-child(10), article.top #service h2 .ttl_en span:nth-child(11), article.top #service h2 .ttl_en span:nth-child(2), article.top #service h2 .ttl_en span:nth-child(3), article.top #service h2 .ttl_en span:nth-child(4), article.top #service h2 .ttl_en span:nth-child(5), article.top #service h2 .ttl_en span:nth-child(6), article.top #service h2 .ttl_en span:nth-child(7), article.top #service h2 .ttl_en span:nth-child(8), article.top #service h2 .ttl_en span:nth-child(9) {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #service h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #service h2 .ttl_ja:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #service .container {
	padding-top: 28px
}
article.top #service .container ul {
	width: 670px
}
article.top #service .container ul li {
	width: 325px;
	height: 330px
}
article.top #service .container ul li a .img-container .ttl {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFF;
	letter-spacing: .1em;
	font-size: 30px;
	line-height: 1.06em;
	font-weight: 700
}
article.top #service .container ul li a .hover-container {
	display: none
}
article.top #service .container ul li.size-l {
	width: 325px;
	height: 330px
}
article.top #service .container ul li.cm {
	top: 0;
	left: 0
}
article.top #service .container ul li.direction {
	top: 80px;
	left: 344px
}
article.top #service .container ul li.creative {
	top: 345px;
	left: 0
}
article.top #service .container ul li.featurefilm {
	top: 425px;
	left: 344px
}
article.top #service .container ul li.experience {
	top: 689px;
	left: 0
}
article.top #service .container ul li.mv {
	top: 769px;
	left: 344px
}
article.top #service .container ul li.tv {
	top: 1034px;
	left: 0
}
article.top #service .container ul li.art {
	top: 1114px;
	left: 344px
}
article.top #service .container ul li.graphic,
article.top #service .container ul li.others {
	top: 1378px;
	left: 0
}
article.top #service .container ul li:nth-child(1) {
	z-index: 1
}
article.top #service .container ul li:nth-child(1) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(1) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(1) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(2) {
	z-index: 2
}
article.top #service .container ul li:nth-child(2) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(2) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(2) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(3) {
	z-index: 3
}
article.top #service .container ul li:nth-child(3) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(3) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(3) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(4) {
	z-index: 4
}
article.top #service .container ul li:nth-child(4) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(4) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(4) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(5) {
	z-index: 5
}
article.top #service .container ul li:nth-child(5) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(5) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(5) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(5) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(5) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(5) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(5) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(6) {
	z-index: 6
}
article.top #service .container ul li:nth-child(6) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(6) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(6) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(6) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(6) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(6) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(6) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(7) {
	z-index: 7
}
article.top #service .container ul li:nth-child(7) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(7) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(7) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(7) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(7) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(7) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(7) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(8) {
	z-index: 8
}
article.top #service .container ul li:nth-child(8) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(8) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(8) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(8) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(8) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(8) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(8) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container ul li:nth-child(9) {
	z-index: 9
}
article.top #service .container ul li:nth-child(9) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #service .container ul li:nth-child(9) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(9) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(9) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(9) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #service .container ul li:nth-child(9) a .img-container {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #service .container ul li:nth-child(9) a .img-container:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #service .container .more-btn {
	display: block;
	margin-top: 50px
}
article.top #service .container .more-btn a {
	width: 266px;
	height: 55px;
	line-height: 55px;
	color: #111;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	position: relative
}
article.top #service .container .more-btn a .line-bottom, article.top #service .container .more-btn a .line-left, article.top #service .container .more-btn a .line-right, article.top #service .container .more-btn a .line-top {
	background-color: #111
}
}
.pc article.top #service.active .container ul li a:hover .img-container .bg {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-moz-transition: -moz-transform .3s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .3s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
	transition: transform .3s cubic-bezier(.25, .46, .45, .94)
}
.pc article.top #service.active .container ul li a:hover .img-container .bg:after, .pc article.top #service.active .container ul li a:hover .img-container .ttl {
	-moz-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
	opacity: 0
}
.pc article.top #service.active .container ul li a:hover .hover-container {
	opacity: 1;
	-moz-transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s;
	transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s
}
.pc article.top #service.active .container ul li a:hover .hover-container .txt-container h3 {
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .5s;
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .5s;
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition-delay: .5s;
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .5s;
	opacity: 1
}
.pc article.top #service.active .container ul li a:hover .hover-container .txt-container .line {
	-moz-transition: -moz-transform .2s cubic-bezier(.455, .03, .515, .955) .7s;
	-o-transition: -o-transform .2s cubic-bezier(.455, .03, .515, .955) .7s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.455, .03, .515, .955);
	-webkit-transition-delay: .7s;
	transition: transform .2s cubic-bezier(.455, .03, .515, .955) .7s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.pc article.top #service.active .container ul li a:hover .hover-container .txt-container .lead, .pc article.top #service.active .container ul li a:hover .hover-container .txt-container .txt {
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) 1.1s;
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) 1.1s;
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition-delay: 1.1s;
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53) 1.1s;
	opacity: 1
}
.pc article.top #service.active .container ul li a:hover .hover-container .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.pc article.top #service.active .container ul li a:hover .hover-container .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .99s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.pc article.top #service.active .container ul li a:hover .hover-container .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.08s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.pc article.top #service.active .container ul li a:hover .hover-container .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.pc article.top #service.active .container ul li a:hover .hover-container .detail-btn .txt-btn {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	opacity: 1
}
article.top #works {
	width: 100%;
	height: 1414px;
	max-width: 1220px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #works h2 {
	margin: 28px 0 0;
	text-align: left;
	display: inline-block
}
article.top #works h2 .ttl_en {
	display: block
}
article.top #works h2 .ttl_en span {
	font-size: 43px;
	font-weight: 700;
	margin-left: 58px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0
}
article.top #works h2 .ttl_en span:first-child {
	margin-left: 0
}
article.top #works h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
article.top #works h2 .ttl_ja {
	overflow: hidden;
	display: block
}
article.top #works h2 .ttl_ja:before {
	content: "";
	display: block;
	width: 319px;
	height: 1px;
	background-repeat: no-repeat;
	float: left;
	background-color: #c5c5c5;
	margin-top: 6px;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works h2 .ttl_ja .text {
	float: right;
	font-size: 14px;
	line-height: 1em;
	opacity: 0
}
article.top #works .container {
	margin-top: 26px;
	display: block;
	text-align: left
}
article.top #works .container ul {
	max-width: 1220px;
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: left
}
article.top #works .container ul li {
	width: 572px;
	height: 321px;
	position: absolute
}
article.top #works .container ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none
}
article.top #works .container ul li a .line-box-bottom, article.top #works .container ul li a .line-box-left, article.top #works .container ul li a .line-box-right, article.top #works .container ul li a .line-box-top {
	position: absolute;
	background-color: #eaeaea
}
article.top #works .container ul li a .line-box-bottom, article.top #works .container ul li a .line-box-top {
	width: 100%;
	height: 1px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works .container ul li a .line-box-left, article.top #works .container ul li a .line-box-right {
	width: 1px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #works .container ul li a .line-box-top {
	top: 0;
	left: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.top #works .container ul li a .line-box-right {
	top: 0;
	right: 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #works .container ul li a .line-box-bottom {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
article.top #works .container ul li a .line-box-left {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
article.top #works .container ul li a .img-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container ul li a .img-container img {
	position: relative;
	width: 100%;
	height: auto;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container ul li a .img-container:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #works .container ul li a .detail {
	width: 252px;
	padding: 20px;
	position: absolute;
	right: -30px;
	top: 260px
}
article.top #works .container ul li a .detail:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	z-index: 1
}
article.top #works .container ul li a .detail .line-bottom, article.top #works .container ul li a .detail .line-left, article.top #works .container ul li a .detail .line-right, article.top #works .container ul li a .detail .line-top {
	background-color: #FFF;
	z-index: 0
}
article.top #works .container ul li a .detail .line-bottom, article.top #works .container ul li a .detail .line-top {
	width: 100%;
	height: 1px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works .container ul li a .detail .line-left, article.top #works .container ul li a .detail .line-right {
	width: 1px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #works .container ul li a .detail .ttl {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block
}
article.top #works .container ul li a .detail .ttl span {
	text-align: left;
	font-size: 18px;
	line-height: 1.22em;
	font-weight: 700;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container ul li a .detail .line {
	position: relative;
	z-index: 1;
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	background-color: #cfcfcf;
	margin-top: 6px;
	margin-bottom: 6px;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container ul li a .detail .client {
	position: relative;
	z-index: 1
}
article.top #works .container ul li a .detail .client span {
	text-align: left;
	font-size: 12px;
	line-height: 1em;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container ul li:nth-child(1) {
	top: 0;
	left: 0
}
article.top #works .container ul li:nth-child(2) {
	top: -98px;
	right: 0
}
article.top #works .container ul li:nth-child(3) {
	top: 395px;
	left: 0
}
article.top #works .container ul li:nth-child(4) {
	top: 316px;
	right: 0
}
article.top #works .container .more-btn {
	display: block;
	position: absolute;
	top: 992px;
	left: 50%;
	width: 100%;
	margin-left: -133px
}
article.top #works .container .more-btn a {
	width: 266px;
	height: 55px;
	line-height: 55px;
	text-decoration: none;
	position: relative
}
article.top #works .container .more-btn a .line-bottom, article.top #works .container .more-btn a .line-left, article.top #works .container .more-btn a .line-right, article.top #works .container .more-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.top #works .container .more-btn a .line-bottom, article.top #works .container .more-btn a .line-top {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container .more-btn a .line-left, article.top #works .container .more-btn a .line-right {
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container .more-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 21px;
	left: -57px;
	width: 92px;
	height: 8px;
	overflow: hidden;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}
article.top #works .container .more-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #works .container .more-btn a .txt, article.top #works .container .more-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 55px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #works .container .more-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2
}
article.top #works.active h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #works.active h2 .ttl_en span:nth-child(1) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94)
}
article.top #works.active h2 .ttl_en span:nth-child(2) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .1s, .1s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s
}
article.top #works.active h2 .ttl_en span:nth-child(3) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s, .2s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s
}
article.top #works.active h2 .ttl_en span:nth-child(4) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .3s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s
}
article.top #works.active h2 .ttl_en span:nth-child(5) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s
}
article.top #works.active h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #works.active h2 .ttl_ja:before {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s
}
article.top #works.active .container ul li:nth-child(1) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .7s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .7s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(1) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(1) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works.active .container ul li:nth-child(1) a .detail {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.82s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.82s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.82s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.82s;
	background-color: #FFF
}
article.top #works.active .container ul li:nth-child(1) a .detail .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.28s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.28s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(1) a .detail .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(1) a .detail .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(1) a .detail .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.65s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.65s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.65s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.65s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(1) a .detail .ttl span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s
}
article.top #works.active .container ul li:nth-child(1) a .detail .line {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(1) a .detail .client span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.97s
}
article.top #works.active .container ul li:nth-child(2) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(2) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(2) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works.active .container ul li:nth-child(2) a .detail {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.92s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.92s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.92s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.92s;
	background-color: #FFF
}
article.top #works.active .container ul li:nth-child(2) a .detail .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.38s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(2) a .detail .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(2) a .detail .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(2) a .detail .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.75s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.75s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.75s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.75s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(2) a .detail .ttl span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s
}
article.top #works.active .container ul li:nth-child(2) a .detail .line {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(2) a .detail .client span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.07s
}
article.top #works.active .container ul li:nth-child(3) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .9s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .69s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(3) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(3) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works.active .container ul li:nth-child(3) a .detail {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.02s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.02s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.02s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.02s;
	background-color: #FFF
}
article.top #works.active .container ul li:nth-child(3) a .detail .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.48s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.48s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(3) a .detail .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(3) a .detail .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(3) a .detail .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.85s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.85s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.85s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.85s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(3) a .detail .ttl span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.17s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s
}
article.top #works.active .container ul li:nth-child(3) a .detail .line {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.17s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(3) a .detail .client span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.17s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.17s
}
article.top #works.active .container ul li:nth-child(4) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .6s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .88s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(4) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(4) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.57s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.57s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #works.active .container ul li:nth-child(4) a .detail {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.12s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.12s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.12s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.12s;
	background-color: #FFF
}
article.top #works.active .container ul li:nth-child(4) a .detail .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(4) a .detail .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(4) a .detail .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.86s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.86s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container ul li:nth-child(4) a .detail .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.95s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.95s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.95s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.95s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container ul li:nth-child(4) a .detail .ttl span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.27s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s
}
article.top #works.active .container ul li:nth-child(4) a .detail .line {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.27s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	opacity: 1
}
article.top #works.active .container ul li:nth-child(4) a .detail .client span {
	opacity: 1;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.27s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 2.27s
}
article.top #works.active .container .more-btn a .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container .more-btn a .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.98s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container .more-btn a .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works.active .container .more-btn a .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #works.active .container .more-btn a .arrow {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s, 2.16s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.16s, opacity .4s cubic-bezier(.25, .46, .45, .94) 2.16s
}
article.top #works.active .container .more-btn a .txt {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.16s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.16s;
	opacity: 1
}

@media screen and (max-width:1180px) {
article.top #works {
	width: 710px;
	height: 2280px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #works h2 {
	margin: 38px 0 0
}
article.top #works .container {
	margin-top: 26px;
	display: block;
	text-align: left
}
article.top #works .container ul {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: left
}
article.top #works .container ul li {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin-top: 64px
}
article.top #works .container ul li a .detail {
	width: 289px;
	padding: 20px;
	right: -34px;
	top: auto;
	bottom: -34px
}
article.top #works .container ul li a .detail .ttl span {
	font-size: 18px;
	line-height: 1.22em
}
article.top #works .container ul li a .detail .line {
	width: 14px;
	height: 1px;
	margin-top: 6px;
	margin-bottom: 6px
}
article.top #works .container ul li:nth-child(1) {
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	margin-top: 0
}
article.top #works .container ul li:nth-child(2), article.top #works .container ul li:nth-child(3), article.top #works .container ul li:nth-child(4) {
	top: auto;
	left: auto;
	bottom: auto;
	right: auto
}
article.top #works .container .more-btn {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	margin: 124px 0 0;
	text-align: center
}
article.top #works .container .more-btn a {
	display: inline-block;
	margin: 0 auto;
	width: 266px;
	height: 55px;
	line-height: 55px;
	color: #111;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	position: relative
}
article.top #works .container .more-btn a .line-bottom, article.top #works .container .more-btn a .line-left, article.top #works .container .more-btn a .line-right, article.top #works .container .more-btn a .line-top {
	background-color: #111
}
}

@media screen and (max-width:760px) {
article.top #works {
	width: 670px;
	height: 2274px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #works h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #works h2 .ttl_en span:nth-child(1), article.top #works h2 .ttl_en span:nth-child(2), article.top #works h2 .ttl_en span:nth-child(3), article.top #works h2 .ttl_en span:nth-child(4), article.top #works h2 .ttl_en span:nth-child(5) {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #works h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #works h2 .ttl_ja:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #works h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #works .container .more-btn {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	margin: 124px 0 0;
	text-align: center
}
article.top #works .container .more-btn a {
	width: 400px;
	height: 83px;
	line-height: 83px
}
article.top #works .container .more-btn a .line-bottom, article.top #works .container .more-btn a .line-left, article.top #works .container .more-btn a .line-right, article.top #works .container .more-btn a .line-top {
	background-color: #111
}
article.top #works .container .more-btn a .txt, article.top #works .container .more-btn a .txt-over {
	font-weight: 700;
	font-size: 30px;
	line-height: 83px
}
article.top #works .container .more-btn a .arrow {
	position: absolute;
	top: 32px;
	left: -57px;
	width: 92px;
	height: 8px
}
}
.pc article.top #works.active .container ul li a:hover .img-container img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-moz-transition: -moz-transform .3s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .3s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
	transition: transform .3s cubic-bezier(.25, .46, .45, .94)
}
.pc article.top #works.active .container ul li a:hover .detail:before {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
.pc article.top #works.active .container ul li a:hover .detail .client span, .pc article.top #works.active .container ul li a:hover .detail .ttl span {
	-moz-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	transition: color .2s cubic-bezier(.25, .46, .45, .94);
	color: #FFF
}
.pc article.top #works.active .container .more-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.top #works.active .container .more-btn a:hover .txt-over {
	opacity: 1
}
article.top #group {
	width: 100%;
	padding-bottom: 140px;
	max-width: 1060px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.top #group h2 {
	margin: 28px 0 100px;
	text-align: left;
	display: inline-block
}
article.top #group h2 .ttl_en {
	display: inline-block
}
article.top #group h2 .ttl_en span {
	display: inline-block;
	font-size: 43px;
	font-weight: 700;
	margin-left: 55px;
	margin-top: 24px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0
}
article.top #group h2 .ttl_en span:first-child {
	margin-left: 0
}
article.top #group h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
article.top #group h2 .ttl_ja {
	overflow: hidden;
	display: block
}
article.top #group h2 .ttl_ja:before {
	content: "";
	display: block;
	width: 258px;
	height: 1px;
	background-repeat: no-repeat;
	float: left;
	background-color: #c5c5c5;
	margin-top: 6px;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group h2 .ttl_ja .text {
	float: right;
	font-size: 14px;
	line-height: 1em;
	opacity: 0
}
article.top #group .container {
	display: block;
	text-align: left
}
article.top #group .container ul {
	display: inline-block;
	margin-left: -23px
}
article.top #group .container ul li {
	float: left;
	margin-bottom: 24px;
	margin-left: 23px;
	width: 338px;
	height: 215px;
	position: relative
}
article.top #group .container ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	-moz-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
	transition: background-color .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .container ul li a .line-box-bottom, article.top #group .container ul li a .line-box-left, article.top #group .container ul li a .line-box-right, article.top #group .container ul li a .line-box-top {
	position: absolute;
	background-color: #eaeaea
}
article.top #group .container ul li a .line-box-bottom, article.top #group .container ul li a .line-box-top {
	width: 100%;
	height: 1px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li a .line-box-left, article.top #group .container ul li a .line-box-right {
	width: 1px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.top #group .container ul li a .line-box-top {
	top: 0;
	left: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.top #group .container ul li a .line-box-right {
	top: 0;
	right: 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #group .container ul li a .line-box-bottom {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
article.top #group .container ul li a .line-box-left {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
article.top #group .container ul li a .img-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .container ul li a .img-container .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .container ul li a .img-container:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.top #group .container ul li a .over-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E6000000', endColorstr='#E6000000');
	background: 0 0;
	background: rgba(0,0,0,.9)
}
:root article.top #group .container ul li a .over-container {
	filter: none\0/IE9
}
article.top #group .container ul li a .over-container .container {
	display: block;
	width: 100%;
	padding: 45px 23px 0;
	color: #FFF
}
article.top #group .container ul li a .over-container .container .txt {
	font-size: 12px;
	line-height: 2em;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94)
}
article.top #group .container ul li a .over-container .container .detail-btn {
	position: absolute;
	bottom: 26px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 26px;
	overflow: hidden;
	text-align: center
}
article.top #group .container ul li a .over-container .container .detail-btn .line-bottom, article.top #group .container ul li a .over-container .container .detail-btn .line-left, article.top #group .container ul li a .over-container .container .detail-btn .line-right, article.top #group .container ul li a .over-container .container .detail-btn .line-top {
	background-color: #FFF;
	position: absolute
}
article.top #group .container ul li a .over-container .container .detail-btn .line-bottom, article.top #group .container ul li a .over-container .container .detail-btn .line-top {
	height: 1.2px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .container ul li a .over-container .container .detail-btn .line-left, article.top #group .container ul li a .over-container .container .detail-btn .line-right {
	width: 1.2px;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .container ul li a .over-container .container .detail-btn .txt-btn {
	display: inline-block;
	z-index: 0;
	height: 100%;
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	position: relative;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0;
	padding-left: 17px
}
article.top #group .container ul li a .over-container .container .detail-btn .txt-btn:before {
	content: '';
	width: 11px;
	height: 7px;
	background: url(../images/top/icon_link.html) no-repeat;
	background-size: cover;
	position: absolute;
	top: 10px;
	left: 0
}
article.top #group .container ul li a.dead {
	cursor: default
}
article.top #group .container ul li.geek-japan {
	float: none;
	width: 539px;
	height: 344px;
	position: absolute;
	top: -116px;
	right: 0
}
article.top #group .container ul li.geek-japan a .img-container .bg {
	background-image: url(../images/top/group/img_japan.html)
}
article.top #group .container ul li.singapore a .img-container .bg {
	background-image: url(../images/top/group/img_singapore.html)
}
article.top #group .container ul li.shanghai a .img-container .bg {
	background-image: url(../images/top/group/img_shanghai.html)
}
article.top #group .container ul li.bangkok a .img-container .bg {
	background-image: url(../images/top/group/img_bangkok.html)
}
article.top #group .container ul li.sight a .img-container .bg {
	background-image: url(../images/top/group/img_sight.html)
}
article.top #group .container ul li.lab a .img-container .bg {
	background-image: url(../images/top/group/img_lab.html)
}
article.top #group .container ul li.digital a .img-container .bg {
	background-image: url(../images/top/group/img_digital.html)
}
article.top #group .container ul li.studio a .img-container .bg {
	background-image: url(../images/top/group/img_studio.html)
}
article.top #group .container ul li.red a .img-container .bg {
	background-image: url(../images/top/group/img_red.html)
}
article.top #group .container ul li.ikioi a .img-container .bg {
	background-image: url(../images/top/group/img_ikioi.html)
}
article.top #group .container ul li.voyager a .img-container .bg {
	background-image: url(../images/top/group/img_voyager.html)
}
article.top #group .container ul li.zen a .img-container .bg {
	background-image: url(../images/top/group/img_zen.html)
}
article.top #group .container ul li.beyond a .img-container .bg {
	background-image: url(../images/top/group/img_beyond.png)
}
article.top #group .container ul li.sports_is_good a .img-container .bg {
	background-image: url(../images/top/group/img_sports_is_good.html)
}
article.top #group .container ul li.visualman a .img-container .bg {
	background-image: url(../images/top/group/img_visualman.html)
}
article.top #group .container ul li.pavlov a .img-container .bg {
	background-image: url(../images/top/group/img_pavlov.html)
}
article.top #group .container ul li.toys a .img-container .bg {
	background-image: url(../images/top/group/img_toys.png)
}
article.top #group .container h3 {
	margin: 60px 0 30px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0;
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}
article.top #group .container h3 .ttl_en {
	display: block;
	text-align: center;
	letter-spacing: 3px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1em
}
article.top #group .container h3 .ttl_ja {
	margin-top: 13px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1em
}
article.top #group .contact-btn {
	display: block;
	margin-top: 89px;
	text-align: center
}
article.top #group .contact-btn a {
	margin: 0 auto;
	width: 448px;
	height: 93px;
	text-align: center;
	text-decoration: none;
	position: relative
}
article.top #group .contact-btn a .line-bottom, article.top #group .contact-btn a .line-left, article.top #group .contact-btn a .line-right, article.top #group .contact-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.top #group .contact-btn a .line-bottom, article.top #group .contact-btn a .line-top {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .contact-btn a .line-left, article.top #group .contact-btn a .line-right {
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.top #group .contact-btn a .arrow {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	top: 40px;
	left: -57px;
	width: 92px;
	height: 8px;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}
article.top #group .contact-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.top #group .contact-btn a .txt, article.top #group .contact-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #111;
	background-color: #FFF;
	font-weight: 700;
	font-size: 30px;
	line-height: 93px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.top #group .contact-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2
}
article.top #group.active h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #group.active h2 .ttl_en span:nth-child(1) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94)
}
article.top #group.active h2 .ttl_en span:nth-child(2) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .1s, .05s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .1s, opacity .6s cubic-bezier(.25, .46, .45, .94) .05s
}
article.top #group.active h2 .ttl_en span:nth-child(3) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .2s, .1s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .2s, opacity .6s cubic-bezier(.25, .46, .45, .94) .1s
}
article.top #group.active h2 .ttl_en span:nth-child(4) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .15s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .15s
}
article.top #group.active h2 .ttl_en span:nth-child(5) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .2s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .2s
}
article.top #group.active h2 .ttl_en span:nth-child(6) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .25s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .25s
}
article.top #group.active h2 .ttl_en span:nth-child(7) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .3s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .3s
}
article.top #group.active h2 .ttl_en span:nth-child(8) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .35s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .35s
}
article.top #group.active h2 .ttl_en span:nth-child(9) {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s, .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .3s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s
}
article.top #group.active h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #group.active h2 .ttl_ja:before {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .8s
}
article.top #group.active .container ul li:nth-child(1) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .87s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .3s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .3s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .49s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(1) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .69s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .69s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .69s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .69s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(1) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.09s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(2) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) .97s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .59s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .68s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(2) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .79s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .79s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .79s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .79s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(2) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.19s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(3) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .69s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .69s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .78s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .87s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(3) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .89s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .89s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .89s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .89s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(3) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.29s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(4) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .6s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .6s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .79s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .88s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .88s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .97s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .97s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(4) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .99s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .99s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .99s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .99s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(4) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.39s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(5) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(5) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .7s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .7s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(5) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .89s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(5) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .98s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .98s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(5) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.07s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.07s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(5) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.09s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(5) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.49s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(6) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.37s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.37s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(6) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .8s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .8s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(6) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .99s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .99s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(6) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.08s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(6) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(6) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.19s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(6) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.59s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul li:nth-child(7) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	background-color: #FFF
}
article.top #group.active .container ul li:nth-child(7) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .9s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .9s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(7) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.09s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.09s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(7) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.18s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.18s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(7) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.27s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.27s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul li:nth-child(7) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.29s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.29s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul li:nth-child(7) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.69s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.87s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	background-color: #FFF
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.7s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.7s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.7s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.7s;
	opacity: 1
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.3s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.3s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.3s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.3s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.49s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.49s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.69s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(1) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.09s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	background-color: #FFF
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.8s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.8s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.8s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.8s;
	opacity: 1
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.4s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.4s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.4s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.4s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.59s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.59s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.68s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.68s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.77s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.77s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.79s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(2) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.19s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.19s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.19s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.19s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	background-color: #FFF
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.9s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.9s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.9s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.9s;
	opacity: 1
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.5s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.5s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.5s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.5s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.69s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.69s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.78s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.78s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.87s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.87s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.89s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(3) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.29s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.29s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.29s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.29s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.17s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.17s;
	background-color: #FFF
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2s;
	opacity: 1
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.6s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.6s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.6s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.6s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.79s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.79s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.88s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.88s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.88s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.88s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.97s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.97s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.99s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.99s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.99s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.99s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(4) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.39s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.39s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.39s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.39s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.27s;
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94) 2.27s;
	background-color: #FFF
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.1s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.1s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.1s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 2.1s;
	opacity: 1
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.7s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.7s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.7s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.7s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.89s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.89s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.98s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.98s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.07s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 2.07s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .img-container {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.09s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.09s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .container ul.affiliated-list li:nth-child(5) a .img-container:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 2.49s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 2.49s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 2.49s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 2.49s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group.active .container h3 {
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94) .4s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94) .4s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s, .4s;
	transition: transform .6s cubic-bezier(.25, .46, .45, .94) .4s, opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #group.active .contact-btn a .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.39s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .contact-btn a .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.58s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.58s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .contact-btn a .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.67s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.67s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group.active .contact-btn a .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group.active .contact-btn a .arrow {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s, opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s, opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s, 1.76s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.76s, opacity .4s cubic-bezier(.25, .46, .45, .94) 1.76s
}
article.top #group.active .contact-btn a .txt {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.76s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.76s;
	opacity: 1
}

@media screen and (max-width:1060px) {
article.top #group {
	width: 100%;
	padding-bottom: 192px;
	max-width: 710px
}
article.top #group h2 {
	margin: 38px 0 45px
}
article.top #group .container {
	display: block;
	text-align: left
}
article.top #group .container ul {
	display: inline-block;
	margin: 0 auto 0 -10px
}
article.top #group .container ul li {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 350px;
	height: 222px;
	position: relative
}
article.top #group .container ul li a .over-container {
	display: none
}
article.top #group .container ul li:first-child {
	margin-left: 10px
}
article.top #group .container ul li.geek-japan {
	float: left;
	margin-left: 10px;
	width: 350px;
	height: 222px;
	position: relative;
	top: auto;
	right: auto
}
article.top #group .container ul li.singapore {
	margin-left: 10px
}
article.top #group .container ul li.ikioi, article.top #group .container ul li.pavlov, article.top #group .container ul li.red, article.top #group .container ul li.sports_is_good, article.top #group .container ul li.studio, article.top #group .container ul li.visualman, article.top #group .container ul li.voyager, article.top #group .container ul li.zen {
	margin-left: 7px;
	width: 232px;
	height: 148px
}
article.top #group .container ul.affiliated-list, article.top #group .container ul.brand-list {
	margin: 0 auto 0 -7px
}
article.top #group .container h3 {
	margin: 60px 0 30px
}
article.top #group .container h3 .ttl_en {
	font-size: 26px
}
article.top #group .container h3 .ttl_ja {
	font-size: 16px
}
}

@media screen and (max-width:760px) {
article.top #group {
	width: 100%;
	padding-bottom: 170px;
	max-width: 670px
}
article.top #group h2 {
	margin: 38px 0 40px
}
article.top #group .container {
	display: block;
	text-align: left
}
article.top #group .container ul {
	display: inline-block;
	margin: 0 auto 0 -20px
}
article.top #group .container ul li {
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 325px;
	height: 207px;
	position: relative
}
article.top #group .container ul li:first-child {
	margin-left: 20px
}
article.top #group .container ul li.geek-japan {
	float: left;
	margin-left: 20px;
	width: 325px;
	height: 207px;
	position: relative;
	top: auto;
	right: auto
}
article.top #group .container ul li.singapore {
	margin-left: 20px
}
article.top #group .container ul li.ikioi, article.top #group .container ul li.pavlov, article.top #group .container ul li.red, article.top #group .container ul li.sports_is_good, article.top #group .container ul li.studio, article.top #group .container ul li.visualman, article.top #group .container ul li.voyager, article.top #group .container ul li.zen , article.top #group .container ul li.beyond, article.top #group .container ul li.digital {
	margin-left: 10px;
	margin-bottom: 25px;
	width: 216px;
	height: 138px
}
article.top #group .container ul.affiliated-list, article.top #group .container ul.brand-list {
	margin: 0 auto 0 -10px
}
article.top #group .container h3 {
	margin: 60px 0 30px
}
article.top #group .container h3 .ttl_en {
	font-size: 26px
}
article.top #group .container h3 .ttl_ja {
	font-size: 16px
}
article.top #group .contact-btn {
	display: block;
	margin-top: 69px;
	text-align: center
}
article.top #group .contact-btn a {
	margin: 0 auto;
	width: 399px;
	height: 83px;
	line-height: 83px
}
article.top #group .contact-btn a .arrow {
	position: absolute;
	top: 34px;
	left: -57px;
	width: 92px;
	height: 8px;
	background: url(../images/top/img_more_arrow.html) no-repeat
}
article.top #group .contact-btn a .txt, article.top #group .contact-btn a .txt-over {
	line-height: 83px
}
article.top #group h2 .ttl_en span {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
article.top #group h2 .ttl_en span:nth-child(1), article.top #group h2 .ttl_en span:nth-child(2), article.top #group h2 .ttl_en span:nth-child(3), article.top #group h2 .ttl_en span:nth-child(4), article.top #group h2 .ttl_en span:nth-child(5), article.top #group h2 .ttl_en span:nth-child(6), article.top #group h2 .ttl_en span:nth-child(7), article.top #group h2 .ttl_en span:nth-child(8), article.top #group h2 .ttl_en span:nth-child(9) {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #group h2 .ttl_en span:nth-child(odd) {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #group h2 .ttl_ja:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group h2 .ttl_ja .text {
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #group .container ul li:nth-child(1) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(1) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(1) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(1) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(1) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(1) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(1) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(2) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(2) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(2) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(2) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(2) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(2) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(2) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(3) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(3) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(3) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(3) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(3) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(3) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(3) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(4) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(4) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(4) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(4) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(4) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(4) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(4) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(5) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(5) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(5) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(5) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(5) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(5) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(5) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(6) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(6) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(6) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(6) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(6) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(6) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(6) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul li:nth-child(7) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul li:nth-child(7) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(7) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(7) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(7) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul li:nth-child(7) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul li:nth-child(7) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul.affiliated-list li:nth-child(1) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(1) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul.affiliated-list li:nth-child(2) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(2) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul.affiliated-list li:nth-child(3) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(3) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul.affiliated-list li:nth-child(4) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(4) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	background-color: #FFF
}
article.top #group .container ul.affiliated-list li:nth-child(5) a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .line-box-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .line-box-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .line-box-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .line-box-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .img-container {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .container ul.affiliated-list li:nth-child(5) a .img-container:after {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.top #group .container h3 {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.top #group .contact-btn a .line-top {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .contact-btn a .line-right {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .contact-btn a .line-bottom {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.top #group .contact-btn a .line-left {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.top #group .contact-btn a .arrow {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none
}
article.top #group .contact-btn a .txt {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1
}
}
.pc article.top #group.active .container ul li a:hover .img-container .bg {
	-moz-transform: scale(1.04, 1.04);
	-ms-transform: scale(1.04, 1.04);
	-webkit-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04);
	-moz-transition: -moz-transform .3s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .3s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
	transition: transform .3s cubic-bezier(.25, .46, .45, .94)
}
.pc article.top #group.active .container ul li a:hover .over-container {
	opacity: 1;
	-moz-transition: opacity .3s 0;
	-o-transition: opacity .3s 0;
	-webkit-transition: opacity .3s 0;
	transition: opacity .3s 0
}
.pc article.top #group.active .container ul li a:hover .over-container .txt {
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s;
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s;
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition-delay: .2s;
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53) .2s;
	opacity: 1
}
.pc article.top #group.active .container ul li a:hover .over-container .detail-btn .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .35s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .35s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .35s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .35s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.pc article.top #group.active .container ul li a:hover .over-container .detail-btn .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .54s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .54s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .54s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .54s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.pc article.top #group.active .container ul li a:hover .over-container .detail-btn .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .63s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .63s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .63s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .63s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.pc article.top #group.active .container ul li a:hover .over-container .detail-btn .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .72s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .72s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .72s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .72s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.pc article.top #group.active .container ul li a:hover .over-container .detail-btn .txt-btn {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .62s;
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .62s;
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .62s;
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .62s;
	opacity: 1
}
.pc article.top #group.active .container .contact-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.top #group.active .container .contact-btn a:hover .txt-over {
	opacity: 1
}
article.company {
	padding: 92px 0 144px;
	text-align: left
}
article.company .sp_only {
	display: none
}
article.company #main {
	width: 100%;
	height: 580px;
	background: url(../images/company/bg_main.html) center no-repeat;
	background-size: cover;
	position: relative;
	color: #fff;
	font-size: 63px;
	line-height: 100px
}
article.company #main:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -232px 0 0 -133px;
	content: "";
	display: block;
	width: 266px;
	height: 463px;
	background: url(../images/company/logo_g.html) no-repeat
}
article.company #main p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -194px;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 600;
	letter-spacing: .1em
}
article.company h2 {
	display: block;
	position: absolute;
	top: 150px;
	right: -50px;
	width: 572px;
	height: 360px;
	background: url(../images/company/img01.html) no-repeat;
	background-size: cover
}
article.company h2 span {
	position: absolute;
	font-size: 92px;
	font-weight: 700;
	line-height: 82px;
	bottom: -60px;
	right: 30px;
	color: #000
}
article.company section {
	clear: left
}
article.company dl {
	font-size: .85em
}
article.company dl dt {
	float: left;
	clear: left;
	opacity: .6;
	width: 66px;
	padding: 0 0 0 20px;
	margin-top: 50px;
	font-size: .85em
}
article.company dl dd {
	float: left;
	width: 927px;
	border-left: solid #e5e5e5 1px;
	margin-top: 50px;
	padding-left: 26px;
	font-size: .85em
}
article.company ul.business {
	line-height: 28px
}
article.company ul.location li {
	display: inline-block;
	width: 280px;
	vertical-align: top;
	word-wrap: normal
}
article.company ul.location li h3, article.company ul.location li p {
	word-wrap: normal;
	white-space: nowrap
}
article.company ul.location li h3 {
	font-weight: 700;
	line-height: 18px
}
article.company ul.location li p {
	line-height: 20px;
	margin: 20px 0
}
article.company ul.location li:nth-child(4), article.company ul.location li:nth-child(5) {
	margin-top: 40px
}
article.company h4 {
	text-align: center;
	margin-bottom: 20px
}
article.company .sec {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	padding: 100px 0 0
}
article.company .sec01 {
	margin-top: -50px
}
article.company .sec02>ul>li {
	clear: left;
	padding-top: 100px
}
article.company .sec03 h3, article.company .sec04 h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .1em
}
article.company .sec03 h3 span, article.company .sec04 h3 span {
	font-size: 16px
}
article.company .sec03 li, article.company .sec04 li {
	width: 308px;
	display: inline-block;
	vertical-align: top;
	text-align: center
}
article.company .sec03 li:nth-child(3n), article.company .sec03 li:nth-child(3n+2), article.company .sec04 li:nth-child(3n), article.company .sec04 li:nth-child(3n+2) {
	margin-left: 48px
}
article.company .sec03 li p, article.company .sec04 li p {
	text-align: left;
	font-size: 12px;
	line-height: 2.25em
}
article.company .sec03 h4, article.company .sec04 h4 {
	width: 308px;
	height: 220px;
	text-align: center;
	position: relative;
	display: table-cell;
	vertical-align: middle
}
article.company .sec03 h4 img, article.company .sec04 h4 img {
	vertical-align: middle
}
article.company .sec03 .digital h4 img {
	width:250px;
}
article.company .sec03 h4 span, article.company .sec04 h4 span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0
}
article.company .sec03 h5, article.company .sec04 h5 {
	font-weight: 700
}
article.company .sec03 p, article.company .sec04 p {
	font-size: .85em;
	margin: 24px 0 14px
}
article.company .sec03 li:nth-child(1) img {
	width: 180px;
	height: 88px
}
article.company .company_detail {
	overflow: hidden
}
article.company .company_detail>dl {
	float: left;
	width: 520px
}
article.company .company_detail>dl>dd {
	width: 407px
}
article.company .company_detail>dl>dd.location {
	line-height: 30px;
	vertical-align: top
}
article.company .company_detail>dl>dd.location p {
	margin-bottom: 10px
}
article.company .gmap {
	display: inline-block;
	width: 95px;
	height: 24px;
	border: 1px solid #000;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	padding-left: 15px
}
article.company .gmap:before {
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/company/icon_map.html) no-repeat;
	background-size: cover;
	position: absolute;
	top: 5px;
	left: 13px
}
article.company .link {
	display: block;
	text-decoration: none;
	padding: 13px 10px 0 26px;
	margin: 0 auto;
	font-size: .7em;
	position: relative;
	text-align: left
}
article.company .link:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	top: 0;
	left: 0
}
article.company .link:before {
	content: '';
	width: 11px;
	height: 7px;
	background: url(../images/company/icon_link.html) no-repeat;
	background-size: cover;
	position: absolute;
	top: 17px;
	left: 8px
}

@media screen and (max-width:1000px) {
article.company h2 {
	position: static;
	margin-left: 22%;
	margin-bottom: 50px
}
article.company h2 span {
	bottom: -12%;
	right: 6%
}
article.company dl {
	width: 100%
}
article.company dl dt {
	width: 66px;
	padding: 0 0 0 56px
}
article.company dl dd {
	width: 606px
}
article.company ul.location li:nth-child(3) {
	margin-top: 40px
}
article.company .sec {
	width: 100%
}
article.company .company_detail>dl {
	float: none;
	width: 100%
}
article.company .sec03 ul, article.company .sec04 ul {
	width: 700px;
	margin: 0 auto
}
article.company .sec03 li, article.company .sec04 li {
	width: 308px;
	margin: 0 19px
}
article.company .sec03 li:nth-child(3n), article.company .sec03 li:nth-child(3n+2), article.company .sec04 li:nth-child(3n), article.company .sec04 li:nth-child(3n+2) {
	margin: 0 19px
}
}

@media screen and (max-width:760px) {
article.company {
	padding-top: 150px
}
article.company .sp_only {
	display: block
}
article.company dl dt {
	font-size: 24px;
	padding-left: 54px;
	width: 123px
}
article.company dl dd {
	font-size: 24px;
	width: 496px;
	padding-right: 50px;
	line-height: 46px
}
article.company ul.business {
	line-height: 46px
}
article.company ul.location li {
	width: 100%;
	word-wrap: normal
}
article.company ul.location li h3, article.company ul.location li p {
	word-wrap: normal;
	white-space: normal
}
article.company ul.location li h3 {
	line-height: 40px
}
article.company ul.location li h3 span {
	font-size: 20px
}
article.company ul.location li p {
	line-height: 36px;
	margin: 10px 0
}
article.company ul.location li:not(:first-child) {
	margin-top: 60px
}
article.company .company_detail {
	display: none;
	border-bottom: solid 1px #ddd;
	padding-bottom: 70px
}
article.company .company_detail>dl {
	width: 100%
}
article.company .company_detail>dl>dd {
	width: 496px
}
article.company .company_detail>dl>dd.location {
	line-height: 36px
}
article.company .sec02>ul>li {
	width: 100%;
	margin: 0;
	padding-top: 0
}
article.company .sec02>ul>li h4 {
	width: 750px;
	height: 109px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 0;
	display: table-cell;
	text-align: left;
	padding-left: 38px;
	vertical-align: middle;
	position: relative
}
article.company .sec02>ul>li h4:after {
	content: '';
	width: 24px;
	height: 16px;
	background: url(../images/company/arrow.html) no-repeat;
	position: absolute;
	top: 47px;
	right: 30px;
	transition: all .5s ease
}
article.company .sec02>ul>li h4.active:after {
	transform: rotate(180deg)
}
article.company .sec02>ul>li:nth-child(1) h4 {
	border-top: solid 1px #ddd
}
article.company .sec02>ul>li:nth-child(1) h4 img, article.company .sec02>ul>li:nth-child(2) h4 img, article.company .sec02>ul>li:nth-child(3) h4 img {
	width: 354px
}
article.company .sec02>ul>li:nth-child(4) h4 img {
	width: 348px;
	height: 49px
}
article.company .sec02>ul>li:nth-child(5) h4 img {
	width: 228px;
	height: 37px
}
article.company .sec02>ul>li:nth-child(6) h4 img {
	width: 401px;
	height: 41px
}
article.company .sec02>ul>li.toys h4 img {
	width: 200px;
	height: auto
}
article.company .sec03, article.company .sec04 {
	padding-top: 70px
}
article.company .sec03 h3, article.company .sec04 h3 {
	border-bottom: solid 1px #ddd;
	padding-bottom: 28px
}
article.company .sec03>ul, article.company .sec04>ul {
	width: 100%
}
article.company .sec03>ul>li, article.company .sec04>ul>li {
	width: 100%;
	margin: 0
}
article.company .sec03>ul>li:nth-child(3n), article.company .sec03>ul>li:nth-child(3n+2), article.company .sec04>ul>li:nth-child(3n), article.company .sec04>ul>li:nth-child(3n+2) {
	margin-left: 0
}
article.company .sec03>ul>li h4, article.company .sec04>ul>li h4 {
	width: 750px;
	height: 109px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 0;
	position: relative;
	padding-left: 38px;
	border-bottom: solid 1px #ddd
}
article.company .sec03>ul>li h4 img, article.company .sec04>ul>li h4 img {
	text-align: left
}
article.company .sec03>ul>li h4:after, article.company .sec04>ul>li h4:after {
	content: '';
	width: 24px;
	height: 16px;
	background: url(../images/company/arrow.html) no-repeat;
	position: absolute;
	top: 47px;
	right: 30px;
	transition: all .5s ease
}
article.company .sec03>ul>li h4.active:after, article.company .sec04>ul>li h4.active:after {
	transform: rotate(180deg)
}
article.company .sec03>ul>li h5, article.company .sec04>ul>li h5 {
	padding: 0 58px;
	text-align: left;
	margin-top: 34px;
	font-size: 24px
}
article.company .sec03>ul>li p, article.company .sec04>ul>li p {
	padding: 0 58px;
	font-size: 24px;
	line-height: 56px
}
article.company .sec03>ul>li:nth-child(1) h4 img {
	width: auto;
	height: 62px
}
article.company .sec03>ul>li:nth-child(2) h4 img {
	width: 101px;
	height: 62px
}
article.company .sec03>ul>li:nth-child(3) h4 img {
	width: 162px
}
article.company .sec03>ul>li:nth-child(4) h4 img {
	width: 92px;
	height: 62px
}

article.company .sec03>ul>li:nth-child(5) h4 img {
	/*width: 250px;*/
	width: auto;
	height: 62px
}
article.company .sec04>ul>li:nth-child(1) h4 img {
	width: auto;
	height: 70px
}
article.company .sec04>ul>li:nth-child(2) h4 img {
	width: 200px;
	height: auto;
}
article.company .sec04>ul>li:nth-child(3) h4 img {
	width: 239px;
	height: 30px
}

article.company .sec03>ul>li.digital h4 img {
	width: 250px;
    height: auto;
}
article.company .sec03>ul>li.zen h4 img,
article.company .sec03>ul>li.beyond h4 img
{
	width: auto;
    height: 62px;
}
article.company .gmap {
	width: 159px;
	height: 36px;
	line-height: 36px;
	font-size: 20px
}
article.company .gmap:before {
	width: 11px;
	height: 16px;
	top: 11px;
	left: 11px
}
article.company .link {
	font-size: 24px;
	padding: 25px 58px 10px;
	text-indent: 38px
}
article.company .link:before {
	width: 26px;
	height: 16px;
	left: 58px;
	top: 31px
}
article.company .link:after {
	width: 634px;
	margin-left: 58px
}
}
.pc article.company .gmap, .pc article.company .gmap:before {
	transition: all 1s ease
}
.pc article.company .gmap:hover {
	background: #000;
	color: #fff
}
.pc article.company .gmap:hover:before {
	filter: invert(100%);
	transform: translateY(-1px)
}
.pc article.company .link, .pc article.company .link:before {
	transition: all 1s ease
}
.pc article.company .link:hover {
	text-decoration: underline
}
@-moz-keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
@-webkit-keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
@keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
article.works {
	padding: 162px 0 155px
}
article.works .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.works .works-list .year-container h2 {
	width: 100%;
	height: 184px;
	position: relative;
	text-align: center
}
article.works .works-list .year-container h2 .category {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 120px;
	line-height: 184px;
	color: #f2f2f2;
	font-weight: 800;
	letter-spacing: 6px
}
article.works .works-list .year-container h2 .year {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 34px;
	line-height: 184px;
	color: #000;
	letter-spacing: 18px
}
article.works .works-list .year-container h2 .year:after, article.works .works-list .year-container h2 .year:before {
	content: "";
	display: block;
	width: 1px;
	height: 64px;
	background-color: #ededed;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px
}
article.works .works-list .year-container h2 .year:after {
	top: auto;
	bottom: 0
}
article.works .works-list .year-container ul {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	display: block
}
article.works .works-list .year-container ul li {
	height: 0;
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden
}
article.works .works-list .year-container ul li a {
	display: block;
	width: 100%;
	height: 462px;
	text-decoration: none;
	position: relative
}
article.works .works-list .year-container ul li a .image-container {
	display: block;
	z-index: 2;
	width: auto;
	height: 360px;
	overflow: hidden;
	position: relative
}
article.works .works-list .year-container ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.works .works-list .year-container ul li a .image-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.works .works-list .year-container ul li a .image-container .bg .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.works .works-list .year-container ul li a .image-container .bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
article.works .works-list .year-container ul li a .image-container .bg.view {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.works .works-list .year-container ul li a .image-container .bg.view:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.works .works-list .year-container ul li a .txt-container {
	display: block;
	padding: 15px 16px;
	width: 100%;
	height: 104px;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #FFF;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s, .5s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	opacity: 0
}
article.works .works-list .year-container ul li a .txt-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #111;
	z-index: 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0
}
article.works .works-list .year-container ul li a .txt-container .category {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 8px;
	color: #FFF;
	background: #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position: relative
}
article.works .works-list .year-container ul li a .txt-container h3 {
	display: block;
	font-size: 16px;
	line-height: 1em;
	margin-top: 12px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
article.works .works-list .year-container ul li a .txt-container h3 span {
	font-weight: 700
}
article.works .works-list .year-container ul li a .txt-container .client {
	display: block;
	font-size: 10px;
	line-height: 1em;
	margin-top: 12px;
	position: relative
}
article.works .works-list .year-container ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #ededed;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.works .works-list .year-container ul li:nth-child(even) a:after {
	display: none
}
article.works .works-list .year-container ul li.active {
	height: auto
}
article.works .works-list .year-container ul li.active a:after {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.works .works-list .year-container ul li.active a .txt-container {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.works .works-list .year-container ul li.dummy a, article.works .works-list .year-container ul li.dummy0 a {
	cursor: default
}
article.works .works-list .year-container ul li.dummy a .image-container .bg .image, article.works .works-list .year-container ul li.dummy0 a .image-container .bg .image {
	background-image: url(../images/common/img_no-image_black.html)
}
article.works .works-list .year-container:first-child h2 .year:before {
	display: none
}
article.works .works-list .year-container.active {
	height: auto
}

@media screen and (max-width:1000px) {
article.works .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.works .works-list .year-container h2 .category {
	font-size: 75px;
	letter-spacing: 3px
}
article.works .works-list .year-container ul {
	overflow: hidden;
	display: block
}
article.works .works-list .year-container ul li a {
	display: block;
	width: 100%;
	height: 324px;
	text-decoration: none
}
article.works .works-list .year-container ul li a .image-container {
	height: 225px
}
article.works .works-list .year-container ul li a .txt-container {
	padding: 14px;
	height: 98px
}
article.works .works-list .year-container ul li:nth-child(2) a {
	border-top: none
}
}

@media screen and (max-width:760px) {
article.works {
	padding: 240px 0 80px
}
article.works .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.works .works-list .year-container h2 {
	height: 204px
}
article.works .works-list .year-container h2 .category, article.works .works-list .year-container h2 .year {
	line-height: 204px
}
article.works .works-list .year-container ul {
	overflow: hidden;
	display: block
}
article.works .works-list .year-container ul li {
	height: 0;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden
}
article.works .works-list .year-container ul li a {
	display: block;
	width: 100%;
	height: 530px;
	text-decoration: none;
	text-align: center
}
article.works .works-list .year-container ul li a .image-container {
	position: relative;
	z-index: 1;
	height: 360px;
	width: 640px;
	margin: 0 auto
}
article.works .works-list .year-container ul li a .txt-container {
	position: relative;
	z-index: 1;
	display: block;
	padding: 20px 55px;
	width: 100%;
	height: 169px;
	overflow: hidden;
	text-align: left
}
article.works .works-list .year-container ul li a .txt-container .category {
	font-size: 14px;
	margin-right: 20px;
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
article.works .works-list .year-container ul li a .txt-container h3 {
	font-size: 28px;
	line-height: 1em;
	margin-top: 15px
}
article.works .works-list .year-container ul li a .txt-container .client {
	font-size: 18px;
	margin-top: 15px
}
article.works .works-list .year-container ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 0;
	margin-left: -1px;
	background-color: #ededed
}
article.works .works-list .year-container ul li.dummy, article.works .works-list .year-container ul li:nth-child(even) a:after {
	display: none
}
}
.pc article.works .works-list .year-container ul li a:hover .image-container .bg .image {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.works .works-list .year-container ul li a:hover .image-container .bg.dummy .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.works .works-list .year-container ul li a:hover .txt-container:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.pc article.works .works-list .year-container ul li a:hover .txt-container .category {
	color: #111;
	background: #FFF
}
.pc article.works .works-list .year-container ul li a:hover .txt-container .client, .pc article.works .works-list .year-container ul li a:hover .txt-container h3 {
	color: #FFF
}
.pc article.works .works-list .year-container ul li.dummy a:hover .image-container .bg .image, .pc article.works .works-list .year-container ul li.dummy0 a:hover .image-container .bg .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
@-moz-keyframes floatAnimation {
0% {
-moz-transform:translateY(0);
transform:translateY(0)
}
50% {
-moz-transform:translateY(-6px);
transform:translateY(-6px)
}
100% {
-moz-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes floatAnimation {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes floatAnimation {
0% {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-moz-transform:translateY(-6px);
-ms-transform:translateY(-6px);
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
100% {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
article.works-detail {
	padding: 92px 0 0;
	overflow: hidden;
	display: block
}
article.works-detail #main {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
article.works-detail #main .bg {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}
article.works-detail #main .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../images/top/img_main_shadow.html)
}
article.works-detail #main .txt-box {
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
	padding: 0 140px;
	color: #FFF
}
article.works-detail #main .txt-box h2 {
	font-size: 60px;
	line-height: 1.1em;
	font-weight: 700;
	letter-spacing: 7px;
	word-break: break-all
}
article.works-detail #main .txt-box p {
	font-size: 18px;
	letter-spacing: 2px;
	margin-top: 35px;
	font-weight: 300
}
article.works-detail #main .next-btn, article.works-detail #main .prev-btn {
	width: 50px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 1
}
article.works-detail #main .next-btn a, article.works-detail #main .prev-btn a {
	display: block;
	width: 100%;
	height: 100%
}
article.works-detail #main .next-btn a .arrow, article.works-detail #main .prev-btn a .arrow {
	display: block;
	width: 100%;
	height: 50px;
	background-color: #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}
article.works-detail #main .next-btn a .arrow:after, article.works-detail #main .next-btn a .arrow:before, article.works-detail #main .prev-btn a .arrow:after, article.works-detail #main .prev-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../images/works/img_main_next.html)
}
article.works-detail #main .next-btn a .arrow:before, article.works-detail #main .prev-btn a .arrow:before {
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
article.works-detail #main .next-btn a .txt, article.works-detail #main .prev-btn a .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	font-size: 12px;
	color: #FFF;
	width: 100%;
	font-weight: 300;
	letter-spacing: 1px
}
article.works-detail #main .next-btn {
	right: 20px
}
article.works-detail #main .prev-btn {
	left: 20px
}
article.works-detail #main .prev-btn a .arrow:after, article.works-detail #main .prev-btn a .arrow:before {
	background-image: url(../images/works/img_main_prev.html)
}
article.works-detail #main .prev-btn a .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
article.works-detail #main .detail-arrow {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -28px;
	width: 56px;
	height: 75px
}
article.works-detail #main .detail-arrow a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF
}
article.works-detail #main .detail-arrow a .txt {
	display: inline-block;
	font-size: 12px;
	margin-top: 30px;
	text-align: center;
	font-weight: 300;
	letter-spacing: .5px
}
article.works-detail #main .detail-arrow a .arrow {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	width: 56px;
	height: 75px;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.works-detail #main .detail-arrow a .arrow:before {
	content: "";
	display: block;
	width: 56px;
	height: 75px;
	background-image: url(../images/works/img_main_detail.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 100%;
	-moz-animation-name: floatAnimation;
	-webkit-animation-name: floatAnimation;
	animation-name: floatAnimation;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(69);
	-webkit-animation-timing-function: steps(69);
	animation-timing-function: steps(69);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.works-detail .back-list a {
	display: block;
	width: 160px;
	height: 43px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border: 1px solid #bbb;
	font-size: 14px;
	text-align: center;
	line-height: 43px;
	text-decoration: none;
	position: relative;
	-moz-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .4s cubic-bezier(.25, .46, .45, .94)
}
article.works-detail .back-list a span {
	display: inline-block;
	position: relative;
	padding-left: 26px
}
article.works-detail .back-list a span:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/works/bg_list_btn.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px
}
article.works-detail #data-section {
	float: right;
	width: 31%;
	height: 100%;
	display: block;
	padding: 60px 0 160px;
	background-color: #f5f5f5;
	text-align: left
}
article.works-detail #data-section .box {
	margin-top: 35px
}
article.works-detail #data-section dl {
	font-size: 12px;
	line-height: 1.5em;
	padding: 0 22px;
	display: block;
	margin-top: 35px
}
article.works-detail #data-section dl:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dt {
	line-height: 1.5em;
	color: #999
}
article.works-detail #data-section dl dd {
	margin-top: 12px;
	line-height: 1.5em
}
article.works-detail #data-section dl dd .person {
	display: block;
	margin-top: 10px
}
article.works-detail #data-section dl dd .person a {
	display: block;
	text-decoration: none;
	position: relative;
	height: 60px;
	overflow: hidden
}
article.works-detail #data-section dl dd .person a .bg {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
article.works-detail #data-section dl dd .person a .text {
	position: absolute;
	top: 50%;
	left: 68px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-decoration: underline
}
article.works-detail #data-section dl dd .person:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .link-list li {
	margin-top: 6px
}
article.works-detail #data-section dl dd .link-list li:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .sns-list {
	overflow: hidden
}
article.works-detail #data-section dl dd .sns-list li {
	margin-left: 16px;
	width: 20px;
	height: 20px;
	float: left
}
article.works-detail #data-section dl dd .sns-list li:first-child {
	margin-left: 0
}
article.works-detail #data-section dl dd .sns-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover
}
article.works-detail #data-section dl dd .sns-list li.fb a {
	background-image: url(../images/works/img_fb.html)
}
article.works-detail #data-section dl dd .sns-list li.tw a {
	background-image: url(../images/works/img_tw.html)
}
article.works-detail #data-section .back-list {
	display: inline-block;
	margin: 30px 0 0 46px
}
article.works-detail #text-section {
	display: block;
	padding: 60px 0 160px;
	float: left;
	width: 69%;
	height: 100%;
	text-align: right
}
article.works-detail #text-section .container {
	width: 700px;
	margin: 0 48px 0 auto;
	text-align: center
}
article.works-detail #text-section .container .text-container {
	display: block;
	margin-bottom: 33px
}
article.works-detail #text-section .container .text-container .lead {
	text-align: left;
	display: block
}
article.works-detail #text-section .container .text-container .lead span {
	font-size: 14px;
	font-weight: 700;
	line-height: 2em
}
article.works-detail #text-section .container .text-container .body {
	text-align: left;
	display: block;
	margin-top: 10px
}
article.works-detail #text-section .container .text-container .body span {
	font-size: 12px;
	line-height: 3em
}
article.works-detail #text-section .container .movie-container {
	text-align: left;
	display: block;
	margin: 0 auto 33px;
	width: 700px;
	height: 393px;
	overflow: hidden
}
article.works-detail #text-section .container .image-container {
	text-align: left;
	display: block;
	width: 700px;
	height: 393px;
	overflow: hidden
}
article.works-detail #text-section .container .image-container ul {
	overflow: hidden
}
article.works-detail #text-section .container .image-container ul li {
	float: left;
	width: 700px;
	height: 393px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}
article.works-detail #text-section .container .pointer-list {
	display: inline-block;
	text-align: left;
	margin-top: 10px;
	overflow: hidden
}
article.works-detail #text-section .container .pointer-list li {
	float: left;
	margin-left: 20px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e5e5e5;
	-moz-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	transition: background .2s cubic-bezier(.25, .46, .45, .94)
}
article.works-detail #text-section .container .pointer-list li.active {
	background: #a0a0a0
}
article.works-detail #text-section .container .pointer-list li:first-child {
	margin-left: 0
}
article.works-detail #text-section .back-list {
	margin: 70px auto 0;
	display: none
}
article.works-detail .footer-nextprev {
	clear: both;
	display: block
}
article.works-detail .footer-nextprev li {
	width: 50%;
	height: 180px;
	float: left
}
article.works-detail .footer-nextprev li a {
	position: relative;
	width: 100%;
	height: 100%
}
article.works-detail .footer-nextprev li a .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}
article.works-detail .footer-nextprev li a .bg:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 0;
	opacity: .1
}
article.works-detail .footer-nextprev li a .txt-container {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	color: #FFF;
	text-align: center;
	width: 100%;
	margin-top: -24px
}
article.works-detail .footer-nextprev li a .txt-container .type-txt {
	font-weight: 700;
	display: block;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: .5px
}
article.works-detail .footer-nextprev li a .txt-container .ttl-txt {
	display: block;
	font-size: 12px;
	line-height: 1em;
	margin-top: 15px
}
article.works-detail .footer-nextprev li.dummy {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../images/common/img_no-image_black.html)
}
article.works-detail #page-top {
	bottom: 180px
}
article.works-detail #page-top.no-nextprev {
	bottom: 0
}

@media screen and (max-width:1100px) {
article.works-detail #main {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
article.works-detail #main .txt-box {
	padding: 0 90px
}
article.works-detail #main .txt-box h2 {
	font-size: 55px;
	line-height: 1.2em;
	letter-spacing: 4px;
	word-break: break-all
}
article.works-detail #main .txt-box p {
	font-size: 24px;
	letter-spacing: 1px
}
article.works-detail #data-section {
	float: none;
	width: 100%;
	padding: 40px;
	height: auto!important
}
article.works-detail #data-section .box {
	margin-top: 40px;
	overflow: hidden
}
article.works-detail #data-section dl {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0;
	display: block;
	margin-top: 40px;
	position: relative
}
article.works-detail #data-section dl:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dt {
	color: #999;
	position: absolute
}
article.works-detail #data-section dl dd {
	margin-top: 0;
	margin-left: 80px
}
article.works-detail #data-section dl dd .person {
	display: block;
	margin-top: 10px;
	margin-left: 15px
}
article.works-detail #data-section dl dd .person a .text {
	left: 70px
}
article.works-detail #data-section dl dd .person:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .link-list li {
	margin-top: 15px
}
article.works-detail #data-section dl dd .link-list li:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .sns-list {
	overflow: hidden
}
article.works-detail #data-section dl dd .sns-list li {
	margin-left: 26px;
	width: 28px;
	height: 28px
}
article.works-detail #data-section dl.cliants, article.works-detail #data-section dl.links, article.works-detail #data-section dl.share, article.works-detail #data-section dl.year {
	width: 50%;
	float: left;
	margin-top: 0
}
article.works-detail #data-section .back-list {
	display: none
}
article.works-detail #text-section {
	float: none;
	width: 100%;
	text-align: center;
	padding: 50px 0 150px
}
article.works-detail #text-section .container {
	width: 700px;
	margin: 0 auto;
	text-align: center
}
article.works-detail #text-section .container .image-container {
	margin: 0 auto
}
article.works-detail #text-section .container .pointer-list {
	margin-top: 12px
}
article.works-detail #text-section .container .text-container {
	display: block;
	margin-bottom: 45px
}
article.works-detail #text-section .container .text-container .lead span {
	font-size: 18px
}
article.works-detail #text-section .container .text-container .body {
	text-align: left;
	display: block;
	margin-top: 10px
}
article.works-detail #text-section .container .text-container .body span {
	font-size: 16px;
	line-height: 3em
}
article.works-detail #text-section .back-list {
	display: inline-block
}
}

@media screen and (max-width:760px) {
article.works-detail {
	padding: 150px 0 0
}
article.works-detail #main {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
article.works-detail #main .txt-box {
	padding: 0 90px
}
article.works-detail #main .txt-box h2 {
	font-size: 55px;
	line-height: 1.2em;
	letter-spacing: 4px
}
article.works-detail #main .txt-box p {
	font-size: 24px;
	letter-spacing: 1px
}
article.works-detail #main .detail-arrow {
	display: inline-block;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -54px;
	width: 104px;
	height: 150px
}
article.works-detail #main .detail-arrow a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF
}
article.works-detail #main .detail-arrow a .txt {
	display: inline-block;
	font-size: 18px;
	margin-top: 70px;
	text-align: center
}
article.works-detail #main .detail-arrow a .arrow {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 150px
}
article.works-detail #main .detail-arrow a .arrow:before {
	content: "";
	display: block;
	width: 44px;
	height: 150px;
	background-image: url(../images/works/img_main_detail.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 100%;
	-moz-animation-name: floatAnimation;
	-webkit-animation-name: floatAnimation;
	animation-name: floatAnimation;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(69);
	-webkit-animation-timing-function: steps(69);
	animation-timing-function: steps(69);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.works-detail #main .next-btn, article.works-detail #main .prev-btn {
	width: 60px;
	height: 85px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 1
}
article.works-detail #main .next-btn a, article.works-detail #main .prev-btn a {
	display: block;
	width: 100%;
	height: 100%
}
article.works-detail #main .next-btn a .arrow, article.works-detail #main .prev-btn a .arrow {
	display: block;
	width: 100%;
	height: 60px
}
article.works-detail #main .next-btn a .txt, article.works-detail #main .prev-btn a .txt {
	font-size: 18px
}
article.works-detail #data-section {
	float: none;
	width: 100%;
	padding: 55px 50px
}
article.works-detail #data-section .box {
	margin-top: 0;
	overflow: hidden
}
article.works-detail #data-section dl {
	font-size: 24px;
	line-height: 1.5em;
	padding: 0;
	display: block;
	margin-top: 55px;
	position: relative
}
article.works-detail #data-section dl:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dt {
	line-height: 1em;
	color: #999;
	position: absolute
}
article.works-detail #data-section dl dd {
	margin-top: 0;
	margin-left: 140px
}
article.works-detail #data-section dl dd .person {
	display: block;
	margin-top: 55px;
	margin-left: 0
}
article.works-detail #data-section dl dd .person a {
	height: 84px
}
article.works-detail #data-section dl dd .person a .bg {
	width: 84px;
	height: 84px
}
article.works-detail #data-section dl dd .person a .text {
	left: 98px
}
article.works-detail #data-section dl dd .person:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .link-list li {
	margin-top: 15px
}
article.works-detail #data-section dl dd .link-list li:first-child {
	margin-top: 0
}
article.works-detail #data-section dl dd .sns-list {
	overflow: hidden
}
article.works-detail #data-section dl dd .sns-list li {
	margin-left: 26px;
	width: 28px;
	height: 28px
}
article.works-detail #data-section dl.cliants, article.works-detail #data-section dl.links, article.works-detail #data-section dl.share, article.works-detail #data-section dl.year {
	width: 100%;
	float: none;
	margin-top: 55px
}
article.works-detail #data-section .back-list {
	display: none
}
article.works-detail #text-section {
	float: none;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 50px 0 150px
}
article.works-detail #text-section .container {
	width: 100%;
	margin: 0 auto;
	text-align: center
}
article.works-detail #text-section .container .image-container {
	margin: 0 auto
}
article.works-detail #text-section .container .text-container {
	display: block;
	margin-bottom: 45px
}
article.works-detail #text-section .container .text-container .lead {
	padding: 0 50px
}
article.works-detail #text-section .container .text-container .lead span {
	font-size: 28px
}
article.works-detail #text-section .container .text-container .body {
	padding: 0 50px;
	text-align: left;
	display: block;
	margin-top: 30px
}
article.works-detail #text-section .container .text-container .body span {
	font-size: 24px;
	line-height: 2.3em
}
article.works-detail #text-section .back-list {
	display: inline-block;
	margin-top: 100px
}
article.works-detail #text-section .back-list a {
	display: block;
	width: 290px;
	height: 80px;
	-moz-border-radius: 38px;
	-webkit-border-radius: 38px;
	border-radius: 38px;
	border: 1px solid #bbb;
	font-size: 25px;
	text-align: center;
	line-height: 80px;
	text-decoration: none;
	position: relative
}
article.works-detail #text-section .back-list a span {
	display: inline-block;
	position: relative;
	padding-left: 50px
}
article.works-detail #text-section .back-list a span:after {
	content: "";
	display: block;
	width: 33px;
	height: 33px;
	background-image: url(../images/works/bg_list_btn.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px
}
article.works-detail .footer-nextprev li a .txt-container {
	margin-top: -24px
}
article.works-detail .footer-nextprev li a .txt-container .type-txt {
	display: block;
	font-size: 22px;
	line-height: 1em
}
article.works-detail .footer-nextprev li a .txt-container .ttl-txt {
	display: block;
	font-size: 18px;
	line-height: 1.3em;
	margin-top: 11px;
	padding: 0 20px
}
article.works-detail .footer-nextprev li.dummy {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../images/common/img_no-image_black.html)
}
}
.pc article.works-detail #main .next-btn a:hover .arrow:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
.pc article.works-detail #main .next-btn a:hover .arrow:after {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
.pc article.works-detail #main .prev-btn a:hover .arrow:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
.pc article.works-detail #main .prev-btn a:hover .arrow:after {
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
.pc article.works-detail #main .detail-arrow a:hover .arrow {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}
.pc article.works-detail .back-list a:hover {
	background-color: #111;
	border: 1px solid #111;
	color: #FFF
}
.pc article.works-detail .back-list a:hover span:after {
	background-image: url(../images/works/bg_list_btn_w.html)
}
.pc article.works-detail #data-section dl dd .person a:hover .text {
	text-decoration: none
}
.pc article.works-detail #data-section dl dd .person:first-child {
	margin-top: 0
}
.pc article.works-detail #data-section dl dd .sns-list {
	overflow: hidden
}
.pc article.works-detail #data-section dl dd .sns-list li a {
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94)
}
.pc article.works-detail #data-section dl dd .sns-list li a:hover {
	opacity: .8
}
.pc article.works-detail #text-section .container .pointer-list {
	display: inline-block;
	text-align: left;
	margin-top: 10px;
	overflow: hidden
}
.pc article.works-detail #text-section .container .pointer-list li:hover {
	background: #a0a0a0
}
.pc article.works-detail .footer-nextprev li a {
	overflow: hidden
}
.pc article.works-detail .footer-nextprev li a .bg {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
.pc article.works-detail .footer-nextprev li a .bg:before {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
}
.pc article.works-detail .footer-nextprev li a:hover .bg {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.works-detail .footer-nextprev li a:hover .bg:before {
	opacity: 0
}
@-moz-keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
@-webkit-keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
@keyframes playLoading {
from {
background-position:0 0
}
to {
background-position:0 -5250px
}
}
article.persons {
	padding: 162px 0 145px
}
article.persons section.main {
	position: relative;
	padding-bottom: 35px
}
article.persons section.main .main-images {
	position: absolute;
	width: 640px;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
article.persons section.main .main-txt {
	display: block;
	height: 500px;
	text-align: left;
	margin-left: 640px;
	padding: 50px 30px 0;
	position: relative
}
article.persons section.main .main-txt .job-txt {
	display: block;
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 8px
}
article.persons section.main .main-txt h2 {
	display: block;
	font-size: 50px;
	line-height: 1em;
	margin-bottom: 8px;
	letter-spacing: 1px;
	font-weight: 700
}
article.persons section.main .main-txt .name-jp {
	display: block;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 8px;
	letter-spacing: 1px
}
article.persons section.main .main-txt .text-box {
	position: absolute;
	bottom: 0px;
	left: 30px;
	display: block
}
article.persons section.main .main-txt .text-box .ttl {
	font-size: 10px;
	margin-bottom: 10px
}
article.persons section.main .main-txt .text-box .text {
	font-size: 12px;
	line-height: 3em
}
article.persons section.list .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.persons section.list .works-list .year-container h2 {
	width: 100%;
	height: 184px;
	position: relative;
	text-align: center
}
article.persons section.list .works-list .year-container h2 .category {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 120px;
	line-height: 184px;
	color: #f2f2f2;
	font-weight: 800;
	letter-spacing: 6px
}
article.persons section.list .works-list .year-container h2 .year {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 34px;
	line-height: 184px;
	color: #000;
	letter-spacing: 18px
}
article.persons section.list .works-list .year-container h2 .year:after, article.persons section.list .works-list .year-container h2 .year:before {
	content: "";
	display: block;
	width: 1px;
	height: 64px;
	background-color: #ededed;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px
}
article.persons section.list .works-list .year-container h2 .year:after {
	top: auto;
	bottom: 0
}
article.persons section.list .works-list .year-container ul {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	display: block
}
article.persons section.list .works-list .year-container ul li {
	height: 0;
	float: left;
	width: 33.33%;
	position: relative;
	overflow: hidden
}
article.persons section.list .works-list .year-container ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.persons section.list .works-list .year-container ul li a .image-container {
	display: block;
	z-index: 2;
	width: auto;
	height: 236px;
	overflow: hidden;
	position: relative
}
article.persons section.list .works-list .year-container ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.persons section.list .works-list .year-container ul li a .image-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.persons section.list .works-list .year-container ul li a .image-container .bg .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.persons section.list .works-list .year-container ul li a .image-container .bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
article.persons section.list .works-list .year-container ul li a .image-container .bg.view {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.persons section.list .works-list .year-container ul li a .image-container .bg.view:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.persons section.list .works-list .year-container ul li a .txt-container {
	display: block;
	padding: 10px;
	width: 100%;
	height: 140px;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #FFF;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s, .5s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	opacity: 0
}
article.persons section.list .works-list .year-container ul li a .txt-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #111;
	z-index: 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0
}
article.persons section.list .works-list .year-container ul li a .txt-container .category {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 8px;
	color: #FFF;
	background: #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position: relative
}
article.persons section.list .works-list .year-container ul li a .txt-container h3 {
	display: block;
	font-size: 16px;
	line-height: 1em;
	margin-top: 12px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
article.persons section.list .works-list .year-container ul li a .txt-container h3 span {
	font-weight: 700
}
article.persons section.list .works-list .year-container ul li a .txt-container .client {
	display: block;
	font-size: 10px;
	line-height: 1em;
	margin-top: 12px;
	position: relative
}
article.persons section.list .works-list .year-container ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #ededed;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.persons section.list .works-list .year-container ul li:nth-child(even) a:after {
	display: none
}
article.persons section.list .works-list .year-container ul li.active {
	height: auto
}
article.persons section.list .works-list .year-container ul li.active a:after {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.persons section.list .works-list .year-container ul li.active a .txt-container {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.persons section.list .works-list .year-container ul li.dummy a, article.persons section.list .works-list .year-container ul li.dummy-pc a {
	cursor: default
}
article.persons section.list .works-list .year-container ul li.dummy a .image-container .bg .image, article.persons section.list .works-list .year-container ul li.dummy-pc a .image-container .bg .image {
	background-image: url(../images/common/img_no-image_black.html)
}
article.persons section.list .works-list .year-container ul li.dummy, article.persons section.list .works-list .year-container:first-child h2 .year:before {
	display: none
}
article.persons section.list .works-list .year-container.active {
	height: auto
}
article.persons section.list .directors-list h2 {
	display: block;
	padding: 68px 0 50px;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 700
}
article.persons section.list .directors-list ul {
	width: 999px;
	overflow: hidden;
	display: inline-block
}
article.persons section.list .directors-list ul li {
	float: left;
	width: 33.33%;
	position: relative;
	overflow: hidden
}
article.persons section.list .directors-list ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.persons section.list .directors-list ul li a .image-container {
	display: block;
	z-index: 2;
	width: auto;
	height: 225px;
	overflow: hidden;
	position: relative
}
article.persons section.list .directors-list ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.persons section.list .directors-list ul li a .image-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.persons section.list .directors-list ul li a .image-container .bg .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.persons section.list .directors-list ul li a .image-container .bg:after {
	content: "";
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
article.persons section.list .directors-list ul li a .image-container .bg.view {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.persons section.list .directors-list ul li a .image-container .bg.view:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.persons section.list .directors-list ul li a .over-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#66000000', endColorstr='#66000000');
	background: 0 0;
	background: rgba(0,0,0,.4)
}
:root article.persons section.list .directors-list ul li a .over-container {
	filter: none\0/IE9
}
article.persons section.list .directors-list ul li a .over-container .container {
	display: block;
	width: 100%;
	padding: 92px 15px 15px;
	color: #FFF
}
article.persons section.list .directors-list ul li a .over-container .container h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 5px
}
article.persons section.list .directors-list ul li a .over-container .container p {
	font-size: 14px
}
article.persons section.list .directors-list ul li.active {
	height: auto
}
article.persons section.list .directors-list ul li.active a:after {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.persons section.list .directors-list ul li.active a .txt-container {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.persons section.list .directors-list ul li.dummy a, article.persons section.list .directors-list ul li.dummy0 a {
	cursor: default
}
article.persons section.list .directors-list ul li.dummy a .image-container .bg .image, article.persons section.list .directors-list ul li.dummy0 a .image-container .bg .image {
	background-image: url(../images/common/img_no-image_black.html)
}
article.persons section.list .directors-list ul li.dummy.pc-hide, article.persons section.list .directors-list ul li.dummy0.pc-hide {
	display: none
}

@media screen and (max-width:1150px) {
article.persons section.main {
	position: relative;
	padding-bottom: 20px
}
article.persons section.main .main-images {
	position: relative;
	width: 100%;
	height: 630px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
article.persons section.main .main-txt {
	display: block;
	height: auto;
	text-align: left;
	margin-left: 0;
	padding: 30px 30px 0;
	position: relative
}
article.persons section.main .main-txt .text-box {
	margin-top: 40px;
	bottom: auto;
	left: auto;
	position: relative;
	display: block;
	padding-left: 0
}
article.persons section.main .main-txt .text-box .ttl {
	font-size: 10px;
	margin-bottom: 10px;
	display: block
}
article.persons section.main .main-txt .text-box .text {
	font-size: 12px;
	line-height: 3em
}
}

@media screen and (max-width:1000px) {
article.persons {
	padding-bottom: 170px
}
article.persons section.list .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.persons section.list .works-list .year-container h2 .category {
	font-size: 75px;
	letter-spacing: 3px
}
article.persons section.list .works-list .year-container ul {
	overflow: hidden;
	display: block
}
article.persons section.list .works-list .year-container ul li {
	width: 50%
}
article.persons section.list .works-list .year-container ul li a {
	display: block;
	width: 100%;
	height: 324px;
	text-decoration: none
}
article.persons section.list .works-list .year-container ul li a .image-container {
	height: 225px
}
article.persons section.list .works-list .year-container ul li a .txt-container {
	padding: 14px;
	height: 98px
}
article.persons section.list .works-list .year-container ul li:nth-child(2) a {
	border-top: none
}
article.persons section.list .works-list .year-container ul li.dummy-pc {
	display: none
}
article.persons section.list .works-list .year-container ul li.dummy {
	display: block
}
article.persons section.list .directors-list h2 {
	display: block;
	padding: 62px 0 30px;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 700
}
article.persons section.list .directors-list ul {
	width: 100%;
	overflow: hidden;
	display: inline-block
}
article.persons section.list .directors-list ul li .image-container {
	height: 181px
}
article.persons section.list .directors-list ul li.dummy.pc-hide, article.persons section.list .directors-list ul li.dummy0.pc-hide {
	display: none
}
}

@media screen and (max-width:760px) {
article.persons {
	padding: 240px 0 170px
}
article.persons section.main {
	position: relative;
	padding-bottom: 20px
}
article.persons section.main .main-images {
	position: relative;
	width: 100%;
	height: 630px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
article.persons section.main .main-txt {
	display: block;
	height: auto;
	text-align: left;
	margin-left: 0;
	padding: 30px 30px 0;
	position: relative
}
article.persons section.main .main-txt .job-txt {
	display: block;
	font-size: 20px;
	margin-bottom: 14px
}
article.persons section.main .main-txt h2 {
	display: block;
	font-size: 72px;
	line-height: 1em;
	margin-bottom: 14px;
	letter-spacing: 1px;
	font-weight: 700
}
article.persons section.main .main-txt .name-jp {
	display: block;
	font-size: 28px;
	line-height: 1em;
	margin-bottom: 14px;
	letter-spacing: 1px
}
article.persons section.main .main-txt .text-box {
	margin-top: 40px;
	bottom: auto;
	right: auto;
	position: relative;
	display: block;
	padding-left: 0
}
article.persons section.main .main-txt .text-box .ttl {
	font-size: 20px;
	margin-bottom: 20px;
	display: block
}
article.persons section.main .main-txt .text-box .text {
	font-size: 24px;
	line-height: 2em
}
article.persons section.list .works-list .year-container {
	height: 0;
	overflow: hidden
}
article.persons section.list .works-list .year-container h2 {
	height: 204px
}
article.persons section.list .works-list .year-container h2 .category, article.persons section.list .works-list .year-container h2 .year {
	line-height: 204px
}
article.persons section.list .works-list .year-container ul {
	overflow: hidden;
	display: block
}
article.persons section.list .works-list .year-container ul li {
	height: 0;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden
}
article.persons section.list .works-list .year-container ul li a {
	display: block;
	width: 100%;
	height: 530px;
	text-decoration: none;
	text-align: center
}
article.persons section.list .works-list .year-container ul li a .image-container {
	position: relative;
	z-index: 1;
	height: 360px;
	width: 640px;
	margin: 0 auto
}
article.persons section.list .works-list .year-container ul li a .txt-container {
	position: relative;
	z-index: 1;
	display: block;
	padding: 20px 55px;
	width: 100%;
	height: 169px;
	overflow: hidden;
	text-align: left
}
article.persons section.list .works-list .year-container ul li a .txt-container .category {
	font-size: 14px;
	margin-right: 20px;
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
article.persons section.list .works-list .year-container ul li a .txt-container h3 {
	font-size: 28px;
	line-height: 1em;
	margin-top: 15px
}
article.persons section.list .works-list .year-container ul li a .txt-container .client {
	font-size: 18px;
	margin-top: 15px
}
article.persons section.list .works-list .year-container ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 0;
	margin-left: -1px;
	background-color: #ededed
}
article.persons section.list .works-list .year-container ul li.dummy, article.persons section.list .works-list .year-container ul li.dummy-pc, article.persons section.list .works-list .year-container ul li:nth-child(even) a:after {
	display: none
}
article.persons section.list .directors-list h2 {
	display: block;
	padding: 62px 0 30px;
	font-size: 34px
}
article.persons section.list .directors-list ul {
	width: 100%;
	overflow: hidden;
	display: inline-block
}
article.persons section.list .directors-list ul li {
	width: 50%
}
article.persons section.list .directors-list ul li .image-container {
	height: 254px
}
article.persons section.list .directors-list ul li.dummy-pc {
	display: none
}
}
.pc article.persons section.list .works-list .year-container ul li a:hover .image-container .bg .image {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.persons section.list .works-list .year-container ul li a:hover .image-container .bg.dummy .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.persons section.list .works-list .year-container ul li a:hover .txt-container:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.pc article.persons section.list .works-list .year-container ul li a:hover .txt-container .category {
	color: #111;
	background: #FFF
}
.pc article.persons section.list .works-list .year-container ul li a:hover .txt-container .client, .pc article.persons section.list .works-list .year-container ul li a:hover .txt-container h3 {
	color: #FFF
}
.pc article.persons section.list .works-list .year-container ul li.dummy a:hover .image-container .bg .image, .pc article.persons section.list .works-list .year-container ul li.dummy-pc a:hover .image-container .bg .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.persons section.list .directors-list ul li a:hover .image-container .bg .image {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.persons section.list .directors-list ul li a:hover .image-container .bg.dummy .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.persons section.list .directors-list ul li a:hover .txt-container:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.pc article.persons section.list .directors-list ul li a:hover .txt-container .category {
	color: #111;
	background: #FFF
}
.pc article.persons section.list .directors-list ul li a:hover .txt-container .client, .pc article.persons section.list .directors-list ul li a:hover .txt-container h3 {
	color: #FFF
}
.pc article.persons section.list .directors-list ul li a:hover .over-container {
	opacity: 1
}
.pc article.persons section.list .directors-list ul li.dummy a:hover .image-container .bg .image, .pc article.persons section.list .directors-list ul li.dummy-pc a:hover .image-container .bg .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
article.news {
	padding: 92px 0 160px;
	position: relative;
	overflow: hidden
}
article.news .news-list {
	width: 960px;
	margin: 0 auto
}
article.news .news-list:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ededed;
	position: absolute;
	top: 215px;
	left: 50%;
	margin-left: -1px
}
article.news .news-list .year-container {
	height: 0
}
article.news .news-list .year-container h2 {
	width: 100%;
	height: 184px;
	position: relative;
	text-align: center
}
article.news .news-list .year-container h2 .category {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 120px;
	line-height: 184px;
	color: #f2f2f2;
	font-weight: 800;
	letter-spacing: 6px
}
article.news .news-list .year-container h2 .year {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 34px;
	line-height: 184px;
	color: #000;
	letter-spacing: 18px
}

article.news .news-list .year-container h3 {
	text-align:left;
	font-size: 20px;
	font-weight: 700;
	margin:2em 0 1em 0;
}

article.news .news-list .year-container dl{
	text-align: left;
	font-size:13px;
	line-height: 1.84em;
}

article.news .news-list .year-container ul {
	overflow: hidden;
	display: block;
	margin-left: -23px;
	margin-top: -65px;
	padding-bottom: 68px
}
article.news .news-list .year-container ul li {
	float: left;
	width: 290px;
	position: relative;
	margin-left: 34px;
	margin-top: 65px
}
article.news .news-list .year-container ul li a {
	display: block;
	width: 290px;
	height: 265px;
	position: relative;
	padding-top: 10px;
	text-decoration: none;
	background: #FFF
}
article.news .news-list .year-container ul li a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .line-box-bottom, article.news .news-list .year-container ul li a .line-box-left, article.news .news-list .year-container ul li a .line-box-right, article.news .news-list .year-container ul li a .line-box-top {
	position: absolute;
	background-color: #eaeaea;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .line-box-bottom, article.news .news-list .year-container ul li a .line-box-top {
	width: 100%;
	height: 1px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.news .news-list .year-container ul li a .line-box-left, article.news .news-list .year-container ul li a .line-box-right {
	width: 1px;
	height: 100%;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.news .news-list .year-container ul li a .line-box-top {
	top: 0;
	left: 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
article.news .news-list .year-container ul li a .line-box-right {
	top: 0;
	right: 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
article.news .news-list .year-container ul li a .line-box-bottom {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
article.news .news-list .year-container ul li a .line-box-left {
	bottom: 0;
	left: 0;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
article.news .news-list .year-container ul li a .img-container {
	position: relative;
	z-index: 1;
	margin-left: -11px;
	width: 290px;
	height: 163px
}
article.news .news-list .year-container ul li a .img-container:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #FFF;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .img-container .line-bottom, article.news .news-list .year-container ul li a .img-container .line-top {
	z-index: 1;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .img-container .line-left, article.news .news-list .year-container ul li a .img-container .line-right {
	z-index: 1;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .img-container .img-box {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .img-container .img-box .bg {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.news .news-list .year-container ul li a .img-container .img-box:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .4s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
	transition: transform .4s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li a .img-container.view {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li a .img-container.view:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.news .news-list .year-container ul li .ttl {
	position: relative;
	overflow: hidden;
	margin-top: 16px;
	padding: 0 18px;
	text-align: left;
	font-size: 13px;
	line-height: 1.84em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.news .news-list .year-container ul li .date {
	position: absolute;
	left: 18px;
	bottom: 18px;
	text-align: left;
	color: #aaa;
	font-size: 12px;
	font-weight: 300;
	line-height: 1em;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.news .news-list .year-container ul li .detail-btn {
	position: absolute;
	bottom: -18px;
	right: -9px;
	display: inline-block
}
article.news .news-list .year-container ul li .detail-btn .detail-container {
	display: block;
	position: relative;
	width: 120px;
	height: 34px;
	text-align: center;
	text-decoration: none
}
article.news .news-list .year-container ul li .detail-btn .detail-container .line-bottom, article.news .news-list .year-container ul li .detail-btn .detail-container .line-left, article.news .news-list .year-container ul li .detail-btn .detail-container .line-right, article.news .news-list .year-container ul li .detail-btn .detail-container .line-top {
	background-color: #111;
	z-index: 1
}
article.news .news-list .year-container ul li .detail-btn .detail-container .line-bottom, article.news .news-list .year-container ul li .detail-btn .detail-container .line-top {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li .detail-btn .detail-container .line-left, article.news .news-list .year-container ul li .detail-btn .detail-container .line-right {
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.news .news-list .year-container ul li .detail-btn .detail-container .txt {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	font-size: 14.3px;
	line-height: 34px;
	color: #111;
	text-align: center;
	background-color: #FFF;
	letter-spacing: .5px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	opacity: 0
}
article.news .news-list .year-container ul li.active:before {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .4s;
	opacity: 1
}
article.news .news-list .year-container ul li.active .line-box-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .line-box-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .19s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .19s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .19s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .19s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .line-box-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .28s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .28s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .28s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .28s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .line-box-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .37s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .37s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .37s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .37s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .img-container:before {
	opacity: 1;
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.39s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.39s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.39s
}
article.news .news-list .year-container ul li.active .img-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .89s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) .89s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .img-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.08s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.08s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .img-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.17s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.17s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .img-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.26s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .img-container .img-box {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.26s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.26s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .img-container .img-box:after {
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.66s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) 1.66s;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.news .news-list .year-container ul li.active .ttl {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.46s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.46s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.46s;
	opacity: 1
}
article.news .news-list .year-container ul li.active .date {
	-moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 1.56s;
	opacity: 1
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-bottom, article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-left, article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-right, article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-top {
	background-color: #111
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-top {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.19s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.19s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-right {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.38s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.38s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-bottom {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.47s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.47s;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .line-left {
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s;
	transition: transform .2s cubic-bezier(.25, .46, .45, .94) 1.56s;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.news .news-list .year-container ul li.active .detail-btn .detail-container .txt {
	-moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.56s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.56s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94), color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: 1.56s, 0s, 0s;
	transition: opacity .4s cubic-bezier(.25, .46, .45, .94) 1.56s, color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
	opacity: 1
}
article.news .news-list .year-container:first-child h2 .year:before {
	display: none
}
article.news .news-list .year-container.active {
	height: auto
}



@media screen and (max-width:980px) {
article.news {
	padding: 92px 0 160px
}
article.news .news-list {
	width: 750px;
	margin: 0 auto
}
article.news .news-list:before {
	display: none
}
article.news .news-list .year-container {
	height: 0;
	overflow: hidden
}
article.news .news-list .year-container h2 {
	height: 204px
}
article.news .news-list .year-container h2 .category, article.news .news-list .year-container h2 .year {
	line-height: 204px
}


article.news .news-list .year-container h3 {
	font-size: 32px;
	margin-left:40px;
	margin-right:40px;
}

article.news .news-list .year-container dl{
	font-size:22px;
	line-height: 1.63em;
	margin-left:40px;
	margin-right:40px;
}

article.news .news-list .year-container ul {
	display: block;
	margin: -47px 0 0 16px
}
article.news .news-list .year-container ul li {
	margin-left: 30px;
	margin-bottom: 47px;
	width: 314px;
	height: 296px;
	padding: 10px 0;
	position: relative
}
article.news .news-list .year-container ul li:first-child {
	margin-left: 30px
}
article.news .news-list .year-container ul li:nth-child(4) {
	display: block
}
article.news .news-list .year-container ul li a {
	width: 314px;
	height: 296px
}
article.news .news-list .year-container ul li a .img-container {
	width: 100%;
	position: relative;
	margin-left: -12px;
	background-color: #FFF
}
article.news .news-list .year-container ul li a .img-container img {
	width: 100%;
	height: auto
}
article.news .news-list .year-container ul li a .ttl {
	overflow: hidden;
	margin-top: 16px;
	padding: 0 18px;
	font-size: 22px;
	line-height: 1.63em
}
article.news .news-list .year-container ul li a .date {
	font-size: 16px;
	left: 19px;
	bottom: 21px
}
article.news .news-list .year-container ul li a .detail-btn {
	bottom: -28px;
	right: -10px;
	width: 152px;
	height: 45px;
	line-height: 45px;
	font-size: 18px
}
article.news .news-list .year-container:first-child h2 .year:after, article.news .news-list .year-container:first-child h2 .year:before {
	display: none
}
article.news .news-list .year-container.active {
	height: auto
}
}

@media screen and (max-width:760px) {
article.news {
	padding: 150px 0 160px
}
}
.pc article.news .news-list ul li a:hover .detail-btn .txt {
	color: #FFF;
	background-color: #000
}
article.news-detail {
	padding: 165px 0 100px;
	text-align: center
}
article.news-detail #text-section {
	width: 1000px;
	display: inline-block;
	position: relative
}
article.news-detail #text-section .date {
	text-align: left;
	font-size: 13px;
	line-height: 1em;
	font-weight: 300;
	letter-spacing: 1px
}
article.news-detail #text-section h2 {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;
	display: block;
	font-size: 28px;
	color: #000;
	line-height: 1.85em
}
article.news-detail #text-section h2 span {
	font-weight: 700
}
article.news-detail #text-section .share {
	text-align: right;
	margin-bottom: 26px
}
article.news-detail #text-section .share dl {
	position: relative
}
article.news-detail #text-section .share dl dt {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	color: #999
}
article.news-detail #text-section .share dl dd {
	display: inline-block;
	margin-left: 18px
}
article.news-detail #text-section .share dl dd .sns-list {
	overflow: hidden
}
article.news-detail #text-section .share dl dd .sns-list li {
	margin-left: 16px;
	width: 20px;
	height: 20px;
	float: left
}
article.news-detail #text-section .share dl dd .sns-list li:first-child {
	margin-left: 0
}
article.news-detail #text-section .share dl dd .sns-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover
}
article.news-detail #text-section .share dl dd .sns-list li.fb a {
	background-image: url(../images/works/img_fb.html)
}
article.news-detail #text-section .share dl dd .sns-list li.tw a {
	background-image: url(../images/works/img_tw.html)
}
article.news-detail #text-section .image-container {
	width: 100%;
	display: inline-block;
	margin-bottom: 35px;
	text-align: center;
	border: 1px solid #e0e0e0;
	height: 564px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
article.news-detail #text-section .lead {
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 2.57em
}
article.news-detail #text-section .lead span {
	font-weight: 700
}
article.news-detail #text-section .body {
	text-align: left;
	font-size: 12px;
	line-height: 3em;
	color: #333
}
article.news-detail #text-section .links-box {
	margin-top: 26px;
	display: block;
	text-align: left;
	border: 1px solid #e0e0e0;
	padding: 19px
}
article.news-detail #text-section .links-box h3 {
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 18px
}
article.news-detail #text-section .links-box ul {
	color: #333
}
article.news-detail #text-section .links-box ul li {
	margin-top: 12px
}
article.news-detail #text-section .links-box ul li:first-child {
	margin-top: 0
}
article.news-detail #text-section .links-box ul li dl dd, article.news-detail #text-section .links-box ul li dl dt {
	display: inline-block;
	font-size: 12px;
	line-height: 1em
}
article.news-detail #text-section .back-list {
	margin-top: 40px;
	display: inline-block
}
article.news-detail #text-section .back-list a {
	display: block;
	width: 160px;
	height: 43px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border: 1px solid #bbb;
	font-size: 14px;
	text-align: center;
	line-height: 43px;
	text-decoration: none;
	position: relative;
	-moz-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .4s cubic-bezier(.25, .46, .45, .94)
}
article.news-detail #text-section .back-list a span {
	display: inline-block;
	position: relative;
	padding-left: 26px
}
article.news-detail #text-section .back-list a span:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/works/bg_list_btn.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px
}
article.news-detail #text-section .more-btn {
	display: block;
	margin-top: 40px
}
article.news-detail #text-section .more-btn a {
	position: relative;
	text-decoration: none;
	width: 212px;
	height: 45px;
	line-height: 45px
}
article.news-detail #text-section .more-btn a .line-bottom, article.news-detail #text-section .more-btn a .line-left, article.news-detail #text-section .more-btn a .line-right, article.news-detail #text-section .more-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.news-detail #text-section .more-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 17px;
	left: -57px;
	width: 92px;
	height: 8px;
	overflow: hidden;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.news-detail #text-section .more-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.news-detail #text-section .more-btn a .txt, article.news-detail #text-section .more-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 45px;
	text-align: center;
	background-color: #FFF;
	font-weight: 400;
	font-size: 14px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.news-detail #text-section .more-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}

@media screen and (max-width:1000px) {
article.news-detail {
	padding: 110px 0 155px
}
article.news-detail #text-section {
	width: 100%;
	display: inline-block;
	position: relative
}
article.news-detail #text-section .date {
	text-align: center;
	font-size: 24px;
	line-height: 1em
}
article.news-detail #text-section h2 {
	text-align: left;
	margin-top: 45px;
	margin-bottom: 45px;
	display: inline-block;
	font-size: 40px;
	color: #000;
	line-height: 1.85em;
	padding: 0 60px
}
article.news-detail #text-section h2 span {
	text-align: left
}
article.news-detail #text-section .share {
	text-align: left;
	margin-bottom: 50px;
	display: inline-block
}
article.news-detail #text-section .share dl {
	position: relative
}
article.news-detail #text-section .share dl dt {
	font-size: 24px;
	height: 33px;
	line-height: 33px;
	display: inline-block;
	vertical-align: top
}
article.news-detail #text-section .share dl dd {
	display: inline-block;
	margin-left: 28px
}
article.news-detail #text-section .share dl dd .sns-list {
	overflow: hidden
}
article.news-detail #text-section .share dl dd .sns-list li {
	margin-left: 34px;
	width: 33px;
	height: 33px;
	float: left
}
article.news-detail #text-section .share dl dd .sns-list li:first-child {
	margin-left: 0
}
article.news-detail #text-section .share dl dd .sns-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover
}
article.news-detail #text-section .share dl dd .sns-list li.fb a {
	background-image: url(../images/works/img_fb.html)
}
article.news-detail #text-section .share dl dd .sns-list li.tw a {
	background-image: url(../images/works/img_tw.html)
}
article.news-detail #text-section .image-container {
	width: 100%;
	display: inline-block;
	margin-bottom: 45px;
	height: 420px;
	border: none
}
article.news-detail #text-section .lead {
	padding: 0 60px;
	margin-bottom: 60px;
	text-align: left;
	font-size: 26px;
	line-height: 2.15em;
	font-weight: 700
}
article.news-detail #text-section .body {
	padding: 0 60px;
	text-align: left;
	font-size: 24px;
	line-height: 2.3em;
	color: #333
}
article.news-detail #text-section .links-box {
	margin: 50px;
	display: block;
	text-align: left;
	border: 1px solid #e0e0e0;
	padding: 39px
}
article.news-detail #text-section .links-box h3 {
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 16px;
	display: none
}
article.news-detail #text-section .links-box ul {
	color: #333
}
article.news-detail #text-section .links-box ul li {
	margin-top: 41px
}
article.news-detail #text-section .links-box ul li:first-child {
	margin-top: 0
}
article.news-detail #text-section .links-box ul li dl dd, article.news-detail #text-section .links-box ul li dl dt {
	display: block;
	font-size: 24px;
	line-height: 1em
}
article.news-detail #text-section .links-box ul li dl dd {
	display: block;
	margin-top: 16px;
	line-height: 1.6em
}
article.news-detail #text-section .back-list {
	margin-top: 70px;
	display: inline-block
}
article.news-detail #text-section .back-list a {
	display: block;
	width: 292px;
	height: 82px;
	-moz-border-radius: 41px;
	-webkit-border-radius: 41px;
	border-radius: 41px;
	border: 1px solid #bbb;
	font-size: 25px;
	text-align: center;
	line-height: 82px;
	text-decoration: none;
	position: relative;
	-moz-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .4s cubic-bezier(.25, .46, .45, .94)
}
article.news-detail #text-section .back-list a span {
	display: inline-block;
	position: relative;
	padding-left: 50px
}
article.news-detail #text-section .back-list a span:after {
	content: "";
	display: block;
	width: 33px;
	height: 33px;
	background-image: url(../images/works/bg_list_btn.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px
}
article.news-detail #text-section .more-btn {
	display: block;
	margin-top: 70px
}
article.news-detail #text-section .more-btn a {
	width: 400px;
	height: 83px;
	line-height: 83px
}
article.news-detail #text-section .more-btn a .line-bottom, article.news-detail #text-section .more-btn a .line-left, article.news-detail #text-section .more-btn a .line-right, article.news-detail #text-section .more-btn a .line-top {
	background-color: #111
}
article.news-detail #text-section .more-btn a .txt, article.news-detail #text-section .more-btn a .txt-over {
	font-weight: 700;
	font-size: 30px;
	line-height: 83px
}
article.news-detail #text-section .more-btn a .arrow {
	position: absolute;
	top: 32px;
	left: -57px;
	width: 92px;
	height: 8px
}
}
.pc article.news-detail #text-section .share dl dd .sns-list li a:hover {
	opacity: .8
}
.pc article.news-detail #text-section .more-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.news-detail #text-section .more-btn a:hover .txt-over {
	opacity: 1
}
.pc article.news-detail #text-section .back-list a:hover {
	background-color: #111;
	border: 1px solid #111;
	color: #FFF
}
.pc article.news-detail #text-section .back-list a:hover span:after {
	background-image: url(../images/works/bg_list_btn_w.html)
}
article.access {
	padding: 160px 0 0
}
article.access nav {
	width: 100%;
	height: 70px;
	background: #111;
	position: fixed;
	z-index: 2;
	top: 92px;
	color: #fff
}
article.access nav a {
	color: #fff;
	text-decoration: none
}
article.access nav a:after {
	position: absolute;
	bottom: 25px;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scaleX(0);
	transition: all .5s ease
}
article.access nav ul {
	overflow: hidden;
	display: inline-block;
	text-align: center
}
article.access nav li {
	position: relative;
	display: block;
	line-height: 70px;
	margin: 0 20px;
	font-size: 12px;
	float: left
}
article.access nav .head {
	display: none
}
article.access .access-container {
	padding: 50px
}
article.access section {
	position: relative;
	text-align: left;
	margin-bottom: 110px;
	width: 100%
}
article.access section>div {
	display: block
}
article.access h2 {
	font-size: 60px;
	font-weight: 600;
	text-align: left;
	letter-spacing: 3px;
	line-height: 60px
}
article.access h2>span {
	display: block;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700
}
article.access address {
	text-align: left;
	line-height: 24px;
	margin: 10px 0 40px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .5px
}
article.access table.stations {
	position: absolute;
	bottom: 0;
	right: -20px;
	background: #fff;
	padding: 13px 15px 13px 0;
	border-collapse: separate;
	border-spacing: 13px 3px;
	font-size: 12px;
	border: 1px solid #d9d9d9
}
article.access table.stations td:nth-child(1) {
	width: 70px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #d9d9d9
}
article.access table.stations th {
	font-weight: 700
}
article.access table.stations.line2 {
	bottom: -35px
}
article.access table.stations.line4 {
	bottom: -60px
}
article.access .text {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	display: block;
	width: 293px;
	white-space: nowrap
}
article.access .map {
	z-index: 0;
	width: 100%;
	height: 500px;
	padding-left: 295px
}
article.access .map>div {
	width: 100%;
	height: 100%;
	overflow: hidden
}
article.access .btn {
	position: relative
}
article.access .btn>a {
	display: inline-block;
	width: 202px;
	height: 41px;
	border: 1px solid #111;
	line-height: 41px;
	text-align: center;
	font-size: 13px;
	text-decoration: none
}
article.access .btn>a:before {
	content: "";
	background: url(../images/access/btnGoogleMapIcon.html);
	background-size: cover;
	display: inline-block;
	width: 17px;
	height: 15px;
	margin-top: -5px;
	vertical-align: middle
}
article.access .btn>a:after {
	position: absolute;
	top: 16px;
	left: -25px;
	content: "";
	background: url(../images/access/btnGoogleMapArrow.html);
	background-size: cover;
	width: 51px;
	height: 7px
}

@media screen and (max-width:1000px) {
article.access .tb-none {
	display: none
}
article.access .access-container {
	padding: 0 0 50px
}
article.access section {
	display: block;
	padding: 469px 0 0;
	margin-bottom: 70px
}
article.access section>div {
	display: block
}
article.access .text {
	position: relative;
	padding: 0 50px;
	width: 100%;
	top: 0;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.access .text h2 {
	letter-spacing: 5px
}
article.access .text h2 span {
	letter-spacing: 3px
}
article.access .map {
	position: absolute;
	padding-left: 0;
	top: 0;
	width: 100%
}
article.access .btn {
	position: absolute;
	right: 50px;
	top: 68px
}
article.access table.stations {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 50px
}
}

@media screen and (max-width:760px) {
article.access {
	padding: 240px 0 0;
	font-size: 20px
}
article.access .tb-none {
	display: block
}
article.access nav {
	height: 90px;
	top: 150px;
	font-size: 30px;
	transition: height .5s ease
}
article.access nav .head {
	display: block;
	line-height: 90px
}
article.access nav .head:after {
	position: absolute;
	top: 38px;
	right: 285px;
	content: "";
	background: url(../images/common/nav_arrow.html);
	background-size: cover;
	width: 20px;
	height: 11px
}
article.access nav>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #111;
	padding: 0;
	transform: translateX(100%);
	opacity: 0;
	transition: all .5s ease
}
article.access nav>ul li {
	display: block;
	width: 100%;
	margin: 0;
	height: auto;
	border-bottom: solid 1px #333
}
article.access nav>ul li a {
	font-size: 26px;
	height: 90px;
	line-height: 90px
}
article.access nav.open {
	height: 100%
}
article.access nav.open>ul {
	opacity: 1;
	transform: translateX(0)
}
article.access section {
	padding: 450px 0 200px
}
article.access .text h2 {
	font-size: 90px;
	line-height: 90px;
	letter-spacing: 1px
}
article.access .text h2>span {
	font-size: 20px;
	letter-spacing: 1px
}
article.access address {
	line-height: 40px
}
article.access table.stations {
	font-size: 18px;
	line-height: 24px;
	width: 650px;
	padding: 8px 15px 8px 0;
	border-spacing: 18px 15px
}
article.access table.stations caption {
	width: 80px;
	height: auto;
	font-size: 20px;
	left: 20px
}
article.access table.stations caption>span {
	display: table;
	vertical-align: middle;
	height: 100%
}
article.access table.stations caption>span>span {
	display: table-cell
}
article.access table.stations td:nth-child(1), article.access table.stations th {
	width: 110px
}
article.access table.stations td:nth-child(3) {
	width: 80px
}
article.access .btn {
	width: 330px;
	height: 70px;
	top: auto;
	left: 200px;
	bottom: 0
}
article.access .btn>a {
	width: 100%;
	height: 100%;
	line-height: 70px;
	font-size: 22px
}
article.access .btn>a:before {
	content: "";
	width: 30px;
	height: 26px
}
article.access .btn>a:after {
	top: 24px;
	left: -45px;
	background: url(../images/access/btnGoogleMapArrowL.html);
	background-size: cover;
	width: 87px;
	height: 11px
}
article.access #sec01 .btn, article.access #sec02 .btn {
	bottom: -421px
}
article.access #sec03 .btn {
	bottom: -493px
}
article.access #sec04 .btn {
	bottom: -343px
}
article.access #sec05 .btn {
	bottom: -421px
}
article.access:before {
	position: absolute;
	top: 16px;
	left: -25px;
	content: "";
	background: url(../images/access/btnGoogleMapArrow.html);
	background-size: cover;
	width: 51px;
	height: 7px
}
}
.pc article.access nav a:hover:after {
	transform: scaleX(1)
}
.pc article.access .btn>a, .pc article.access .btn>a:before {
	transition: all .5s ease
}
.pc article.access .btn>a:after {
	transition: all 1s ease
}
.pc article.access .btn>a:hover {
	background: #111;
	color: #fff
}
.pc article.access .btn>a:hover:before {
	filter: invert(100%);
	transform: translateY(-3px)
}
.pc article.access .btn>a:hover:after {
	opacity: 0;
	transform: translateX(30px)
}
article.recruit {
	padding: 92px 0 144px
}
article.recruit #main {
	width: 100%;
	height: 580px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../images/recruit/bg_main.html);
	text-align: center
}
article.recruit #main h2 {
	display: block;
	padding-top: 150px
}
article.recruit #main h2 span {
	display: block;
	color: #FFF;
	font-size: 40px;
	line-height: 1em;
	font-weight: 700;
	margin-top: 80px;
	letter-spacing: .3em
}
article.recruit #main h2 span:first-child {
	margin-top: 0
}
article.recruit h3 .ttl {
	display: block;
	font-size: 32px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: .1em
}
article.recruit h3 .ttl-ja {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 2px
}
article.recruit #graduates {
	padding-top: 110px
}
article.recruit #graduates ul {
	width: 960px;
	display: inline-block;
	margin-top: 50px;
	overflow: hidden
}
article.recruit #graduates ul li {
	width: 460px;
	height: 163px;
	border: 1px solid #bbb;
	float: left
}
article.recruit #graduates ul li a {
	cursor: pointer;
	display: block
}
article.recruit #graduates ul li a img {
	display: block;
	width: 460px;
	height: 163px
}
article.recruit #graduates ul li.rikunabi {
	border-color: #0168b7;
	float: right
}
article.recruit #career {
	padding-top: 110px
}
article.recruit #career .entrys {
	width: 960px;
	display: inline-block;
	margin-top: 50px
}
article.recruit #career .entrys ul {
	overflow: hidden;
	border-top: solid 1px #666
}
article.recruit #career .entrys ul li {
	border-bottom: solid 1px #666
}
article.recruit #career .entrys ul li h4 {
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	position: relative;
	display: block;
	height: 76px;
	line-height: 76px;
	font-size: 14px;
	color: #111;
	padding: 0 13px
}
article.recruit #career .entrys ul li h4 .ttl {
	display: block
}
article.recruit #career .entrys ul li h4 .ttl span {
	font-weight: 700
}
article.recruit #career .entrys ul li h4 .kyubo {
	position: absolute;
	top: 50%;
	left: 13px;
	width: 56px;
	height: 23px;
	background: #000;
	color: #FFF;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	font-size: 12px;
	line-height: 23px;
	margin-top: -11px;
	text-align: center
}
article.recruit #career .entrys ul li h4:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	right: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../images/recruit/img_arrow.html);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.recruit #career .entrys ul li h4.addkyubo .ttl {
	margin-left: 68px
}
article.recruit #career .entrys ul li h4.on:after {
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
article.recruit #career .entrys ul li .detail-container {
	display: block;
	overflow: hidden
}
article.recruit #career .entrys ul li .detail-container .detail-box {
	width: 50%;
	padding: 30px 22px 0;
	float: left;
	text-align: left;
	font-size: 12px;
	margin-bottom: 60px
}
article.recruit #career .entrys ul li .detail-container .detail-box dl {
	position: relative;
	margin-top: 50px
}
article.recruit #career .entrys ul li .detail-container .detail-box dl dt {
	position: absolute;
	top: 0;
	left: 0;
	color: #999
}
article.recruit #career .entrys ul li .detail-container .detail-box dl dd {
	margin-left: 66px;
	display: block;
	padding-left: 15px;
	border-left: 1px #e5e5e5 solid
}
article.recruit #career .entrys ul li .detail-container .detail-box dl:first-child {
	margin-top: 0
}
article.recruit #career .entrys ul li .detail-container .entory-btn {
	clear: both;
	margin-bottom: 70px
}
article.recruit #career .entrys ul li .detail-container .entory-btn a {
	cursor: pointer;
	position: relative;
	text-decoration: none;
	width: 220px;
	height: 50px;
	line-height: 50px
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .line-bottom, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-left, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-right, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 19px;
	left: -37px;
	width: 81px;
	height: 8px;
	overflow: hidden
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) 100% 0 no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .txt, article.recruit #career .entrys ul li .detail-container .entory-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 50px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 14px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}

@media screen and (max-width:920px) {
article.recruit #graduates ul {
	width: 462px;
	display: inline-block;
	margin-top: 50px;
	overflow: hidden
}
article.recruit #graduates ul li {
	float: none;
	margin-bottom: 30px
}
article.recruit #graduates ul li.rikunabi {
	float: none;
	margin-bottom: 0
}
article.recruit #career {
	padding-left: 38px;
	padding-right: 38px
}
article.recruit #career .entrys {
	width: 100%;
	display: block
}
article.recruit #career .entrys ul {
	overflow: hidden;
	border-top: solid 1px #666
}
article.recruit #career .entrys ul li {
	border-bottom: solid 1px #666
}
article.recruit #career .entrys ul li h4 {
	text-align: left;
	position: relative;
	display: block;
	height: 76px;
	line-height: 76px;
	font-size: 14px;
	color: #111;
	padding: 0 13px
}
article.recruit #career .entrys ul li h4:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	right: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../images/recruit/img_arrow.html);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
article.recruit #career .entrys ul li .detail-container {
	display: block;
	overflow: hidden
}
article.recruit #career .entrys ul li .detail-container .detail-box {
	width: 100%;
	padding: 0 22px;
	float: none;
	text-align: left;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 40px
}
article.recruit #career .entrys ul li .detail-container .detail-box:first-child {
	padding-top: 30px;
	margin-top: 0
}
article.recruit #career .entrys ul li .detail-container .entory-btn {
	clear: both;
	margin-bottom: 80px;
	margin-top: 50px
}
}

@media screen and (max-width:760px) {
article.recruit {
	padding: 150px 0
}
article.recruit h3 {
	padding: 0 50px
}
article.recruit h3 .ttl {
	display: block;
	text-align: left;
	font-size: 60px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: .1em
}
article.recruit h3 .ttl-ja {
	display: block;
	text-align: left;
	margin-top: 20px;
	font-size: 24px;
	line-height: 1em
}
article.recruit #graduates {
	padding-top: 90px
}
article.recruit #graduates ul {
	width: 650px;
	display: inline-block;
	margin-top: 60px;
	overflow: hidden
}
article.recruit #graduates ul li {
	width: 648px;
	height: 233px;
	margin-top: 40px
}
article.recruit #graduates ul li a {
	cursor: pointer;
	display: block
}
article.recruit #graduates ul li a img {
	display: block;
	width: 648px;
	height: 233px
}
article.recruit #graduates ul li:first-child {
	margin-top: 0
}
article.recruit #graduates ul li.rikunabi {
	border-color: #0168b7;
	float: none
}
article.recruit #career {
	padding-top: 80px;
	padding-left: 50px;
	padding-right: 50px
}
article.recruit #career h3 {
	padding: 0
}
article.recruit #career .entrys {
	width: 100%;
	display: block;
	margin-top: 33px
}
article.recruit #career .entrys ul {
	overflow: hidden;
	border-top: solid 1px #666
}
article.recruit #career .entrys ul li {
	border-bottom: solid 1px #666
}
article.recruit #career .entrys ul li h4 {
	text-align: left;
	position: relative;
	display: block;
	height: auto;
	line-height: 1.5em;
	font-size: 24px;
	color: #111;
	padding: 40px 65px 40px 10px
}
article.recruit #career .entrys ul li h4:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 10px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-top: -15px;
	background-image: url(../images/recruit/img_arrow.html);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
article.recruit #career .entrys ul li h4 .kyubo {
	position: absolute;
	top: 50%;
	left: 13px;
	width: 66px;
	height: 29px;
	background: #000;
	color: #FFF;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	font-size: 16px;
	line-height: 29px;
	margin-top: -15px;
	text-align: center
}
article.recruit #career .entrys ul li h4.addkyubo .ttl {
	margin-left: 85px
}
article.recruit #career .entrys ul li .detail-container {
	display: block;
	overflow: hidden
}
article.recruit #career .entrys ul li .detail-container .detail-box {
	width: 100%;
	padding: 0 10px;
	float: none;
	text-align: left;
	font-size: 24px;
	margin-bottom: 0;
	margin-top: 45px
}
article.recruit #career .entrys ul li .detail-container .detail-box:first-child {
	padding-top: 10px;
	margin-top: 0
}
article.recruit #career .entrys ul li .detail-container .detail-box dl {
	margin-top: 45px
}
article.recruit #career .entrys ul li .detail-container .detail-box dl dd {
	margin-left: 138px;
	display: block;
	padding-left: 30px
}
article.recruit #career .entrys ul li .detail-container .detail-box dl:first-child {
	margin-top: 0
}
article.recruit #career .entrys ul li .detail-container .entory-btn {
	clear: both;
	margin-bottom: 50px;
	margin-top: 50px
}
article.recruit #career .entrys ul li .detail-container .entory-btn a {
	cursor: pointer;
	position: relative;
	text-decoration: none;
	width: 520px;
	height: 98px;
	line-height: 98px
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .line-bottom, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-left, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-right, article.recruit #career .entrys ul li .detail-container .entory-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 36px;
	left: -81px;
	width: 162px;
	height: 16px;
	overflow: hidden
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .arrow:before {
	background-size: contain
}
article.recruit #career .entrys ul li .detail-container .entory-btn a .txt, article.recruit #career .entrys ul li .detail-container .entory-btn a .txt-over {
	font-size: 28px;
	line-height: 98px
}
}
.pc article.recruit #career .entrys ul li .detail-container .entory-btn {
	clear: both;
	margin-bottom: 70px
}
.pc article.recruit #career .entrys ul li .detail-container .entory-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.recruit #career .entrys ul li .detail-container .entory-btn a:hover .txt-over {
	opacity: 1
}
article.recruit-entry {
	padding: 169px 0 144px
}
article.recruit-entry section {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.recruit-entry section h2 {
	font-size: 40px;
	line-height: 1em;
	font-weight: 700
}
article.recruit-entry section .entry-container {
	display: block;
	margin-top: 80px;
	width: 670px
}
article.recruit-entry section .entry-container .caption {
	font-size: 12px;
	line-height: 2.5em;
	margin-bottom: 45px
}
article.recruit-entry section .entry-container .note {
	display: block;
	text-align: right;
	font-size: 10px;
	line-height: 1em;
	margin-bottom: 20px
}
article.recruit-entry section .entry-container .one-line {
	overflow: hidden
}
article.recruit-entry section .entry-container .boxBtn {
	cursor: pointer;
	display: block;
	margin: 40px auto 0;
	position: relative;
	text-decoration: none;
	width: 280px;
	height: 50px;
	line-height: 50px
}
article.recruit-entry section .entry-container .boxBtn .line-bottom, article.recruit-entry section .entry-container .boxBtn .line-left, article.recruit-entry section .entry-container .boxBtn .line-right, article.recruit-entry section .entry-container .boxBtn .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit-entry section .entry-container .boxBtn .arrow {
	position: absolute;
	z-index: 1;
	top: 19px;
	left: -37px;
	width: 101px;
	height: 8px;
	overflow: hidden
}
article.recruit-entry section .entry-container .boxBtn .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) 100% 0 no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.recruit-entry section .entry-container .boxBtn .txt, article.recruit-entry section .entry-container .boxBtn .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 50px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 14px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.recruit-entry section .entry-container .boxBtn .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}
article.recruit-entry section .entry-container input, article.recruit-entry section .entry-container select, article.recruit-entry section .entry-container textarea {
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
	padding: 18px;
	border: 1px solid #ddd;
	background-color: #FFF;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 26px;
	-moz-appearance: none;
	-webkit-appearance: none
}
article.recruit-entry section .entry-container input:focus, article.recruit-entry section .entry-container select:focus, article.recruit-entry section .entry-container textarea:focus {
	outline: 0;
	border-color: #aaa
}
article.recruit-entry section .entry-container input:placeholder-shown, article.recruit-entry section .entry-container select:placeholder-shown, article.recruit-entry section .entry-container textarea:placeholder-shown {
color:#b8b8b8
}
article.recruit-entry section .entry-container input::-webkit-input-placeholder, article.recruit-entry section .entry-container select::-webkit-input-placeholder, article.recruit-entry section .entry-container textarea::-webkit-input-placeholder {
color:#b8b8b8
}
article.recruit-entry section .entry-container input:-moz-placeholder, article.recruit-entry section .entry-container select:-moz-placeholder, article.recruit-entry section .entry-container textarea:-moz-placeholder {
color:#b8b8b8;
opacity:1
}
article.recruit-entry section .entry-container input::-moz-placeholder, article.recruit-entry section .entry-container select::-moz-placeholder, article.recruit-entry section .entry-container textarea::-moz-placeholder {
color:#b8b8b8;
opacity:1
}
article.recruit-entry section .entry-container input:-ms-input-placeholder, article.recruit-entry section .entry-container select:-ms-input-placeholder, article.recruit-entry section .entry-container textarea:-ms-input-placeholder {
color:#b8b8b8
}
article.recruit-entry section .entry-container select {
	background-image: url(../images/recruit/img_arrow_select.html);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 96% 50%
}
article.recruit-entry section .entry-container select.select-date-month, article.recruit-entry section .entry-container select.select-gender, article.recruit-entry section .entry-container select.select-year {
	padding-right: 58px;
	width: auto;
	float: left;
	margin-left: 20px;
	background-position: 80% 50%
}
article.recruit-entry section .entry-container select.select-year {
	margin-left: 0;
	padding-left: 106px;
	background-image: url(../images/recruit/img_arrow_select.html), url(../images/recruit/txt_birthday_year.html);
	background-position: 80% 50%, 18px 50%;
	background-size: 12px 12px, 63px 11px
}
article.recruit-entry section .entry-container select.select-gender {
	float: right;
	display: inline-block;
	margin-left: 0;
	padding-left: 80px;
	width: auto;
	background-image: url(../images/recruit/img_arrow_select.html), url(../images/recruit/txt_gender.html);
	background-position: 80% 50%, 18px 50%;
	background-size: 12px 12px, 39px 11px
}
article.recruit-entry section .entry-container input.select-postcode {
	width: 167px;
	float: left
}
article.recruit-entry section .entry-container input.select-address {
	width: 484px;
	float: right
}
article.recruit-entry section .entry-container textarea {
	resize: vertical
}
article.recruit-entry section .entry-container .file-upload {
	position: relative;
	display: block;
	padding: 30px;
	background-color: #f2f2f2
}
article.recruit-entry section .entry-container .file-upload dl dt {
	font-size: 14px;
	line-height: 1em
}
article.recruit-entry section .entry-container .file-upload dl dd {
	margin-top: 20px;
	font-size: 12px;
	line-height: 2.5em
}
article.recruit-entry section .entry-container .file-upload label {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 193px;
	height: 37px;
	background: #FFF;
	border: 1px solid #000;
	display: block;
	text-align: center
}
article.recruit-entry section .entry-container .file-upload label span {
	display: inline-block;
	height: 37px;
	font-size: 12px;
	line-height: 37px;
	padding-left: 20px;
	background-image: url(../images/recruit/img_arrow_upload.html);
	background-size: 10px 14px;
	background-repeat: no-repeat;
	background-position: 0 50%
}
article.recruit-entry section .entry-container .send-container {
	display: block;
	margin-top: 30px;
	text-align: center
}
article.recruit-entry section .entry-container .send-container p {
	height: 17px;
	display: inline-block;
	font-size: 12px;
	line-height: 17px
}
article.recruit-entry section .entry-container .send-container p span {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	vertical-align: top;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}
article.recruit-entry section .entry-container .send-container p span:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/recruit/img_check.html) 50% 50% no-repeat;
	background-size: contain;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
article.recruit-entry section .entry-container .send-container p span.on:before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.recruit-entry section .entry-container .alert {
	display: block;
	font-size: 12px;
	color: red;
	margin-bottom: 15px
}
article.recruit-entry section .entry-container .faileName {
	display: block;
	font-size: 12px;
	color: #111;
	margin-top: 8px
}
article.recruit-entry section .entry-container .confirm-container dl {
	position: relative;
	margin-bottom: 48px
}
article.recruit-entry section .entry-container .confirm-container dl dt {
	font-size: 14px;
	display: block;
	margin-bottom: 14px;
	line-height: 1em
}
article.recruit-entry section .entry-container .confirm-container dl dd {
	font-size: 14px;
	line-height: 1.5em
}
article.recruit-entry section .entry-container .confirm-container .one-line dl {
	float: left
}
article.recruit-entry section .entry-container .confirm-container .one-line dl.birthday {
	margin-right: 50px
}
article.recruit-entry section .entry-container .confirm-container .btn-list {
	padding-top: 25px;
	text-align: center
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul {
	width: 340px;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li a {
	margin: 0 auto
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li a#backBtn {
	background-color: #111
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li a#backBtn .arrow {
	display: none
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li a#backBtn .txt-over {
	opacity: 1
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li:first-child {
	margin-bottom: 30px
}
article.recruit-entry section .entry-container .complete-container h3 {
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 43px;
	display: block
}
article.recruit-entry section .entry-container .complete-container p {
	display: block;
	font-size: 12px;
	line-height: 2.5em
}
article.recruit-entry section .entry-container .complete-container .boxBtn {
	margin-top: 80px
}
article.recruit-entry section .urgent {
	position: absolute;
	right: 0;
	top: 120px;
	width: 290px;
	padding: 30px;
	border: 1px solid #ddd
}
article.recruit-entry section .urgent h3 {
	font-size: 13.2px;
	line-height: 1.85em;
	font-weight: 700
}
article.recruit-entry section .urgent dl {
	margin-top: 25px
}
article.recruit-entry section .urgent dl dt {
	font-size: 12px;
	font-weight: 700
}
article.recruit-entry section .urgent dl dd {
	margin-top: 15px;
	font-size: 11px;
	line-height: 1.63em
}
article.recruit-entry section .urgent a {
	cursor: pointer;
	display: block;
	margin: 30px auto 0;
	position: relative;
	text-decoration: none;
	width: 190px;
	height: 40px;
	line-height: 40px
}
article.recruit-entry section .urgent a .line-bottom, article.recruit-entry section .urgent a .line-left, article.recruit-entry section .urgent a .line-right, article.recruit-entry section .urgent a .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit-entry section .urgent a .arrow {
	position: absolute;
	z-index: 1;
	top: 13px;
	left: -37px;
	width: 62px;
	height: 8px;
	overflow: hidden
}
article.recruit-entry section .urgent a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) 100% 0 no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.recruit-entry section .urgent a .txt, article.recruit-entry section .urgent a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 40px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 13px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.recruit-entry section .urgent a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}

@media screen and (max-width:1000px) {
article.recruit-entry section {
	width: 100%;
	margin: 0 auto;
	padding: 0 40px
}
article.recruit-entry section .entry-container {
	width: 100%
}
article.recruit-entry section .urgent {
	margin-top: 54px;
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	padding: 30px;
	border: 1px solid #ddd
}
article.recruit-entry section .urgent h3 {
	font-size: 14px;
	line-height: 1em;
	font-weight: 700;
	text-align: center
}
article.recruit-entry section .urgent dl {
	margin-top: 40px;
	position: relative
}
article.recruit-entry section .urgent dl dt {
	font-size: 12px;
	font-weight: 700;
	position: absolute
}
article.recruit-entry section .urgent dl dd {
	margin-top: 0;
	margin-left: 110px;
	font-size: 11px;
	line-height: 1.63em
}
article.recruit-entry section .urgent a {
	position: absolute;
	bottom: 30px;
	right: 30px
}
}

@media screen and (max-width:760px) {
article.recruit-entry {
	padding: 230px 0 160px
}
article.recruit-entry section {
	padding: 0 50px
}
article.recruit-entry section h2 {
	font-size: 60px
}
article.recruit-entry section .entry-container {
	width: 100%;
	margin-top: 60px
}
article.recruit-entry section .entry-container .caption {
	font-size: 24px;
	line-height: 2.3em;
	margin-top: 90px
}
article.recruit-entry section .entry-container .note {
	font-size: 17px;
	margin-bottom: 18px
}
article.recruit-entry section .entry-container input, article.recruit-entry section .entry-container select, article.recruit-entry section .entry-container textarea {
	font-size: 24px;
	line-height: 1.41em;
	padding: 20px 82px 20px 20px
}
article.recruit-entry section .entry-container select {
	background-size: 18px 18px;
	background-position: 95% 50%
}
article.recruit-entry section .entry-container select.select-date-month, article.recruit-entry section .entry-container select.select-year {
	padding-right: 70px;
	width: auto;
	float: left;
	margin-left: 17px;
	background-position: 80% 50%
}
article.recruit-entry section .entry-container select.select-year {
	margin-left: 0;
	padding-left: 174px;
	background-position: 90% 50%, 26px 50%;
	background-size: 18px 18px, 124px 22px
}
article.recruit-entry section .entry-container select.select-gender {
	float: none;
	display: inline-block;
	padding-right: 70px;
	margin-left: 0;
	padding-left: 136px;
	width: auto;
	background-position: 90% 50%, 26px 50%;
	background-size: 18px 18px, 76px 22px
}
article.recruit-entry section .entry-container input.select-postcode {
	width: 257px;
	float: none
}
article.recruit-entry section .entry-container input.select-address {
	width: 100%;
	float: none
}
article.recruit-entry section .entry-container .boxBtn {
	cursor: pointer;
	display: block;
	margin: 40px auto 0;
	width: 520px;
	height: 98px;
	line-height: 98px
}
article.recruit-entry section .entry-container .boxBtn .line-bottom, article.recruit-entry section .entry-container .boxBtn .line-left, article.recruit-entry section .entry-container .boxBtn .line-right, article.recruit-entry section .entry-container .boxBtn .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit-entry section .entry-container .boxBtn .arrow {
	top: 36px;
	left: -81px;
	width: 162px;
	height: 16px
}
article.recruit-entry section .entry-container .boxBtn .arrow:before {
	background-size: contain
}
article.recruit-entry section .entry-container .boxBtn .txt, article.recruit-entry section .entry-container .boxBtn .txt-over {
	line-height: 98px;
	font-size: 28px
}
article.recruit-entry section .entry-container .file-upload {
	padding: 40px;
	text-align: center
}
article.recruit-entry section .entry-container .file-upload dl {
	text-align: left
}
article.recruit-entry section .entry-container .file-upload dl dt {
	font-size: 28px;
	line-height: 1em
}
article.recruit-entry section .entry-container .file-upload dl dd {
	margin-top: 38px;
	font-size: 23px;
	line-height: 2.3em
}
article.recruit-entry section .entry-container .file-upload label {
	margin-top: 30px;
	display: inline-block;
	position: relative;
	right: auto;
	bottom: auto;
	width: 390px;
	height: 78px
}
article.recruit-entry section .entry-container .file-upload label span {
	display: inline-block;
	height: 78px;
	font-size: 24px;
	line-height: 78px;
	padding-left: 40px;
	background-size: 20px 28px;
	background-repeat: no-repeat;
	background-position: 0 50%
}
article.recruit-entry section .entry-container .send-container {
	margin-top: 50px
}
article.recruit-entry section .entry-container .send-container p {
	height: 24px;
	display: inline-block;
	font-size: 20px;
	line-height: 24px
}
article.recruit-entry section .entry-container .send-container p span {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #999;
	vertical-align: top;
	margin-left: 20px
}
article.recruit-entry section .entry-container .alert {
	font-size: 24px;
	margin-bottom: 26px
}
article.recruit-entry section .entry-container .faileName {
	font-size: 24px;
	margin-bottom: 16px
}
article.recruit-entry section .entry-container .confirm-container dl {
	position: relative;
	margin-bottom: 60px
}
article.recruit-entry section .entry-container .confirm-container dl dt {
	font-size: 24px;
	position: relative;
	display: block;
	margin-bottom: 32px
}
article.recruit-entry section .entry-container .confirm-container dl dd {
	font-size: 24px;
	margin-left: 0
}
article.recruit-entry section .entry-container .confirm-container .one-line dl.birthday {
	margin-right: 80px
}
article.recruit-entry section .entry-container .confirm-container .btn-list {
	padding-top: 0;
	text-align: center
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul {
	width: 650px;
	overflow: hidden;
	display: block;
	margin: 0 auto
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li {
	float: none;
	display: block
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li a {
	margin: 46px auto 0
}
article.recruit-entry section .entry-container .confirm-container .btn-list ul li:first-child {
	float: none;
	margin-left: 0
}
article.recruit-entry section .entry-container .complete-container h3 {
	font-size: 36px;
	margin-bottom: 80px
}
article.recruit-entry section .entry-container .complete-container p {
	display: block;
	font-size: 24px;
	line-height: 2.33em
}
article.recruit-entry section .urgent {
	margin-top: 60px;
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	padding: 50px 90px;
	border: 1px solid #ddd
}
article.recruit-entry section .urgent h3 {
	text-align: left;
	font-size: 28px;
	line-height: 2em
}
article.recruit-entry section .urgent dl {
	margin-top: 45px;
	position: relative;
	text-align: left
}
article.recruit-entry section .urgent dl dt {
	font-size: 24px;
	position: relative
}
article.recruit-entry section .urgent dl dd {
	margin-top: 26px;
	margin-left: 0;
	font-size: 23px;
	line-height: 1.63em
}
article.recruit-entry section .urgent a {
	cursor: pointer;
	display: block;
	margin: 46px auto 0;
	bottom: auto;
	right: auto;
	position: relative;
	text-decoration: none;
	width: 320px;
	height: 70px;
	line-height: 70px
}
article.recruit-entry section .urgent a .line-bottom, article.recruit-entry section .urgent a .line-left, article.recruit-entry section .urgent a .line-right, article.recruit-entry section .urgent a .line-top {
	background-color: #111;
	z-index: 1
}
article.recruit-entry section .urgent a .arrow {
	position: absolute;
	z-index: 1;
	top: 24px;
	left: -63px;
	width: 124px;
	height: 13px
}
article.recruit-entry section .urgent a .arrow:before {
	background-size: contain
}
article.recruit-entry section .urgent a .txt, article.recruit-entry section .urgent a .txt-over {
	line-height: 70px;
	font-size: 24px
}
}
.pc article.recruit-entry section .entry-container .file-upload label {
	cursor: pointer
}
.pc article.recruit-entry section .entry-container .file-upload label:hover {
	background: #111
}
.pc article.recruit-entry section .entry-container .file-upload label:hover span {
	background-image: url(../images/recruit/img_arrow_upload_w.html);
	color: #FFF
}
.pc article.recruit-entry section .entry-container .boxBtn:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.recruit-entry section .entry-container .boxBtn:hover .txt-over {
	opacity: 1
}
.pc article.recruit-entry section .entry-container .send-container {
	display: block;
	margin-top: 30px;
	text-align: center
}
.pc article.recruit-entry section .entry-container .send-container p {
	height: 17px;
	display: inline-block;
	font-size: 12px;
	line-height: 17px
}
.pc article.recruit-entry section .entry-container .send-container p span:hover:before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.pc article.recruit-entry section .urgent a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.recruit-entry section .urgent a:hover .txt-over {
	opacity: 1
}
article.privacy {
	text-align: left;
	padding: 140px;
	font-size: 12px;
	line-height: 30px
}
article.privacy h1 {
	font-size: 40px;
	font-weight: 800;
	line-height: 58px
}
article.privacy h2 {
	font-size: 18px;
	line-height: 58px;
	font-weight: 700;
	margin-top: 60px
}
article.privacy h3 {
	font-weight: 700;
	line-height: 38px;
	margin-top: 20px
}
article.privacy ol {
	margin: 10px 0;
	padding-left: 18px;
	list-style-type: decimal
}
article.privacy ol>li {
	line-height: 30px
}
article.privacy .signature {
	text-align: right
}
article.privacy address {
	line-height: 25px
}
article.privacy address span {
	font-weight: 700
}
article.privacy address.contact {
	border: 1px solid #ddd;
	padding: 30px;
	width: 580px;
	margin-top: 18px
}

@media screen and (max-width:1000px) {
article.privacy {
	padding: 170px 30px
}
}

@media screen and (max-width:760px) {
article.privacy {
	padding: 250px 50px;
	font-size: 24px;
	line-height: 56px
}
article.privacy h1 {
	font-size: 60px;
	font-weight: 800;
	line-height: 58px
}
article.privacy h2 {
	font-size: 36px;
	line-height: 68px;
	font-weight: 700;
	margin: 60px 0 30px
}
article.privacy h3 {
	font-weight: 700;
	line-height: 38px;
	margin: 40px 0 20px
}
article.privacy ol {
	margin: 10px 0;
	padding-left: 40px
}
article.privacy address, article.privacy ol>li {
	line-height: 56px
}
article.privacy address.contact {
	border: 1px solid #ddd;
	padding: 20px;
	width: auto;
	margin-top: 30px
}
}
article.contact {
	padding: 169px 0 144px
}
article.contact section {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative
}
article.contact section h2 {
	font-size: 40px;
	line-height: 1em;
	font-weight: 700
}
article.contact section .entry-container {
	display: block;
	margin-top: 80px;
	width: 670px
}
article.contact section .entry-container .caption {
	font-size: 12px;
	line-height: 2.5em;
	margin-bottom: 45px
}
article.contact section .entry-container .note {
	display: block;
	text-align: right;
	font-size: 10px;
	line-height: 1em;
	margin-bottom: 20px
}
article.contact section .entry-container .one-line {
	overflow: hidden
}
article.contact section .entry-container .boxBtn {
	cursor: pointer;
	display: block;
	margin: 40px auto 0;
	position: relative;
	text-decoration: none;
	width: 280px;
	height: 50px;
	line-height: 50px
}
article.contact section .entry-container .boxBtn .line-bottom, article.contact section .entry-container .boxBtn .line-left, article.contact section .entry-container .boxBtn .line-right, article.contact section .entry-container .boxBtn .line-top {
	background-color: #111;
	z-index: 1
}
article.contact section .entry-container .boxBtn .arrow {
	position: absolute;
	z-index: 1;
	top: 19px;
	left: -37px;
	width: 101px;
	height: 8px;
	overflow: hidden
}
article.contact section .entry-container .boxBtn .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) 100% 0 no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.contact section .entry-container .boxBtn .txt, article.contact section .entry-container .boxBtn .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 50px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 14px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.contact section .entry-container .boxBtn .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}
article.contact section .entry-container input, article.contact section .entry-container select, article.contact section .entry-container textarea {
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
	padding: 18px;
	border: 1px solid #ddd;
	background-color: #FFF;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 26px;
	-moz-appearance: none;
	-webkit-appearance: none
}
article.contact section .entry-container input:focus, article.contact section .entry-container select:focus, article.contact section .entry-container textarea:focus {
	outline: 0;
	border-color: #aaa
}
article.contact section .entry-container input:placeholder-shown, article.contact section .entry-container select:placeholder-shown, article.contact section .entry-container textarea:placeholder-shown {
color:#b8b8b8
}
article.contact section .entry-container input::-webkit-input-placeholder, article.contact section .entry-container select::-webkit-input-placeholder, article.contact section .entry-container textarea::-webkit-input-placeholder {
color:#b8b8b8
}
article.contact section .entry-container input:-moz-placeholder, article.contact section .entry-container select:-moz-placeholder, article.contact section .entry-container textarea:-moz-placeholder {
color:#b8b8b8;
opacity:1
}
article.contact section .entry-container input::-moz-placeholder, article.contact section .entry-container select::-moz-placeholder, article.contact section .entry-container textarea::-moz-placeholder {
color:#b8b8b8;
opacity:1
}
article.contact section .entry-container input:-ms-input-placeholder, article.contact section .entry-container select:-ms-input-placeholder, article.contact section .entry-container textarea:-ms-input-placeholder {
color:#b8b8b8
}
article.contact section .entry-container select {
	background-image: url(../images/recruit/img_arrow_select.html);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 96% 50%;
	color: #b8b8b8
}
article.contact section .entry-container input.select-postcode {
	width: 167px;
	float: left
}
article.contact section .entry-container input.select-address {
	width: 484px;
	float: right
}
article.contact section .entry-container textarea {
	resize: vertical
}
article.contact section .entry-container .file-upload {
	position: relative;
	display: block;
	padding: 30px;
	background-color: #f2f2f2
}
article.contact section .entry-container .file-upload dl dt {
	font-size: 14px;
	line-height: 1em
}
article.contact section .entry-container .file-upload dl dd {
	margin-top: 20px;
	font-size: 12px;
	line-height: 2.5em
}
article.contact section .entry-container .file-upload label {
	-moz-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 193px;
	height: 37px;
	background: #FFF;
	border: 1px solid #000;
	display: block;
	text-align: center
}
article.contact section .entry-container .file-upload label span {
	display: inline-block;
	height: 37px;
	font-size: 12px;
	line-height: 37px;
	padding-left: 20px;
	background-image: url(../images/recruit/img_arrow_upload.html);
	background-size: 10px 14px;
	background-repeat: no-repeat;
	background-position: 0 50%
}
article.contact section .entry-container .send-container {
	display: block;
	margin-top: 30px;
	text-align: center
}
article.contact section .entry-container .send-container p {
	height: 17px;
	display: inline-block;
	font-size: 12px;
	line-height: 17px
}
article.contact section .entry-container .send-container p span {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	vertical-align: top;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}
article.contact section .entry-container .send-container p span:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/recruit/img_check.html) 50% 50% no-repeat;
	background-size: contain;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
article.contact section .entry-container .send-container p span.on:before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
article.contact section .entry-container .alert {
	display: block;
	font-size: 12px;
	color: red;
	margin-bottom: 15px
}
article.contact section .entry-container .faileName {
	display: block;
	font-size: 12px;
	color: #111;
	margin-top: 8px
}
article.contact section .entry-container .confirm-container dl {
	position: relative;
	margin-bottom: 48px
}
article.contact section .entry-container .confirm-container dl dt {
	font-size: 14px;
	display: block;
	margin-bottom: 14px;
	line-height: 1em
}
article.contact section .entry-container .confirm-container dl dd {
	font-size: 14px;
	line-height: 1.5em
}
article.contact section .entry-container .confirm-container .btn-list {
	padding-top: 25px;
	text-align: center
}
article.contact section .entry-container .confirm-container .btn-list ul {
	width: 340px;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto
}
article.contact section .entry-container .confirm-container .btn-list ul li a {
	margin: 0 auto
}
article.contact section .entry-container .confirm-container .btn-list ul li a#backBtn {
	background-color: #111
}
article.contact section .entry-container .confirm-container .btn-list ul li a#backBtn .arrow {
	display: none
}
article.contact section .entry-container .confirm-container .btn-list ul li a#backBtn .txt-over {
	opacity: 1
}
article.contact section .entry-container .confirm-container .btn-list ul li:first-child {
	margin-bottom: 30px
}
article.contact section .entry-container .complete-container h3 {
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 43px;
	display: block
}
article.contact section .entry-container .complete-container p {
	display: block;
	font-size: 12px;
	line-height: 2.5em
}
article.contact section .entry-container .complete-container .boxBtn {
	margin-top: 80px
}
article.contact section .urgent {
	position: absolute;
	right: 0;
	top: 120px;
	width: 290px;
	padding: 30px;
	border: 1px solid #ddd
}
article.contact section .urgent h3 {
	font-size: 13.2px;
	line-height: 1.85em;
	font-weight: 700
}
article.contact section .urgent dl {
	margin-top: 25px
}
article.contact section .urgent dl dt {
	font-size: 12px;
	font-weight: 700
}
article.contact section .urgent dl dd {
	margin-top: 15px;
	font-size: 11px;
	line-height: 1.63em
}

article.persons section .showreel-btn {
	width: 190px;
	position: relative;
	display:inline-block;
	margin-right:20px;
}

article.contact section .urgent a
{
	cursor: pointer;
	display: block;
	margin: 30px auto 0;
	position: relative;
	text-decoration: none;
	width: 190px;
	height: 40px;
	line-height: 40px
}
article.persons section .showreel-btn a
{
	cursor: pointer;
	margin: 20px auto 0;
	position: relative;
	text-decoration: none;
	width: 190px;
	height: 40px;
	line-height: 40px;
}
article.contact section .urgent a .line-bottom, article.contact section .urgent a .line-left, article.contact section .urgent a .line-right, article.contact section .urgent a .line-top ,
article.persons section .showreel-btn a .line-bottom, article.persons section .showreel-btn a .line-left, article.persons section .showreel-btn a .line-right, article.persons section .showreel-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.contact section .urgent a .arrow {
	position: absolute;
	z-index: 1;
	top: 13px;
	left: -37px;
	width: 62px;
	height: 8px;
	overflow: hidden
}
article.contact section .urgent a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) 100% 0 no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}
article.contact section .urgent a .txt, article.contact section .urgent a .txt-over ,
article.persons section .showreel-btn a .txt, article.persons section .showreel-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 40px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 13px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.contact section .urgent a .txt-over ,
article.persons section .showreel-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}

@media screen and (max-width:1000px) {
article.contact section {
	width: 100%;
	margin: 0 auto;
	padding: 0 40px
}
article.contact section .entry-container {
	width: 100%
}
article.contact section .urgent {
	margin-top: 54px;
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	padding: 30px;
	border: 1px solid #ddd
}

article.contact section .urgent h3 {
	font-size: 14px;
	line-height: 1em;
	font-weight: 700;
	text-align: center
}
article.contact section .urgent dl {
	margin-top: 40px;
	position: relative
}
article.contact section .urgent dl dt {
	font-size: 12px;
	font-weight: 700;
	position: absolute
}
article.contact section .urgent dl dd {
	margin-top: 0;
	margin-left: 110px;
	font-size: 11px;
	line-height: 1.63em
}
article.contact section .urgent a {
	position: absolute;
	bottom: 30px;
	right: 30px
}
article.persons section .showreel-btn a {
	margin-top: 20px;
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	border: 1px solid #ddd
}
}

@media screen and (max-width:760px) {
article.contact {
	padding: 230px 0 160px
}
article.contact section {
	padding: 0 50px
}
article.contact section h2 {
	font-size: 60px
}
article.contact section .entry-container {
	width: 100%;
	margin-top: 60px
}
article.contact section .entry-container .caption {
	font-size: 24px;
	line-height: 2.3em;
	margin-top: 90px
}
article.contact section .entry-container .note {
	font-size: 18px;
	margin-bottom: 18px
}
article.contact section .entry-container input, article.contact section .entry-container select, article.contact section .entry-container textarea {
	font-size: 24px;
	line-height: 1.41em;
	padding: 20px
}
article.contact section .entry-container select {
	background-size: 18px 18px;
	background-position: 95% 50%
}
article.contact section .entry-container select.select-date-month, article.contact section .entry-container select.select-year {
	padding-right: 70px;
	width: auto;
	float: left;
	margin-left: 20px;
	background-position: 80% 50%
}
article.contact section .entry-container select.select-year {
	margin-left: 0;
	padding-left: 174px;
	background-position: 90% 50%, 26px 50%;
	background-size: 18px 18px, 124px 22px
}
article.contact section .entry-container select.select-gender {
	float: none;
	display: inline-block;
	padding-right: 70px;
	margin-left: 0;
	padding-left: 136px;
	width: auto;
	background-position: 90% 50%, 26px 50%;
	background-size: 18px 18px, 76px 22px
}
article.contact section .entry-container input.select-postcode {
	width: 257px;
	float: none
}
article.contact section .entry-container input.select-address {
	width: 100%;
	float: none
}
article.contact section .entry-container .boxBtn {
	cursor: pointer;
	display: block;
	margin: 40px auto 0;
	width: 520px;
	height: 98px;
	line-height: 98px
}
article.contact section .entry-container .boxBtn .line-bottom, article.contact section .entry-container .boxBtn .line-left, article.contact section .entry-container .boxBtn .line-right, article.contact section .entry-container .boxBtn .line-top {
	background-color: #111;
	z-index: 1
}
article.contact section .entry-container .boxBtn .arrow {
	top: 36px;
	left: -81px;
	width: 162px;
	height: 16px
}
article.contact section .entry-container .boxBtn .arrow:before {
	background-size: contain
}
article.contact section .entry-container .boxBtn .txt, article.contact section .entry-container .boxBtn .txt-over {
	line-height: 98px;
	font-size: 28px
}
article.contact section .entry-container .file-upload {
	padding: 40px;
	text-align: center
}
article.contact section .entry-container .file-upload dl {
	text-align: left
}
article.contact section .entry-container .file-upload dl dt {
	font-size: 28px;
	line-height: 1em
}
article.contact section .entry-container .file-upload dl dd {
	margin-top: 38px;
	font-size: 23px;
	line-height: 2.3em
}
article.contact section .entry-container .file-upload label {
	margin-top: 30px;
	display: inline-block;
	position: relative;
	right: auto;
	bottom: auto;
	width: 390px;
	height: 78px
}
article.contact section .entry-container .file-upload label span {
	display: inline-block;
	height: 78px;
	font-size: 24px;
	line-height: 78px;
	padding-left: 40px;
	background-size: 20px 28px;
	background-repeat: no-repeat;
	background-position: 0 50%
}
article.contact section .entry-container .send-container {
	margin-top: 50px
}
article.contact section .entry-container .send-container p {
	height: 24px;
	display: inline-block;
	font-size: 20px;
	line-height: 24px
}
article.contact section .entry-container .send-container p span {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #999;
	vertical-align: top;
	margin-left: 20px
}
article.contact section .entry-container .alert {
	font-size: 24px;
	margin-bottom: 26px
}
article.contact section .entry-container .faileName {
	font-size: 24px;
	margin-bottom: 16px
}
article.contact section .entry-container .confirm-container dl {
	position: relative;
	margin-bottom: 60px
}
article.contact section .entry-container .confirm-container dl dt {
	font-size: 24px;
	position: relative;
	display: block;
	margin-bottom: 32px
}
article.contact section .entry-container .confirm-container dl dd {
	font-size: 24px;
	margin-left: 0
}
article.contact section .entry-container .confirm-container .btn-list {
	padding-top: 0;
	text-align: center
}
article.contact section .entry-container .confirm-container .btn-list ul {
	width: 650px;
	overflow: hidden;
	display: block;
	margin: 0 auto
}
article.contact section .entry-container .confirm-container .btn-list ul li {
	float: none;
	display: block
}
article.contact section .entry-container .confirm-container .btn-list ul li a {
	margin: 46px auto 0
}
article.contact section .entry-container .confirm-container .btn-list ul li:first-child {
	float: none;
	margin-left: 0
}
article.contact section .entry-container .complete-container h3 {
	font-size: 36px;
	margin-bottom: 80px
}
article.contact section .entry-container .complete-container p {
	display: block;
	font-size: 24px;
	line-height: 2.33em
}
article.contact section .urgent {
	margin-top: 60px;
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	padding: 50px 90px;
	border: 1px solid #ddd
}
article.contact section .urgent h3 {
	text-align: left;
	font-size: 28px;
	line-height: 2em
}
article.contact section .urgent dl {
	margin-top: 45px;
	position: relative;
	text-align: left
}
article.contact section .urgent dl dt {
	font-size: 24px;
	position: relative
}
article.contact section .urgent dl dd {
	margin-top: 26px;
	margin-left: 0;
	font-size: 23px;
	line-height: 1.63em
}
article.contact section .urgent a ,
article.persons section .showreel-btn a {
	cursor: pointer;
	display: block;
	margin: 46px auto 0;
	bottom: auto;
	right: auto;
	position: relative;
	text-decoration: none;
	width: 320px;
	height: 70px;
	line-height: 70px
}
article.persons section .showreel-btn {
	width:auto;
	display:block;
	margin-right:0;
}
article.persons section .showreel-btn a {
	margin-bottom:20px;
}
article.contact section .urgent a .line-bottom, article.contact section .urgent a .line-left, article.contact section .urgent a .line-right, article.contact section .urgent a .line-top ,
article.persons section .showreel-btn a .line-bottom, article.persons section .showreel-btn a .line-left, article.persons section .showreel-btn a .line-right, article.persons section .showreel-btn a .line-top {
	background-color: #111;
	z-index: 1
}
article.contact section .urgent a .arrow ,
article.persons section .showreel-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 24px;
	left: -63px;
	width: 124px;
	height: 13px
}
article.contact section .urgent a .arrow:before ,
article.persons section .showreel-btn a .arrow:before {
	background-size: contain
}
article.contact section .urgent a .txt, article.contact section .urgent a .txt-over ,
article.persons section .showreel-btn a .txt, article.persons section .showreel-btn a .txt-over {
	line-height: 70px;
	font-size: 24px
}
}
.pc article.contact section .entry-container .file-upload label {
	cursor: pointer
}
.pc article.contact section .entry-container .file-upload label:hover {
	background: #111
}
.pc article.contact section .entry-container .file-upload label:hover span {
	background-image: url(../images/recruit/img_arrow_upload_w.html);
	color: #FFF
}
.pc article.contact section .entry-container .boxBtn:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.contact section .entry-container .boxBtn:hover .txt-over {
	opacity: 1
}
.pc article.contact section .entry-container .send-container {
	display: block;
	margin-top: 30px;
	text-align: center
}
.pc article.contact section .entry-container .send-container p {
	height: 17px;
	display: inline-block;
	font-size: 12px;
	line-height: 17px
}
.pc article.contact section .entry-container .send-container p span:hover:before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.pc article.contact section .urgent a:hover .arrow:before ,
.pc article.persons section .showreel-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.contact section .urgent a:hover .txt-over ,
.pc article.persons section .showreel-btn a:hover .txt-over {
	opacity: 1
}
article.service {
	padding: 100px 0
}
article.service section {
	display: inline-block;
	width: 1000px
}
article.service section.main {
	height: 530px;
	position: relative
}
article.service section.main .concept-message {
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	width: 442px;
	height: 374px;
	background-image: url(../images/service/copy_en.html);
	background-repeat: no-repeat;
	background-size: contain
}
article.service section.main .text-container {
	text-align: left;
	position: absolute;
	top: 140px;
	left: 20px;
	margin-top: 0;
	display: block;
	width: 439px;
	height: 209px;
	background-image: url(../images/service/copy_jp.html);
	background-repeat: no-repeat;
	background-size: contain
}
article.service section.main .policy {
	position: absolute;
	top: 16px;
	left: 500px;
	width: 457px;
	height: 457px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/service/policy.html)
}
article.service section.list ul {
	overflow: hidden;
	display: block
}
article.service section.list ul li {
	float: left;
	width: 33%;
	position: relative;
	overflow: hidden
}
article.service section.list ul li:nth-child(3n+1) {
	width: 34%
}
article.service section.list ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.service section.list ul li a .image-container {
	display: block;
	z-index: 2;
	width: 100%;
	height: 184px;
	overflow: hidden;
	position: relative
}
article.service section.list ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.service section.list ul li a .image-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.service section.list ul li a .image-container .bg .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.service section.list ul li a .txt-container {
	display: block;
	padding: 12px;
	width: 100%;
	height: 64px;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #FFF;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s, .5s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s
}
article.service section.list ul li a .txt-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #111;
	z-index: 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0
}
article.service section.list ul li a .txt-container .category {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 8px;
	color: #FFF;
	background: #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position: relative
}
article.service section.list ul li a .txt-container h3 {
	text-align: center;
	display: block;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	line-height: 1.1em
}
article.service section.list ul li a .txt-container .comingsoon {
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 1em;
	margin-top: 3px
}

@media screen and (max-width:1000px) {
article.service {
	padding-top: 75px
}
article.service section {
	display: inline-block;
	width: 100%
}
article.service section.main {
	height: 445px;
	position: relative;
	padding: 0 30px
}
article.service section.main .concept-message {
	display: inline-block;
	position: absolute;
	top: 70px;
	left: 30px;
	overflow: hidden;
	text-align: left;
	width: 47%;
	height: 310px
}
article.service section.main .text-container {
	width: 45%;
	height: 240px;
	text-align: left;
	position: absolute;
	top: 131px;
	left: 50px;
	margin-top: 0
}
article.service section.main .policy {
	position: absolute;
	top: 65px;
	left: auto;
	right: 30px;
	width: 340px;
	height: 340px
}
article.service section.list ul {
	overflow: hidden;
	display: block
}
article.service section.list ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.service section.list ul li a .image-container {
	height: 148px
}
article.service section.list ul li a .txt-container {
	height: 55px
}
}

@media screen and (max-width:760px) {
article.service {
	padding-top: 150px
}
article.service section {
	display: inline-block;
	width: 100%
}
article.service section.main {
	height: 1268px;
	position: relative;
	padding: 0 20px
}
article.service section.main .concept-message {
	display: inline-block;
	width: 608px;
	height: 466px;
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -304px
}
article.service section.main .text-container {
	width: 617px;
	height: 386px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-top: 0;
	margin-left: -308px;
	background-image: url(../images/service/copy_jp_sp.html)
}
article.service section.main .policy {
	position: absolute;
	right: auto;
	top: 547px;
	left: 50%;
	margin-left: -315px;
	width: 631px;
	height: 631px
}
article.service section.list ul {
	display: inline-block
}
article.service section.list ul li {
	float: none;
	width: 640px;
	position: relative;
	overflow: hidden
}
article.service section.list ul li:nth-child(3n+1) {
	width: 640px
}
article.service section.list ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.service section.list ul li a .image-container {
	height: 350px
}
article.service section.list ul li a .txt-container {
	height: 125px;
	padding: 20px
}
article.service section.list ul li a .txt-container h3 {
	font-size: 32px
}
article.service section.list ul li a .txt-container .comingsoon {
	font-size: 18px;
	line-height: 1em;
	margin-top: 12px
}
}
.pc article.service section.list ul li a:hover .image-container .bg {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.service section.list ul li a:hover .image-container .bg.dummy {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.service section.list ul li a.dead {
	cursor: default
}
.pc article.service section.list ul li a.dead .image-container .bg {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
article.service-detail {
	padding: 212px 0 145px
}
article.service-detail nav {
	width: 100%;
	height: 70px;
	background: #111;
	position: fixed;
	z-index: 4;
	top: 92px;
	color: #fff
}
article.service-detail nav a {
	color: #fff;
	text-decoration: none
}
article.service-detail nav a span {
	display: inline-block;
	position: relative;
	padding-bottom: 2px
}
article.service-detail nav a span:after {
	position: absolute;
	bottom: 0;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scaleX(0);
	transition: all .5s ease
}
article.service-detail nav ul {
	overflow: hidden;
	display: inline-block;
	text-align: center
}
article.service-detail nav li {
	position: relative;
	display: block;
	margin: 0 0 0 55px;
	font-size: 12px;
	float: left
}
article.service-detail nav li a {
	padding-top: 29px;
	color: #5e5e5e;
	-moz-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: color .2s cubic-bezier(.25, .46, .45, .94);
	transition: color .2s cubic-bezier(.25, .46, .45, .94)
}
article.service-detail nav li a span {
	line-height: 1.2em;
	letter-spacing: 1px
}
article.service-detail nav li.line2 a {
	padding-top: 22px
}
article.service-detail nav li.active a {
	color: #FFF
}
article.service-detail nav li.active a span:after {
	transform: scaleX(1)
}
article.service-detail nav li.dead a {
	opacity: .5
}
article.service-detail nav li.dead a span:after {
	display: none
}
article.service-detail nav li:first-child {
	margin-left: 0
}
article.service-detail nav .head {
	display: none
}
article.service-detail .detail-main {
	width: 100%;
	max-width: 1180px;
	height: 575px;
	margin: 0 auto;
	position: relative
}
article.service-detail .detail-main .main-images {
	width: 827px;
	overflow: hidden
}
article.service-detail .detail-main .main-images .main-list {
	overflow: hidden
}
article.service-detail .detail-main .main-images .main-list li {
	float: left;
	display: block;
	width: 827px;
	height: 463px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}
article.service-detail .detail-main .main-images .pointer-list {
	display: inline-block;
	text-align: left;
	margin-top: 20px;
	overflow: hidden
}
article.service-detail .detail-main .main-images .pointer-list li {
	float: left;
	margin-left: 20px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e5e5e5;
	-moz-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background .2s cubic-bezier(.25, .46, .45, .94);
	transition: background .2s cubic-bezier(.25, .46, .45, .94)
}
article.service-detail .detail-main .main-images .pointer-list li.active {
	background: #a0a0a0
}
article.service-detail .detail-main .main-images .pointer-list li:first-child {
	margin-left: 0
}
article.service-detail .detail-main .main-txts {
	position: absolute;
	top: 220px;
	right: 0;
	width: 450px;
	min-height: 250px;
	padding: 30px 0 30px 30px;
	text-align: left;
	background-color: #FFF
}
article.service-detail .detail-main .main-txts h2 {
	font-size: 32px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px
}
article.service-detail .detail-main .main-txts h3 {
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 1px;
	margin-bottom: 28px
}
article.service-detail .detail-main .main-txts .lead {
	font-size: 16px;
	line-height: 1.87em;
	letter-spacing: 1px;
	margin-bottom: 26px;
	font-weight: 700
}
article.service-detail .detail-main .main-txts .text {
	font-size: 13px;
	line-height: 2em
}
article.service-detail .detail-main .back-list {
	position: absolute;
	top: 0;
	right: 0
}
article.service-detail .detail-main .back-list a {
	display: block;
	width: 120px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 1px solid #bbb;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	position: relative;
	-moz-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
	transition: background-color .4s cubic-bezier(.25, .46, .45, .94)
}
article.service-detail .detail-main .back-list a span {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	height: 31px;
	line-height: 31px
}
article.service-detail .detail-main .back-list a span:after {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background-image: url(../images/works/bg_list_btn.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px
}
article.service-detail .detail-works h2 {
	font-size: 20px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 50px
}
article.service-detail .detail-works ul {
	overflow: hidden;
	display: block
}
article.service-detail .detail-works ul li {
	float: left;
	width: 33%;
	position: relative;
	overflow: hidden
}
article.service-detail .detail-works ul li:nth-child(3n+1) {
	width: 34%
}

article.service-detail .detail-works ul li .artists-container,
article.service-detail .detail-works ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}

article.service-detail .detail-works ul li .artists-container .image-container,
article.service-detail .detail-works ul li a .image-container {
	display: block;
	z-index: 2;
	width: auto;
	height: 236px;
	overflow: hidden;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .image-container:before,
article.service-detail .detail-works ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.service-detail .detail-works ul li .artists-container .image-container .bg,
article.service-detail .detail-works ul li a .image-container .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94)
}
article.service-detail .detail-works ul li .artists-container .image-container .bg .image,
article.service-detail .detail-works ul li a .image-container .bg .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-transition: -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: transform .6s cubic-bezier(.25, .46, .45, .94)
}
article.service-detail .detail-works ul li .artists-container .image-container .bg:after,
article.service-detail .detail-works ul li a .image-container .bg:after {
	content: "";
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #111;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .4s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .4s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .4s
}
article.service-detail .detail-works ul li .artists-container .image-container .bg.view,
article.service-detail .detail-works ul li a .image-container .bg.view {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
article.service-detail .detail-works ul li .artists-container .image-container .bg.view:after,
article.service-detail .detail-works ul li a .image-container .bg.view:after {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
article.service-detail .detail-works ul li .artists-container .txt-container,
article.service-detail .detail-works ul li a .txt-container {
	display: block;
	padding: 10px;
	width: 100%;
	min-height: 140px;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #FFF;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s, .5s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s
}
article.service-detail .detail-works ul li .artists-container .txt-container:before,
article.service-detail .detail-works ul li a .txt-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #111;
	z-index: 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0
}
article.service-detail .detail-works ul li .artists-container .txt-container .category,
article.service-detail .detail-works ul li a .txt-container .category {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px;
	height: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 8px;
	color: #FFF;
	background: #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .txt-container h3,
article.service-detail .detail-works ul li a .txt-container h3 {
	display: block;
	font-size: 16px;
	line-height: 1em;
	margin-top: 12px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
article.service-detail .detail-works ul li .artists-container .txt-container h3 span,
article.service-detail .detail-works ul li a .txt-container h3 span {
	font-weight: 700;
	line-height: 1.1em
}
article.service-detail .detail-works ul li a .txt-container .client {
	display: block;
	font-size: 10px;
	line-height: 1em;
	margin-top: 12px;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .txt-container .text,
article.service-detail .detail-works ul li a .txt-container .text {
	display: block;
	font-size: 13px;
	line-height: 1.6em;
	margin-top: 12px;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .over-container,
article.service-detail .detail-works ul li a .over-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#66000000', endColorstr='#66000000');
	background: 0 0;
	background: rgba(0,0,0,.4)
}
:root article.service-detail .detail-works ul li .artists-container .over-container,
:root article.service-detail .detail-works ul li a .over-container {
	filter: none\0/IE9
}
article.service-detail .detail-works ul li .artists-container .over-container .container,
article.service-detail .detail-works ul li a .over-container .container {
	display: block;
	width: 100%;
	padding: 92px 15px 15px;
	color: #FFF
}
article.service-detail .detail-works ul li .artists-container .over-container .container h3,
article.service-detail .detail-works ul li a .over-container .container h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 5px
}
article.service-detail .detail-works ul li .artists-container .over-container .container p,
article.service-detail .detail-works ul li a .over-container .container p {
	font-size: 14px
}
article.service-detail .detail-works ul li .artists-container:after,
article.service-detail .detail-works ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #ededed;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.service-detail .detail-works ul li:nth-child(even) a:after {
	display: none
}
article.service-detail .detail-works ul li.active {
	height: auto
}
article.service-detail .detail-works ul li.active a:after {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.service-detail .detail-works ul li.active a .txt-container {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.service-detail .detail-works ul li.dummy .artists-container,article.service-detail .detail-works ul li.dummy a, article.service-detail .detail-works ul li.dummy0 a {
	cursor: default
}
article.service-detail .detail-works ul li.dummy .artists-container .image-container .bg .image,article.service-detail .detail-works ul li.dummy a .image-container .bg .image, article.service-detail .detail-works ul li.dummy0 a .image-container .bg .image {
	background-image: url(../images/common/img_no-image_black.html)
}
article.service-detail .detail-works ul li.dummy.pc-hide, article.service-detail .detail-works ul li.dummy0.pc-hide {
	display: none
}
article.service-detail .detail-works .more-btn {
	display: inline-block;
	margin-top: 60px
}
article.service-detail .detail-works .more-btn a {
	width: 266px;
	height: 55px;
	line-height: 55px;
	text-decoration: none;
	position: relative
}
article.service-detail .detail-works .more-btn a .line-bottom, article.service-detail .detail-works .more-btn a .line-left, article.service-detail .detail-works .more-btn a .line-right, article.service-detail .detail-works .more-btn a .line-top {
	background-color: #111;
	z-index: 1;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.service-detail .detail-works .more-btn a .arrow {
	position: absolute;
	z-index: 1;
	top: 21px;
	left: -57px;
	width: 92px;
	height: 8px;
	overflow: hidden;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53), opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.service-detail .detail-works .more-btn a .arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/img_more_arrow.html) no-repeat;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53)
}
article.service-detail .detail-works .more-btn a .txt, article.service-detail .detail-works .more-btn a .txt-over {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	line-height: 55px;
	text-align: center;
	background-color: #FFF;
	font-weight: 700;
	font-size: 20px;
	-moz-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
	transition: opacity .2s cubic-bezier(.55, .085, .68, .53)
}
article.service-detail .detail-works .more-btn a .txt-over {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	background-color: #000;
	z-index: 2;
	opacity: 0
}

@media screen and (max-width:1100px) {
article.service-detail nav li {
	margin: 0 0 0 40px
}
}

@media screen and (max-width:1000px) {
article.service-detail nav li {
	position: relative;
	display: block;
	margin: 0 0 0 20px
}
article.service-detail nav li a {
	font-size: .9em
}
article.service-detail .detail-main {
	width: 100%;
	height: auto;
	margin: 0 auto
}
article.service-detail .detail-main .main-images {
	width: 700px;
	overflow: hidden;
	margin: 0 auto
}
article.service-detail .detail-main .main-images .main-list {
	overflow: hidden
}
article.service-detail .detail-main .main-images .main-list li {
	width: 700px;
	height: 392px
}
article.service-detail .detail-main .main-txts {
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	padding: 40px 50px 90px
}
article.service-detail .detail-main .back-list {
	position: absolute;
	top: 425px;
	right: 50px
}
article.service-detail .detail-works ul {
	overflow: hidden;
	display: block
}
article.service-detail .detail-works ul li {
	float: left;
	width: 50%
}
article.service-detail .detail-works ul li:nth-child(3n+1) {
	width: 50%
}
article.service-detail .detail-works ul li .artists-container,
article.service-detail .detail-works ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .image-container,
article.service-detail .detail-works ul li a .image-container {
	height: 222px
}
article.service-detail .detail-works ul li:nth-child(even) a:after {
	display: none
}
article.service-detail .detail-works ul li.dummy, article.service-detail .detail-works ul li.dummy.pc-hide {
	display: block
}
article.service-detail .detail-works ul li.dummy.tablet-hide {
	display: none
}
}

@media screen and (max-width:760px) {
article.service-detail {
	padding-bottom: 220px
}
article.service-detail nav {
	height: 90px;
	top: 92px;
	font-size: 30px;
	transition: height .5s ease
}
article.service-detail nav .head {
	display: block
}
article.service-detail nav .head span {
	display: inline-block;
	line-height: 90px;
	padding-right: 35px;
	background: url(../images/common/nav_arrow.html) 100% 50% no-repeat
}
article.service-detail nav>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #111;
	padding: 0;
	transform: translateX(100%);
	opacity: 0;
	transition: all .5s ease
}
article.service-detail nav>ul li {
	display: block;
	width: 100%;
	margin: 0;
	height: 90px;
	border-bottom: solid 1px #333
}
article.service-detail nav>ul li a {
	padding-top: 0!important;
	height: 90px;
	font-size: 26px;
	opacity: 1!important
}
article.service-detail nav>ul li a span {
	color: #FFF!important;
	padding-bottom: 0;
	line-height: 90px;
	height: 100%
}
article.service-detail nav>ul li a span br, article.service-detail nav>ul li a span:after {
	display: none
}
article.service-detail nav>ul li.dead a span {
	color: #414141!important
}
article.service-detail nav.open {
	height: 100%;
	overflow: scroll;
	z-index: 4
}
article.service-detail nav.open>ul {
	opacity: 1;
	transform: translateX(0)
}
article.service-detail .detail-main .main-txts {
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	padding: 48px 50px 85px
}
article.service-detail .detail-main .main-txts h2 {
	font-size: 50px
}
article.service-detail .detail-main .main-txts h3 {
	font-size: 20px
}
article.service-detail .detail-main .main-txts .lead {
	font-size: 30px
}
article.service-detail .detail-main .main-txts .text {
	font-size: 24px
}
article.service-detail .detail-main .back-list {
	position: relative;
	top: 0;
	right: 0;
	display: inline-block;
	margin-bottom: 100px
}
article.service-detail .detail-main .back-list a {
	display: block;
	width: 317px;
	-moz-border-radius: 44px;
	-webkit-border-radius: 44px;
	border-radius: 44px;
	border: 1px solid #bbb;
	font-size: 25px;
	text-align: center
}
article.service-detail .detail-main .back-list a span {
	padding-left: 50px;
	height: 80px;
	line-height: 80px
}
article.service-detail .detail-main .back-list a span:after {
	width: 33px;
	height: 33px;
	margin-top: -16px
}
article.service-detail .detail-works h2 {
	font-size: 40px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 100px
}
article.service-detail .detail-works ul {
	display: inline-block
}
article.service-detail .detail-works ul li {
	float: none;
	width: 640px
}
article.service-detail .detail-works ul li:nth-child(3n+1) {
	width: 640px
}
article.service-detail .detail-works ul li .artists-container,
article.service-detail .detail-works ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .image-container,
article.service-detail .detail-works ul li a .image-container {
	display: block;
	z-index: 2;
	width: auto;
	height: 360px;
	overflow: hidden;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .image-container:before,
article.service-detail .detail-works ul li a .image-container:before {
	content: "";
	display: block;
	width: 43px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -22px;
	background: url(../images/common/logo_loop.html) no-repeat;
	-moz-animation-name: playLoading;
	-webkit-animation-name: playLoading;
	animation-name: playLoading;
	-moz-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-moz-animation-timing-function: steps(70);
	-webkit-animation-timing-function: steps(70);
	animation-timing-function: steps(70);
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
article.service-detail .detail-works ul li .artists-container .txt-container,
article.service-detail .detail-works ul li a .txt-container {
	display: block;
	padding: 20px 0;
	width: 100%;
	min-height: 170px;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #FFF;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: .5s, .5s;
	transition: transform .4s cubic-bezier(.25, .46, .45, .94) .5s, opacity .4s cubic-bezier(.25, .46, .45, .94) .5s
}
article.service-detail .detail-works ul li .artists-container .txt-container:before,
article.service-detail .detail-works ul li a .txt-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #111;
	z-index: 0;
	-moz-transition: -moz-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0
}
article.service-detail .detail-works ul li .artists-container .txt-container .category,
article.service-detail .detail-works ul li a .txt-container .category {
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	height: 22px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 1.5px;
	padding: 0 12px;
	color: #FFF;
	background: #333;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .txt-container h3,
article.service-detail .detail-works ul li a .txt-container h3 {
	display: block;
	font-size: 28px;
	line-height: 1em;
	margin-top: 14px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
article.service-detail .detail-works ul li .artists-container .txt-container h3 span,
article.service-detail .detail-works ul li a .txt-container h3 span {
	font-weight: 700;
	line-height: 1.1em
}
article.service-detail .detail-works ul li a .txt-container .client {
	display: block;
	font-size: 18px;
	line-height: 1em;
	margin-top: 14px;
	position: relative
}
article.service-detail .detail-works ul li .artists-container .txt-container .text,
article.service-detail .detail-works ul li a .txt-container .text {
	display: block;
	font-size: 18px;
	line-height: 1.6em;
	margin-top: 14px;
	position: relative
}
article.service-detail .detail-works ul li a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #ededed;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform .2s cubic-bezier(.55, .085, .68, .53);
	-o-transition: -o-transform .2s cubic-bezier(.55, .085, .68, .53);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.55, .085, .68, .53);
	transition: transform .2s cubic-bezier(.55, .085, .68, .53);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
article.service-detail .detail-works ul li:nth-child(even) a:after {
	display: none
}
article.service-detail .detail-works ul li.active {
	height: auto
}
article.service-detail .detail-works ul li.active a:after {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
article.service-detail .detail-works ul li.active a .txt-container {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
article.service-detail .detail-works ul.artists-list li.dummy, article.service-detail .detail-works ul.artists-list li.dummy0,
article.service-detail .detail-works ul.recent-works li.dummy, article.service-detail .detail-works ul.recent-works li.dummy0 {
	display: none!important
}
article.service-detail .detail-works ul.recent-persons {
	display: block;
	width: 100%
}
article.service-detail .detail-works ul.recent-persons li {
	float: left;
	width: 50%
}
article.service-detail .detail-works ul.recent-persons li a .image-container {
	height: 254px
}
article.service-detail .detail-works ul.recent-persons li a .over-container .container {
	padding: 92px 30px 30px
}
article.service-detail .detail-works ul.recent-persons li a .over-container .container h3 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 5px
}
article.service-detail .detail-works ul.recent-persons li a .over-container .container p {
	font-size: 20px
}
article.service-detail .detail-works .more-btn {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	margin: 124px 0 0;
	text-align: center
}
article.service-detail .detail-works .more-btn a {
	width: 400px;
	height: 83px;
	line-height: 83px
}
article.service-detail .detail-works .more-btn a .line-bottom, article.service-detail .detail-works .more-btn a .line-left, article.service-detail .detail-works .more-btn a .line-right, article.service-detail .detail-works .more-btn a .line-top {
	background-color: #111
}
article.service-detail .detail-works .more-btn a .txt, article.service-detail .detail-works .more-btn a .txt-over {
	font-weight: 700;
	font-size: 30px;
	line-height: 83px
}
article.service-detail .detail-works .more-btn a .arrow {
	position: absolute;
	top: 32px;
	left: -57px;
	width: 92px;
	height: 8px
}
}

@media screen and (max-width:760px) {
article.service-detail {
	padding-top: 263px
}
article.service-detail nav {
	top: 150px
}
}
.pc article.service-detail nav li a:hover {
	color: #FFF
}
.pc article.service-detail nav li a:hover span:after {
	transform: scaleX(1)
}
.pc article.service-detail nav li.dead {
	cursor: default
}
.pc article.service-detail nav li.dead a:hover {
	color: #5e5e5e
}
.pc article.service-detail .detail-main .back-list a:hover {
	background-color: #111;
	border: 1px solid #111;
	color: #FFF
}
.pc article.service-detail .detail-main .back-list a:hover span:after {
	background-image: url(../images/works/bg_list_btn_w.html)
}
.pc article.service-detail .detail-works ul li a:hover .image-container .bg .image {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.pc article.service-detail .detail-works ul li a:hover .image-container .bg.dummy .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.service-detail .detail-works ul li a:hover .txt-container:before {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.pc article.service-detail .detail-works ul li a:hover .txt-container .category {
	color: #111;
	background: #FFF
}
.pc article.service-detail .detail-works ul li a:hover .txt-container .text, .pc article.service-detail .detail-works ul li a:hover .txt-container .client, .pc article.service-detail .detail-works ul li a:hover .txt-container h3 {
	color: #FFF
}
.pc article.service-detail .detail-works ul li a:hover .over-container {
	opacity: 1
}
.pc article.service-detail .detail-works ul li.dummy a:hover .image-container .bg .image {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.pc article.service-detail .detail-works .more-btn a:hover .arrow:before {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.pc article.service-detail .detail-works .more-btn a:hover .txt-over {
	opacity: 1
}