.transition_wrap{
    position: fixed;
    height: 0px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #75756d;
    z-index: 9999999999999999;
}

.slider_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #75756d; z-index: 999999999; -webkit-transition: 2.2s ease-out; transition: 2.2s ease-out; }
@media (max-width: 750px) { .slider_wrap { top: -175px; } }

.top_animetion_logo { position: absolute; left: 0; right: 0; }
@media (min-width: 751px) { .top_animetion_logo { width: 195px; margin: 0 auto; top: 37px; } }
@media (max-width: 750px) { .top_animetion_logo { display: none; top: 0; bottom: 0; margin: auto; width: 391px; } }

.loadingBar { width: 0; height: 3px; background: #834cb1; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); top: 0; left: 0; position: fixed; z-index: 9999999999999991; -webkit-transition: .6s; transition: .6s; }
@media (max-width: 750px) { .loadingBar { height: 6px; } }

.loading_wrap {display: none; width: 100%; height: 100%; position: fixed; z-index: 999999999999999; background: #75756d; top: 0; left: 0; }

body { width: 100%; min-width: 1146px; position: relative; }
@media (max-width: 750px) { body { width: 750px; min-width: 750px; } }

@media (max-width: 750px) { html { width: 750px; } }

.wrap { overflow: hidden; }
@media (max-width: 750px) { .wrap { margin-top: 175px; } }

.sp_wrap { display: none; position: fixed; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #fbfae9; opacity: 1; z-index: 100000; }

.container { width: 1146px; margin: 0 auto; }
@media (max-width: 750px) { .container { width: 750px; margin: 0 auto; } }

@media (min-width: 751px) { .filter_line { position: relative; }
  .filter_line:before { -webkit-transition: .3s; transition: .3s; content: ""; position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; z-index: 100; width: 100%; height: 100%; top: 3px; left: 0; opacity: 1; }
  .filter_line:hover:before { opacity: 0; visibility: hidden; }
  .filter { position: relative; }
  .filter:after { -webkit-transition: .3s; transition: .3s; content: ""; position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; }
  .filter:hover:after { opacity: 0; visibility: hidden; } }
.main { margin-top: 40px; }
@media (max-width: 750px) { .main { margin-top: 60px; } }

.header_nav { z-index: 999999; position: absolute; top: 0; left: 0; right: 0; width: 1146px; margin: 0 auto; height: 88px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; }
.header_nav .sp_hund { display: none; }
	.header_nav .logo     { width: 182px; background-image: url(../img/header/top_nav_logo.png); background-size: auto 52px; background-size: auto 54px; background-position: center 18px; }
	.header_nav .service  { width: 231px; background-image: url(/img/header/service.png); }
	.header_nav .case     { width: 173px; background-image: url(/img/header/case_study.png); }
	.header_nav .gallery  { width: 221px; background-image: url(/img/header/gallery.png); }
	.header_nav .about    { width: 134px; background-image: url(/img/header/about.png); }
	.header_nav .contact  { width: 161px; background-image: url(/img/header/contact.png); }
	.header_nav .language { width: 44px;  background-image: url(/img/header/language.png); background-size: auto 88px; background-position: left 0}
	.header_nav .us.language { background-image: url(../us/img/header/language.png)}
	.header_nav .insta    { display: none; }
/*		body#us .header_nav .logo     { background-image: url(/us/img/header/top_nav_logo.png)}
		body#us .header_nav .service  { background-image: url(/us/img/header/service.png)}
		body#us .header_nav .case     { background-image: url(/us/img/header/case_study.png)}
		body#us .header_nav .gallery  { background-image: url(/us/img/header/gallery.png)}
		body#us .header_nav .about    { background-image: url(/us/img/header/about.png)}
		body#us .header_nav .contact  { background-image: url(/us/img/header/contact.png)}
		body#us .header_nav .language { background-image: url(/us/img/header/language.png)}
*/
	.header_nav li { -webkit-transition: background-color .7s linear; transition: background-color .7s linear; background-color: #fbfae9; background-size: auto 12px; background-position: center; background-repeat: no-repeat;/* border-right: solid 1px #e8e8dd;*/ position: relative; }
.header_nav li a { display: inline-block; width: 100%; height: 88px; }
.header_nav li:nth-last-of-type(1) { border-right: none; }
@media (min-width: 751px) { .header_nav { -webkit-transition: 1s; transition: 1s; }
.header_nav:hover li { border-right: solid 1px #515151; background-color: #333333; }
.header_nav:hover li:hover { background-color: #0b0b0b; position: relative; }
.header_nav:hover li:hover:before { position: absolute; content: ""; left: 0; right: 0; bottom: 1px; width: calc(100% - 2px); height: 2px; margin: 0 auto; background: #834cb1; }
	.header_nav:hover .logo     { background-image: url(/img/header/top_nav_logo_hover.png); }
	.header_nav:hover .service  { background-image: url(/img/header/service_hover.png); }
	.header_nav:hover .case     { background-image: url(/img/header/case_study_hover.png); }
	.header_nav:hover .gallery  { background-image: url(/img/header/gallery_hover.png); }
	.header_nav:hover .about    { background-image: url(/img/header/about_hover.png); }
	.header_nav:hover .contact  { background-image: url(/img/header/contact_hover.png); border: none }
	.header_nav:hover .language { background-image: url(/img/header/language_hover.png); }
		body .header_nav:hover .us.logo     { background-image: url(/us/img/header/top_nav_logo_hover.png)}
		body .header_nav:hover .us.service  { background-image: url(/us/img/header/service_hover.png)}
		body .header_nav:hover .us.case     { background-image: url(/us/img/header/case_study_hover.png)}
		body .header_nav:hover .us.gallery  { background-image: url(/us/img/header/gallery_hover.png)}
		body .header_nav:hover .us.about    { background-image: url(/us/img/header/about_hover.png)}
		body .header_nav:hover .us.contact  { background-image: url(/us/img/header/contact_hover.png)}
		body .header_nav:hover .us.language { background-image: url(/us/img/header/language_hover.png)}

.header_nav li:after { position: absolute; content: ""; top: 35px; left: 0; height: 740px; height: 18px; width: 1px; background: #CCC; opacity: .4 }
.header_nav:hover li.language:hover:before { left: 1px; width: calc(100% - 3px)}
.header_nav:hover li:after  { display: none }
.header_nav li.language:after { display: none }
 }
@media (max-width: 750px) {
	.header_nav .service { width: 100% }
	.header_nav .case    { width: 100% }
	.header_nav .gallery { width: 100% }
	.header_nav .about   { width: 100% }
	.header_nav .contact { width: 100% }
	.header_nav .language { width: 100% }
.header_nav .logo {
	background-image: url(../img/header/top_nav_logo.png);
    background-size: 391px 31px;
    background-position: 86px 74px;}
}

@media (max-width: 750px) { .sp_hunb_wrap { z-index: 99999999; position: fixed; top: 38px; right: 90px; width: 98px; height: 100px; -webkit-transition: .3s; transition: .3s; }
  .sp_hunb_wrap .sp_hunb { position: absolute; right: 0; left: 0; top: 38px; margin: 0 auto; -webkit-transition: .4s; transition: .4s; display: block; width: 38px; height: 2px; background: #834cb1; }
  .sp_hunb_wrap .sp_hunb:before, .sp_hunb_wrap .sp_hunb:after { background: #834cb1; position: absolute; content: ""; width: 38px; height: 2px; right: 0; display: block; }
  .sp_hunb_wrap .sp_hunb:before { -webkit-transition: .05s; transition: .05s; top: 12px; }
  .sp_hunb_wrap .sp_hunb:after { -webkit-transition: .4s; transition: .4s; top: 24px; }
  .active .sp_hunb { -webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }
  .active .sp_hunb:before { opacity: 0; }
  .active .sp_hunb:after { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-24px) rotate(90deg); }
  .header_nav { -webkit-transition: .3s; transition: .3s; width: 100%; height: 175px; display: block; position: fixed; box-shadow: 0px 0px 12px 0px #120c0c; -moz-box-shadow: 0px 0px 12px 0px #040000; -webkit-box-shadow: 0px 0px 12px 0px #040000; }
  .header_nav .logo { -webkit-transition: .3s; transition: .3s; display: block; width: 100%; height: 175px; background-color: #fbfae9; background-image: url(../img/header/top_nav_logo.png); background-size: 391px 31px; background-size: 204px 104px; background-size: 102px 52px;
 background-position: 86px 64px; }
  .header_nav .service { top: calc( (100% - 175px) / 16 * 1  + 175px ); background-image: url(../img/header/service.png); }
  .header_nav .case    { top: calc( (100% - 175px) / 16 * 3  + 175px ); background-image: url(../img/header/case_study.png); }
  .header_nav .gallery { top: calc( (100% - 175px) / 16 * 5  + 175px ); background-image: url(../img/header/gallery.png); }
  .header_nav .about   { top: calc( (100% - 175px) / 16 * 7  + 175px ); background-image: url(../img/header/about.png); }
  .header_nav .contact { top: calc( (100% - 175px) / 16 * 9  + 175px ); background-image: url(../img/header/contact.png); }
  .header_nav .language { top: calc( (100% - 175px) / 16 * 11 + 175px ); background-image: url(../img/header/language_sp.png); background-size: auto 29px; background-position: center center }
  .header_nav .us.language { background-image: url(../us/img/header/language_sp.png)}
  .header_nav .insta   { top: calc( (100% - 175px) / 16 * 13 + 175px) ; background-image: url(../img/common/instagram.png); background-size: 29px; }
  .header_nav li       { height: calc( (100% - 175px) / 8 * 1); width: 100%; display: none; border-right: none; background-color: inherit; position: fixed; background-size: auto 25px; }
  .header_nav li a     { display: inline-block; width: 100%; height: 100%; }
  .header_nav li:nth-last-of-type(1) { border-right: none; }
  .header_nav li:after { position: absolute; content: ""; top: 0; right: -1px; height: 740px; width: 1px; background: #fff; opacity: .1; }
  .header_nav:after { display: none; }
  .scroll .header_nav { top: -35px; height: 140px; }
  .scroll .logo { height: 140px; }
  .scroll .sp_hunb_wrap { margin-top: -35px; } }
.all_center { -webkit-transition: .4s; transition: .4s; position: relative; top: 50%; display: inline-block; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.side_contact_wrap { z-index: 10000; position: relative; min-width: 1148px; width: 100%; overflow: hidden; }
@media (max-width: 750px) { .side_contact_wrap { min-width: inherit; } }
.side_contact_wrap .side_contact { z-index: 10000; position: absolute; top: 120px; right: 60px; display: inline-block; width: 76px; -webkit-transition: none; transition: none; -webkit-transition: .3s; transition: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.side_contact_wrap .side_contact:hover { opacity: .7; }
@media (max-width: 750px) { .side_contact_wrap .side_contact { width: 152px; }
  .side_contact_wrap .side_contact img, .side_contact_wrap .side_contact_us img { width: 152px; } }

.footer { position: relative; }
.footer .page_top { position: absolute; top: -60px; left: 0; right: 0; margin: 0 auto; width: 57px; }

.footer_top { margin-top: 110px; background: #333333; width: 100%; height: 100px; text-align: center; }
.footer_top img { width: 216px; }
@media (max-width: 750px) { .footer_top { height: 200px; }
  .footer_top img { width: 432px; } }

.footer_bottom { position: relative; width: 100%; background: #666666; padding: 30px 0 16px; }
@media (max-width: 750px) { .footer_bottom { padding: 70px 0 32px; } }
.footer_bottom .text { text-align: center; font-size: 1.2rem; line-height: 1.4; margin-bottom: 15px; }
@media (max-width: 750px) { .footer_bottom .text { margin-bottom: 30px; } }
.footer_bottom .text a { text-decoration: none; }
.footer_bottom .copy { margin: 40px 0 0; text-align: center; font-size: .8rem; }
@media (max-width: 750px) { .footer_bottom .copy { margin-top: 80px; } }
.footer_bottom .aguije { position: absolute; right: 28px; bottom: 13px; opacity: .5; -webkit-transition: .3s; transition: .3s; }
.footer_bottom .aguije:hover { opacity: .3; }
@media (max-width: 750px) { .footer_bottom .aguije { right: 28px; bottom: 13px; } }

.mb30 { margin-bottom: 30px; }

.mb20 { margin-bottom: 20px; }

.mb10 { margin-bottom: 10px; }

.mt30 { margin-top: 30px; }

.mt20 { margin-top: 20px; }

.mt10 { margin-top: 10px; }

::selection      { background: #f8981c; color: #fff;}
::-moz-selection { background: #f8981c; color: #fff;}