@charset "utf-8";
@media all and (max-width : 767.9999px ){
/*--------------------------------------------

	 BASE

--------------------------------------------*/
html{
	-webkit-text-size-adjust: 100%;
}
body {
	font-size: 1.2rem;
}
.page__transition-logo{
	width:80px;
}
.page__transition-logo_bottom svg > *{
	transform:translateY(10px);	
	transition-duration:.16s;
}
/*--------------------------------------------

	GLOBAL CSS

--------------------------------------------*/
.for_pc{
	display: none;
}
.bg__typo{
	top:calc(50% - 8.4rem);
	font-size: 16.6rem;
	white-space: nowrap;
}
.inner_01{
	padding: 0 8%;
}
.textSet_01{
	position:relative;
}
.lead_01{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.8rem;
	padding:1.1em 0;
	margin-right:0;
	z-index: 2;
}
.ttlset_01{
  padding: 64px 0 72px;
}
.ttlset_01-eng{
	font-size: 3rem;
}
.ttlset_01-jpn{
	font-size: 1rem;
}
.plane_01{
	line-height: 2.58;
}
.textBox_01{
	margin-top: 5rem;
}
.btn_01{
	width:182px;
}
.btn_01-nojpn{
	width:auto;
}
.btn_01-label-eng{
	line-height:1.15;
	font-size:1rem;
  padding: 1em;
}
.btn_01-label-jpn{
	font-size: 1.1rem;
	padding: 0.55em 0;
}

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

	 FLAME

--------------------------------------------*/
#wrapper{
	padding-left: 50px;
}
.unluxy #wrapper{
	padding-left: 0;
}

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

	FIXED MENU

--------------------------------------------*/
#fixed-menu{
	position:fixed;
	height: 100%!important;
	z-index: 50;
	background-color: #f1f1f1;
	color:#b4241d;
	overflow-y:scroll;
}
#fixed-menu a{
	color:#b4241d;
}
.fixed__menu-wrap{
	padding-left: 0;
	display: block;
	height: auto;
	position: relative;
}
.bg__typo-fixedmenu{
	display: none;
}
.fixed__menu-home{
	width: 76%;
	box-sizing: border-box;
	border-bottom: 1px solid #b4241d;
}
.fixed__menu-home a{
	padding: 2rem 0;
	padding-left:6rem;
	font-size: 1.1rem;
	background:url(../Image/icon__home.svg) 3rem center no-repeat;
	background-size:1.5em;
}
.fixed__menu-close{
	position: absolute;
	font-size: 1.1rem;
	padding-top: 2.4em;
	background:url(../Image/icon__close.svg) center top no-repeat;
	background-size: 1.86em;
	right: 3rem;
    top: 2rem;
}
.fixed__menu-inner{
	padding: 0;
}
.fixed__menu-top_head a,
#fixed-menu .fixed__menu-bottom_item a{
	background: url(../Image/arrow__right-01_red.svg) center right 25px no-repeat #f1f1f1;
	background-size: 9.5px;
	padding: 16px 60px 23px 42px;
	position: relative;
}
.fixed__menu-top_head a:before,
.fixed__menu-bottom_item a:before{
	content: "";
	display: block;
	width: 3.5px;
	height: 41px;
	background-color: #b4241d;
	position: absolute;
	left: 24px;
	top: 50%;
  transform: translateY(-50%);
}
.fixed__menu-set{
	align-items: flex-start;
}
.fixed__menu-eng{
	font-size: 3rem;
}
.fixed__menu-jpn{
	font-size:1.2rem;
	font-weight: bold;
	padding:0;
	margin-top: -0.5em;
	background-color: transparent;
}
.fixed__menu-jpn .with_arrow{
	padding-bottom: 0;
	padding-left: 0;
	background:none;
}
.fixed__menu-top{
	border:none;
	padding:0;
	margin-top: 0;
}
.fixed__menu-top_head {
	border-bottom: 1px solid #fff;
	padding-top: 6px;
}
.fixed__menu-top_head a{
	pointer-events: auto;
}
.fixed__menu-top_head .fixed__menu-set{
	transform: none;
	background-color: transparent;
	width: 100%;
}
.fixed__menu-top .fixed__menu-eng{
	font-size: 3rem;
}
.fixed__menu-top .fixed__menu-jpn{
	font-size: 1.2rem;
}
.fixed__menu-top_list{
	flex-direction: column;
	margin-top: 0;
}
.fixed__menu-top_item{
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.fixed__menu-top_item:nth-child(n+4){
	margin-top: 0;
}
.fixed__menu-top_item a{
	display: flex;
	height: 90px;
	align-items: center;
	padding-right: 1em;
}
.fixed__menu-top_img{
	flex-direction: column;
	text-align: center;
	width: 145px;
	padding-top: 0.8em;
}
.fixed__menu-top_img svg{
	fill:#b4241d;
}
.fixed__menu-top_item-disital svg{
	height:33.6px;
}
.fixed__menu-top_item-product svg{
	height:38px;
}
.fixed__menu-top_item-casting svg{
	height:32.8px;
}
.fixed__menu-top_item-event svg{
	height:40px;
}
.fixed__menu-top_item-branding svg{
	height:38.4px;
}
.fixed__menu-top_item-visual svg{
	height:42.4px;
}
.fixed__menu-top_img-label{
	font-size: 1rem;
	margin-top: 0.5em;
	line-height: 1.1;
}
.fixed__menu-top_text{
	margin-top: 0;
	flex-grow: 1;
	text-align: left;
	align-items: flex-start;
}
.fixed__menu-top_title{
	font-size: 1.5rem;
}
.fixed__menu-top_detail{
	font-size: 1rem;
	margin-top: 0.5em;
}
.fixed__menu-bottom{
	margin-top: 0;
	border:0;
	padding: 0;
}
.fixed__menu-bottom_list{
	flex-direction: column;
	padding: 0;
}
.fixed__menu-bottom_item{
	border-bottom: 1px solid #fff;
}
#fixed-menu .fixed__menu-bottom_item a{
	display: block;
}
.fixed__menu-bottom .fixed__menu-set{
}
.fixed__menu-bottom .fixed__menu-eng{
}
.fixed__menu-bottom .fixed__menu-jpn{
}
.fixed__menu-bottom .fixed__menu-jpn_sp{
}
.fixed__menu-instagram{
}
#fixed-menu .fixed__menu-instagram a{
	padding:32px 0;
	background: #f1f1f1;
	color: #b4241d;
	font-size: 1.4rem;
	display: block;
	text-align: center;
}
.fixed__menu-instagram a span{
	background: url(../Image/icon__instagram-red.svg) left center no-repeat;
	background-size: 1.05em;
	display: inline-block;;
	padding:0.2em 0;
	padding-left: 1.6em;
}
/*--------------------------------------------

	HEADER

--------------------------------------------*/
#header{
	width:50px;
	min-height: 100%;
	height: 100vh!important;
}
.header__logo{
	min-height:auto;
	height:136px;
}
.header__logo img{
	width:32px;
}
.header__hamburger-btn{
	width: 20px;
	height: 9.5px;
	padding-bottom: 4.5px;
}
.header__hamburger-line,
.header__hamburger-line:before,
.header__hamburger-line:after{
	height: 2.5px;
}
.header__hamburger-line{
	margin-top: 4.5px;
}
.header__hamburger-line:before{
	top: -7px;
}
.header__hamburger-line:after{
	top: 7px;
}
.header__hamburger-label{
	font-size:1rem;
}
.header__totop{
	padding-bottom:16vh;
	padding-top:32px;
}
.header__totop:before{
	height: 24px;
}
.header__totop a{
	font-size:1rem;
}
/*--------------------------------------------

	 CONTENTS

--------------------------------------------*/
.wrapper__column-right{
	width: 100%;
	flex: 1;
	overflow-x: hidden;
	padding-left: 0;
	padding-left: 50px;
}
.header__btns{
	width:163px;
}
#under .header__btns{
	position: static;
	margin-left: auto;
}
.header__btn a{
	font-size:1.1rem;
	padding:0.92em;
}
.header__btn a:hover:before{
	animation: mask-right 1s ease 1 both;
}
/*--------------------------------------------

	 FOOTER

--------------------------------------------*/
.top__information{
	background-color:#dadada;
	padding:12rem 0 0;
}
.bg__typo-top__information{
	display:none;
}
.top__information-inner{
	padding:0;
}
.top__information-ttlset{
	padding:0 8%;
}
.top__information-ttlset_eng{
	border-bottom:1px solid #000;
	width:100%;
	text-align: center;
}
.top__information-ttlset_jpn{
	margin-top: 0.64em;
}
.top__information-plane{
	display: none;
}
.topInfo__info{
	margin-top:4.4rem;
	background:none;
	color:#231815;
	padding:0 8%;
	display: flex;
	flex-direction: column;
}
.topInfo__flex:nth-child(n+2){
	margin-top:0;
}
.topInfo__flex{
	flex-direction:column;
}
.topInfo__flex-item{
	width:100%;
}
.topInfo__flex-item_left{
	margin-right: 0;
}
.topInfo__access{
	order:1;
	padding-bottom: 5.7rem;
	border-bottom: 1px solid #000;
}
.topInfo__access-switch_list{
	display:flex;
	justify-content: center;
}
.topInfo__access-switch_item{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.topInfo__access-switch_item.is_active{
}
.topInfo__access-switch_item:nth-child(2){
	margin-left: 5rem;
}
.topInfo__access-switch_item .topInfo__access-icon{
	width:65px;
	height:65px;
	border:none;
	background:url(../Image/icon__map-white.svg) center no-repeat #949494;
	background-size: 18px;
	transition:background-color .5s;
}
.topInfo__access-switch_item.is_active .topInfo__access-icon{
	background-color:#262626;
}
.topInfo__access-switch_item .topInfo__access-icon img{
	display:none;
}
.topInfo__access-switch_item .topInfo__access-name{
	font-size:1.2rem;
	margin-top: 1em;
	border-bottom-color:#000;
}
.topInfo__access-item{
	display:none;
	margin-top: 5.4rem;
}
.topInfo__access-item:nth-of-type(1){
	display: block;
}
.topInfo__access-item .topInfo__access-icon,
.topInfo__access-item .topInfo__access-name{
	display:none;
}
.topInfo__access-text{
	margin-left:0;
	align-items: center;
	text-align: center;
}
.topInfo__access-body{
	line-height: 1.96;
	margin-top: 0;
	font-size: 1.2rem;
}
.topInfo__access-tel{
	margin-right:1.8em;
}
.topInfo__access-map{
	margin-top:2rem;
	padding-bottom:140px;
}
.topInfo__contact{
	order:2;
	padding-top: 4.2rem;
	margin-top:0 !important;
}
.topInfo__contact-item:nth-child(n+2){
	margin-top: 4rem;
}
.topInfo__contact-label{
	font-size: 1.2rem;
	margin-bottom: 0.5em;
	text-align: center;
}
.topInfo__contact-item a{
	border-color:#262626;
	background-color: #262626;
	font-size: 2rem;
	padding: 0.65em 0.2em;
}
.bg__typo-topInfo_contact{
	font-size:5rem;
  top: 50%;
}
.topInfo__top{
	order: 3;
	align-items: flex-start;
	padding-top: 4.8rem;
	flex-direction: column-reverse;
}
.topInfo__top-name{
	text-align: center;
	padding:5.2rem 0;
}
.topInfo__top-name_eng{
	font-size: 1.5rem;
}
.topInfo__top-name_jpn{
	font-size: 1rem;
}
.topInfo__top-pp.with_arrow{
	font-size:1rem;
	border-bottom-color: #231815;
	background-image:url(../Image/arrow__right-01_black.svg);
	background-size: 0.35em;
}
.topInfo__top-pp a{
	color:#231815;
}

.top__information-copyright{
	font-size: 1rem;
	padding: 1.1rem 2em;
}
/*--------------------------------------------

	 UNDER FOOTER

--------------------------------------------*/
#under #footer{
	padding:7.2rem 0 4.4rem;
}
#under #footer .inner_02 {
	padding: 0 8%;
	display: flex;
	flex-direction: column;
}
.footer__navi-set{
	flex-direction: column;
	font-size: 1.5rem;
	border: none;
	order: 2;
}
.footer__navi-name{
	padding: 5.2rem 0;
}
.footer__navi-list{
	display: none;
}
.footer__navi-item{
	margin:0 0.58em;
}
.footer__navi-item a{
	color:#fff;
}
#under .topInfo__info{
	margin-top:0;
  flex-direction: column;
	order: 1;
}
#under #footer .topInfo__contact{
	display: flex;
}
#under .topInfo__top-name{
	display: none;
}
#under .top__information-copyright{
	order: 3;
	position: static;
}
/*--------------------------------------------

	 TOP MV

--------------------------------------------*/
.top__loading svg{
	width:142%;
  left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.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;
	font-size: 1.4rem;
	text-align: center;
}
.top__loading-text_jpn[data-animation="true"] {
	background-color: transparent;
}
.top__loading-text_jpn:before{
	display: none;
}
.top__loading-text_child{
	padding:0.3em 0.8em;
	display: inline-block;
	color:transparent;
	background-color:transparent;
	transition:color 0s 2.6s,background-color 0s 2.6s;
}
.top__loading-text_child:nth-child(n+2){
	margin-top:0.5em;
}
.top__loading-text_child[data-animation="true"] {
	background-color: #000;
	color: #fff;
}
#top__mv .top__loading-text_child:before{
	background: #1a1a1a;
	animation-delay: 2.2s;
	animation-duration: 0.8s;
}
.top__loading-text_eng{
	font-size: 1rem;
	margin-top: 0.8em;
}
.top__mv-video{
	width: 94%;
	left: 3%;
}
.top__mv-mask{
	width: 100%;
	left: 0;
}
.top__mv-mask:before{
	display: none;
}
.top__mv-mask:after{
	height:100%;
	top:initial;
	bottom:0;
	transition: height 0.6s 6.5s;
}
.top__mv-mask:after{
	transform: none;
}
body.inview .top__mv-mask:after{
	width:100%;
	height: 0;
}
.top__mv-copy{
	font-size: 1.3rem;
	left: 40%;
	transform: none;
	top: 41%;
	writing-mode: vertical-rl;
	padding:0;
}
.top__mv-copy[data-animation="true"] {
	background-color: transparent;
}
.top__mv-copy:before{
	display: none;
}
.top__mv-copy_child{
	padding:0.8em 0.3em;
	display: inline-block;
	color:transparent;
	background-color:transparent;
	transition:color 0s 7.5s,background-color 0s 7.5s;
}
.top__mv-copy_child[data-animation="true"] {
		background-color: #000;
    color: #fff;
}
#top__mv .top__mv-copy_child:before{
	background: #1a1a1a;
	animation-delay: 7.1s;
	animation-duration: 0.8s;
}
/*--------------------------------------------

	 TOP POLICY

--------------------------------------------*/
.top__policy{
	padding:6.4rem 0 11rem;
}
.top__policy-textSet{
	padding-bottom:0;
	border-bottom: none;
}
.top__policy .ttlset_01-jpn{
  margin-left: 4.8rem;
}
.top__policy .ttlset_01-eng{
	padding-left:4.8rem;
}
.top__policy-plane{
	padding-left:0;
}
/*--------------------------------------------

	 TOP NEWS

--------------------------------------------*/
.top__news{
	padding:8.8rem 0;
}
.bg__typo-top__news{
	display:none;
}
.top__news .ttlset_01{
	padding:0;
}
.top__news .ttlset_01-eng{
	border-bottom:1px solid #b5241d;
}
.top__news .ttlset_01-eng:after{
	display: none;
}
.top__news-list{
	margin-top:7.6rem;
	padding-bottom:0;
	border-bottom: none;
}
.top__news-list .slick-prev,
.top__news-list .slick-next{
	display:none!important;
}
.top__news-list .slick-slide{
	width: 275px;
}
.top__news-list .slick-slide:not(:last-child){
	margin-right:9px;
}
.top__news-title{
	font-size:1.7rem;
}
.top__news-cat{
	font-size:1rem;
}
.top__news-plane{
	line-height:2.125;
}
.top__news-btn_wrap{
	position: static;
	margin-top: 6.6rem;
}
/*--------------------------------------------

	 TOP SERVICE

--------------------------------------------*/
.top__service{
	padding:8.4rem 0 7.8rem;
}
.bg__typo-top__service{
	opacity:0.3;
	top: 40%;
}
.top__service-lead{
	margin-right:0;
}
.top__service .ttlset_01-jpn{
  margin-left: 4.8rem;
}
.top__service .ttlset_01-eng{
	padding-left:4.8rem;
}
.top__service-plane{
	padding-left:0;
}
.top__service-list{
	margin-top:6.2rem;
	width: 100vw;
}
.top__service-list .slick-slide{
	width: 275px;
}
.top__service-list .slick-slide:not(:last-child){
	margin-right:9px;
}
.top__service-item a{
	padding:7%;
	padding-top:135%;
}
.top__service-hoverBox{
	display: none;
}
.top__service-label{
	left:7%;
	font-size:3rem;
}
.top__service-name{
	right:7%;
	bottom:7%;
}
.top__service-name-number{
	font-size:3rem;
}
.top__service-name-jpn{
	font-size: 1.2rem;
	width:14em;
}
.top__service-btn_wrap{
	margin-top:6.8rem;
}
.top__service-btn{
	margin:0;
}
/*--------------------------------------------

	 TOP LINK

--------------------------------------------*/
.top__link-list{
}
.top__link-list{
	padding:13% 8%;
	flex-direction:column;
}
.top__link-item a{
	padding:12.5rem 2em;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size:cover;
	background-size: cover;
}
.top__link-eng{
	font-size: 2rem;
}
.top__link-jpn{
	font-size:1rem;
	padding: 0.2em 1em;
	max-width: 122px;
}
.top__link-company a{
	color:#fff;
}
.top__link-company a:after{
	opacity:1;
}
.top__link-company .top__link-jpn{
	border-color:#fff;
}
.top__link-company .top__link-jpn .with_arrow-red{
	background-image: url(../Image/arrow__right-01_white.svg);
}
/*--------------------------------------------

	 UNDER MV

--------------------------------------------*/
.under__inner{
	padding:0;
}
.under__mv{
	padding: 0;
}
.under__mv-inner{
	padding:14.2rem 0 16.1rem;
}
.bg__typo-under_mv{
	font-size: 14rem;
	top: 50%;
}
.under__mv-ttl_eng{
	font-size: 3.2rem;
}
.under__mv-ttl_jpn{
	width:72%;
	font-size: 1.3rem;
    padding-left: 2em;
}
/*--------------------------------------------

	 ABOUT POLICY

--------------------------------------------*/
.about__policy{
	position: relative;
	padding:6.4rem 0 8rem;
}
.about__policy .inner_01{
}
.about__policy-ttlset{
	padding: 0;
}
.about__policy-textBox{
	padding-bottom: 3.6em;
	margin-top: 3.6rem;
}
.about__policy-plane_jpn,
.about__policy-plane_eng{
	line-height: 2.58;
}
/*--------------------------------------------

	 ABOUT OVERVIEW

--------------------------------------------*/
.about__overview-textSet{
	align-items: flex-start;
}
.about__overview-lead{
	display: none;
}
.about__overview-ttlset{
	padding: 4rem 8%;
}
.about__overview-textBox{
  padding: 4rem 8%;
	margin-top: 0;
}
.about__overview-list{
	margin-top: 4.2em;
}
.about__overview-item:nth-child(n+2){
	margin-top: 2.8em;
}
/*--------------------------------------------

	 ABOUT RELATED

--------------------------------------------*/
.about__related{
	padding:6.4rem 0 8rem;
}
.about__related-ttlset{
	padding: 0;
}
.about__related-textBox{
	margin-top: 4.2em;
}
.about__related-list{
	flex-direction: column;
}
.about__related-item{
	width: 100%;
}
.about__related-item:not(:nth-child(3n+1)){
	margin-left:0;
}
.about__related-item:nth-child(n+2){
	margin-top: 3em;
}
.about__related-img{
	height: 16rem;
}
.about__related-text{
	margin-top: 2em;
}
.about__related-body{
	margin-top: 0.4em;
}
.about__related-plane{
	line-height: 1.86;
	padding-right: 0;
}
/*--------------------------------------------

	 ABOUT CLIENTS

--------------------------------------------*/
.about__clients-textSet{
	flex-direction: row-reverse;
	align-items: stretch;
}
.about__clients-lead{
	display: none;
}
.about__clients-ttlset{
	padding: 4rem 8%;
}
.about__clients-textBox{
	padding: 4rem 8%;
	margin-top: 0;
}
.about__clients-list{
	display: block;
	line-height: 1.86;
}
.about__clients-item{
	display: inline;
}
/*--------------------------------------------

	 OURESERVICE   MV

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

	 OURESERVICE  PR-PLANNING

--------------------------------------------*/
.service__field{
    position: relative;
    padding: 8rem 0 5rem;
}
.service__field-figure {
	position: relative;
	padding-top: 61.139%;
}
/*--------------------------------------------

	 OURESERVICE  CATEGORY

--------------------------------------------*/
.service__category-bg{
    padding: 7.7rem 8% 8.4rem;
}
.service__category-item{
    flex-direction: column;
}
.service__category-item:not(:first-child){
    margin-top: 6.8rem;
}
.service__category-imgBox{
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.6rem;
}
.service__category-textBox{
    width: 100%;
}
.service__category-ttlBox{
    font-size: 1.2rem;
    padding-bottom: 2em;
    margin-bottom: 1.8em;
}
.service__category-name-eng{
    font-size: 3.3rem;
}
.service__category-jpnBox {
    align-items: center;
    font-weight: bold;
    line-height: 1;
}
.service__category-number{
    font-size: 3.1rem;
}
.category-contents{
    font-size: 1.4rem;
    }
.service__category-lead{
     font-size: 1.2rem;
}
.service__category-wrap{
    margin-top: 2em;
}
.service__category-textBox .btn_01{
    width: 42px;
}
/*--------------------------------------------

	 visual-DIRECTION   MV

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

	 visual-DIRECTION  LIST

--------------------------------------------*/
.page__visual-works .visual__works{
    padding-bottom:  11.5rem;
}
.visual__works-categoryBox{
    padding:4rem 0 3.6rem;
}
.visual__works-list{
    flex-direction: column;
}
.visual__works-item{
    width: 100%;
    }
.text-mask{
    font-size: 1.5rem;
}
/*--------------------------------------------

	 visual-DIRECTION-single   MV

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

	 visual-DIRECTION  LIST

--------------------------------------------*/
.page__visual-works-single .visual__works-contents{
    padding: 6.2rem 0 12.2rem;
}
.page__visual-works-single  .inner_01{
    padding: 0;
}
.works-contens-wrap{
    padding: 0 8%;
}
.visual__works-movie {
    margin-bottom: 4.5rem;
}
.visual__works-movie iframe{
    height: 23%;
}
.bg__typo-visual-works-single{
    top: 13%;
    left: 12%;
    font-size: 8.75rem;
}
.visual__works-project-textSet {
    font-size: 1.2rem;
}
.works-project-ttl{
    font-size: 1.9rem;
    padding-bottom: 0.89em;
    margin-bottom: 1.2em;
}
.works-project-list{
    margin-bottom: 7.6%;
}
.works-project-list .works-project-item:not(:last-child){
    margin-right: 1.6em;
}
.works-project-list .works-project-item{
    margin-top: 0.6em;
}
.works-staff-list{
    margin-bottom: 13.3%;
}
.works-staff-list .works-staff-item:not(:last-child){
    margin-bottom: 0.8em;
}
.visual__works-text{
    letter-spacing: 0;
    line-height: 2.3;
}
.visual__works-imglist{
    flex-direction: column;
    margin-top: 3.5rem;
}
.visual__works-imgitem{
    width: 100%;
}
.page__visual-works-single .single-btn-container{
    margin-top: 8rem;
}
.single-btn-container{
    padding: 0 8%;
}
.next-prev-Btn a{
    flex-direction: column;
    align-items: initial;
    font-size: 1.5rem;
}
.single-next-btn a{
    flex-direction: column-reverse;
}
.single-prev-btn,.single-next-btn{
    width: 45%;
}
.single-prev-btn a{
    padding-left: 0;
}
.single-next-btn a{
    padding-right: 0;
}
.single-prev-btn .single-prev-text,.single-next-btn .single-next-text{
    position: relative;
}
.single-prev-btn .single-prev-text{
    padding-left: 1.6em;
}
.single-next-btn .single-next-text{
    text-align: right;
    padding-right: 1.6em;
}
.single-prev-btn .single-prev-text:before,.single-next-btn .single-next-text:after{
    font-size: 1.5rem;
}
.single-prev-btn .single-prev-text:before{
    left: 0;
}
.single-next-btn .single-next-text:after{
    right: 0;
}
.single-prev-btn .single-prev-text{
    margin-right: 0;
}
.single-next-btn .single-next-text{
    margin-left: 0;
}
.single-prev-btn .single-prev-text,.single-next-btn .single-next-text{
    margin-bottom: 0.6em;
}
.single-btn-img{
    width: 100%;
    padding-top: 68%;
}
.single-toback a{
    font-size: 1.2rem;
}
/*--------------------------------------------

	  NEWS RELEASE    MV

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

	 NEWS RELEASE CATEGORY

--------------------------------------------*/
.news-categoryBox{
    padding:4rem 0 3.6rem;
}
.category__navi-list{
    padding: 0 4%;
}
.category__navi-item {
    font-size: 1.1rem;
    margin: 0.75em 0.42em;
}
.category__navi-item  a{
    padding: 0.6em 1.4em;
}
/*--------------------------------------------

	 NEWS RELEASE LIST

--------------------------------------------*/
.news-release-bg{
    padding: 5.5rem 0 5rem;
}
.news-release-list{
    flex-wrap: wrap;
}
.news-release-item{
    width: 100%;
    font-size: 1.2rem;
}
.news-release-item:nth-child(n + 4){
    margin-top: 0;
}
.news-release-item:not(:nth-child(3n)){
    margin-right: 0;
}
.news-release-item:not(:first-child){
    margin-top: 9.4%
}
.news-release-item .news-textBox{
    font-size: 1rem;
}
.news-release-item .news-date{
    font-size: 1.2rem;
}
.news-release-item .news-ttl{
    font-size: 1.6rem;
    margin-bottom: 0.5em;
}
.page__news-release .btn_01{
    width: 42px;
}
.news-scroll{
    width: 78%;
    margin-top: 5.6em;
    padding: 1em 0;
    font-size: 1.1rem;
    }
/*--------------------------------------------

	  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: 10rem;
}
.news__release-single-contents{
    padding-top: 5.8rem;
}
.news__release-ttlBox{
    font-size: 1.1rem;
}
.release-ttlBox-head{
    align-items: center;
    margin-bottom: 1.25em;
}
.news__release-ttlBox-category{
    padding: 0.6em 1.6em;
    white-space: nowrap;
}
.news__release-ttlBox-ttl{
    font-size: 1.7rem;
    line-height: 1.8;
    padding-bottom: 1.6em;
}
.news__single-mainipic{
    margin-bottom: 3.2rem;
}
.news__single-plane{
    line-height: 2.2;
}
.news__single-imglist{
    margin:6.2rem 0 3.7rem;
    flex-direction: column;
}
.news__single-imgitem{
    width: 100%;
}
.news__single-imgitem:not(:last-child){
    margin-right: 0;
    margin-bottom: 2rem;
;}
.page__news-release-single .single-btn-container{
    margin-top: 30%;
}
/*--------------------------------------------

	 CONTACT  MV

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

	 CONTACT

--------------------------------------------*/
.page__contact{
    padding-bottom:4rem;
}
.contact-plane{
    text-align: left;
    line-height: 2.4;
    padding: 7.5rem 8% 5.5em;
}
/*--------------------------------------------

	 CONTACT FORM

--------------------------------------------*/
.contact-bg{
    padding: 6.3rem 0 10rem;
}
.formBox{
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
}
.form-sheet{
    border-spacing: 0 ;
}
.form-item{
    width: 100%;
    background-color: #262626;
    padding: 1.2em 0;
    text-align: left;
}
.form-field{
    width: 100%;
    padding: 0.6em;
}
.form-warp input[type="text"], .form-warp input[type="tel"], .form-warp input[type="email"], .form-warp textarea{
    font-size: 16px;
    padding: 0.4em 0.8em;
}
.form-warp .mwform-radio-field-text, .form-warp .mwform-checkbox-field-text {
    padding: 7px 0 7px 22px;
    font-size: 1rem;
}
.form-warp input[type=checkbox]:checked+.mwform-checkbox-field-text:before{
    opacity: 1;
}
.privacy-agree{
    margin: 3.5em 0 3.1em;
}
.form-warp .mwform-checkbox-field-text:before {
    width:3px;
    height: 8px;
    top: 10px;
    left: 0;
}
.form-warp .mwform-radio-field-text:after, .form-warp .mwform-checkbox-field-text:after {
    width: 16px;
    height: 16px;
    top: 8px;
    left: -0.5em;
    transform: initial;
}
.form-warp input[type="submit"] {
    width: 66%;
    max-width: 215px;
    font-size: 1.2rem;
}
/*--------------------------------------------

	 RECRUIT  MV

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

	 RECRUIT INFO

--------------------------------------------*/
.recruit__info{
    padding: 6.2rem 0;
}
.recruit__info-ttlBox{
    font-size: 1.8rem;
    margin-bottom: 2.8em;
}
.recruit__info-ttl{
    margin-bottom: 0.4em;
}
.recruit__catchlead{
    font-size:1.3rem;
    padding: 0.3em 1.3em;
    line-height: 1;
    letter-spacing: 0.075em;
}
.recruit__job-list {
    flex-direction: column;
}
.recruit__job-item{
    width: 100%;
}
.recruit__job-item:nth-child(2n){
    margin-left: 0;
}
.recruit__job-item:nth-child(n + 3){
    margin-top: 0;
}
.recruit__job-item:not(:first-child){
    margin-top: 6rem;
}
.occupationBox{
    margin-bottom: 1.5em;
    font-size: 1.2rem;
}
.occupation-field-eng{
    font-size: 1.8rem;
}
.recruit__job-text{
    align-items: flex-end;
}
.recruit__info-btn_01-wrap{
text-align: right;
}
.recruit__job-list .btn_01{
    width: 43px;
}
.recruit__job-plane{
    font-size: 1.2rem;
}
.modaal-inner-wrapper{
    padding: 0;
}
.modaal-container{
    max-width: 100%;
}
.modaal-content-container{
    padding: 0;
}
.requirement-bg{
    padding: 6.2rem 0 4.6rem;
}
.requirements-ttlBox{
    font-size: 1.4rem;
    margin-bottom: 2.9em;
    padding: 0 2.7rem;
    align-items: flex-start;
}
.requirement_ttl-eng{
    font-size: 3.6rem;
}
.requirement_ttl-jpn{
	margin-top:0;
}
.requirement-list{
    padding: 4.6rem 2rem 7rem;
}
.requirement-item{
    font-size: 1.2rem;
}
.requirement_field{
    font-size: 1.5rem;
}
.requirement_detail{
    padding-left: 1.7em;
    line-height: 1.8;
}
.modaal-close{
    top: 0;
    right: 0;
    z-index: 10;
}
.recruit__parttime{
    font-size: 1.1rem;
    padding: 3.3rem 0 5em;
}
.recruit__parttime-lead{
    margin-bottom: 1.3em;
    line-height: 2;
}
.recruit__parttime-tel{
    margin-bottom: 1.3em;
    font-size: 2.4rem;
}
.recruit__parttime-contact a{
    width: 66%;
    max-width: 215px;
    font-size: 1.1rem;
    padding: 1.4em 0;
}
/*--------------------------------------------

	 RECRUIT INTERVIEW

--------------------------------------------*/
.recruit__interview{
    padding: 8rem 0 13.7rem;
}
.recruit__interview-ttl{
    font-size: 5.3rem;
    margin-bottom: 0.5em;
}
.interview-slider{
    width: 100%;
    margin-bottom:10%;
}
.interview-slider .slide-arrow{
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.interview-slider .slide-arrow {
    width: 13px;
	padding:1.5em 0em;
}
.interview-slider .prev-arrow{
    left:3.5%;
    z-index: 99;
	padding-right:1.5em;
}
.interview-slider .next-arrow{
    right:3.5%;
    z-index: 99;
	padding-left:1.5em;
}
.interview-Box{
    padding:0;
    position: relative;
}
.interview-Box:after{
    content: "";
    display: block;
    width:100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(38,38,38,1) 25%,rgba(21,21,21,0) 45%,rgba(0,0,0,0) 100%);
}
.interview-Box img{
    object-fit:initial;
    position: static;
}
.interview-textBox-inner{
    padding-right: 0;
}
.interview-textBox{
    padding: 0 11.5%;
    font-size: 1.2rem;
    margin-top: -52%;
}
.interview-textBox-wrap{
    width:100%;
    max-width: 100%;
}
.interview-nunmer{
    font-size: 1rem;
}
.interview-person{
    font-size: 1rem;
    margin-bottom: 1.2em;
}
.interview-name{
    font-size: 1.3rem;
    margin-left: 1.2em;
}
.interview-text{
    line-height: 2.4;
}
.interview-slider-list .btn_01-wrap{
    margin-top: 1em;
    text-align: right;
}
.interview-slider-list .btn_01{
    width: 42px;
}
.interview-modalBox{
    padding: 0 0 4rem 0;
}
.bg__typo-interview__modal__related{
    display: none;
}
.interview-modal-head {
    margin-bottom: 2.8rem;
    flex-direction: column;
    padding-top: 4rem;
    background-color: #262626;
}
.interview-modal-imgBox{
    width: 100%;
    margin-right: 0;
    padding: 0 2rem 2.9rem 0;
    background-color: #fff;
}
.interview-modal-profile{
    width: 100%;
    padding: 0 2.9rem;
    background-color: #fff;
}
.interview-modal-profile .interview-nunmer{
    font-size: 1.6rem;
}
.interview-modal-bottom{
    padding: 0 2.9rem;
}
.interview-modal-qaBox{
    font-size: 1.2rem;
}
.interview-modal-qaBox:not(:last-child){
    margin-bottom: 1.2em;
}
.question-bg:after{
    content: "";
    display: block;
    position: absolute;
    right: -1em;
    top:0;
    transform: skewX(-20deg);
    width:3em;
}
.interview-question{
    font-size: 1.3rem;
}
.interview-answer{
    line-height: 1.8;
}
.interview-thumnailBox{
    width: 79%;
    margin: 0 auto;
    background-color: #b4241d;
    padding: 1.4em;
    box-sizing: border-box;
}
.interview-thumnailBox{
    width: 100%;
    padding: 0.8em;
}
.interview-slider-thumnail{
    cursor: pointer;
}
.interview-thumnail-list img{
    width: 98%;
}
/*--------------------------------------------

	 RECRUIT SCHEDULE

--------------------------------------------*/
.recruit__schedule{
    padding: 8.3rem 0 9.9rem;
}
.bg__typo-recruit__schedule__related{
    font-size: 13.6rem;
    left: 85%;
}
.recruit__schedule-ttl{
    font-size: 1.6em;
}
.recruit__scheduleBox{
    width: 100%;
}
.recruit__step-number{
    width: 16%;
    font-size: 1.1rem;
}
.recruit__step-text{
    font-size: 1.1rem;
    padding:0 0 1.85em  1.85em;
}
.recruit__step-text:before{
    top: 1.15em;
    left: 0;
}
.recruit__step-text:after{
    width: 10px;
    height: 10px;
    top: 0.8em;
    left: -5px;
}
/*-----------------------------------------

	 RECRUIT ENTRYFOR

--------------------------------------------*/
.recruit__entryform .contact-bg{
    padding: 20% 8% 30%;
}
.recruit__entryform-ttlBox{
    font-size: 1.2rem;
    margin-bottom: 2em;
}
.recruit__entryform-ttl-eng{
    font-size: 2rem;
}
.recruit__entryform-ttl-jpn{
    font-size: 1.2rem;
}
.recruit__entryform-plane{
    line-height: 2.3;
    text-align: left;
}
.recruit__entryform .inner_01{
    padding: 0;
}
/*--------------------------------------------

PRAIVACY POLICY MV

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

	 PRIVACY POLICY

--------------------------------------------*/
.privacy-policy{
    padding: 4.8rem 0 6.1rem;
}
.privacy-policy .inner_01{
    max-width: 100%;
    padding: 4.4rem 8%;
}
.privacy-policy-textBox:not(:last-child){
    margin-bottom: 3rem;
}
.privacy-policy-ttl{
    font-size:1.5rem;
    margin-bottom: 0.7em;
}
.privacy-policy-plane{
    font-size: 1.2rem;
}
}/*=========== M E D I A Q U E R Y ==========*/