@charset "utf-8";
.ttlset_01-eng,
.ttlset_01-jpn{
	opacity:0;
	transform:translateY(60px);
	transition:.7s;
}
.ttlset_01-jpn{
transition-delay: .4s;
}
.textBox_01,
#top .top__news-list{
	opacity:0;
	transition:.7s;
	transition-delay: 1s
}
.inview-element-on .ttlset_01-eng,
.inview-element-on .ttlset_01-jpn{
	opacity:1;
	transform:translateY(0);
}
.inview-element-on .textBox_01,
#top .inview-element-on .top__news-list{
	opacity:1;
}
.top__service-item{
	opacity:0;
	transform:translateY(60px);
	transition:.7s;
}
.top__service-item:nth-child(1){
	transition-delay: .1s;
}
.top__service-item:nth-child(2){
	transition-delay: .2s;
}
.top__service-item:nth-child(3){
	transition-delay: .3s;
}
.top__service-item:nth-child(4){
	transition-delay: .4s;
}
.top__service-item:nth-child(5){
	transition-delay: .5s;
}
.top__service-item:nth-child(6){
	transition-delay: .6s;
}
.inview-element-on .top__service-item{
	opacity:1;
	transform:translateY(0);
}
/*--------------------------------------------

	 TOP MV

--------------------------------------------*/
.top__mv{
	width: 100%;
	position: relative;
	min-height: 500px;
}
.top__mv-inner{
	height:100%;
	position:relative;
}
.top__mv-video{
	width: calc(100% - 50px);
	height: 100%;
	overflow: hidden;
	left: 25px;
	top: 0;
	position: absolute;
	z-index: 1;
}
.top__mv-video video{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 13;
}
.top__mv-mask{
	position: absolute;
	width: calc(100% - 40px);
	height:100%;
	left: 20px;
	top: 0;
	z-index: 3;
	overflow: hidden;
}
.top__mv-mask:before,
.top__mv-mask:after{
	content: "";
	display: block;
	width: 100%;
	height:50%;
	position: absolute;
	right:0;
	top:0;
	background-color: #fff;
	transition: width 0.6s;
}
.top__mv-mask:before{
	transition-delay:6.5s;
	transform: translateY(-1%);
}
.top__mv-mask:after{
	transition-delay: 7s;
	transform: translateY(99%);
}
body.inview .top__mv-mask:before,
body.inview .top__mv-mask:after{
	width:0;
}

/*.top__mv-mask_inner{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width:100%;
}
.top__mv-mask_inner:before,
.top__mv-mask_inner:after{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top:0;
	background-color: #fff;
}
.top__mv-mask_inner:before{
	transform:translateY(-100%);
}
.top__mv-mask_inner:after{
	transform:translateY(100%);
}*/
.top__mv-mask img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width:100%;
	display: block;
}
.top__mv-copy{
	position: absolute;
	left: 170px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.8rem;
	font-weight: bold;
	z-index: 3;
	padding:0.1em 0.8em;
	color:transparent;
	background-color:transparent;
	transition:color 0s 8.5s,background-color 0s 8.5s;
}
@media all and (max-width : 1300px ){
	.top__mv-copy{
		font-size: 1.38vw;
		left:13%;
	}
}
.top__mv-copy[data-animation="true"] {
	background-color: #000;
  color: #fff;
}
#top__mv .top__mv-copy:before{
	background: #1a1a1a;
	animation-delay: 8.1s;
	animation-duration: 0.8s;
}
@media screen and (min-width : 768px ){
	.top__mv-copy_child:before{
		display: none;
	}
}
.top__loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color:#fff;
	overflow: hidden;
	transition-delay:6s;
}
body.inview .top__loading{
	width:0;
	height:0;
	z-index: -1;
}
.top__loading:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 50;
	background: #262626;
	right: 0;
	top: 0;
	transform: translateX(-101%);
}
body.inview .top__loading:before{
	animation: mask-right2 1s ease 1 both;
}
#top__loading:before {
	animation-delay: 5s;
}
.top__loading svg{
	width:108%;
	fill: transparent;
	stroke:#b4241d;
	stroke-width:1;
	stroke-dasharray:4500;
	animation: hello 1.5s ease-in 1s both;
	position: absolute;
  left: -6%;
  top: -8%;
}
@keyframes hello{
0%{
	fill: transparent;
	stroke-dashoffset:4500;
}100%{
	fill: transparent;
	stroke-dashoffset: 0;
}
}
.top__loading svg,
.top__loading-text{
	transition:opacity 0s 5.5s;
}
body.inview .top__loading svg,
body.inview .top__loading-text{
	opacity:0;
}
.top__loading-text{
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.top__loading-text_jpn{
	padding:0.3em 0.8em;
	font-size: 3.4rem;
	color:transparent;
	background-color: transparent;
	font-weight: bold;
	transition: background-color 0s 3s,color 0s 3s;
}
.top__loading-text_jpn[data-animation="true"] {
		background-color: #000;
    color: #fff;
}
#top__loading .top__loading-text_jpn:before{
	background: #000;
	animation-delay: 2.6s;
	animation-duration: 0.8s;
}
.top__loading-text_jpn .outline{
	-webkit-text-stroke: 1px transparent;
	transition: 0s 3s;
}
.top__loading-text_jpn[data-animation="true"] .outline {
	-webkit-text-stroke: 1px #FFF;
}

@media screen and (min-width : 768px ){
	.top__loading-text_child:before{
		display: none;
	}
}
.top__loading-text_eng{
	font-size: 2.1rem;
	margin-top: 0.8em;
	letter-spacing: 0.2em;
	transition-delay: 3s;
	transition-duration: 1s;
	opacity: 0;
}
/*.top__mv svg {
  width: 100%;
  position:absolute;
  top: 0;
  left: 0;
  height: 100%;
	z-index: 2;
}
.top__mv svg text {
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-size: 20rem;
}
.top__mv svg rect {
  fill: white;
}
.top__mv svg > rect {
  -webkit-mask: url(#mask);
  mask: url(#mask);
}*/
/*--------------------------------------------

	 TOP POLICY

--------------------------------------------*/
.top__policy{
	padding:20.5rem 0;
	background-color: #dbdbdb;
	color:#262626;
	position:relative;
	overflow: hidden;
}
.bg__typo-top__policy{
	color:#ccc;
	opacity:0.33;
}
.top__policy-textSet{
	align-items: flex-start;
	padding-bottom:5.4rem;
	border-bottom: 1px solid #262626;
}
.top__policy-lead{
	background-color: transparent;
	color: transparent;
	opacity:0;
	transition: background-color 0s 1.9s,color 0s 1.9s,opacity 0s 1.5s;
}
.inview-element-on .top__policy-lead{
	background-color: #262626;
	color: #fff;
	opacity:1;
}
.top__policy-lead:before{
	background-color: #262626;
}
.inview-element-on .top__policy-lead:before{
	animation: mask-down .8s ease 1.5s 1 both;
}

.top__policy .ttlset_01-eng,
.top__policy-plane{
	padding-left:10.4rem;
}
.top__policy .ttlset_01-jpn{
	margin-left:2.4rem;
}

.sofont {
	font-size: 20px;
}
/*--------------------------------------------

	 TOP NEWS

--------------------------------------------*/
.top__news{
	padding:19.2rem 0 16.8rem;
	overflow: hidden;
	position: relative;
}
.bg__typo-top__news{
	color:#f7f7f7;
	opacity:0.64;
}
.top__news .ttlset_01-eng{
	border-bottom:none;
	position:relative;
}
.top__news .ttlset_01-eng:after{
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background-color: #b4241d;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.top__news-list{
	margin-top:3rem;
	display:flex;
	width:100vw;
	padding-bottom:5.4rem;
	border-bottom: 1px solid #262626;
	position: static;
}
.top__news-list .slick-prev,
.top__news-list .slick-next{
	height: 100%;
	width: 50px;
	z-index: 5;
}
.top__news-list .slick-prev{
	left: 20px;
}
.top__news-list .slick-next{
	right: initial;
	left: calc(50% + calc(50vw - 44px));
	transform: translate(-120%,-50%);
}
.top__news-list .slick-prev:before,
.top__news-list .slick-next:before{
	content: "";
	display: block;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
	background-color: rgba(0,0,0,0.8);
	opacity: 0.1;
	transition: .7s;
}
.top__news-list .slick-prev:before{
	background-image:url(../Image/interview-arrow-prev.svg);
}
.top__news-list .slick-next:before{
	background-image:url(../Image/interview-arrow-next.svg);
}
.top__news-list .slick-prev:hover:before,
.top__news-list .slick-next:hover:before{
	opacity: 1;
}
.top__news-list .slick-arrow[aria-disabled="true"]:before{
	opacity: 0!important;
}

.top__news-list  .slick-slide{
	width: 550px;
}
.top__news-list .slick-slide:not(:last-child){
	margin-right:15px;
}
.top__news-item{
	color:#262626;
}
/*.top__news-item:nth-child(n+2){
	margin-left:15px;
}*/
.top__news-item a:focus{
	outline:none;
}
.top__news-img{
	position: relative;
	padding-top:65.5%;
}
.top__news-text{
	margin-top:2em;
}
.top__news-title{
	font-size:3rem;
}
.top__news-cat{
	font-size:1.6rem;
	margin-top: 1em;
}
.top__news-cat_label{
	font-weight: bold;
}
.top__news-cat_colon{
	font-weight:bold;
	display: inline-block;
	margin:0 0.8em;
}
.top__news-plane{
	color:#000;
	line-height:2;
	margin-top:1.5em;
}
.top__news-item .btn_01-wrap{
	margin-top:1.5em;
}
.top__news-btn_wrap{
	position: absolute;
	right:20px;
	top: 2px;
}
/*--------------------------------------------

	 TOP SERVICE

--------------------------------------------*/
.top__service{
	padding:16.4rem 0 13.2rem;
	overflow: hidden;
	position: relative;
	background:#262626;
	color:#fff;
}
.bg__typo-top__service{
	color:#f7f7f7;
	opacity:0.04;
}
.textSet_01-red .top__service-lead{
	margin-right:1em;
	background-color: transparent;
	color: transparent;
	opacity:0;
	transition: background-color 0s 1.9s,color 0s 1.9s,opacity 0s 1.5s;
}
.inview-element-on.textSet_01-red .top__service-lead{
	background-color: #fff;
	color: #262626;
	opacity:1;
}
.top__service-lead:before{
	background-color: #fff;
}
.inview-element-on .top__service-lead:before{
	animation: mask-down .8s ease 1.5s 1 both;
}
.top__service-list{
	margin-top:6.2rem;
	flex-wrap: wrap;
}
.top__service-item{
	width:32.8%;
}
.top__service-item:not(:nth-child(3n+1)){
	margin-left:0.8%;
}
.top__service-item:nth-child(n+4){
	margin-top:0.8%;
}
.top__service-item a{
	display: block;
	padding:4.6%;
	padding-top:148%;
	position:relative;
	background-color:#000;
	background-position:center;
	background-size: cover;
	color:#fff;
	overflow: hidden;
}
.top__service-digital a{
	background-image:url(../Image/top__service-digital_bg.jpg);
}
.top__service-product a{
	background-image:url(../Image/top__service-product_bg.jpg);
}
.top__service-casting a{
	background-image:url(../Image/top__service-casting_bg.jpg);
}
.top__service-event a{
	background-image:url(../Image/top__service-event_bg.jpg);
}
.top__service-branding a{
	background-image:url(../Image/top__service-branding_bg.jpg);
}
.top__service-visual a{
	background-image:url(../Image/top__service-visual_bg.jpg);
}
.top__service-hoverBox{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #262626;
	border:1px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	transition: .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.top__service-item a:hover .top__service-hoverBox{
	opacity:1;
}
.top__service-hover_capital{
	font-size: 26.8rem;
	color:#cd3a3a;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition:font-size .5s;
}
.top__service-hover_number{
	font-size:3.6rem;
	font-weight: bold;
	-webkit-text-stroke: 1px #FFF;
	position: absolute;
	left: 50%;
	top:20%;
	transform: translateX(-50%);
	z-index: 2;
	transition:font-size .5s;
}
.top__service-hover_label{
	position: relative;
	z-index: 2;
	text-align: center;
	padding:0 0.5em;
}
.top__service-hover_label-jpn{
	font-size: 1.6rem;
	transition:font-size .5s;
}
.top__service-hover_label-eng{
	font-size: 2.5rem;
	margin-top: 0.2em;
	transition:font-size .5s;
}
.top__service-label{
	position:absolute;
	left:4.6%;
	top:50%;
	transform: translateY(-50%);
	font-size:4.8rem;
	line-height:1;
	writing-mode: vertical-rl;
	text-align: center;
  white-space: nowrap;
}
.top__service-name{
	position:absolute;
	right:4.6%;
	bottom:4.6%;
	text-align:right;
}
.top__service-name-number{
	font-size:4.2rem;
	font-weight: bold;
	-webkit-text-stroke: 0.5px #FFF;
	transition:font-size .5s;
}
.top__service-name-jpn{
	font-size: 16px;
	font-weight:bold;
	width:14em;
	padding:0.2em 0 0.8em;
	border-bottom:1px solid #fff;
	transition:font-size .5s;
}
@media all and (max-width : 1300px ){
	.top__service-label{
		font-size:3.7vw;
	}
}
@media all and (max-width : 900px ){
	.top__service-name-number{
		font-size:4.2vw;
	}
	.top__service-name-jpn{
		font-size: 1.6vw;
	}
	.top__service-hover_capital{
		font-size: 28vw;
	}
	.top__service-hover_number{
		font-size: 3.6vw;
	}
	.top__service-hover_label-jpn{
		font-size: 1.6vw;
	}
	.top__service-hover_label-eng{
		font-size: 2.4vw;
	}
}

.top__service-btn_wrap{
	margin-top:12rem;
}
.top__service-btn{
	margin:0 auto;
}
/*--------------------------------------------

	 TOP LINK

--------------------------------------------*/
.top__link-list{
}
.top__link-item{
	flex:1;
}
.top__link-recruit{
}
.top__link-item a{
	padding:28rem 2em;
	display: block;
	text-align: center;
	background-color: #ffffff;
	position: relative;
	transition:color .5s;
}
.top__link-recruit a{
	color:#fff;
}
.top__link-item a > *{
	position: relative;
	z-index: 2;
}
.top__link-item a:after{
	content: "";
	display: block;
	background-repeat:repeat;
	background-position:center;
	background-size:cover;
	transition:opacity .5s;
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index:1;
}
.top__link-recruit a:after{
	background-image: url(../Image/top__link-recruit_bg.jpg);
}
.top__link-company a:after{
	background-image: url(../Image/top__link-company_bg.jpg);
	opacity:0;
}


.top__link-eng{
	font-size: 3rem;
	transition: transform 0.8s,opacity 0.8s;
}
.top__link-jpn{
	font-size:18px;
	font-weight: bold;
	padding:0.8em 1em;
	border:1px solid #fff;
	box-sizing: border-box;
	max-width: 340px;
	margin: 0 auto;
	margin-top:0.2em;
	transition:border-color .5s, transform .8s .4s;
}
.top__link-company .top__link-jpn{
	border-color:#262626;
}
@media screen and (min-width : 768px ){
	.top__link-company a:hover{
		color:#fff;
	}
	.top__link-recruit.on_hover a{
		color:#262626;
	}
	.top__link-company a:hover:after{
		opacity:1;
	}
	.top__link-recruit.on_hover a:after{
		opacity:0;
	}
	.top__link-company a:hover .top__link-jpn{
		border-color:#fff;
	}
	.top__link-recruit.on_hover .top__link-jpn{
		border-color:#262626;
	}
	.top__link-company a:hover .top__link-jpn .with_arrow-red{
		background-image: url(../Image/arrow__right-01_white.svg);
	}
	.top__link-recruit.on_hover .top__link-jpn .with_arrow{
		background-image: url(../Image/arrow__right-01_red.svg);
	}
}
/*--------------------------------------------

	 UNDER MV

--------------------------------------------*/
.under__inner{
	padding:0 70px;
	transition: padding .5s;
}
@media all and (max-width : 1080px ){
	.under__inner{
		padding:0 20px;
	}
}
.under__mv{
	padding: 14.5rem 0 0;
}
@media (min-width: 768px){
.under__mv{
	transition: padding .5s;
}
}
.under__mv-inner{
	position:relative;
	padding:23.6rem 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.bg__typo-under_mv{
	font-size: 30.8rem;
	color: #fff;
	opacity: 0.16;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.under__mv-ttl_eng{
	font-size: 7rem;
	text-align: center;
	color: #fff;
}
.under__mv-ttl_eng span{
	display: inline-block;
	position: relative;
}
.under__mv-ttl_eng span:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color:#fff;
	position: absolute;
	left: 0;
	bottom: 0.33em;
}
.under__mv-ttl_jpn{
	width:31%;
	box-sizing: border-box;
	position: absolute;
	right: -1px;
	bottom: -1px;
	padding:1.2em;
	padding-left: 2.8em;
	padding-bottom: 0.8em;
	font-size: 1.6rem;
	letter-spacing: 0.3em;
	font-weight:bold;
	background: #fff;
	transition:width 0.5s;
}
.under__mv-ttl_jpn span{
}
/*--------------------------------------------

	 ABOUT MV

--------------------------------------------*/
.about__mv .under__mv-inner{
	background-image: url(../Image/about__mv.jpg);
}
/*--------------------------------------------

	 ABOUT POLICY

--------------------------------------------*/
.about__policy{
	position: relative;
	padding:18rem 0 19.6rem;
}
.bg__typo-about__policy{
	color: #cbcbcb;
	opacity: 0.33;
}
.about__policy-textSet{
}
.about__policy-textBox{
	padding-bottom: 4.6em;
	border-bottom: 1px solid #000;
}
.about__policy-plane_jpn{
	line-height: 2.8;
}
.about__policy-plane_eng{
	line-height: 2.8;
	margin-top: 1.8em;
}
/*--------------------------------------------

	 ABOUT OVERVIEW

--------------------------------------------*/
.about__overview{
}
.about__overview-textSet{
	align-items: stretch;
}
.about__overview-lead{
	width: 38%;
  display: flex;
	align-items: center;
  justify-content: center;
	font-size: 5rem;
	margin-right: 0;
	color: transparent;
	transition: color 0s 1.9s;
}
.inview-element-on .about__overview-lead{
	color: #fff;
}
.inview-element-on .about__overview-lead:before{
	animation: mask-down 1.5s ease 1.5s 1 both;
}
.about__overview-lead span{
}
.about__overview-textSet_main{

	background: #dadada;
}
.about__overview-ttlset{
	padding: 10rem 25%;
  border-bottom: 1px solid #262626;
}
.about__overview-ttlset .ttlset_01-eng{
	border-bottom: none;
}
.about__overview-ttlset .ttlset_01-jpn{
	margin-top: 0;
}
.about__overview-textBox{
	margin-top: 0;
  padding: 9rem 10%;
	display: flex;
	justify-content: center;
}
.idou{
	position: relative;
}

.idou2{
	position: absolute;
	right: 25%;
    bottom:8.4%;
}

.idou3{
	position: absolute;
	left: 59%;
    bottom:69%;
}


.about__overview-box{
}
.about__overview-list{
	margin-top: 4.2em;
}
.about__overview-item{
	display: flex;
	line-height: 1.86;
}
.about__overview-item:nth-child(n+2){
	margin-top: 4.2em;
}
.about__overview-label{
	width: 7em;
	font-weight: bold;
	position: relative;
}
.about__overview-label span{
	display: inline-block;
	position: relative;
}
.about__overview-label span:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color:#b4241d;
	position: absolute;
	left: 0;
	bottom: -0.2em;
}
.about__overview-value{
	flex:1;
}
.about__overview-name{
	width: 100%;
}
/*--------------------------------------------

	 ABOUT RELATED

--------------------------------------------*/
.about__related{
	position: relative;
	padding:18rem 0 19.6rem;
	background: #f1f1f1;
}
.bg__typo-about__related{
	color: #cbcbcb;
	opacity: 0.33;
}
.about__related-textBox{
	margin-top: 5.8em;
}
.about__related-list{
	display: flex;
	flex-wrap: wrap;
}
.about__related-item{
	width: 32.6%;
}
.about__related-item:not(:nth-child(3n+1)){
	margin-left: 1.1%;
}
.about__related-item:nth-child(n+4){
	margin-top: 6.1em;
}
.about__related-item a{
	display: block;
	color: #000;
}
.about__related-img{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 21.8rem;
	background: #262626;
}
.about__related-img img{
}
.about__related-item_trapeziste .about__related-img img{
	width: 50%;
}
.about__related-item_pifcreato .about__related-img img{
	width: 48%;
}
.about__related-item_rucca .about__related-img img{
	width: 22.5%;
}
.about__related-item_beatnixs .about__related-img img{
	width: 45%;
}
.about__related-item_asobisystem .about__related-img img{
	width: 30%;
}
.about__related-item_trustar .about__related-img img{
	width: 51.5%;
}
.about__related-text{
	margin-top: 1.5em;
}
.about__related-head{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.about__related-name{
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 2em;
	margin-bottom: 0.6em;
}
.about__related-name span{
}
.about__related-cat{
	font-size: 0.92em;
	padding: 0.2em 1.8em;
	border: 1px solid #000;
	border-radius: 0.92em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.about__related-body{
	margin-top: 0.4em;
}
.about__related-plane{
	line-height: 2.1em;
	padding-right: 1em;
}
/*--------------------------------------------

	 ABOUT CLIENTS

--------------------------------------------*/
.about__clients{
	position: relative;
}
.bg__typo-about__clients{
	left: 32%;
	color: #cbcbcb;
	opacity: 0.33;
}
.about__clients-textSet{
	flex-direction: row-reverse;
	align-items: stretch;
}
.about__clients-lead{
	width: 38%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5rem;
	margin-right: 0;
	color: transparent;
	transition: color 0s 1.9s;
}
.inview-element-on .about__clients-lead{
	color: #fff;
}
.inview-element-on .about__clients-lead:before{
	animation: mask-down 1.5s ease 1.5s 1 both;
}
.about__clients-textSet_main{
}
.about__clients-ttlset{
	padding: 10rem 25%;
  border-bottom: 1px solid #262626;
}
.about__clients-ttlset .ttlset_01-eng{
	border-bottom: none;
}
.about__clients-ttlset .ttlset_01-jpn{
	margin-top: 0;
}

.about__clients-textBox{
	margin-top: 0;
  padding: 15rem 10% 13rem;
	display: flex;
	justify-content: center;
}
.about__clients-list{
	display: flex;
	flex-wrap: wrap;
	max-width: 550px;
}
.about__clients-item{
	margin: 0.8em 0;
}
.about__clients-item:after{
	content: "／";
	display: inline-block;
  margin: 0 0.2em;
}
.about__clients-item:last-child:after{
	display: none;
}
/*--------------------------------------------

	 OURESERVICE   MV

--------------------------------------------*/
.page__service {
    padding-bottom: 8.2rem;
}
.service__mv .under__mv-inner{
	background-image: url(../Image/ourservice-mv.jpg);
}

/*--------------------------------------------

	 OURESERVICE  PR-PLANNING

--------------------------------------------*/
.service__field{
    position: relative;
    padding: 16rem 0 10rem;
}
.bg__typo-service__field{
    color: #f5f5f5;
		opacity: 0.64;
		font-size: 28rem;
}
.service__field-figure {
	position: relative;
	padding-top: 35.3%;
	
	padding-bottom: 35.3%;
	
}
.service__field-figure > *{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.service__field-figure  svg{
	width: 100%;
}
.figure__11-ourbusinessfield .cls-1{fill:#AC2824;}
.figure__11-ourbusinessfield .cls-1 {
	transform: translateY(60px);
	opacity:0;
	transition: .2s;
}
.inview-element-on .figure__11-ourbusinessfield .cls-1 {
	transform: translateY(0);
	opacity:1;
}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(1) {transition-delay:0.22s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(2) {transition-delay:0.24s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(3) {transition-delay:0.26s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(4) {transition-delay:0.28s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(5) {transition-delay:0.30s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(6) {transition-delay:0.32s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(7) {transition-delay:0.34s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(8) {transition-delay:0.36s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(9) {transition-delay:0.38s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(10) {transition-delay:0.4s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(11) {transition-delay:0.42s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(12) {transition-delay:0.44s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(13) {transition-delay:0.46s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(14) {transition-delay:0.48s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(15) {transition-delay:0.50s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(16) {transition-delay:0.52s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(17) {transition-delay:0.54s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(18) {transition-delay:0.56s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(19) {transition-delay:0.58s;}
.inview-element-on .figure__11-ourbusinessfield .cls-1:nth-child(20) {transition-delay:0.59s;}
.figure__11-ourbusinessfield .cls-2{fill:none;}
.figure__12-shortline .cls-1{fill:none;stroke:#262626;stroke-miterlimit:10;
	transform: translateX(-60px);
	opacity:0;
	transition: 0.4s 0.8s;
}
.inview-element-on .figure__12-shortline .cls-1{
	transform: translateX(0);
	opacity:1;
}
.figure__12-shortline .cls-2{fill:none;}
.figure__13-payitforward .cls-1{fill:transparent;transition:0.7s 0.5s}
.inview-element-on .figure__13-payitforward .cls-1{fill:#AC2824;}
.figure__13-payitforward .cls-2{fill:none;}
.figure__business-cat {
	z-index: 5;
}
.figure__business-cat {
	transform: translateY(60px);
	opacity:0;
	transition: 2.30s;
}
.inview-element-on .figure__business-cat  {
	transform: translateY(0);
	opacity:1;
}
.figure__21-event{
	transition-delay:0.4s;
}
.figure__22-branding{
	transition-delay:0.44s;
}
.figure__23-visual{
	transition-delay:0.48s;
}
.figure__24-casting{
	transition-delay:0.52s;
}
.figure__25-product{
	transition-delay:0.56s;
}
.figure__26-digital{
	transition-delay:0.6s;
}
.figure__21-event .cls-1{fill:#262626;}
.figure__21-event .cls-2{fill:#5c76b8;}
.figure__21-event .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__21-event .cls-4{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;fill-rule:evenodd;}
.figure__21-event .cls-5{fill:none;}
.figure__22-branding .cls-1{fill:#262626;}
.figure__22-branding .cls-2{fill:#479ba5;}
.figure__22-branding .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__22-branding .cls-4{fill:none;}
.figure__23-visual .cls-1{fill:#262626;}
.figure__23-visual .cls-2{fill:#89a93c;}
.figure__23-visual .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__23-visual .cls-4{fill:none;}
.figure__24-casting .cls-1{fill:#262626;}
.figure__24-casting .cls-2{fill:#bf9763;}
.figure__24-casting .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__24-casting .cls-4{fill:none;}
.figure__25-product .cls-1{fill:#262626;}
.figure__25-product .cls-2{fill:#d05156;}
.figure__25-product .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__25-product .cls-4{fill:none;}
.figure__26-digital .cls-1{fill:#262626;}
.figure__26-digital .cls-2{fill:#ab71c5;}
.figure__26-digital .cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}
.figure__26-digital .cls-4{fill:none;}

.figure__31-longline .cls-1{fill:none;stroke:#262626;stroke-miterlimit:10;
	stroke-dashoffset: 945;
	stroke-dasharray: 945;
	transition: 0.6s 2.0s;
}
.inview-element-on .figure__31-longline .cls-1{
	stroke-dashoffset:0;
}
.figure__31-longline .cls-2{fill:none;}

.figure__32-blackdot .cls-1{fill:transparent; transition:1s 2.6s;}
.inview-element-on .figure__32-blackdot .cls-1{fill:#262626;}
.figure__32-blackdot .cls-2{fill:none;}

.figure__33-piflogo .cls-1{fill:transparent; transition:1s 2.6s;}
.inview-element-on .figure__33-piflogo .cls-1{fill:#262626;}
.figure__33-piflogo .cls-2{fill:none;}
.figure__41-prplanning{
	z-index: 5;
}
.figure__41-prplanning .cls-1{fill:transparent; transition:1s 0.8s;}
.inview-element-on .figure__41-prplanning .cls-1{fill:#262626;}
.figure__41-prplanning .cls-2{fill:#fff;
	transform: translateY(10px);
	opacity:0;
	transition: .2s;
}
.inview-element-on .figure__41-prplanning .cls-2 {
	transform: translateY(0);
	opacity:1;
}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(1) {transition-delay:1.12s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(2) {transition-delay:1.14s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(3) {transition-delay:1.16s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(4) {transition-delay:1.18s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(5) {transition-delay:1.10s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(6) {transition-delay:1.22s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(7) {transition-delay:1.24s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(8) {transition-delay:1.26s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(9) {transition-delay:1.28s;}
.inview-element-on .figure__41-prplanning .cls-2:nth-of-type(10) {transition-delay:1.3s;}

.figure__41-prplanning .cls-3{fill:none;}

.figure__42-innercircle .cls-1{fill:none;}
.figure__42-innercircle .cls-4{fill:none;stroke:#262626;stroke-miterlimit:10;
	stroke-dashoffset: 1474;
	stroke-dasharray: 1474;
	transition: .5s 2.1s;
}
.inview-element-on .figure__42-innercircle .cls-4{;
	stroke-dashoffset: 0;
}
.figure__43-outercircle .cls-1{fill:none;}
.figure__43-outercircle .cls-3{fill:none;stroke:#262626;stroke-miterlimit:10;
	stroke-dashoffset: 1520;
	stroke-dasharray: 1520;
	transition: .5s 1.7s;
}
.inview-element-on .figure__43-outercircle .cls-3{;
	stroke-dashoffset: 0;
}



/*--------------------------------------------

	 OURESERVICE  CATEGORY

--------------------------------------------*/
.service__category-bg{
    padding: 6.8%  6.7%;
    background-color: #f0f0f0;
}
.service__category-item{
    justify-content: space-between;
}
.service__category-item:not(:first-child){
    margin-top: 6.8%;
}
.service__category-ttlBox,
.service__category-imgBox,
.service__category-name-eng,
.service__category-jpnBox,
.category-contents,
.service__category-lead{
    opacity: 0;
    transform: translateY(60px);
    transition: .7s;
}
.service__category-item.inview-element-on .service__category-ttlBox,
.service__category-item.inview-element-on .service__category-imgBox,
.service__category-item.inview-element-on .service__category-name-eng,
.service__category-item.inview-element-on .service__category-jpnBox,
.service__category-item.inview-element-on .category-contents,
.service__category-item.inview-element-on .service__category-lead{
    opacity: 1;
    transform: translateY(0);
}
.service__category-item.inview-element-on .service__category-imgBox{
    transition: 0.7s;
}
.service__category-item.inview-element-on .service__category-ttlBox{
    transition: 0.9s;
}
.service__category-item.inview-element-on .service__category-name-eng{
  transition: 0.8s;
}
.service__category-item.inview-element-on .service__category-jpnBox{
    transition: 0.9s;
}
.service__category-item.inview-element-on .category-contents{
    transition: 1.3s;
}
.service__category-item.inview-element-on .service__category-lead{
    transition: 1.4s;
}
.service__category-imgBox{
    width: 43.7%;
    margin-right: 7.5%;
		overflow: hidden;
}
.service__category-textBox{
    flex:1;
}
.service__category-ttlBox{
    font-size: 1.8rem;
    border-bottom: 1px solid #000;
    padding-bottom: 2.6em;
    margin-bottom: 3em;
}
.service__category-name-eng{
    font-size: 4.3vw;
    word-break: break-all;
    color: #262626;
    margin-bottom: 0.42em;
    line-height: 1.1;
}
.service__category-jpnBox {
    align-items: center;
    font-weight: bold;
    line-height: 1;
}
.service__category-number{
    font-size: 3.2vw;
    margin-right: 0.37em;
    color: #fff;
    text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}
.category-contents{
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-bottom: 0.5em;
}
.service__category-plane{
    line-height: 2.7;
}
@media screen and (max-width:1000px) {
    .category-contents{
    font-size:1.6rem;
}
.service__category-lead{
     font-size:1.3rem;
     line-height :2;
    }
}
.service__category-ttlBox {
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.service__category-wrap{
    text-align: right;
    margin-top: 4em;
}
/*--------------------------------------------

	 visual-DIRECTION   MV

--------------------------------------------*/
.visual-works__mv .under__mv-inner{
	background-image: url(../Image/visual-works-mv.jpg);
}
/*--------------------------------------------

	 visual-DIRECTION  LIST

--------------------------------------------*/
.page__visual-works {
    padding-bottom:  19rem;
}
.visual__works-categoryBox{
    padding: 9rem 0 8.2rem;
}
.visual__works-list{
    flex-wrap: wrap;
}
.visual__works-item{
    width: calc(100% / 3);
     position: relative;
}
.visual__works-item:nth-child(3n + 1){
    transition-delay: 0.1s;
}
.visual__works-item:nth-child(3n + 2){
     transition-delay: 0.2s;
}
.visual__works-item:nth-child(3n + 3){
    transition-delay: 0.3s;
}
.visual__works-item a{
    display: block;
    transition: 0.7s;
}
.visual__works-list-img{
    width: 100%;
    position: relative;
    padding-top: 54.4%;
}
.visual__works-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.text-mask{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    letter-spacing: 0.05em;
    font-size: 2.3rem;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
    background: rgba(180,36,29,0.7);
	box-sizing: border-box;
    padding: 2em;
}
.visual__works-item a:hover .text-mask{
    opacity: 1;
}
/*--------------------------------------------

	 visual-DIRECTION-single   MV

--------------------------------------------*/
.visual-works-single__mv .under__mv-inner{
	background-image: url(../Image/visual-works-single-mv.jpg);
}
/*--------------------------------------------

	 visual-DIRECTION  Single LIST

--------------------------------------------*/
.page__visual-works-single .visual__works-contents{
    padding: 12.5rem 0 13rem;
}
.visual__works-movie{
    margin-bottom: 7.2rem;
}
.bg__typo-visual-works-single{
    text-align: center;
    top: 26%;
    left: 26%;
    line-height: 1;
    color: #f5f5f5;
    opacity: 0.33;
}
.visual__works-project-textSet {
    font-size: 1.66rem;
    letter-spacing: 0.05em;
}
.works-project-ttl{
    font-size: 3.8rem;
    letter-spacing: 0.05em;
    color: #b4241d;
    padding-bottom: 0.31em;
    margin-bottom: 0.52em;
}
.works-project-list{
    margin-bottom: 2.6%;
    flex-wrap: wrap;
    line-height: 1.8;
}
.works-project-list .works-project-item:not(:last-child){
    margin-right: 2.6em;
}
.works-staff-list{
    margin-bottom: 4.3%;
	line-height:1.8;
}
.works-staff-list .works-staff-item:not(:last-child){
    margin-bottom: 0.81em;
}
.visual__works-text{
    letter-spacing: 0;
    line-height: 2.3;
}
.visual__works-imglist{
    flex-wrap: wrap;
    margin-top: 5rem;
    max-width: 1200px;
    margin: 7rem auto 0;
}
.visual__works-imgitem{
    width: 50%;
    cursor: pointer;
}
.visual__works-imgitem a{
	display:block;
	position:relative;
	padding-top:50%;
}
.page__visual-works-single .single-btn-container{
    margin-top: 10.3%;
}
.next-prev-Btn{
    justify-content: center;
    margin-bottom: 5rem;
}
.next-prev-Btn a{
    display: flex;
    align-items: center;
    color: #262626;
    font-size: 2.2rem;
}
.single-prev-btn{
    margin-right: 10.8%;
}
.single-prev-btn,.single-next-btn{
    width: 30%;
}
.single-prev-btn a{
    padding-left: 1.6em;
}
.single-next-btn a{
    padding-right: 1.6em;
}
.single-prev-btn a,.single-next-btn a{
    transition: 0.6s;
}
.single-prev-btn a:hover,.single-next-btn a:hover{
    opacity: 0.7;
}
.single-prev-btn .single-prev-text,.single-next-btn .single-next-text{
    position: relative;
}
.single-prev-btn .single-prev-text:before,.single-next-btn .single-next-text:after{
    content: "";
    display: block;
    font-size: 2.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #262626;
}
.single-prev-btn .single-prev-text:before{
    content: "<<";
    left: -1.6em;
}
.single-next-btn .single-next-text:after{
    content: ">>";
    right: -1.6em;
}
.single-prev-btn .single-prev-text{
    margin-right: 1em;
}
.single-next-btn .single-next-text{
    margin-left: 1em;
}
.single-btn-img{
    width: 75%;
    position: relative;
    padding-top: 45%;
}
.single-btn-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.single-toback{
    text-align: center;
}
.single-toback a{
    position: relative;
    font-size: 2.2rem;
    display: inline-block;
    color: #262626;
}
.single-toback a:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -4px;
    left: 0;
    background: #262626;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.single-toback a:hover:after{
    transform: scale(1,1);
}
/*--------------------------------------------

	  NEWS RELEASE    MV

--------------------------------------------*/
.page__news-release{
    padding-bottom:8rem;
}
.news-release__mv .under__mv-inner{
	background-image: url(../Image/news-mv.jpg);
}
/*--------------------------------------------

	 NEWS RELEASE CATEGORY

--------------------------------------------*/
.news-categoryBox{
    padding:9rem 0 8.2rem;
}
.category__navi-list{
    flex-wrap: wrap;
    justify-content: center;
}
.category__navi-item {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.8em 0.85em;
    opacity:0;
    transform: translateY(60px);
    transition: .7s;
}
.category__navi-list.inview-element-on .category__navi-item {
    opacity:1;
    transform: translateY(0);
}
.category__navi-item:nth-child(1) {
    transition-delay: 0.1s;
}
.category__navi-item:nth-child(2) {
    transition-delay: 0.2s;
}
.category__navi-item:nth-child(3) {
    transition-delay: 0.3s;
}
.category__navi-item:nth-child(4) {
    transition-delay: 0.4s;
}
.category__navi-item:nth-child(5) {
    transition-delay: 0.5s;
}
.category__navi-item:nth-child(6) {
    transition-delay: 0.6s;
}
.category__navi-item:nth-child(7) {
    transition-delay: 0.7s;
}
.category__navi-item:nth-child(8) {
    transition-delay: 0.8s;
}
.category__navi-item:nth-child(9) {
    transition-delay: 0.9s;
}
.category__navi-item a{
    padding: 0.6em 2.6em;
    color:#b4241d;
    border:1px solid #b4241d;
    letter-spacing: 0.05em;
    box-sizing: border-box;
    border-radius: 2.3em;
    transition: 0.7s;
}
.category__navi-list .current a,
.category__navi-item a:hover{
    color:#fff;
    background-color: #b4241d;
}
/*--------------------------------------------

	 NEWS RELEASE LIST

--------------------------------------------*/
.page__news-release .inner_01{
    max-width: 1300px;
}
.news-release-bg{
    background-color: #f1f1f1;
    padding: 10.6% 0 12.7%;
}
.news-release-list{
    flex-wrap: wrap;
}
.news-release-item{
    width: 32.5%;
}
.news-release-item a{
    display: block;
    background-color: #262626;
	height:100%;
}
.news-release-item:nth-child(n + 4){
    margin-top: 1.25%;
}
.news-release-item:not(:nth-child(3n)){
    margin-right: 1.25%;
}
.news-release-item:nth-child(3n + 1){
    transition-delay: 0.1s;
}
.news-release-item:nth-child(3n + 2){
    transition-delay: 0.2s;
}
.news-release-item:nth-child(3n){
    transition-delay: 0.3s;
}
.news-release-item .news-thumnail{
    position: relative;
    padding-top: 68%;
}
.news-release-item .news-thumnail img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.news-release-item .news-textBox{
    justify-content: space-between;
    align-items: flex-end;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1.7em 0 1.7em 1.3em;
    box-sizing: border-box;
}
.news-textBox-detail{
    margin-right: 2%;
}
.news-release-item .news-date{
    font-size: 1.8rem;
    margin-bottom:0.3em;
}
.news-release-item .news-ttl{
    font-size: 2.2rem;
    margin-bottom: 0.3em;
    line-height:1.6;
}
.news-imgBox-category{
    letter-spacing: 0.05em;
}
.news-release-wrap{
    position: relative;
    color: #fff;
    padding-right: 2.8em;
    border: 1px solid #262626;
    transition: 0.7s;
		background-color: #262626;
}
.news-release-wrap:after{
    content: "";
    display: block;
    width: 25px;
    height: 2px;
    position: absolute;
    right: 5px;
    top: 50%;
    background: url("../Image/news-arrow.svg")no-repeat center top;
    background-size: contain;
}
.news-release-item .btn_01-label-eng{
    padding: 0.5em 0.6em 0.7em 1.5em;
    line-height: 1;
}
.news-morebtn{
    text-align: center;
}
.news-morebtn a{
    max-width: 430px;
    width: 100%;
    margin-top: 8.7em;
    text-align: center;
    padding: 1.78em 0;
    box-sizing: border-box;
    border: 1px solid #262626;
    font-size: 1.4rem;
    letter-spacing:  0.075em;
    color: #000;
    transition: 0.7s;
}
.news-morebtn a:hover{
    background-color: #262626;
    color: #fff;
    border: 0;
}
/*--------------------------------------------

	  NEWS RELEASE  SINGLE  MV

--------------------------------------------*/
.news-release-single__mv .under__mv-inner{
	background-image: url(../Image/news-mv.jpg);
}
/*--------------------------------------------

	 NEWS RELEASE SINGLE

--------------------------------------------*/
.page__news-release-single{
    padding-bottom: 16rem;
}
.news__release-single-contents{
    padding-top: 16rem;
}
.news__release-ttlBox{
    font-size: 1.8rem;
    margin-bottom: 3.88em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border-bottom: 1px solid#000;
}
.release-ttlBox-head{
    align-items: center;
    margin-bottom: 1.77em;
}
.news__release-ttlBox-date,
.news__release-ttlBox-category,
.news__release-ttlBox-ttl{
    opacity:0;
    transform: translateY(60px);
    transition: .7s;
}
.news__release-ttlBox.inview-element-on .news__release-ttlBox-date,
.news__release-ttlBox.inview-element-on .news__release-ttlBox-category,
.news__release-ttlBox.inview-element-on .news__release-ttlBox-ttl{
    opacity:1;
    transform: translateY(0);
}
.news__release-ttlBox-date{
    transition-delay: 0.1s;
}
.news__release-ttlBox-category{
    color: #b4241d;
    border: 1px solid #b4241d;
    border-radius: 2.3em;
    box-sizing: border-box;
    padding: 0.6em 2.3em;
    margin-left: 1.66em;
    transition-delay: 0.2s;
}
.news__category-single:nth-child(n+2):before{
	content:"・";
}
.news__release-ttlBox-ttl{
    font-size: 3.4rem;
    padding-bottom: 1.06em;
    transition-delay: 0.3s;
}
.news__single-mainipic{
    margin-bottom: 4%;
}
.news__single-mainipic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news__single-plane{
    line-height: 2.3;
}
.news__single-plane .gallery img{
	height:auto;
}
.news__single-plane p{
    margin-top:1.6em;
}
.news__single-imglist{
    margin: 4.5% 0 2.8%;
}
.news__single-imgitem{
    width: calc(100% / 3 );
}
.news__single-imgitem:not(:last-child){
    margin-right: 1%;
}
.page__news-release-single .single-btn-container{
    margin-top: 8.3%;
}
/*--------------------------------------------

	 CONTACT  MV

--------------------------------------------*/
.contact__mv .under__mv-inner{
	background-image: url(../Image/contact-mv.jpg);
}
/*--------------------------------------------

	 CONTACT

--------------------------------------------*/
.page__contact{
    padding-bottom:7.8rem;
}
.contact-plane{
    text-align: center;
    line-height: 2.8;
    padding: 10rem 2rem;
}
.contact-plane .lead01{
    margin-bottom: 1.3em;
    transition:0.1s;
}
/*--------------------------------------------

	 CONTACT FORM

--------------------------------------------*/
.contact-bg{
    background-color:#262626;
    padding: 6.7% 6.8%;
}
.form-warp{
    opacity: 0;
    transform: translateY(60px);
    transition: .7s;
}
.form-warp.inview-element-on{
    opacity: 1;
    transform: translateY(0);
}
.formBox{
    font-size: 1.8rem;
}
.form-sheet{
    border-collapse: separate;
    border-spacing: 0 24px;
}
.form-item{
    width: 25%;
    background-color: #b4241d;
    color:#fff;
    font-weight: bold;
    padding: 1.2em;
    text-align: center;
}
.form-field{
    width: 75%;
    padding: 1.2em;
    background-color: #fff;
    box-sizing: border-box;
}
.form-warp textarea{
    height: 120px;
}
.form-warp input[type="text"], .form-warp input[type="tel"], .form-warp input[type="email"], .form-warp textarea{
    width: 100% !important;
    background-color: #fff;
    color: #333;
    font-size: 1.6rem;
    box-sizing: border-box;
    padding: 0.7em 0.8em;
    line-height: 1.4;
    letter-spacing: 0.07em;
    font-family: 'Noto Sans JP',"游ゴシック","YuGothic", "游ゴシック体","メイリオ", "Meiryo", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 0;
    border: 0;
}
.privacy-agree{
    color: #fff;
    text-align: center;
    margin:3.2em 0  4.9em;
}
.form-warp input[type=checkbox] {
    display: none;
}
.form-warp .wpcf7-list-item-label {
    padding: 5px 0 7px 44px;
    cursor: pointer;
    font-size: 1.6rem;
    letter-spacing: .14em;
    position: relative;
}
.form-warp input[type=checkbox]:checked+.wpcf7-list-item-label:before{
    opacity: 1;
}
.form-warp .wpcf7-list-item-label:before {
    content: '';
    display: block;
    width:6px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 8px;
    opacity: 0;
    transition: .2s linear;
    z-index: 2;
    border-right: 2px solid #262626;
    border-bottom: 2px solid #262626;
    transform: rotate(45deg);
}
.form-warp .wpcf7-list-item-label:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.form-warp .submit_btn{
    text-align: center;
}
.form-warp input[type="submit"] {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    border: 1px solid #fff;
    background-color: #262626;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    padding: 1.8em 0;
    -webkit-appearance: none;
    cursor: pointer;
    transition: 0.6s;
}
.form-warp input[type="submit"]:hover{
    background-color: #b4241d;
    border-color: #b4241d;
}
.form-warp  div.wpcf7-response-output {
	color:#fff;
    font-size: 13px;
    margin: 2em .5em 4em;
    padding: 1.8em;
}
/*--------------------------------------------

	 RECRUIT  MV

--------------------------------------------*/
.page__recruit{
    padding-bottom:7rem;
}
.recruit__mv .under__mv-inner{
	
	background-image: url(../Image/210325_0127.jpg);

  
}
/*--------------------------------------------

	 RECRUIT INFO

--------------------------------------------*/
.recruit__info{
    padding: 15rem 0 11.8rem;
}
.recruit__info-ttlBox{
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit__info-ttl{
    letter-spacing: 0.15em;
    margin-bottom: 0.4em;
    opacity: 0;
    transform: translateY(60px);
    transition: .7s;
}
.recruit__info-ttlBox.inview-element-on .recruit__info-ttl{
    opacity: 1;
    transform: translateY(0);
}
.recruit__catchlead{
    font-size: 2.4rem;
    padding: 0.3em 1.3em;
    line-height: 1;
    letter-spacing: 0.075em;
    color: transparent;
    background-color: transparent;
    transition:0s 0.9s;
}
.recruit__info-ttlBox.inview-element-on .recruit__catchlead{
    background-color: #000;
    color: #fff;
}
.recruit__info-ttlBox.inview-element-on .recruit__catchlead:before{
    animation:mask-right .8s ease 0.5s 1 both;
}
.recruit__job-list {
    flex-wrap: wrap;
}
.recruit__job-item{
    width: 44.5%;
}
.recruit__job-item:nth-child(2n){
    margin-left: 11%;
}
.recruit__job-item:nth-child(n + 3){
    margin-top: 5.8%;
}
.recruit__job-imgBox,
.occupation-field-eng,
.occupation-field-jpn,
.recruit__job-text,
.recruit__info-btn{
    opacity:0;
    transform: translateY(60px);
    transition: .7s;
}
.recruit__job-item.inview-element-on .recruit__job-imgBox,
.recruit__job-item.inview-element-on .occupation-field-eng,
.recruit__job-item.inview-element-on .occupation-field-jpn,
.recruit__job-item.inview-element-on .recruit__job-text,
.recruit__job-item.inview-element-on .recruit__job-text{
    opacity:1;
    transform: translateY(0);
}
.recruit__job-item.inview-element-on .recruit__job-imgBox{
    transition-delay: 0.1s;
}
.recruit__job-item.inview-element-on .occupation-field-eng{
    transition-delay:0.7s;
}
.recruit__job-item.inview-element-on .occupation-field-jpn{
    transition-delay: 0.8s;
}
.recruit__job-item.inview-element-on .recruit__job-text{
    transition-delay: 0.9s;
}
.recruit__job-item.inview-element-on .recruit__job-text{
    transition-delay: 1s;
}
.occupationBox{
    border-bottom: 1px solid #b4241d;
    margin:1em 0 1.5em;
    font-weight: bold;
    color: #b4241d;
    font-size: 2rem;
}
.occupation-field-eng{
    font-size: 2.8rem;
    margin-bottom: 0.4em;
    word-break: break-all;
}
.occupation-field-jpn{
    padding-bottom: 1em;
    letter-spacing: 0.05em;
}
.recruit__job-text{
    justify-content: space-between;
}
.recruit__job-plane{
/*    margin-right: 1.6em;*/
    line-height: 2;
}
.requirement-modal{
    display: none;
}
.modaal-container{
    max-width: 85%;
}
.requirement-bg{
    background-color: #262626;
    padding: 12.6rem 7.2rem 7rem;
}
.requirements-ttlBox{
    color: #fff;
    font-size: 2.8rem;
    margin-bottom: 2em;
	flex-direction:column;
    align-items: center;
}
.requirement_ttl-eng{
    font-size: 9.5rem;
}
.requirement_ttl-jpn{
    font-weight: bold;
    letter-spacing: 0.05em;
	margin-top: 0.5em;
}
.requirement-list{
    background-color: #fff;
    padding: 6rem 11% 8rem;
}
.requirement-item{
    font-size: 1.9rem;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    letter-spacing: 0.075em;
}
.requirement-item:not(:last-child){
    border-bottom: 1px solid #000;
}
.requirement_field{
    color: #b4241d;
    font-size: 2.3rem;
    margin-bottom: 0.2em;
}
.requirement_detail{
    padding-left: 1.7em;
    line-height: 1.8;
}
.modaal-wrapper .modaal-close{
    background: #b4241d;
    border-radius: 0;
}
.recruit__parttime{
    font-size: 1.7rem;
    padding: 6.3rem 2rem;
    text-align: center;
    background-color: #b4241d;
    color: #fff;
}
.recruit__parttime.inview-element-on:before{
    animation:mask-right .8s ease 0.5s 1 both;
}
.recruit__parttime-lead,
.recruit__parttime-tel,
.recruit__parttime-contact {
    transition:0s 0.9s;
    opacity:0;
}
.recruit__parttime.inview-element-on .recruit__parttime-lead,
.recruit__parttime.inview-element-on .recruit__parttime-tel,
.recruit__parttime.inview-element-on .recruit__parttime-contact{
    opacity:1;
}
.recruit__parttime-lead{
    margin-bottom: 0.8em;
    letter-spacing: 0.05em;
}
.recruit__parttime-tel{
    margin-bottom: 0.7em;
    font-size: 3.4rem;
}
.recruit__parttime-tel a{
    letter-spacing: 0.1em;
    color: #fff;
}
.recruit__parttime-contact a{
    max-width: 430px;
    width: 100%;
    font-size: 1.6rem;
    border: 1px solid #fff;
    text-align: center;
    padding: 1.4em 0;
    color: #fff;
    box-sizing: border-box;
}
/*--------------------------------------------

	 RECRUIT INTERVIEW

--------------------------------------------*/
.recruit__interview{
    padding: 10rem 2rem 13.2rem;
    background-color: #262626;
    color: #fff;
}
.recruit__interview-ttl{
    font-size: 10rem;
    text-align: center;
    line-height: 1;
}
.interview-slider{
    width: 79%;
    margin: 0 auto;
}
.interview-slider .slide-arrow{
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.interview-slider .slide-arrow[aria-disabled="true"]{
	opacity:0.2;
}
.interview-slider .prev-arrow{
    left:-55px;
}
.interview-slider .next-arrow{
    right:-55px;
}
.interview-slider-list{
    position: relative;
    box-sizing: border-box;
}
.interview-Box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;;
    z-index: -1;
}
.interview-Box img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.interview-textBox{
    padding: 7.1% 4.6% 3.7% 0;
    font-size: 1.6rem;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
}
.interview-textBox-wrap{
    width:570px;
    max-width: 70%;
}
.interview-textBox-inner{
    padding-right: 2.8em;
}
.interview-textBox-inner .interview-nunmer,
.interview-textBox-inner .interview-person,
.interview-textBox-inner .interview-text{
	transform: translateY(60px);
	opacity: 0;
	transition: .7s;
}
.interview-textBox-inner .interview-nunmer{
	transition-delay: .2s;	
}
.interview-textBox-inner .interview-person{
	transition-delay: .4s;
}
.interview-textBox-inner .interview-text{
	transition-delay: .6s;
}
.slick-active .interview-textBox-inner .interview-nunmer,
.slick-active .interview-textBox-inner .interview-person,
.slick-active .interview-textBox-inner .interview-text{
	transform: translateY(0);
	opacity: 1;
}
.interview-nunmer{
    font-size: 1.5rem;
    letter-spacing: 0.13em;
    margin-bottom: 2.1em;
    text-align: center;
}
.interview-person{
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    padding: 1.2em 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    margin-bottom: 2em;
}
.interview-year{
     margin-left: 1.2em;
}
.interview-name{
    font-size: 2.6rem;
    margin-left: 1.2em;
}
.interview-text{
    line-height: 2.4;
}
.interview-slider-list .btn_01-wrap{
    margin-top: 3em;
    text-align: right;
}
.interview-slider-list  .btn_01{
    color: #fff;
    background-color: #262626;
}
.interview-slider-list  .btn_01:hover{
    border: 1px solid #262626;
    color: #262626;
    background-color: transparent;
}
.interview-modal{
    display: none;
}
.interview-modalBox{
    padding: 6.6rem 9%;
    position: relative;
}
.bg__typo-interview__modal__related{
    color: #f7f7f7;
    opacity: 0.33;
    font-size: 30.7rem;
    line-height: 1;
    top: 30%;
    left: 25%;
}
.interview-modal-head {
    margin-bottom: 5rem;
}
.interview-modal-imgBox{
    width: 44%;
    margin-right: 5.5%;
}
.interview-modal-profile{
    flex: 1;
}
.interview-modal-profile .interview-nunmer{
    font-size: 3.2rem;
    margin-bottom: 0.6em;
}
.interview-modal-profile .interview-person{
    border-color: #000;
}
.interview-modal-qaBox{
    font-size: 1.6rem;
}
.interview-modal-qaBox:not(:last-child){
    margin-bottom: 1.3em;
}
.question-bg{
    position: relative;
    background-color: #b4241d;
    margin-bottom: 1.24em;
    display: inline-block;
}
.question-bg:after{
    content: "";
    display: block;
    position: absolute;
    right: -1em;
    top:0;
    transform: skewX(-20deg);
    width:3em;
    height:100%;
    background-color: #b4241d;
    z-index: 1;
}
.interview-question{
    position: relative;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.075em;
    padding: 0.4em 0.5em 0.4em 1.5em;
    z-index: 2;
}
.interview-answer{
    line-height: 1.8;
}
.interview-thumnailBox{
    width: 79%;
    margin: 0 auto;
    background-color: #b4241d;
    padding: 1.4em;
    box-sizing: border-box;
}
.interview-slider-thumnail{
    cursor: pointer;
}
.interview-thumnail-list{
	position: relative;
}
.interview-thumnail-list:after{
	content: "";
	display: block;
	width: 98%;
	height: 100%;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
	transition: 0.5s;
}
.interview-thumnail-list:hover:after,
.slick-current .interview-thumnail-list:after{
	opacity: 0;
}
.interview-thumnail-list img{
    width: 98%;
}


/*--------------------------------------------

	 RECRUIT SCHEDULE

--------------------------------------------*/
.recruit__schedule{
    padding: 16.4rem 0 14.5rem;
    position: relative;
}
.bg__typo-recruit__schedule__related{
    color: #f7f7f7;
		left: 32%;
	}
.recruit__schedule-ttl{
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 0.15em;
    margin-bottom: 2.3em;
    line-height: 1;
    transition-delay: 0.1s;
}
.recruit__scheduleBox{
    max-width: 715px;
    margin: 0 auto;
}
.schedule-stepbox{
    vertical-align: baseline;
}
.schedule-step01{
    transition-delay: 0.3s;
}
.schedule-step02{
    transition-delay: 0.4s;
}
.schedule-step03{
    transition-delay: 0.5s;
}
.recruit__step-number{
    width: 11%;
    font-size: 1.4rem;
    position: relative;
    text-align: left;
    font-weight: normal;
    padding-right: 2em;
    box-sizing: border-box;
}
.recruit__step-text{
    position: relative;
    font-size: 1.7rem;
    line-height: 2.3;
    letter-spacing: 0.05em;
    padding:0 0 2.85em  2.85em;
}
.recruit__step-text:before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 1.15em;
    left: 0;
    background-color: #000;
}
.recruit__step-text:after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1em;
    left: -6px;
    background-color: #000;
    border-radius: 50%;
}
.schedule-stepbox:last-child .recruit__step-text:before{
    display: none;
}
.schedule-stepbox:last-child .recruit__step-text{
    padding-bottom: 0;
}
.recruit__step-address{
    padding: 0.7em 2.3em;
    text-align: center;
    background-color: #b4241d;
    line-height: 1.7;
    color: #fff;
    margin-top: 1.5em;
}
/*-----------------------------------------

	 RECRUIT ENTRYFORM

--------------------------------------------*/
.recruit__entryform-ttlBox{
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    margin-bottom: 2em;
}
.recruit__entryform-ttl-eng{
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 0.4em;
    transition-delay: 0.1s;
}
.recruit__entryform-ttl-jpn{
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    margin-bottom: 3.5em;
    transition-delay: 0.1s;
}
.recruit__entryform-plane{
    line-height: 2.3;
    transition-delay: 0.1s;
}
/*--------------------------------------------

PRIVACY POLICY MV

--------------------------------------------*/
.privacy-policy__mv .under__mv-inner{
	background-image: url(../Image/privacy-policy-mv.jpg);
}
/*--------------------------------------------

	 PRIVACY POLICY

--------------------------------------------*/
.privacy-policy{
    padding: 14rem 0 9.2rem;
}
.privacy-policy .inner_01{
    max-width: 1375px;
    background-color: #f1f1f1;
    padding: 6.4% 5.9%;
    box-sizing: border-box;
}
.privacy-policy-textBox:not(:last-child){
    margin-bottom: 3.6%;
}
.privacy-policy-ttl{
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 1.4em;
}
.privacy-policy-plane{
    font-size: 1.9rem;
    line-height: 1.9;
}
.privacy-policy-list{
    padding-left: 1.2em;
    margin-top: 1.4em;
}

.space-m{
    padding: 5em;
}

.space-l{
    padding-left: 2em;
}

.space-b{
    padding-bottom: 40px;
}