.tk-acumin-pro{font-family:"acumin-pro",sans-serif;}
.tk-dnp-shuei-gothic-gin-std{font-family:"dnp-shuei-gothic-gin-std",sans-serif;}
.tk-professor{font-family:"professor",sans-serif;}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  display: inline-block;      position: relative;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {  display: inline-block;      position: relative;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {  display: inline-block;      visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {  text-align: left;  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {  display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {  display: block;  -webkit-backface-visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {  display: block;  -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -moz-transition: -moz-transform 2s;  -ms-transition: -ms-transform 2s;  -o-transition: -o-transform 2s;  transition: transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -moz-transition: -moz-transform 2s;  -ms-transition: -ms-transform 2s;  -o-transition: -o-transform 2s;  transition: transform 2s;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0);}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  line-height: 1;}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {  text-align: center;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {  
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit; 
	font-size: 100%;  
	vertical-align: baseline;
}
sup {  position: relative;  top: -0.1em;  font-size: 70%;  vertical-align: top;}
sub {  position: relative;  font-size: 70%;  vertical-align: bottom;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {  display: block;}
body {  line-height: 1; }
ol, ul {  list-style: none;}
blockquote, q {  quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {  content: '';  content: none;}
table {  border-collapse: collapse;  border-spacing: 0;}
*, *:before, *:after {  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}
*::-moz-selection {  background: transparent;  color: #00daff;}
*::selection {  background: transparent;  color: #00daff;}
html {  font-size: 62.5%;}
body {  
	-webkit-font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;  
	-moz-osx-font-smoothing: grayscale;  
	-webkit-text-size-adjust: 100%;  
	overflow-x: hidden;  
	color: #000;  
	font-family: YakuHanJP, dnp-shuei-gothic-gin-std, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro",  "Lucida Grande", "Verdana", sans-serif;  
	font-feature-settings: "palt"; 
	font-size: 1.4rem;  
	font-weight: 500;  
	letter-spacing: .07em;
	line-height: 1;
	background: #FFF;
}
a {  color: #000;  text-decoration: none;}
a > * {  pointer-events: none;}
img {  max-width: 100%;}
button {  
	padding: 0;  
	border: none;  
	outline: none;  
	background: none;  
	font-family: YakuHanJP, acumin-pro, dnp-shuei-gothic-gin-std, "Yu Gothic", YuGothic,  "Hiragino Kaku Gothic Pro", "Lucida Grande", "Osaka","Verdana", sans-serif;
}
@font-face {  
	src: url("/font/knapfont-regular-webfont.woff2") format("woff2"), url("/font/knapfont-regular-webfont.woff") format("woff");
	font-display: swap;
	font-family: "knap";
	font-style: normal;
	font-weight: normal;
}
@font-face {  
	src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
	font-display: swap; 
	font-family: "YakuHanJP"; 
	font-style: normal;
	font-weight: 200;
}
@media screen and (min-width: 56em) {  
	body {    font-size: 1.6rem;  }
	.l-content {
    padding-right: 8.33333vw;
	}
}
.progressive {  display: block;  position: relative;  overflow: hidden;}
.progressive img {  display: block;  width: 100%;  max-width: none;  height: auto;}
.progressive img.preview {  opacity: .01;}
.progressive img.reveal {  
	position: absolute;  
	top: 0;  left: 0;  
	-webkit-animation: progressiveReveal 1s cubic-bezier(0.46, 0.01, 0.17, 1);   
	animation: progressiveReveal 1s cubic-bezier(0.46, 0.01, 0.17, 1); 
	will-change: opacity;
}

.c-alt {  
	clip: rect(1px, 1px, 1px, 1px); 
	position: absolute;  
	width: 1px; 
	height: 1px; 
	margin: -1px;
	padding: 0;
	overflow: hidden; 
	-webkit-clip-path: inset(50%); 
	clip-path: inset(50%);
}
.c-ttl {
    font-family: "acumin-pro", sans-serif;
    font-size: 6.4rem;
    font-weight: 700;
    text-align: right;
}


.c-breadcrumb {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: end;      -ms-flex-pack: end;          justify-content: flex-end;  margin-bottom: 8rem;}
.c-breadcrumb_list {  font-size: 1.2rem;  font-weight: 600;  font-weight: 600;  letter-spacing: .1em;}
.c-breadcrumb_list:first-of-type {  position: relative;  margin-right: 1.4rem;}
.c-breadcrumb_list:first-of-type::after {  position: absolute;  top: 50%;  right: -.9rem;  width: .4rem;  height: .1rem;  -webkit-transform: translateY(0.3rem);          transform: translateY(0.3rem);  background: #000;  content: "";}
.c-breadcrumb_link {  font-size: 1.2rem;  font-weight: 600;  font-weight: 600;  letter-spacing: .1em;}

.c-ttl {  font-family: "acumin-pro", sans-serif;  font-size: 6.4rem;  font-weight: 700;  text-align: right;}

.c-pagination {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;  padding: 0 3.5rem 15rem 0;}
.c-pagination span {  
	display: -webkit-box;  
	display: -ms-flexbox; 
	display: flex;  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;  -webkit-box-pack: center;  
	-ms-flex-pack: center;          
	justify-content: center;  
	width: 3.2rem;  
	height: 3rem;  
	margin: 0 .4rem; 
	border: .1rem solid #333; 
	color: #333;
	font-size: 1.6rem; 
	line-height: 3rem;
}
.c-pagination a {  
	display: -webkit-box;
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3.2rem;
	height: 3rem;
	margin: 0 .4rem; 
	border: .1rem solid #333;  
	color: #fff;  
	font-size: 1.6rem;  
	line-height: 3rem; 
	-webkit-transition: opacity 0.55s cubic-bezier(0.46, 0.01, 0.17, 1); 
	transition: opacity 0.55s cubic-bezier(0.46, 0.01, 0.17, 1);
}
.c-pagination a:hover {  opacity: .5;}
.c-pagination .next {  border: none;}
.c-pagination .prev {  border: none;}
.c-pagination .prev svg {  -webkit-transform: scaleX(-1);          transform: scaleX(-1);}
.c-pagination svg {  width: 4rem;  height: .5rem;}
.js-access_anim,.js-header_anim {  -webkit-transform: translateY(1rem); transform: translateY(1rem);  opacity: 0;}
.js-pointer-events {  pointer-events: none;}
.click_control {  pointer-events: none;}
.l-content_ttl_sub {
    display: block;
    font-family: "dnp-shuei-gothic-gin-std", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .2em;
    text-align: right;
}
/*#barba_wrapper.index {  background: #fffaf7;}*/
.c-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 8rem;
}
.c-breadcrumb_list:first-of-type {
    position: relative;
    margin-right: 1.4rem;
}
.c-breadcrumb_list {
    font-size: 1.2rem;
    font-weight: 600;
    font-weight: 600;
    letter-spacing: .1em;
}
.c-breadcrumb_link {
    font-size: 1.2rem;
    font-weight: 600;
    font-weight: 600;
    letter-spacing: .1em;
}

@-webkit-keyframes progressiveReveal {  
	0% {    
	-webkit-transform: scale(1.05);
	transform: scale(1.05); 
	opacity: 0;  
	}
  100% {    
	  -webkit-transform: scale(1);   
	  transform: scale(1);  
	  opacity: 1;  
	}
}
@keyframes progressiveReveal {  
	0% {    
		-webkit-transform: scale(1.05);  
		transform: scale(1.05);    
		opacity: 0;
	}
  100% {    
	  -webkit-transform: scale(1); 
	  transform: scale(1);  
	  opacity: 1; 
	}
}
.pj-access {  
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: flex;  
	z-index: 9999; 
	position: fixed;
	top: 0;  
	right: 0;  
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center; 
	justify-content: center;
	width: 100%; 
	height: 100vh;
	padding: 0 3.5rem;  
	-webkit-transform: translateX(100%); 
	transform: translateX(100%); 
	background: #fff;
}
.pj-access.is-active {  -webkit-transform: translateX(0); transform: translateX(0);}
.pj-access.is-loaded {  -webkit-transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
.pj-access_ttl {  
	margin-bottom: 4rem;  
	-webkit-transform: translateY(1rem); 
	transform: translateY(1rem); 
	font-family: "acumin-pro", sans-serif;  
	font-size: 3.6rem;  
	font-weight: 700;  
	opacity: 0;
}
.pj-access_txt {  
	margin-bottom: 2.5rem; 
	-webkit-transform: translateY(1rem);
	transform: translateY(1rem); 
	font-size: 1.4rem;  
	letter-spacing: .07em;  
	line-height: 2;  
	opacity: 0;
}
.pj-access_map_iframe {  width: 100%;  height: calc((100vw - 7rem) * .671);  margin-bottom: 3.3rem;  -webkit-transform: translateY(1rem);          transform: translateY(1rem);  opacity: 0;}
.pj-access_map_txt {  -webkit-transform: translateY(1rem);          transform: translateY(1rem);  font-size: 1.2rem;  letter-spacing: .07em;  line-height: 2.25;  opacity: 0;}
.pj-access_close_btn {  position: absolute;  top: 5.5rem;  right: 3.5rem;  width: 2.6rem;  height: 1.6rem;}
.pj-access_close_btn::before {  position: absolute;  top: 50%;  left: 50%;  width: 3rem;  height: .1rem;  -webkit-transform: translate(-50%, -50%) rotate(30deg);          transform: translate(-50%, -50%) rotate(30deg);  background: #000;  content: "";}
.pj-access_close_btn::after {  position: absolute;  top: 50%;  left: 50%;  width: 3rem;  height: .1rem;  -webkit-transform: translate(-50%, -50%) rotate(-30deg);          transform: translate(-50%, -50%) rotate(-30deg);  background: #000;  content: "";}

.pj-work {  z-index: 1;  position: relative;}
/*.pj-work::before {  z-index: -1;  position: absolute;  top: 0;  left: -4rem;  width: 100vw;  height: 100%;  background: rgb(2,0,36);
background: linear-gradient(18deg, rgba(2,0,36,1) 0%, rgba(22,34,72,1) 100%);  content: "";}*/
.pj-work::before {  z-index: -1;  position: absolute;  top: 0;  left: -4rem;  width: 100vw;  height: 100%;  background: #000;  content: "";}
.pj-work_wrapper {  padding: 10rem 3.5rem 1rem 0;}
.pj-work_ttl {  padding-bottom: 8rem;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 5.2rem;  font-weight: 700;  letter-spacing: -.01em;  text-align: right;}
.pj-work_content {  margin-bottom: 1rem;}
.pj-work_list {  display: block;  max-width: 28rem;}
.pj-work_list_wrapper {  position: relative;  max-width: 28rem;  margin-bottom: 8rem;}
.pj-work_list_wrapper:nth-of-type(even) {  margin-left: auto;  text-align: right;}
.pj-work_list_wrapper:nth-of-type(even) .pj-work_list {  display: block;  padding-left: 1.5rem;  text-align: left;}
.pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_wrapper {  margin: 0 0 0 auto;}
.pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_visit {  left: -.6rem;}
.pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_txt {  left: 0;  padding-left: 0;}
.pj-work_list_wrapper:nth-of-type(even) .pj-work_list_content {  margin-left: 0;  padding-left: 0;}
.pj-work_list_wrapper:last-of-type {  margin-bottom: 0;}
.pj-work_list_img {  position: relative;  margin-bottom: 5rem;}
.pj-work_list_img_wrapper {  width: 23rem;  height: 23rem;  overflow: hidden;}
.pj-work_list_img_wrapper img {  
	width: 100%;  
	max-width: none;  
	-webkit-transition: 
		-webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition: -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); 
	transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);  
	transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), 
		-webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);    
}
.pj-work_list_img_visit {  
	z-index: 2;  
	position: absolute; 
	top: calc(23rem - 7.8rem);    
	left: 22.4rem;  width: 6.2rem;  
	height: 6.2rem;  
	border: .1rem solid #747474;  
	border-radius: 3.1rem;  
	color: #fff;  
	font-family: "acumin-pro", sans-serif;  
	font-size: 1.4rem;  
	letter-spacing: .03em;  
	line-height: 6.2rem;  
	text-align: center;  
	-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.pj-work_list_img_txt {  
	display: inline-block;  
	position: absolute;  
	bottom: -3.5rem;  
	left: 0;  
	padding-left: 2rem;  
	-webkit-transform-origin: bottom left; 
	transform-origin: bottom left; 
	color: #fff;  
	font-family: "professor", sans-serif;  
	font-size: 2.4rem;  
	white-space: nowrap;  
	word-break: keep-all;
}
.pj-work_list_img_txt.is-active {  -webkit-transform: rotate(-6deg);          transform: rotate(-6deg);}
.pj-work_list_content {  padding-left: 2rem;}
.pj-work_list_time {  display: block;  margin-bottom: 1rem;  color: #7a7a7a;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;  line-height: 1.8rem;}
.pj-work_list_ttl {  margin-bottom: 2.5rem;  color: #fff;  font-size: 1.6rem;  letter-spacing: .03em;  line-height: 1.875; text-align: left;}
.pj-work_list_btn {  
	position: relative; 
	padding: 0 0 0 5rem; 
	color: #fff;
    font-family: "acumin-pro", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .16em;
}
	
.l-content {
        padding-right: 3.5rem;
}
.l-footer_wrok{color: #000;  font-family: "acumin-pro", sans-serif;
	font-size: 2.22222vw; 
	font-weight: 700;  
	letter-spacing: .16em;font-weight: 700;}
.pj-work_list_btn svg {  position: absolute;  top: .3rem;  left: 0;  width: 4.4rem;}
.pj-work_btn {  position: relative;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;  font-weight: 700;  letter-spacing: .16em;}
.pj-work_btn_wrapper {  text-align: center;}
.pj-work_btn::before {  
	position: absolute; 
	top: calc(50% + .1rem);
	left: -1.1rem; 
	width: calc(100% + 2rem);
	height: .1rem;
	-webkit-transform: translate(0, -50%) scaleX(0); 
	transform: translate(0, -50%) scaleX(0);
	-webkit-transform-origin: right; 
	transform-origin: right;  
	background: #fff;  
	content: "";  
	-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.u-pc__show {  display: none;}
.u-tab__show {  display: none;}
.u-sp__show {  display: block;}
.noscroll {  height: 100vh;  overflow: hidden !important;}
.l-footer_menu_sameas_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5rem;
}
.l-footer_menu_sameas {
    width: 50%;
}
@media screen and (min-width: 37.5em) {  
	.c-ttl {    font-size: 10rem;}
  .c-breadcrumb {    margin-bottom: 18rem;  }
	.l-work_detail_kv_content_ttl{ font-size: 2.4rem;}
	.l-content {
    padding-right: 11.17318vw;
}
  .c-ttl {    font-size: 10rem;  }
  .c-pagination {    padding: 0 11.17318vw 15rem 0;  }
	
  .pj-access {    width: auto;    padding: 0 6rem 0 5.5rem;  }
  .pj-access_ttl {    font-size: 4.8rem;  }
  .pj-access_txt {    margin-bottom: 2rem;    font-size: 1.6rem;  }
  .pj-access_map_iframe {    width: 40.6rem;    height: 27.3rem;    margin-bottom: 2rem;  }
  .pj-access_map_txt {    font-size: 1.6rem;    line-height: 2;  }
  .pj-work::before {    left: -11.17318vw;  }
  .pj-work_wrapper {    padding: 13rem 11.17318vw 13rem 0;  }
  .pj-work_ttl {    padding-bottom: 10rem;    font-size: 8rem;  }
  .pj-work_content {    margin-bottom: 1rem;  }
  .pj-work_list {    max-width: none;  }
  .pj-work_list_wrapper {    max-width: none;    margin-bottom: 10rem;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list {    padding-left: 0;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_visit {    right: -5.6rem;    left: auto;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_txt {    left: 33.51955vw;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_content {    margin-left: 0;    padding-left: 33.51955vw;  }
  .pj-work_list_img_wrapper {    width: 55.86592vw;    height: 55.86592vw;  }
  .pj-work_list_img_visit {    top: calc(55.86592vw - 7.8rem);        left: 54.97207vw;    width: 6.2rem;    height: 6.2rem;    border-radius: 3.1rem;    line-height: 6.1rem;  }
  .pj-work_list_img_txt {    bottom: -4.5rem;    padding-left: 11.11111vw;  }
  .pj-work_list_content {    padding-left: 11.11111vw;  }
  .pj-work_list_time {    font-size: 1.4rem;  }
  .pj-work_list_ttl {    margin-bottom: 5rem;    font-size: 2rem;    line-height: 1.5;  }
  .u-pc__show {    display: none;  }
  .u-tab__show {    display: block;  }
  .u-sp__show {    display: none;  }
	.l-footer_menu_sameas_wrapper {
    margin-bottom: 6rem;
}
	.l-footer_menu_sameas {
    width: 21.11111vw;
}
}
@media screen and (min-width: 56em) {  
	.c-breadcrumb {    padding-right: 10rem;  }
	.l-content_ttl_sub { font-size: 1.6rem;}
	.c-breadcrumb {    margin-bottom: 9rem;}
	.c-breadcrumb {padding-right: 10rem;}
	
  .c-ttl {    padding-right: 10rem;  }
  .c-pagination {    padding: 0 8.33333vw 15rem 0;  }
	
  .pj-work::before {    left: -8.33333vw;  }
  .pj-work_wrapper {    padding: 15rem 8.33333vw 1rem 0;  }
  .pj-work_ttl {    padding-right: 10rem;  }
  .pj-work_content {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;  }
  .pj-work_list:hover img {    -webkit-transform: scale(1.05);            transform: scale(1.05);  }
  .pj-work_list_wrapper {    width: 34.72222vw;    margin-bottom: 13.88889vw;  }
  .pj-work_list_wrapper:nth-of-type(even) {    margin-top: 13.88889vw;    margin-bottom: 0;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_visit {    left: auto;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_txt {    left: 6.94444vw;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_content {    padding-left: 6.94444vw;  }
  .pj-work_list_img_wrapper {    width: 34.72222vw;    height: 34.72222vw;  }
  .pj-work_list_img_visit {    top: calc(34.72222vw - 7.8rem);    right: -5.2rem;        left: auto;  }
  .pj-work_list_img_visit:hover {    -webkit-transform: scale(1.2);            transform: scale(1.2);  }
  .pj-work_list_img_txt {    padding-left: 6.94444vw;  }
  .pj-work_list_content {    padding-left: 6.94444vw;  }
  .pj-work_btn:hover::before {    -webkit-transform: translate(0, -50%) scaleX(1);            transform: translate(0, -50%) scaleX(1);    -webkit-transform-origin: left;            transform-origin: left;  }
  .u-pc__show {    display: block;  }
  .u-tab__show {    display: none;  }
	.l-footer_menu_sameas_wrapper {margin-bottom: 7rem;}
	.l-footer_menu_sameas {
    width: 20.83333vw;
}
}
@media screen and (min-width: 90em) {  
	.c-pagination {    padding: 0 12rem 15rem 0;  }
	
  .pj-work::before {    left: calc(((100vw - 144rem) / -2) - 12rem);  }
  .pj-work_wrapper {    padding: 13rem 12rem 8rem 0;  }
  .pj-work_list_wrapper {    width: 50rem;    margin-bottom: 20rem;  }
  /*.pj-work_list_wrapper:nth-of-type(even) {    margin-top: 20rem;  }*/
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_img_txt {    left: 10rem;  }
  .pj-work_list_wrapper:nth-of-type(even) .pj-work_list_content {    padding-left: 10rem;  }
  .pj-work_list_img_wrapper {    width: 50rem;    height: 50rem;  }
  .pj-work_list_img_visit {    top: calc(50rem - 7.8rem);    right: -5.2rem;  }
  .pj-work_list_img_txt {    padding-left: 10rem;  }
  .pj-work_list_content {    padding-left: 10rem;  }
}
.l-header {  z-index: 999;  position: fixed;  width: 100%;  padding-bottom: 3rem;  mix-blend-mode: difference;  pointer-events: none;}
.l-header.is-active {  mix-blend-mode: normal;}
.l-header.is-active .l-header_ttl_link {  color: #fff;}
.l-header.is-active .l-header_menu_btn {  width: 2.7rem;  height: 1.7rem;}
/*
.l-header.is-active .l-header_menu_btn::before {  position: absolute;  top: 50%;  left: 50%;  width: 3rem;  height: .1rem;  -webkit-transform: translate(-50%, -50%) rotate(30deg);          transform: translate(-50%, -50%) rotate(30deg);  background: #fff;  content: "";}
.l-header.is-active .l-header_menu_btn::after {  position: absolute;  top: 50%;  left: 50%;  width: 3rem;  height: .1rem;  -webkit-transform: translate(-50%, -50%) rotate(-30deg);          transform: translate(-50%, -50%) rotate(-30deg);  background: #fff;  content: "";}
*/
/*.l-header.is-active .l-header_menu_btn svg {  opacity: 0;}*/
.l-header.is-active .l-header_menu_btn span {  opacity: 0;}
.l-header.is-active .l-header_quick_menu_wrapper {  opacity: 0;}
.l-header_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  z-index: 1;  position: relative;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;  padding: 5rem 3.5rem 0 4rem;}
@media (max-width: 768px) {
  .l-header_wrapper { padding: 2.5rem 3.5rem 0 4rem;}
}
.l-header_ttl {  font-size: 1.5rem;  letter-spacing: .25em; flex-direction: column;    color: #000;    width: 100px 
	/*mix-blend-mode: difference; */
/*	background-color: rgba(0,0,0,.3);*/
}
.l-header_ttl_link {  width: 230px; color: #fff;  font-family: "acumin-pro", sans-serif;  font-weight: normal;  pointer-events: auto;  -webkit-transition: color 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: color 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); width: 230px;}

.l-header_quick_menu {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -ms-flex-wrap: wrap;      flex-wrap: wrap;}
.l-header_quick_menu_wrapper {  display: none;}
.l-header_quick_menu_list {  display: block;}
.l-header_quick_menu_link {  
	display: block;  
	position: relative; 
	padding: 0 2.2rem;  
	color: #FFF;  font-family: "acumin-pro", sans-serif; 
	font-size: 1.4rem; 
	font-weight: 600; 
	letter-spacing: 0.1em;
	pointer-events: auto;
	text-transform: uppercase;
}
.l-header_quick_menu_link::before { 
	position: absolute;
	top: calc(50% + 0.2rem); 
	left: 1.1rem;  
	width: calc(100% - 2.2rem); 
	height: .1rem; 
	-webkit-transform: translate(0, -50%) scaleX(0);    
	transform: translate(0, -50%) scaleX(0);
	-webkit-transform-origin: right;     
	transform-origin: right;
	background: #7a7a7a;  
	content: "";  
	-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.l-header_quick_menu_link.js-pointer-events {  opacity: .6;}
.l-header_quick_menu_link.js-pointer-events::before {  
	position: absolute; 
	top: calc(50% + .1rem);  
	left: 1.1rem; 
	width: calc(100% - 2.2rem);  
	height: .1rem; 
	-webkit-transform: translate(0, -50%) scaleX(1);  
	transform: translate(0, -50%) scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left;
	background: #7a7a7a;
	content: "";
}
.l-header_nav { 
	visibility: hidden;  
	z-index: 998;  
	position: fixed;  
	top: 0;  
	left: 0;  
	width: 100%;
	height: 100vh;
	padding: 13.4rem 3.5rem 6.8rem 4rem;
	opacity: 0;  
	pointer-events: none;
}
.l-header_nav_menu_wrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
	position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5rem 3.5rem 0 4rem;
}
.l-header_nav.is-loaded {  -webkit-transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
.l-header_nav::after {  z-index: -1;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #caccca;  content: "";}
.l-header_nav.is-active {  visibility: visible;  opacity: 1;  pointer-events: auto;}
.l-header_nav_main {  margin-bottom: 2rem;}
.l-header_nav_main_img {  display: none;}
.l-header_nav_main_img img {  width: 92.57143%;}
.l-header_nav_main_menu {  width: 50%;}
.l-header_nav_main_menu:first-of-type {  }
.l-header_nav_main_menu_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: start;      -ms-flex-pack: start;          justify-content: flex-start;  margin-bottom: 2.5rem;}
.l-header_nav_main_menu_list {  margin-bottom: 3.5rem;  text-align: left;}
.l-header_nav_main_menu_link {  position: relative;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 2.8rem;  font-weight: 700;  letter-spacing: -.01em;}
.l-header_nav_main_menu_link.js-pointer-events::before {  
	position: absolute; 
	top: calc(50% + .1rem); 
	left: -1.1rem;  
	width: calc(100% + 2rem);  
	height: .1rem; 
	-webkit-transform: translate(0, -50%) scaleX(1);    
	transform: translate(0, -50%) scaleX(1);  
	-webkit-transform-origin: left;     
	transform-origin: left; 
	background: #fff;  
	content: "";
}
.l-header_nav_contact {  margin-bottom: 3.5rem;  padding-bottom: 3rem;  border-bottom: .2rem solid #fff;  text-align: center;}
.l-header_nav_contact_link {  position: relative;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 2.8rem;  font-weight: 700;  letter-spacing: -.01em;}
.l-header_nav_contact_link.js-pointer-events {  opacity: .6;}
.l-header_nav_contact_link.js-pointer-events::before {  position: absolute;  top: calc(50% + .1rem);  left: -1.1rem;  width: calc(100% + 2rem);  height: .1rem;  -webkit-transform: translate(0, -50%) scaleX(1);          transform: translate(0, -50%) scaleX(1);  -webkit-transform-origin: left;          transform-origin: left;  background: #fff;  content: "";}
.l-header_nav_sameas_list {  margin-bottom: 2.8rem;  text-align: left;}
.l-header_nav_sameas_link {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  margin-bottom: 3rem;  padding-left: 0;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 1.6rem;  font-weight: 600;}
.l-header_nav_sameas_link svg {  width: 4rem;  margin-right: 1rem;}
.l-header_menu_btn {  position: relative;  width: 8.4rem;  height: 2.5rem;  padding: 0;  overflow: hidden;  border: none;  background: none;  font-size: 0;  text-align: right;  cursor: pointer;  pointer-events: auto;}
.l-header_menu_btn svg {  z-index: -1;  position: absolute;  top: calc(50% - .3rem);  left: 0;  width: 4rem;  height: .5rem;  -webkit-transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); fill: #fff;}
/*.l-header_menu_btn svg path {  fill: #fff;}*/
.l-header_menu_btn span {  color: #fff;  font-size: 1.2rem;  font-weight: 700;  letter-spacing: .1em;  -webkit-transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
.l-header_menu_btn.open span, .l-header_menu_btn.open > .c-btn_arrow { display: none}
@supports not (mix-blend-mode: difference) {  
	.l-header_ttl_link {    color: #000;  }
  .l-header_quick_menu_link {    color: #ababab;  }
  .l-header_menu_btn svg path {    fill: #ababab;  }
}
.l-bottom_img {  width: 15.6rem;}
.l-bottom_img_wrapper {  position: relative;  margin: 0 auto 12rem -4rem;  padding-top: 12rem;  text-align: center;}
.page_top {  position: absolute;  right: 4rem;  bottom: -10rem;  width: 2.5rem;}

.l-footer {  background: #FFF; 
/*	position: sticky;*/
/*
  bottom: 0;
  left: 0;
  width: 100%;
  display: grid;
  place-items: center;
*/
}

.l-footer_wrapper {  padding: 1rem 3.5rem 6rem 4rem;}
/*.l-footer_menu_wrapper {  margin-bottom: 8rem;}*/
.l-footer_menu_content {  width: 50%;}
.l-footer_menu_content_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-bottom: 5rem;}
.l-footer_menu_list {  margin-bottom: 3rem;}
.l-footer_menu_list:last-of-type {  margin-bottom: 0;}
.l-footer_menu_link {  position: relative;    font-family: "acumin-pro", sans-serif;  font-size: 2.8rem;  font-weight: 700;  letter-spacing: .01em;}
.l-footer_menu_link.js-pointer-events {  opacity: .6;}
.l-footer_menu_link.js-pointer-events::before {  
	position: absolute;
	top: calc(50% + .1rem); 
	left: -1.1rem;  
	width: calc(100% + 2rem);
	height: .1rem; 
	-webkit-transform: translate(0, -50%) scaleX(1); 
	transform: translate(0, -50%) scaleX(1); 
	-webkit-transform-origin: left; 
	transform-origin: left; 
	background: #fff;  
	content: "";
}
.l-footer_menu_contact {  margin-bottom: 2rem;  
/*
	padding-bottom: 3rem;  
	border-bottom: .2rem solid #fff;
*/
	text-align: left;
}
.l-footer_menu_contact_link {  position: relative;  color: #000;  font-family: "acumin-pro", sans-serif;  font-size: 2.8rem;  font-weight: 700;}
.l-footer_menu_contact_link.js-pointer-events {  opacity: .6;}
.l-footer_menu_contact_link.js-pointer-events::before {  
	position: absolute;  
	top: calc(50% + .1rem);  
	left: -1.1rem;  
	width: calc(100% + 2rem);  
	height: .1rem;  
	-webkit-transform: translate(0, -50%) scaleX(1); 
	transform: translate(0, -50%) scaleX(1);  
	-webkit-transform-origin: left;
	transform-origin: left;  
	background: #fff;  
	content: "";
}
.l-footer_menu_sameas_list {  margin-bottom: 2.5rem;}
.l-footer_menu_sameas_list:last-of-type {  margin-bottom: 0;}
.l-footer_menu_sameas_link {  display: inline-block;  position: relative;  padding-left: 4.5rem;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 1.6rem;}
.l-footer_menu_sameas_link svg {  position: absolute;  top: 50%;  left: 0;  width: 4rem;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);}
.l-footer_content_item {  margin-bottom: 6rem;}
.l-footer_content_item_ttl {  margin-bottom: 2.5rem;   font-family: "acumin-pro", sans-serif;  font-size: 2.4rem;  font-weight: 700;}
.l-footer_content_item_txt {    font-size: 1.2rem;  letter-spacing: .07em;  line-height: 2; margin-bottom: 2em; font-size: 12px;
    margin-bottom: 1em;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    color: rgba(34,34,34,.5);}
.l-footer_content_item_txt::before {  display: block;  width: 0;  height: 0;  margin-top: calc((1 - 2) * 0.5em);  content: '';}
.l-footer_address {  margin-bottom: 6rem;  color: #fff;  font-size: 1.2rem;  letter-spacing: .07em;  line-height: 2;}
.l-footer_address::before {  display: block;  width: 0;  height: 0;  margin-top: calc((1 - 2) * 0.5em);  content: '';}
.l-footer_copyright {  color: #646464;  font-family: "acumin-pro", sans-serif;  font-size: 1.1rem;  font-weight: 600;}

.page_top_bg {  z-index: 9999;  position: fixed;  top: 0;  width: 100vw;  height: 100vh;  background: #fff;  opacity: 0;  pointer-events: none;}

.l-scroll {  z-index: 2;  position: fixed;  top: 0;  left: 0;  width: 4rem;  height: 100%;  color: #fff;  text-align: center;  mix-blend-mode: difference;}
.l-scroll a{ color: #FFF;}
.l-scroll_wrapper {  
	position: absolute;    
	bottom: 50%;  
	left: 50%;  
	width: 100vh;  
	-webkit-transform: translate(-50%, 50%) rotate(90deg);   
	transform: translate(-50%, 50%) rotate(90deg);
}
.l-scroll_item {  display: inline-block;  position: relative;  height: 1.1rem;  padding-left: 2.4rem;  overflow: hidden;  font-family: "acumin-pro", sans-serif;  font-size: 1.1rem;  font-weight: 600;  letter-spacing: .03em;  line-height: 1;}
.l-scroll_score::before {  position: absolute;  top: 50%;  left: 0;  width: 2rem;  height: .1rem;  -webkit-transform: translate(0, -50%) rotate(60deg);          transform: translate(0, -50%) rotate(60deg);  background: #ccc;  content: "";}
.l-slot {  padding-left: 0;}
.l-slot_count {  display: inline;}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  line-height: 1;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {  line-height: 1;}

@supports (-ms-ime-align: auto) {  
	.l-scroll {    color: #ababab;  }
}
@supports not (mix-blend-mode: difference) {  
	.l-scroll {    color: #ababab;  }
}
@media all and (-ms-high-contrast: none) {  
	.l-header_ttl_link {    display: block;    width: 13.3rem;    height: 2.5rem;    background: url(/img/common/logo.svg) no-repeat;    background-size: contain;    font-size: 0;  }
  .l-header_quick_menu_link {    color: #ababab;  }
  .l-header_menu_btn path {    fill: #ababab;  }
  .l-header_menu_btn svg path {    fill: #ababab;  }
  .l-scroll {    color: #ababab;  }
}
@media screen and (min-width: 37.5em) {  .l-header {    padding-bottom: 5.4rem;  }
  .l-header_wrapper {    padding: 8rem 11.11111vw 0;  }
  .l-header_ttl {    font-size: calc(3.72881vw + (3.6rem - 89.5rem * 0.03729));  }
  .l-header_nav {    top: 0;    height: 100vh;    padding: 25rem 11.56069vw 6rem;  }
  .l-header_nav_main {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    margin-bottom: 6rem;  }
  .l-header_nav_main_img {    display: block;    width: 50%;    text-align: left;  }
  .l-header_nav_main_menu {    width: 16.75978vw;  }
  .l-header_nav_main_menu:first-of-type {    margin-right: 6.25698vw;  }
  .l-header_nav_main_menu_wrapper {    width: 50%;  }
  .l-header_nav_main_menu_list {    margin-bottom: 6rem;  }
  .l-header_nav_main_menu_link {    font-size: 4rem;  }
  .l-header_nav_contact {    width: 44.69274vw;    margin: 0 auto 5.4rem;  }
  .l-header_nav_contact_wrapper {    position: absolute;    right: 0;    bottom: 6rem;    left: 0;    margin: 0 auto;  }
  .l-header_nav_contact_link {    font-size: 3.12849vw;  }
  .l-header_nav_sameas {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    width: 45.81006vw;    margin: 0 auto;  }
  .l-header_nav_sameas_list {    margin-bottom: 0;  }
  .l-header_nav_sameas_link {    position: relative;    margin-bottom: 0;    padding-left: 3.4rem;  }
  .l-header_nav_sameas_link svg {    position: absolute;    left: 0;    width: 3rem;  }
  .l-bottom_img {    width: 34.66667vw;  }
  .l-bottom_img_wrapper {    margin-bottom: 15rem;    margin-left: -11.11111vw;    padding-top: 20rem;  }
  .page_top {    display: none;  }
  .l-footer_wrapper {    padding: 1rem 11.11111vw 12.5rem 11.11111vw;  }
  .l-footer_menu {    width: calc(50% -  5.55556vw);  }
  .l-footer_menu_wrapper {    
	  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 12rem;  
	}
  .l-footer_menu_content {    width: 21.11111vw;  }
  .l-footer_menu_content_wrapper {    margin-bottom: 6rem;  }
  .l-footer_menu_list {    margin-bottom: 3.5rem;    font-size: 3.11111vw;  }
  .l-footer_menu_link {    font-size: 2.8rem;  }
  .l-footer_menu_contact_wrapper {    width: calc(50% -  5.55556vw);  }
  .l-footer_menu_contact_link {    font-size: 3.11111vw;  }
  .l-footer_menu_sameas_list {    margin-bottom: 2rem;  }
  .l-footer_content_wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    margin-bottom: 8rem;  }
  .l-footer_content_item {    width: calc(50% - 5rem);    margin-bottom: 0;  }
  .l-footer_content_item_ttl {    margin-bottom: 5rem;    font-size: 3.55556vw;  }
  .l-footer_content_item_txt {    font-size: 1.4rem;  }
  .l-footer_address {    margin-bottom: 8rem;  }
  .l-scroll {    width: 11.17318vw;  }
  .l-scroll_wrapper {    left: 2rem;  }
}
@media screen and (min-width: 56em) {  
	.l-header {    right: 0;    left: 0;    margin: 0 auto;  }
	.l-header_wrapper {    padding: 6rem 8.33333vw 0;  }
	.l-header_ttl {    font-size: 3.6rem; width: 125px; }
	.l-header_quick_menu {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;        -ms-flex-direction: row;            flex-direction: row;  }
	.l-header_quick_menu_wrapper {    
		display: -webkit-box; 
		display: -ms-flexbox;  
		display: flex; 
		-webkit-box-align: center; 
		-ms-flex-align: center;
		align-items: center; 
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0; 
		order: 0;  
		margin-right: 0rem; 
	}
  .l-header_quick_menu_link:hover::before {    
	  -webkit-transform: translate(0, -50%) scaleX(1); 
	  transform: translate(0, -50%) scaleX(1); 
	  -webkit-transform-origin: left;  
	  transform-origin: left; 
	}
  .l-header_nav {    padding: 16.66667vw 0 6rem;  }
  .l-header_nav_wrapper {    padding: 0 8.33333vw 0;  }
  .l-header_nav_main {    margin-bottom: 3rem;  }
  .l-header_nav_main_img {    text-align: center;  }
  .l-header_nav_main_img img {    width: 70.66667%;  }
  .l-header_nav_main_menu:first-of-type {    margin-right: 6.25vw;  }
  .l-header_nav_main_menu_wrapper {    padding-left: 6.94444vw;  }
  .l-header_nav_main_menu_link::before {    
	  position: absolute; 
	  top: calc(50% + .1rem);  
	  left: -1.1rem;  
	  width: calc(100% + 2rem); 
	  height: .1rem; 
	  -webkit-transform: translate(0, -50%) scaleX(0); 
	  transform: translate(0, -50%) scaleX(0); 
	  -webkit-transform-origin: right;  
	  transform-origin: right; 
	  background: #fff; 
	  content: ""; 
	  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
	  transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	}
	.l-header_nav_main_menu_link:hover::before {    
		-webkit-transform: translate(0, -50%) scaleX(1); 
		transform: translate(0, -50%) scaleX(1);
		-webkit-transform-origin: left;   
		transform-origin: left;
	}
  .l-header_nav_contact {    width: 40rem;  }
  .l-header_nav_contact_link {    font-size: 2.8rem;  }
  .l-header_nav_contact_link::before {    
	  position: absolute;   
	  top: calc(50% + .1rem); 
	  left: -1.1rem;    
	  width: calc(100% + 2rem); 
	  height: .1rem;  
	  -webkit-transform: translate(0, -50%) scaleX(0);
	  transform: translate(0, -50%) scaleX(0);  
	  -webkit-transform-origin: right;     
	  transform-origin: right; 
	  background: #fff; 
	  content: "";  
	  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
	  transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);    transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	}
  .l-header_nav_contact_link:hover::before {    -webkit-transform: translate(0, -50%) scaleX(1);            transform: translate(0, -50%) scaleX(1);    -webkit-transform-origin: left;            transform-origin: left;  }
  .l-header_nav_sameas {    width: 41rem;  }
  .l-header_menu_btn { display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 4rem; margin-right: -1rem; }
  .l-header_menu_btn span {    display: none;  }
	
  .l-bottom_img {    width: 21.66667vw;  }
  .l-bottom_img_wrapper {    margin-left: -8.33333vw;    padding-top: 15rem;  }
  .l-footer_wrapper {    
	  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7.5rem 8.33333vw 4rem 6.94444vw;
	}
  #index .l-footer_wrapper {background:#000;}
	.l-footer-head__heading {
    display: block;
 
		font-size: 1.2rem;
    letter-spacing: .07em;
    line-height: 2;
}
}
  .l-footer_menu {    width: 20.83333vw;  }
  .l-footer_menu_wrapper {     margin-bottom: 0rem;  }
  .l-footer_menu_content {    width: 20.83333vw;  }
  .l-footer_menu_content_wrapper {    margin-bottom: 7rem;  }
  .l-footer_menu_list {    margin-bottom: 3rem;    font-size: 1.94444vw;  }
  .l-footer_menu_link::before {    
	  position: absolute; 
	  top: calc(50% + .1rem);
	  left: -1.1rem; 
	  width: calc(100% + 2rem); 
	  height: .1rem;  
	  -webkit-transform: translate(0, -50%) scaleX(0);  
	  transform: translate(0, -50%) scaleX(0);  
	  -webkit-transform-origin: right; 
	  transform-origin: right;  
	  background: #fff;  
	  content: "";   
	  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);   
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	}
  .l-footer_menu_link:hover::before {    -webkit-transform: translate(0, -50%) scaleX(1);            transform: translate(0, -50%) scaleX(1);    -webkit-transform-origin: left;            transform-origin: left;  }
  .l-footer_menu_contact_wrapper {    width: 20.83333vw;  }
  .l-footer_menu_contact_link {    font-size: 1.94444vw;  }
  .l-footer_menu_contact_link::before {    
	  position: absolute; 
	  top: calc(50% + .1rem); 
	  left: -1.1rem;
	  width: calc(100% + 2rem);
	  height: .1rem; 
	  -webkit-transform: translate(0, -50%) scaleX(0);  
	  transform: translate(0, -50%) scaleX(0); 
	  -webkit-transform-origin: right;   
	  transform-origin: right;   
	  background: #fff;  
	  content: "";  
	  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
	  transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); 
	}
  .l-footer_menu_contact_link:hover::before {    -webkit-transform: translate(0, -50%) scaleX(1);            transform: translate(0, -50%) scaleX(1);    -webkit-transform-origin: left;            transform-origin: left;  }
  .l-footer_menu_sameas_list {    margin-bottom: 2.5rem;  }
  .l-footer_content {    -webkit-box-ordinal-group: 1;        -ms-flex-order: 0;            order: 0;    width: 48.61111vw;  }
  .l-footer_content_wrapper {    -webkit-box-pack: start;        -ms-flex-pack: start;            justify-content: flex-start;    margin-bottom: 0rem;  }
  .l-footer_content_item {    width: 20.83333vw;  }
  .l-footer_content_item:last-of-type {    margin-left: 0vw;  }
  .l-footer_content_item_ttl {    font-size: 2.22222vw;  }
  .l-footer_copyright {    -webkit-box-ordinal-group: 3;        -ms-flex-order: 2;            order: 2;    width: 100%;  }
  .l-scroll {    width: 8.33333vw;  }
}
@media screen and (min-width: 90em) {  
	.l-header_wrapper {    max-width: 144rem;    margin: 0 auto;    padding: 8rem 12rem 0;  }
	
  .l-header_nav {    padding: 24rem 0 6rem;  }
  .l-header_nav_wrapper {    max-width: 144rem;    margin: 0 auto;    padding: 0 12rem 0;  }
  .l-header_nav_main_menu {    width: 15rem;  }
  .l-header_nav_main_menu:first-of-type {    margin-right: 9rem;  }
  .l-header_nav_contact {    width: 40rem;  }
  .l-footer_wrapper {    max-width: 144rem;    margin: 0 auto;    padding: 2rem 12rem 10rem 12rem;  }
  .l-footer_menu {    width: 30rem;  }
  .l-footer_menu_content {    width: 30rem;  }
  .l-footer_menu_list {    font-size: 2.8rem;  }
  .l-footer_menu_contact_wrapper {    width: 30rem;  }
  .l-footer_menu_contact_link {    font-size: 2.8rem;  }
  .l-footer_content {    width: 70rem;  }
  .l-footer_content_item {    width: 30rem;  }
  .l-footer_content_item:last-of-type {    margin-left: 10rem;  }
  .l-footer_content_item_ttl {    font-size: 3.2rem;  }
  .l-scroll {    left: 2rem;    width: 12rem;  }
}
#loader {  
	display: none;  
	z-index: 9999;  
	position: fixed;  
	top: 0;  
	left: 0;  
	-webkit-box-align: center;
	-ms-flex-align: center; 
	align-items: center; 
	-webkit-box-pack: center;
	-ms-flex-pack: center; 
	justify-content: center;  
	width: 100vw;  
	height: 100vh;  
	background: #fff;
}
#loader svg {  width: 23.2rem;  height: 5.5rem;}
.l-content_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -webkit-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;  padding-top: 10rem;  }
main {  width: calc(100% - 4rem);}

.l-top_kv {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  position: relative;  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;  padding-bottom: 8.5rem;  overflow-x: hidden;}
.l-top_kv_content {  position: static;}
.l-top_kv_ttl {  z-index: 2;  position: absolute;  right: -1.5rem;  bottom: 3rem;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 4.5rem;  font-weight: 700;  mix-blend-mode: difference;  -webkit-writing-mode: vertical-rl;      -ms-writing-mode: tb-rl;          writing-mode: vertical-rl; display: none;}
.l-top_kv_ttl_design {  color: #fff;  font-family: "professor", sans-serif;  font-size: 11.4rem;  font-weight: 500;}
.l-top_kv_ttl_agency {  padding-top: 2rem;}
.l-top_kv_ttl_sub {  padding-left: 2rem;  font-size: 1.6rem;  letter-spacing: .2em;  line-height: 1.4;}
.l-top_kv_ttl_sub::before {  display: block;  width: 0;  height: 0;  margin-top: calc((1 - 1.8) * 0.5em);  content: '';}
.l-top_kv_movie {  width: 100%;}
.l-top_kv_movie_wrapper {  width: 100%;  height: calc(100vw - 4rem);  margin-bottom: 3rem;}
.l-top_trkking {  margin-bottom: 12rem;  padding: 0 3.5rem 0 2rem; letter-spacing: 0;}
.l-top_trkking_logo{ width: 11%; margin-top: .5em}
.l-top_trkking_ttl {  margin-bottom: 3rem;  font-family: "acumin-pro", sans-serif;  font-size: 3.6rem;  font-weight: 700;}
.l-top_trkking_txt {  font-size: 1.6rem;  letter-spacing: 0em;  line-height: 1.8em;  text-align: justify;  text-justify: inter-ideograph;}
.l-top_creative_material {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  margin-bottom: 12rem;  padding: 0 3.5rem 0 0;}
.l-top_creative_material_wrapper {  -webkit-box-ordinal-group: 2;      -ms-flex-order: 1;          order: 1;  margin-bottom: 8rem;}
.l-top_creative_material_ttl {  margin-right: 3.7rem;  font-family: "acumin-pro", sans-serif;  font-size: 4rem;  font-weight: 700;  letter-spacing: -.01em;  -webkit-writing-mode: vertical-rl;      -ms-writing-mode: tb-rl;          writing-mode: vertical-rl;}
.l-top_creative_material_content {  padding-left: 2rem;}
.l-top_creative_material_content_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.l-top_creative_material_sub_ttl {  margin-bottom: 2rem;  font-size: 1.8rem;  font-weight: 700;  letter-spacing: .08em;}
.l-top_creative_material_txt {  
	margin-bottom: 3rem;  
	font-size: 1.4rem;  
	line-height: 2;
	
}
.l-top_creative_material_txt::before {  display: block;  width: 0;  height: 0;  margin-top: calc((1 - 2) * 0.5em);  content: '';}
.l-top_creative_material_btn a {  display: inline-block;  position: relative;  padding-left: 4.4rem;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;  font-weight: 700;  letter-spacing: .16em;}
.l-top_creative_material_btn svg {  position: absolute;  top: 50%;  left: 0;  width: 4rem;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);}
.l-top_creative_material_slide {  position: relative;  width: 100%;  height: 100%;  margin: 0 auto;}
.l-top_creative_material_slide_wrapper {  position: relative;  -webkit-box-ordinal-group: 1;      -ms-flex-order: 0;          order: 0;  width: 100%;  margin: 0 auto 4rem;  overflow: hidden;}
.l-top_creative_material_slide_wrapper.tab {  display: none;  margin-bottom: 0;}
.l-top_creative_material_slide_item {  position: absolute;  top: 0;  width: 100%;  height: 100%;  overflow: hidden;  -webkit-transition: clip 1s cubic-bezier(0.46, 0.01, 0.17, 1);  transition: clip 1s cubic-bezier(0.46, 0.01, 0.17, 1);}
.l-top_creative_material_slide_item img {  display: none;  z-index: 2;  position: absolute;  left: 50%;  width: 100%;  height: auto;  -webkit-transform: translate(calc(-50% - 10rem), 0);          transform: translate(calc(-50% - 10rem), 0);    -webkit-transition: -webkit-transform 1s cubic-bezier(0.46, 0.01, 0.17, 1);  transition: -webkit-transform 1s cubic-bezier(0.46, 0.01, 0.17, 1);  transition: transform 1s cubic-bezier(0.46, 0.01, 0.17, 1);  transition: transform 1s cubic-bezier(0.46, 0.01, 0.17, 1), -webkit-transform 1s cubic-bezier(0.46, 0.01, 0.17, 1);}
.l-top_creative_material_slide_item img.is-next {  display: block;  z-index: 1;}
.l-top_creative_material_slide_item img.is-active {  display: block;      z-index: 2;}
.l-top_creative_material_slide_item img.is-show {  -webkit-transform: translate(-50%, 0);          transform: translate(-50%, 0);}
.l-top_creative_material_slide_item img.is-show.is-move {  -webkit-transform: translate(calc(-50% + 10rem), 0);          transform: translate(calc(-50% + 10rem), 0);}
.l-top_creative_slide_wrapper {  display: none;}
.l-top_material_wrapper {  margin-bottom: 0;}
.l-top_material_slide_wrapper {  display: none;}
.l-top_member {  z-index: 0;  position: relative;}
.l-top_member_wrapper {  
/*	padding: 0 3.5rem 12rem 2rem;*/
	padding: 0 3.5rem 2rem 2rem;
}
.l-top_member_ttl {  margin-bottom: 3rem;  font-family: "acumin-pro", sans-serif;  font-size: 5.2rem;  font-weight: 700;}
.l-top_member_ttl_wrapper {  padding: 12rem 0;}
.l-top_member_ttl_bg {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  z-index: -1;  position: absolute;  bottom: 50%;  left: 50%;  -ms-flex-wrap: wrap;      flex-wrap: wrap;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;  width: 100%;  height: 80rem;  -webkit-box-shadow: 0rem 0.1rem 2rem black;          box-shadow: 0rem 0.1rem 2rem black;  opacity: 0;  pointer-events: none;}
.l-top_member_ttl_bg.is-loaded {  -webkit-transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
.l-top_member_ttl_bg.is-active {  opacity: 1;}
.l-top_member_ttl_bg_list {  z-index: 0;  position: relative;  top: 0;  left: 0;  width: 24rem;  height: 40rem;  opacity: 0;  -webkit-transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
.l-top_member_ttl_bg_list.is-active {  z-index: 1;  opacity: 1;}
.l-top_member_btn {  position: relative;  padding-left: 4.4rem;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;  letter-spacing: .16em;}
.l-top_member_btn svg {  position: absolute;  top: .4rem;  left: 0;  width: 4rem;}
.l-top_culture {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-ordinal-group: 2;      -ms-flex-order: 1;          order: 1;}
.l-top_culture_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;}
.l-top_culture_ttl {  margin-right: 3.5rem;  font-family: "acumin-pro", sans-serif;  font-size: 4rem;  font-weight: 700;  letter-spacing: -.01em;  
-webkit-writing-mode: vertical-rl;      -ms-writing-mode: tb-rl;          writing-mode: vertical-rl;
}
.l-top_culture_txt {  margin-bottom: 2rem;  font-size: 1.2rem;  letter-spacing: .0em;  line-height: 2.1;  text-align: justify;  text-justify: inter-ideograph; max-width: 40ch;}
@media (max-width: 768px) { 
  .profile-text { max-width: 100%; padding: 0 1.5rem; text-align: left; font-size: 1rem; line-height: 1.6;}
}
.l-top_culture_btn {  position: relative;  padding-left: 4.4rem;  font-size: 1.6rem;  font-weight: 700;}
.l-top_culture_btn svg {  position: absolute;  top: 50%;  left: 0;  width: 4rem;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);}
.l-top_culture_img {  position: relative;  -webkit-box-ordinal-group: 1;      -ms-flex-order: 0;          order: 0;}
.l-top_culture_img_item_01 {  position: relative;  width: 48vw;  margin: 0 0 20vw -6rem; display: block;}
.l-top_culture_img_item_02 {  position: absolute;  top: 0;  left: calc(48vw - 4rem);  width: 37.33333vw;}
.l-top_culture_img_item_03 {  position: absolute;  top: calc(37.33333vw + 2rem);  left: calc(48vw - 4rem);  width: 25.33333vw;}
.l-top_culture_img_item_04 {  display: none;}
.l-top_news_wrapper {  padding: 0 3.5rem 0 2rem;  }
.l-top_news_ttl {  margin-bottom: 4rem;  font-family: "acumin-pro", sans-serif;  font-size: 5.2rem;  font-weight: 700;}
.l-top_news_content {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: start;      -ms-flex-align: start;          align-items: flex-start;  margin-bottom: 4rem;}
.l-top_news_content:last-of-type {  margin-bottom: 0;}
.l-top_news_content_category {  width: 7rem;  font-family: "acumin-pro", sans-serif;  font-size: 1.8rem;  font-weight: 700;  letter-spacing: -.01em;}
.l-top_news_content_txt {  width: calc(100% - 7rem);  font-size: 1.4rem;  letter-spacing: .07em;  line-height: 2;}
.l-top_news_content_txt_time {  display: block;  padding-top: .5rem;  color: #7a7a7a;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;}
.l-top_news_content_btn {  text-align: right;}
.l-top_news_content_btn a {  position: relative;  padding-left: 4rem;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;  font-weight: 700;  letter-spacing: .16em;}
.l-top_news_content_btn a svg {  position: absolute;  top: 50%;  left: 0;  width: 4rem;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);}

.l-work::before {  top: -10rem;  height: calc(100% + 10rem);}
.l-work_wrapper {  padding-top: 5rem;  padding-bottom: 1rem;}
.l-work_ttl {  color: #fff;  font-size: 6.4rem;}
.l-work .c-breadcrumb_list {  color: #fff;}
.l-work .c-breadcrumb_list:first-of-type::after {  background: #fff;}
.l-work .c-breadcrumb_link {  color: #fff;}

@supports not (mix-blend-mode: difference) {  
	.l-header_ttl_link.is-work_logo {    color: #fff;  }
}
.l-work_detail {  padding-top: 5rem;}
.l-work_detail_kv_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;}
.l-work_detail_kv_content {  -webkit-box-ordinal-group: 2;      -ms-flex-order: 1;          order: 1;  padding-right: 3.5rem;}
.l-work_detail_kv_content_ttl {  z-index: 1;  position: absolute;  top: 0;  left: .4rem;  -webkit-transform-origin: left;          transform-origin: left;  font-family: "professor", sans-serif;  font-size: 10vw;  white-space: nowrap;  word-break: keep-all;}
.l-work_detail_kv_content_ttl.is-active {  -webkit-transform: rotate(-7deg);          transform: rotate(-7deg);}
.l-work_detail_kv_content_ttl_wrapper {  position: relative;  margin-bottom: 4rem;  padding-top: 6rem;}
.l-work_detail_kv_content_ttl_sub {  letter-spacing: .03em;  line-height: 2;}
.l-work_detail_kv_content_ttl_sub b {  display: block;  padding-left: 2rem;  font-size: 1.6rem;  font-weight: 700;  line-height: 1.8;}
.l-work_detail_kv_content_ttl_sub time {  padding-left: 2rem;  font-family: "acumin-pro", sans-serif;  font-size: 1.2rem;}
.l-work_detail_kv_content_visit {  display: block;  width: 6.2rem;  height: 6.2rem;  margin: 0 0 4rem auto;  border: .1rem solid #747474;  border-radius: 3.1rem;  color: #000;  font-family: "acumin-pro", sans-serif;  font-size: 1.4rem;  font-weight: 400;  letter-spacing: .03em;  line-height: 6.2rem;  text-align: center;}
.l-work_detail_kv_content_about {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-bottom: 8rem;  padding-left: 2rem;}
.l-work_detail_kv_content_about_ttl {  width: 3.6rem;  margin-right: 3.2rem;  font-family: "acumin-pro";  font-size: 3.2rem;  font-weight: 700;  letter-spacing: -.01em;  -webkit-writing-mode: vertical-rl;      -ms-writing-mode: tb-rl;          writing-mode: vertical-rl;}
.l-work_detail_kv_content_about_txt {  font-size: 1.4rem;  letter-spacing: .07em;  line-height: 2;}
.l-work_detail_kv_content_about_txt::before {  display: block;  width: 0;  height: 0;  margin-top: calc((1 - 2) * 0.5em);  content: '';}
.l-work_detail_kv_content_credit {  margin-bottom: 12rem;  padding-left: 2rem;}
.l-work_detail_kv_content_credit_ttl {  margin-bottom: 1.8rem;  font-family: "acumin-pro", sans-serif;  font-size: 2.4rem;  font-weight: 700;}
.l-work_detail_kv_content_credit_txt {  font-size: 1.2rem;  line-height: 2;}
.l-work_detail_kv_img_wrapper {  -webkit-box-ordinal-group: 1;      -ms-flex-order: 0;          order: 0;  width: calc(100% + 4rem);  height: 100%;  margin-left: -4rem;}
.l-work_detail_template01 {  margin-bottom: 10rem;  padding-right: 3.5rem;}
.l-work_detail_template01_img {  margin-bottom: 2.8rem;}
.l-work_detail_template01_txt {  padding-left: 2rem;  font-size: 1.4rem;  letter-spacing: .07em;  line-height: 2;}
.l-work_detail_template02 {  margin-bottom: 10rem;  padding-right: 3.5rem;}
.l-work_detail_template02_img {  margin-bottom: 2.8rem;}
.l-work_detail_template02_txt {  padding-left: 2rem;  font-size: 1.4rem;  letter-spacing: .07em;  line-height: 2;}
.l-work_detail_template03 {  width: calc(100% + 4rem);  margin: 0 0 12rem -4rem;}
.l-work_detail_next {  padding-right: 3.5rem;}
.l-work_detail_next_link {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;}
.l-work_detail_next_ttl {  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-work_detail_next_txt {  display: none;}
.l-work_detail_next_txt_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  margin-left: 1.5rem;  font-size: 1.4rem;  font-weight: 700;  letter-spacing: .03em;}
.l-work_detail_next_txt_wrapper svg {  width: 4rem;  margin-right: 1.2rem;}
a.l-work_detail_kv_content_visit {  
	-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);  
	transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.l-about {  padding-right: 3.5rem;}
.l-about_wrapper {  padding-top: 5rem;}
.l-about_vision_culture {  margin-bottom: 10rem;}
.l-about_vision_culture_ttl {  margin-right: 3.7rem;  font-family: "acumin-pro", sans-serif;  font-size: 4rem;  font-weight: 700;  -webkit-writing-mode: vertical-rl;      -ms-writing-mode: tb-rl;          writing-mode: vertical-rl;}
.l-about_vision_culture_txt {  font-size: 1.4rem;  letter-spacing: .0em;  line-height: 1.8em;}
.l-about_vision {  margin-bottom: 8rem;}
.l-about_vision_img {  width: calc(100% + 4rem);  margin: 0 0 3.2rem -4rem;}
.l-about_vision_content {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  z-index: 2;  position: relative;  padding-left: 2rem;}
.l-about_culture_img {  margin-bottom: 3.2rem;}
.l-about_culture_content {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  z-index: 2;  position: relative;  padding-left: 2rem;}
.l-about_info {  z-index: 0;  position: relative;  padding: 10rem 3.5rem 10rem 2rem;}
.l-about_info::before {  z-index: -1;  position: absolute;  top: 0;  left: -4rem;  width: 100vw;  height: 100%;  background: #000;  content: "";}
.l-about_info_company_ttl {  margin-bottom: 4rem;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-about_info_content {  margin-bottom: 8rem;}
.l-about_info_content_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-bottom: 2rem;}
.l-about_info_content_wrapper:last-of-type {  margin-bottom: 0;}
.l-about_info_ttl {  width: 7rem;  min-width: 7rem;  margin-right: 3.5rem;  padding-top: .2rem;  color: #fff;  font-size: 1.2rem;  line-height: 1.8;  text-align: right;}
.l-about_info_txt {  color: #fff;  font-size: 1.4rem;  line-height: 2;}
.l-about_info_txt a {  color: #fff;  pointer-events: none;}
.l-about_outline_content {  margin-bottom: 0;}
.l-about_outline_ttl {  margin-bottom: 4.5rem;  color: #fff;  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-about_access {  padding: 11rem 3.5rem 12rem 2rem;}
.l-about_access_ttl {  margin-bottom: 3rem;  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-about_access_txt {  margin-bottom: 1.6rem;  font-size: 1.4rem;  letter-spacing: .07em;  line-height: 2;}
.l-about_access_txt:last-of-type {  margin-bottom: 4rem;}
.l-about_access_map {  position: relative;  width: 100%;  padding-top: 60.5%;}
.l-about_access_map_iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.l-about_access_img {  display: none;}
.l-about_access_img_wrapper {  position: absolute;  top: 50%;  right: 0;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);}
.l-about_access_img_wrapper img {  width: auto;  max-width: none;  height: 72rem;}
.l-about_next {  padding-right: 3.5rem;}
.l-about_next_link {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;}
.l-about_next_ttl {  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-about_next_txt {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  margin-left: 1.5rem;  font-size: 1.4rem;  font-weight: 700;  letter-spacing: .03em;}
.l-about_next_txt svg {  width: 4rem;  margin-right: 1.2rem;}

/*
.l-member {  padding: 8rem 3.5rem 12rem 0;}
.l-member_list {  width: calc(50% - 1.5rem);  margin-bottom: 3rem;}
.l-member_list:nth-of-type(even) {  margin-top: 3rem;}
.l-member_list_1 .l-member_list_img::before {  top: -4rem;  right: 1.3rem;  width: 3.2rem;  height: 7.2rem;  background-image: url(/img/member/l-member_list_icn01.png);}
.l-member_list_2 .l-member_list_img::before {  top: 1.5rem;  left: -1.5rem;  width: 3.3rem;  height: 2.9rem;  background-image: url(/img/member/l-member_list_icn02.png);}
.l-member_list_3 .l-member_list_img::before {  right: 1rem;  bottom: -1.8rem;  width: 1.8rem;  height: 4.7rem;  background-image: url(/img/member/l-member_list_icn03.png);}
.l-member_list_4 .l-member_list_img::before {  top: -2.5rem;  right: -1rem;  width: 6.6rem;  height: 3.6rem;  background-image: url(/img/member/l-member_list_icn04.png);}
.l-member_list_5 .l-member_list_img::before {  right: 1rem;  bottom: -2rem;  width: 2.5rem;  height: 3.4rem;  background-image: url(/img/member/l-member_list_icn05.png);}
.l-member_list_6 .l-member_list_img::before {  top: -2.5rem;  right: .5rem;  width: 3.5rem;  height: 4.2rem;  background-image: url(/img/member/l-member_list_icn06.png);}
.l-member_list_7 .l-member_list_img::before {  top: -4.3rem;  right: -.7rem;  width: 8.4rem;  height: 7.4rem;  background-image: url(/img/member/l-member_list_icn07.png);}
.l-member_list_8 .l-member_list_img::before {  top: -1rem;  left: 1.5rem;  width: 3.2rem;  height: 2rem;  background-image: url(/img/member/l-member_list_icn08.png);}
.l-member_list_9 .l-member_list_img::before {  right: -.6rem;  bottom: -2.3rem;  width: 3.6rem;  height: 3.4rem;  background-image: url(/img/member/l-member_list_icn09.png);}
.l-member_list_10 .l-member_list_img::before {  top: -1.5rem;  right: 1.5rem;  width: 2.6rem;  height: 4.6rem;  background-image: url(/img/member/l-member_list_icn10.png);}
.l-member_list_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;      flex-wrap: wrap;  -webkit-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;  width: calc(100% + 1rem);  margin-right: -1rem;}
.l-member_list_img {  position: relative;  margin-bottom: 2rem;}
.l-member_list_img::before {  z-index: 2;  position: absolute;  background-repeat: no-repeat;  background-size: contain;  content: "";}
.l-member_list_ttl {  font-family: "acumin-pro", sans-serif;  font-size: 1.6rem;  font-weight: 600;  letter-spacing: .03em;}
.l-member_list_ttl_sub {  display: block;  margin-bottom: 1.5rem;  font-size: 1.2rem;}
.l-member_next {  padding-right: 3.5rem;}
.l-member_next_link {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;}
.l-member_next_ttl {  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-member_next_txt {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  margin-left: 1.5rem;  font-size: 1.4rem;  font-weight: 700;  letter-spacing: .03em;}
.l-member_next_txt svg {  width: 4rem;  margin-right: 1.2rem;}
*/

.l-recruit {  padding-right: 3.5rem;}
.l-recruit_wrapper {  padding-top: 5rem;}
.l-recruit_kv_img {  position: relative;  width: calc(100% + 4rem);  margin-left: -4rem;  padding-top: 34.72vw;  overflow: hidden;}
.l-recruit_kv_img img {  position: absolute;  top: 0;  left: 50%;  width: 100%;  -webkit-transform: translateX(-50%);          transform: translateX(-50%);}
.l-recruit_info {  z-index: 0;  position: relative;  padding: 10rem 3.5rem 10rem 2rem;}
.l-recruit_info_wanted_ttl {  margin-bottom: 4rem;  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-recruit_info_step {  margin-bottom: 10rem;}
.l-recruit_info_step_ttl {  margin-bottom: 4rem;  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-recruit_info_content {  margin-bottom: 8rem;}
.l-recruit_info_content_wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-bottom: 2rem;}
.l-recruit_info_content_wrapper:last-of-type {  margin-bottom: 0;}
.l-recruit_info_ttl {  width: 7rem;  min-width: 7rem;  margin-right: 3.5rem;  padding-top: .2rem;  font-size: 1.2rem;  line-height: 2;  text-align: right;}
.l-recruit_info_txt {  font-size: 1.4rem;  line-height: 2;}
.l-recruit_btn {  display: block;  width: 100%;  max-width: 28rem;  height: 5.8rem;  margin: 0 auto;  background: #000;  color: #fff;  font-size: 1.6rem;  line-height: 5.8rem;  text-align: center;}
.l-recruit_btn_wrapper {  padding-right: 0;}
.l-recruit_next {  padding-right: 3.5rem;}
.l-recruit_next_link {  
	display: -webkit-box; 
	display: -ms-flexbox;  
	display: flex;  
	-webkit-box-align: center;  
	-ms-flex-align: center;   
	align-items: center;  -webkit-box-pack: center;   
	-ms-flex-pack: center;     
	justify-content: center;
}
.l-recruit_next_ttl {  font-family: "acumin-pro", sans-serif;  font-size: 3.4rem;  font-weight: 700;}
.l-recruit_next_txt {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  margin-left: 1.5rem;  font-size: 1.4rem;  font-weight: 700;  letter-spacing: .03em;}
.l-recruit_next_txt svg {  width: 4rem;  margin-right: 1.2rem;}

@media screen and (min-width: 37.5em) { 
	#loader {    display: -webkit-box;    display: -ms-flexbox;    display: flex;  }
  #loader svg {    width: 46.4rem;    height: 10.9rem;  }
  .l-content_wrapper {    padding-top: 17rem;  }
  main {    width: calc(100% - 11.17318vw);  }
	
  .l-top_kv {    padding: 0 11.17318vw 13.40782vw 0;    overflow: visible;    text-align: left;  }
  .l-top_kv_content {    z-index: 2;    position: relative;  }
  .l-top_kv_ttl {    position: relative;    right: -.6rem;    bottom: auto;    margin-top: -9.24855vw;    font-size: 7.77778vw;    mix-blend-mode: normal;    -webkit-writing-mode: horizontal-tb;        -ms-writing-mode: lr-tb;            writing-mode: horizontal-tb;  }
  .l-top_kv_ttl_design {    color: #000;    font-size: 17.87709vw;    mix-blend-mode: normal;  }
  .l-top_kv_ttl_jane {    padding-top: 0;    /*padding-left: 2.68156vw;*/    color: #000;  }
  .l-top_kv_ttl_sub {    margin-top: -2.4581vw;    padding-left: 0;    font-size: 1.56425vw;  }
  .l-top_kv_movie_wrapper {    width: 55.86592vw;    height: 55.86592vw;    margin: 0 0 0 auto;  }
  .l-top_trkking {    margin-bottom: 22.34637vw;    padding: 0 11.17318vw 0 5.58659vw;  letter-spacing: 0px; }
  .l-top_trkking_ttl {    margin-bottom: 4rem;    font-size: 4.8rem;  }
  .l-top_trkking_txt {    
	  padding: 0 11.17318vw 0 5.58659vw; 
	  -webkit-column-gap: 3.35196vw;  
	  -moz-column-gap: 3.35196vw;          
	  column-gap: 3.35196vw;  
	  -webkit-column-fill: balance; 
	  -moz-column-fill: balance; 
	  column-fill: balance; 
	  -webkit-column-count: 1;    
	  -moz-column-count: 1;   
	  column-count: 1;  
	}
	
  .l-top_creative_material {    margin-bottom: 20rem;    padding: 0 11.17318vw 0 0;  }
  .l-top_creative_material_wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;        -ms-flex-direction: row-reverse;            flex-direction: row-reverse;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    margin-bottom: 12rem;  }
  .l-top_creative_material_ttl {    margin: 0 0 5.6rem 0;    font-size: 5.6rem;    -webkit-writing-mode: horizontal-tb;        -ms-writing-mode: lr-tb;            writing-mode: horizontal-tb;  }
  .l-top_creative_material_content {    padding-left: 5.58659vw;  }
  .l-top_creative_material_content_wrapper {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;        -ms-flex-direction: column;            flex-direction: column;    width: 33.51955vw;    height: 100%;  }
  .l-top_creative_material_sub_ttl {    margin-bottom: 2.5rem;    font-size: 2rem;  }
  .l-top_creative_material_txt {    margin-bottom: 0;    font-size: 1.5rem;  }
  .l-top_creative_material_txt_content {    padding-bottom: 2rem;  }
  .l-top_creative_material_txt_wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;        -ms-flex-direction: column;            flex-direction: column;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    height: 100%;  }
  .l-top_creative_material_slide_wrapper {    display: none;    margin-bottom: 0;  }
  .l-top_creative_material_slide_wrapper.tab {    display: block;  }
  .l-top_material_wrapper {    margin-bottom: 0;  }
  .l-top_member_wrapper {    
/*	  padding: 0 11.11111vw 20rem 0;  */
	  padding: 0 11.11111vw 5rem 0; 
	}
  .l-top_member_ttl {    margin-bottom: 0;    font-size: 8rem;  }
  .l-top_member_ttl_wrapper {    display: -webkit-box; display: -ms-flexbox;    display: flex;    position: relative;    -webkit-box-align: end;        -ms-flex-align: end;            align-items: flex-end;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    padding: 30rem 0 28rem;  }
  .l-top_culture {    
	  display: flex;    
	  /*width: 35rem;  */
	  width: 100%;
	  padding: 7.6rem 0 0 5rem; 
	  
	}
  .l-top_culture_wrapper {    -webkit-box-orient: horizontal;  
	  -webkit-box-direction: normal;
	  /*-ms-flex-direction: row; 
	  flex-direction: row; */
	  
	  -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	}
  .l-top_culture_ttl {    
	  margin-right: 0;    
	  margin-bottom: 4.5rem;    
	  font-size: 4.8rem;   
/*
	  -webkit-writing-mode: horizontal-tb;        
	  -ms-writing-mode: lr-tb;            
	  writing-mode: horizontal-tb;  
*/
	  -webkit-writing-mode: vertical-rl; 
    -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
	}
  .l-top_culture_txt {    margin-bottom: 4rem;    font-size: 1.5rem;  }
  .l-top_culture_txt_wrapper {    padding-left: 5.55556vw;  }
  .l-top_culture_img {    
	  /*width: calc(100% - 35rem);   */ 
	  width: 100%;
	  /*padding-top: 52rem;*/
	  padding-top: 0rem; 
	}
	.l-top_culture_img::after {
		content: '';
		clear: both;
	}
  .l-top_culture_img_item_01 {    
	  position: absolute;    
	  top: 0;    
	  right: 0;    
	  width: auto;   
	  max-width: none;    
	  height: 52rem;    
	  margin: 0 0 0 auto;
	  display: none;
	}
  .l-top_culture_img_item_02 {    
/*	  top: 57rem;    */
	  top: 20rem;
	  left: 0;    
	  width: 27.77778vw;   
	  max-width: 25rem;  }
	
  .l-top_culture_img_item_03 {    
/*	  top: calc(62rem + 27.77778vw);    */
	  top: 0rem;
	  left: 11.11111vw;    
	  width: 16.66667vw;    
	  max-width: 15rem;  
	}
  .l-top_culture_img_item_04 {    
	  display: block;    
	  position: relative;    
	  left: calc(27.77778vw + 5rem);    
	  width: 44.44444vw;    
	  max-width: 40rem;    
	  margin-top: 5rem;  
	}
	
  .l-top_news_wrapper {    padding: 0 11.11111vw 0 0;      }
  .l-top_news_ttl {    margin-bottom: 15.55556vw;    font-size: 8.88889vw;  }
  .l-top_news_content {    margin-bottom: 11.11111vw;    padding-left: 5.55556vw;  }
  .l-top_news_content_category {    width: 16.66667vw;    font-size: 2.4rem;  }
  .l-top_news_content_txt {    padding-right: 11.11111vw;    font-size: 1.6rem;  }
  .l-top_news_content_txt_time {    margin-bottom: 0;    padding-top: 0;    font-size: 1.4rem;  }
  .l-top_news_content_btn {    margin-right: -11.11111vw;  }
  .l-top_news_content_btn a {    display: inline-block;  }
	
  .l-work::before {    top: -17rem;    height: calc(100% + 17rem);  }
  .l-work_wrapper {    padding-top: 3rem;  }
  .l-work_ttl {    font-size: 10rem;  }
  .l-work_detail_kv_content {    padding-right: 11.17318vw;  }
  .l-work_detail_kv_content_about {    display: block;    margin-bottom: 12rem;  }
  .l-work_detail_kv_content_about_ttl {    width: 100%;    margin-bottom: 4rem;    -webkit-writing-mode: horizontal-tb;        -ms-writing-mode: lr-tb;            writing-mode: horizontal-tb;  }
  .l-work_detail_kv_content_about_txt {    font-size: 1.6rem;  }
  .l-work_detail_kv_content_credit_ttl {    margin-bottom: 3rem;    font-size: 3.2rem;  }
  .l-work_detail_kv_content_credit_txt {    font-size: 1.4rem;  }
  .l-work_detail_kv_img_wrapper {    width: calc(100% + 11.17318vw);    margin-left: -11.17318vw;  }
  .l-work_detail_template01 {    padding-right: 11.17318vw;  }
  .l-work_detail_template02 {    padding-right: 11.17318vw;  }
  .l-work_detail_template03 {    width: calc(100% + 11.17318vw);    margin: 0 0 12rem -11.17318vw;  }
  .l-work_detail_next {    padding-right: 11.17318vw;  }
  .l-work_detail_next_txt {    display: block;  }
	
  .l-about {    padding-right: 11.17318vw;  }
  .l-about_wrapper {    padding-top: 6rem;  }
  .l-about_vision_culture {    margin-bottom: 15rem;  }
  .l-about_vision_culture_ttl {    margin: 0 0 3rem 0;    font-size: 8rem;    -webkit-writing-mode: horizontal-tb;        -ms-writing-mode: lr-tb;            writing-mode: horizontal-tb;  }
  .l-about_vision_culture_txt {    font-size: 1.6rem;  }
  .l-about_vision_img {    width: calc(100% + 11.17318vw);    margin: 0 0 -5rem -11.17318vw;  }
  .l-about_vision_content {    display: block;    padding-left: 5rem;  }
  .l-about_culture_img {    margin-bottom: -5rem;  }
  .l-about_culture_content {    display: block;    padding-left: 5rem;  }
  .l-about_culture_txt {    padding-right: 10rem;  }
  .l-about_info {    padding: 15rem 11.17318vw 15rem 0rem;  }
  .l-about_info::before {    left: -11.17318vw;  }
  .l-about_info_company_ttl {    margin-bottom: 6rem;    font-size: 4.8rem;  }
  .l-about_info_content {    margin-bottom: 15rem;    padding: 0 5rem;  }
  .l-about_info_ttl {    width: 10rem;    min-width: 10rem;    margin-right: 5rem;    padding-top: 0;    font-size: 1.6rem;  }
  .l-about_info_txt {    font-size: 1.6rem;  }
  .l-about_outline_content {    margin-bottom: 0;  }
  .l-about_outline_ttl {    margin-bottom: 6rem;    font-size: 4.8rem;  }
  .l-about_access {    padding: 15rem 11.17318vw 15rem 0;  }
  .l-about_access_ttl {    font-size: 4.8rem;  }
  .l-about_access_txt {    margin-bottom: 0;  }
  .l-about_next {    padding-right: 11.17318vw;  }
	
  .l-member {    padding: 8rem 11.17318vw 30rem 0;  }
  .l-member_next {    padding-right: 11.17318vw;  }
	
  .l-recruit {    padding-right: 11.17318vw;  }
  .l-recruit_wrapper {    padding-top: 11rem;  }
  .l-recruit_kv_img {    width: calc(100% + 11.17318vw);    margin-left: -11.17318vw;  }
  .l-recruit_info {    padding: 15rem 11.17318vw 15rem 0rem;  }
  .l-recruit_info_wanted_ttl {    margin-bottom: 6rem;    font-size: 4.8rem;  }
  .l-recruit_info_step_ttl {    margin-bottom: 6rem;    font-size: 4.8rem;  }
  .l-recruit_info_content {    margin-bottom: 15rem;    padding: 0 5rem;  }
  .l-recruit_info_ttl {    width: 10rem;    min-width: 10rem;    margin-right: 5rem;    padding-top: 0;    font-size: 1.6rem;  }
  .l-recruit_info_txt {    font-size: 1.6rem;  }
  .l-recruit_btn {    max-width: 30rem;    height: 6.4rem;    font-size: 1.8rem;    line-height: 6.4rem;  }
  .l-recruit_next {    padding-right: 11.17318vw;  }
	
	.c-breadcrumb {  margin-bottom: 9rem;}
		
}
@media screen and (min-width: 56em) {  

	.l-content_wrapper {    margin: 0 auto;  }
  main {    width: calc(100% - 8.33333vw);  }
  .l-top_kv {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;        -ms-flex-direction: row;            flex-direction: row;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;    padding: 0 10rem 6.8rem 0;  }
  .l-top_kv_content {    position: absolute;    right: 10%;   margin-top: 2rem;    -webkit-transform: translateY(-50%);            transform: translateY(-50%);  }
  .l-top_kv_ttl {    position: static;    margin-top: 0;    font-size: calc(5.51471vw + (10rem - 144rem * 0.05515));  }
  .l-top_kv_ttl_design {    font-size: calc(9.17431vw + (21rem - 144rem * 0.09174));  }
  .l-top_kv_ttl_agency {    padding-left: 3.47222vw;  }
  .l-top_kv_ttl_sub {    margin-top: -2.56944vw;    font-size: calc(0.36765vw + (1.6rem - 144rem * 0.00368));  }
  .l-top_kv_movie_wrapper {    width: 34.72222vw;    min-width: 50rem;    height: 34.72222vw;    min-height: 50rem;    margin: -10%  0 0 -10%;  }
  .l-top_trkking {    width: 90%;    margin-bottom: 18.05556vw;    padding: 0 0 0 3.47222vw;  }
  .l-top_trkking_ttl {    margin-bottom: 4.8rem;  }
  .l-top_trkking_txt {    padding: 0 0 0 3.47222vw;    -webkit-column-count: 1;       -moz-column-count: 1;            column-count: 1;  }
  .l-top_creative_material_ttl {    margin: 0 0 5rem 0;  }
  .l-top_creative_material_content {    padding-left: 6.94444vw;  }
  .l-top_creative_material_content_wrapper {    width: calc(7.35294vw + (25rem - 144rem * 0.07353));  }
  .l-top_member_wrapper {    padding: 0 8.33333vw 11.80556vw 0;  }
  .l-top_culture {    width: 48.61111vw;    margin: 0 0 0 auto;    padding: 3.55556vw 6.94444vw 8rem 2.47222vw; display: block;  }
  .l-top_culture_wrapper {    z-index: 1;    position: relative;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;        -ms-flex-direction: column;            flex-direction: column;  }
	.l-top_culture_ttl { 
/*
		-webkit-writing-mode: vertical-rl; 
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
*/

	-webkit-writing-mode: horizontal-tb; 
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;

	}
  .l-top_culture_txt {    -webkit-column-gap: 2.22222vw;       -moz-column-gap: 2.22222vw;            column-gap: 2.22222vw;    -webkit-column-fill: balance;       -moz-column-fill: balance;            column-fill: balance;    -webkit-column-count: 1;       -moz-column-count: 1;            column-count: 1;  }
	/*.l-top_culture_txt {    -webkit-column-gap: 2.22222vw;       -moz-column-gap: 2.22222vw;            column-gap: 2.22222vw;    -webkit-column-fill: balance;       -moz-column-fill: balance;            column-fill: balance;    -webkit-column-count: 2;       -moz-column-count: 2;            column-count: 2;  }*/
  .l-top_culture_txt_wrapper {    padding-left: 3.47222vw;  }
  .l-top_culture_img {    position: static;    -webkit-box-ordinal-group: 2;        -ms-flex-order: 1;            order: 1;    width: 100%;    padding-top: 0;  }
  .l-top_culture_img_item_01 {    right: auto;    left: -8.33333vw;    width: 36.11111vw;    height: auto; display: block }
  .l-top_culture_img_item_02 {    position: relative;    top: auto;    left: 31.25vw;    width: 20.83333vw;    max-width: none;  }
  .l-top_culture_img_item_03 {    position: absolute;    top: calc((50 / 1440 * 100vw) + (36.11111vw * (601 / 521)));    left: 13.88889vw;    width: 13.88889vw;    max-width: none;  }
  .l-top_culture_img_item_04 {    left: auto;    width: 27.77778vw;    max-width: none;    margin-top: -20.83333vw;    margin-left: auto;  }
  .l-top_news_wrapper {    padding: 0 15.27778vw 0 0;      }
  .l-top_news_ttl {    margin-bottom: 9.72222vw;    font-size: 5.55556vw;  }
  .l-top_news_content {    margin-bottom: 6.94444vw;    padding-left: 3.47222vw;  }
  .l-top_news_content_category {    margin-bottom: 10.41667vw;  }
  .l-top_news_content_txt {    padding-right: 13.88889vw;  }
  .l-top_news_content_btn {    margin-right: -13.88889vw;  }
	
  .l-work_wrapper {    padding-top: 12rem;  }
  .l-work_ttl {    padding-right: 10rem;  }
  .l-work_detail {    padding-top: 12rem;  }
  .l-work_detail_kv {    margin-bottom: 20rem;  }
  .l-work_detail_kv_wrapper {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;        -ms-flex-direction: row;            flex-direction: row;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    max-width: 120rem;  }
  .l-work_detail_kv_content {    z-index: 2;    width: 50%;    padding-right: 8.33333vw;  }
  .l-work_detail_kv_content_ttl {    right: -5rem;    left: auto;    -webkit-transform-origin: right;            transform-origin: right;    font-size: calc(7.35294vw + (16rem - 144rem * 0.07353));  }
  .l-work_detail_kv_content_ttl_wrapper {    margin-bottom: 12rem;    padding-top: 19rem;  }
  .l-work_detail_kv_content_ttl_sub {    margin-bottom: 3rem;    text-align: right;  }
  .l-work_detail_kv_content_ttl_sub b {    margin-bottom: 1rem;    padding-left: 0;    font-size: 2rem;    line-height: 1.6;  }
  .l-work_detail_kv_content_about {    padding-left: 0;  }
  .l-work_detail_kv_content_about_ttl {    font-size: 4.8rem;  }
  .l-work_detail_kv_content_credit {    padding-left: 0;  }
  .l-work_detail_kv_img {    position: absolute;    top: 0;    right: 10rem;    width: 90rem;    height: 100%;  }
  .l-work_detail_kv_img img {    position: absolute;    right: 0;    width: auto;    max-width: none;    height: 100%;  }
  .l-work_detail_kv_img_wrapper {    z-index: 0;    position: relative;    width: 50%;    height: 160rem;    margin-top: -29rem;    margin-left: 0;  }
  .l-work_detail_template01 {    margin-bottom: 20rem;    padding-right: 8.33333vw;  }
  .l-work_detail_template01_img {    margin-bottom: 5rem;  }
  .l-work_detail_template01_txt {    padding: 0 20rem;    font-size: 1.6rem;  }
  .l-work_detail_template02 {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;        -ms-flex-direction: row-reverse;            flex-direction: row-reverse;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;    margin-bottom: 20rem;    padding-right: 8.33333vw;  }
  .l-work_detail_template02_img {    width: calc(50% - 10rem);    margin-bottom: 0;  }
  .l-work_detail_template02_txt {    width: 50%;    padding-left: 10rem;    font-size: 1.6rem;  }
  .l-work_detail_template03 {    margin-bottom: 30rem;  }
  .l-work_detail_next {    padding-right: 8.33333vw;  }
  .l-work_detail_next_ttl {    font-size: 4.8rem;  }
  .l-work_detail_next_txt_wrapper {    margin-left: 5.5rem;    font-size: 2rem;  }
  .l-work_detail_next_txt_wrapper svg {    margin-right: 4rem;  }
  a.l-work_detail_kv_content_visit:hover {    -webkit-transform: scale(1.2);            transform: scale(1.2);  }
	
  .l-about {    padding-right: 8.33333vw;  }
  .l-about_vision_culture {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;  }
  .l-about_vision {    width: 55.55556vw;    margin-bottom: 0;  }
  .l-about_vision_img {    width: calc(100% + 8.33333vw);    margin-left: -8.33333vw;  }
  .l-about_vision_content {    padding-right: 20rem;    padding-left: 10rem;  }
  .l-about_culture {    width: 31.25vw;    margin: calc(34.72222vw - 9.5rem) 0 0 -5rem;  }
  .l-about_info {    padding: 15rem 8.33333vw 15rem 10rem;  }
  .l-about_info::before {    left: -8.33333vw;  }
  .l-about_info_content {    padding: 0 10rem;  }
  .l-about_info_ttl {    margin-right: 10rem;  }
  .l-about_access {    padding: 20rem 8.33333vw 30rem 0;  }
  .l-about_access_wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;        -ms-flex-direction: row-reverse;            flex-direction: row-reverse;  }
  .l-about_access_content {    width: 87rem;    padding: 0 10rem 0 7rem;  }
  .l-about_access_ttl {    margin-bottom: 5rem;  }
  .l-about_access_img {    display: block;    position: relative;    width: calc(100% - 87rem);  }
  .l-about_next {    padding-right: 8.33333vw;  }
  .l-about_next_ttl {    font-size: 4.8rem;  }
  .l-about_next_txt {    margin-left: 5.5rem;    font-size: 2rem;  }
  .l-about_next_txt svg {    margin-right: 4rem;  }
	
  .l-member {    padding: 8rem 8.33333vw 30rem 0;  }
  .l-member_list {    width: calc(100% / 3);    margin-bottom: 0;    padding: 0 5rem;  }
  .l-member_list:nth-of-type(even) {    margin-top: 0;  }
  .l-member_list:nth-of-type(3n - 1) {    margin-top: 10rem;  }
  .l-member_list:nth-of-type(3n) {    margin-top: 20rem;  }
  .l-member_list_wrapper {    -webkit-box-pack: start;        -ms-flex-pack: start;            justify-content: flex-start;  }
  .l-member_list_ttl {    font-size: 2rem;  }
  .l-member_list_ttl_sub {    font-size: 1.4rem;  }
  .l-member_next {    padding-right: 8.33333vw;  }
  .l-member_next_ttl {    font-size: 4.8rem;  }
  .l-member_next_txt {    margin-left: 5.5rem;    font-size: 2rem;  }
  .l-member_next_txt svg {    margin-right: 4rem;  }
	
  .l-recruit {    padding-right: 8.33333vw;  }
  .l-recruit_kv_img {    width: calc(100% + 8.33333vw);    margin-left: -8.33333vw;    padding-top: 50rem;  }
  .l-recruit_kv_img img {    min-width: 144rem;  }
  .l-recruit_info {    padding: 15rem 8.33333vw 15rem 10rem;  }
  .l-recruit_info_step {    margin-bottom: 20rem;  }
  .l-recruit_info_content {    padding: 0 10rem;  }
  .l-recruit_info_ttl {    margin-right: 10rem;  }
  .l-recruit_btn_wrapper {    padding-right: 8.33333vw;  }
  .l-recruit_next {    padding-right: 8.33333vw;  }
  .l-recruit_next_ttl {    font-size: 4.8rem;  }
  .l-recruit_next_txt {    margin-left: 5.5rem;    font-size: 2rem;  }
  .l-recruit_next_txt svg {    margin-right: 4rem;  }
}
@media screen and (max-width: 37.5em) {  
	.l-header_ttl {    width: 19vw;}
	.l-footer_content_item{    width: 100%; margin: 5rem 0 0rem 0}
	.l-footer_content_item_ttl{font-size: 2rem;}
	.l-top_culture_ttl, .l-top_creative_material_ttl{ margin-right:2rem;}
	.pj-work_list_img_txt{font-size: 2rem}
/*	.l-header_menu_btn svg{ top:calc(50% - 1.0rem)}*/

.l-header_menu_btn { display: flex; align-items: end; justify-content: flex-end; gap: 0.5rem;}
.l-header_menu_btn svg { position: static; vertical-align: middle; margin-top: 0.1rem;}
.l-header_menu_btn span { margin-top: 0;  line-height: 1; 
  display: inline-block;
  vertical-align: middle;}
.l-header_menu_btn .x, .l-header_menu_btn .z { display: none; }
  
}
@media screen and (max-width: 75em) {
	.l-footer_content_item{    width: 100%; margin: 5rem 0 0rem 0}
	.l-header_menu_btn span{margin-top: 1rem;}
}
@media screen and (min-width: 90em) {  
	.l-content_wrapper {    max-width: 144rem;  }
  main {    width: calc(100% - 12rem);  }
  .l-top_kv_ttl {    font-size: 10rem;  }
  .l-top_kv_ttl_design {    font-size: 21rem;  }
  .l-top_kv_ttl_agency {    padding-left: 5rem;  }
  .l-top_kv_ttl_sub {    margin-top: -3.7rem;    font-size: 1.6rem;  }
  .l-top_kv_movie_wrapper {    width: 50rem;    height: 50rem;  }
  .l-top_trkking {    margin-bottom: 26rem;    padding: 0 0 0 5rem;  }
  .l-top_trkking_txt {    padding-right: 5rem;    -webkit-column-gap: 3.2rem;       -moz-column-gap: 3.2rem;            column-gap: 3.2rem;  }
  .l-top_creative_material {    padding-right: 22rem;  }
  .l-top_creative_material_content {    padding-left: 10rem;  }
  .l-top_creative_material_content_wrapper {    width: 25rem;  }
  .l-top_creative_material_slide_wrapper {    width: 40rem;  }
  .l-top_member_wrapper {    padding: 0 12rem 5rem 0;  }
  .l-top_culture {    
	  width: 65rem;    
	  padding: 8rem 10rem 8rem 2.5rem;
	  display: block;
	}
  .l-top_culture_txt {    -webkit-column-gap: 3.2rem;       -moz-column-gap: 3.2rem;            column-gap: 3.2rem;  }
  .l-top_culture_txt_wrapper {    padding-left: 5rem;  }
  .l-top_culture_img_item_01 {    left: -12rem;    width: 52rem;  display: block}
  .l-top_culture_img_item_02 {    left: 45rem;    width: 30rem;  }
  .l-top_culture_img_item_03 {    top: 65rem;    left: 20rem;    width: 20rem;  }
  .l-top_culture_img_item_04 {    width: 40rem;    margin-top: -30rem;  }
  .l-top_news_wrapper {    padding-right: 22rem;  }
  .l-top_news_ttl {    margin-bottom: 14rem;    font-size: 8rem;  }
  .l-top_news_content {    margin-bottom: 10rem;    padding-left: 5rem;  }
  .l-top_news_content_category {    margin-bottom: 15rem;  }
  .l-top_news_content_txt {    padding-right: 20rem;  }
  .l-top_news_content_btn {    margin-right: -20rem;  }
	
  .l-work_detail_kv_content {    padding-right: 12rem;  }
  .l-work_detail_kv_content_ttl {    font-size: 12rem;  }
  .l-work_detail_template01 {    padding-right: 12rem;  }
  .l-work_detail_template02 {    padding-right: 12rem;  }
	
  .l-about {    padding-right: 12rem;  }
  .l-about_vision_img {    width: calc(100% + (((100vw - 144rem) / 2) + 12rem));    margin-left: calc(((100vw - 144rem) / -2) - 12rem);  }
  .l-about_culture {    margin: calc((92rem + ((100vw - 144rem) / 2)) * 0.54348 - 9.5rem) 0 0 -5rem;  }
  .l-about_info {    padding-right: 12rem;  }
  .l-about_info::before {    left: calc(((100vw - 144rem) / -2) - 12rem);  }
  .l-about_access {    padding-right: 12rem;  }
	
  .l-recruit {    padding-right: 12rem;  }
  .l-recruit_kv_img {    width: 100vw;    margin-left: calc((100vw - 120rem) / -2);  }
  .l-recruit_info {    padding-right: 12rem;  }
	
}
@media screen and (min-width: 75em) {  
	/*.l-top_trkking_txt {   
		-webkit-column-gap: 2.22222vw; 
		-moz-column-gap: 2.22222vw;
		column-gap: 2.22222vw;    -webkit-column-gap: 3.35196vw;    
		-moz-column-gap: 3.35196vw; 
		letter-spacing: 0px;     
		column-gap: 3.35196vw;    
		-webkit-column-fill: balance; 
		-moz-column-fill: balance;  
		column-fill: balance;   
		-webkit-column-count: 2;  
		-moz-column-count: 2;  
		column-count: 2; 
	}*/
	.l-top_trkking_txt {   
		-webkit-column-gap: 2.22222vw; 
		-moz-column-gap: 2.22222vw;
		column-gap: 2.22222vw;    -webkit-column-gap: 3.35196vw;    
		-moz-column-gap: 3.35196vw; 
		letter-spacing: 0px;     
		column-gap: 3.35196vw;    
		-webkit-column-fill: balance; 
		-moz-column-fill: balance;  
		column-fill: balance;   
		-webkit-column-count: 1;  
		-moz-column-count: 1;  
		column-count: 1; 
	}
  .l-top_creative_material {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;        -ms-flex-direction: row;            flex-direction: row;    padding: 0 15.27778vw 0 0;  }
  .l-top_creative_material_wrapper {    margin-bottom: 0;  }
  .l-top_creative_material_slide_wrapper {    display: block;    width: 27.77778vw;    min-width: 30rem;  }
  .l-top_creative_material_slide_wrapper.tab {    display: none;  }
  .l-work_detail_kv_content_about_txt {    
	  -webkit-column-gap: 2.08333vw;
	  -moz-column-gap: 2.08333vw;
	  column-gap: 2.08333vw;
	  -webkit-column-fill: balance; 
	  -moz-column-fill: balance; 
	  column-fill: balance;
/*
	  -webkit-column-count: 2; 
	  -moz-column-count: 2;
	  column-count: 2;
*/
	  text-align: justify;
	}
  .l-work_detail_kv_content_about_txt::before {    display: none;  }
  .l-work_detail_template01_txt {    -webkit-column-gap: 2.08333vw;       -moz-column-gap: 2.08333vw;            column-gap: 2.08333vw;    -webkit-column-fill: balance;       -moz-column-fill: balance;            column-fill: balance;    -webkit-column-count: 1;       -moz-column-count: 1;            column-count: 1;    text-align: justify;  }
  .l-work_detail_template02_txt {    -webkit-column-gap: 2.08333vw;       -moz-column-gap: 2.08333vw;            column-gap: 2.08333vw;    -webkit-column-fill: balance;       -moz-column-fill: balance;            column-fill: balance;    -webkit-column-count: 2;       -moz-column-count: 2;            column-count: 2;    text-align: justify;  }
  .l-about_vision_txt {    -webkit-column-gap: 2.22222vw;       -moz-column-gap: 2.22222vw;            column-gap: 2.22222vw;    -webkit-column-fill: balance;       -moz-column-fill: balance;            column-fill: balance;    -webkit-column-count: 1;       -moz-column-count: 1;            column-count: 1;    text-align: justify;  }
  .l-member_list_1 .l-member_list_img::before {    top: -5.6rem;    right: 2.6rem;    width: 6.4rem;    height: 14.3rem;  }
  .l-member_list_2 .l-member_list_img::before {    top: auto;    bottom: 15.5rem;    left: -3rem;    width: 6.6rem;    height: 5.7rem;  }
  .l-member_list_3 .l-member_list_img::before {    right: 2rem;    bottom: -3.6rem;    width: 3.6rem;    height: 9.4rem;  }
  .l-member_list_4 .l-member_list_img::before {    top: 9rem;    right: -5rem;    width: 13.1rem;    height: 7.2rem;  }
  .l-member_list_5 .l-member_list_img::before {    right: -3rem;    bottom: 14rem;    width: 5rem;    height: 6.7rem;  }
  .l-member_list_6 .l-member_list_img::before {    top: 7rem;    right: -1.5rem;    width: 7rem;    height: 8.4rem;  }
  .l-member_list_7 .l-member_list_img::before {    top: -6.5rem;    right: 3rem;    width: 16.7rem;    height: 14.7rem;  }
  .l-member_list_8 .l-member_list_img::before {    top: 11rem;    right: -3rem;    left: auto;    width: 6.4rem;    height: 4rem;  }
  .l-member_list_9 .l-member_list_img::before {    right: auto;    bottom: 12.5rem;    left: -4.5rem;    width: 7.2rem;    height: 6.7rem;  }
  .l-member_list_10 .l-member_list_img::before {    top: 14rem;    right: -3rem;    width: 5.2rem;    height: 9.2rem;  }

}
@media all and (-ms-high-contrast: none) {  
	.l-header_ttl_link.is-work_logo {    background: url(/img/common/logo_w.svg) no-repeat;    background-size: contain;  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes draw {
  from {
    stroke-dashoffset: 1200;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  from {
    stroke-dashoffset: 1200;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    bottom: 0;
  }
  100% {
    opacity: 0;
    bottom: 101%;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    bottom: 0;
  }
  100% {
    opacity: 0;
    bottom: 101%;
  }
}
.loader {
  background: rgba(255, 255, 255, 1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-animation: 3.8s ease 0s normal forwards 1 fadeout;
          animation: 3.8s ease 0s normal forwards 1 fadeout;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.loader svg {
  display: block;
  margin: 0 auto;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#loading.hidden{
  opacity: 0;
  visibility: hidden;
}
.svg_path {
  fill: none;
  stroke: #000;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1198;
  -webkit-animation: draw 2s alternate;
          animation: draw 2s alternate;
}

.svg_dot {
  fill: #ffffff;
  -webkit-animation: 2s ease 0s normal forwards 1 fadein;
          animation: 2s ease 0s normal forwards 1 fadein;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 10vh auto 0 auto;
}

.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 800px) {
  .aos-item {
    width: 50%;
  }
}

.l-top_kv_movie_wrapper.is-visible {
  opacity: 1;
	position: relative;
  /*-webkit-transform: rotateZ(-2deg);
          transform: rotateZ(-2deg);*/
}

.show-on-scroll{ position: relative;}
.l-top_kv_movie_wrapper::after, .l-top_kv_movie_wrapper::before, .pj-work_list_img::after, .pj-work_list_img::before{ 
	opacity: 0 ;
	top: 0;
}
/*
.l-top_kv_movie_wrapper.is-visible::after, .l-top_kv_movie_wrapper.is-visible::before, .pj-work_list_img.is-visible::after, .pj-work_list_img.is-visible::before{
	content: "";
	height: 100%;
	position: absolute;
	animation: 0.5s myCustomAnimate ease-out ;
}
*/
@keyframes myCustomAnimate{
    from {opacity: 0.8; transition: translateX(0%) ; left: 0;}
  to {opacity: 0; transition: translateX(100%); left:50%;}
}
.l-top_kv_movie_wrapper.is-visible::after, .pj-work_list_img.is-visible::after{
	background:#FFF;
	width: 60%;
	
}
.l-top_kv_movie_wrapper.is-visible::before, .pj-work_list_img.is-visible::before{
	background:#666;
	width: 20%;
}

.l-top_kv_ttl.is-visible {
  animation-iteration-count: infinite;
}

.is-visible .l-top_kv_movie {
  -webkit-transform: none;
          transform: none;
	animation: typedjsBlink .7s infinite;
}

@keyframes typedjsBlink {
  0% {
    content: "T";
  }
  4% {
    content: "Th";
  }
  8% {
    content: "The";
  }
  12% {
    content: "The ";
  }
  16% {
    content: "The T";
  }
  20% {
    content: "The Ty";
  }
  24% {
    content: "The Typ";
  }
  28% {
    content: "The Type";
  }
  32% {
    content: "The Typew";
  }
  36% {
    content: "The Typewr";
  }
  40% {
    content: "The Typewri";
  }
  44% {
    content: "The Typewrit";
  }
  48% {
    content: "The Typewrite";
  }
  52% {
    content: "The Typewriter";
  }
  56% {
    content: "The Typewriter";
  }
  60% {
    content: "The Typewriterr";
  }
  64% {
    content: "The Typewriter";
  }
  68% {
    content: "The Typewriter ";
  }
  72% {
    content: "The Typewriter E";
  }
  76% {
    content: "The Typewriter Ef";
  }
  80% {
    content: "The Typewriter Efe";
  }
  84% {
    content: "The Typewriter Efe";
  }
  88% {
    content: "The Typewriter Eff";
  }
  92% {
    content: "The Typewriter Effe";
  }
  96% {
    content: "The Typewriter Effec";
  }
  100% {
    content: "The Typewriter Effect";
  }


.is-visible .l-top_kv_ttl {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}