@charset "utf-8";
/************************************
common
*************************************/
section{width:calc(100% - 20px);}
@media screen and (min-width:769px){
	footer #translation{top:-36px;}
	footer .ftMenuOuter{margin-top:50px;}
	main#indexPage{
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	section+section:not(.mv){margin-top: 0;}
}
@media screen and (max-width:768px){
	footer .ftMenuOuter{margin-top:16px;}
	footer #ftMenu{
		margin-top:0;
		padding-top: 30px;
	}
	footer #translation{top:0;}
}

/************************************
mv
*************************************/
section.mv div.txtBox{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	width: 100%;
	height:100%;
	margin-bottom:0;
	pointer-events: none;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

section.mv figure{
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
section.mv figure a{
	display: block;
	position: relative;
}
section.mv figure a span{display:none;}
section.mv[data-type="normal"] a:before,
section.mv[data-type="thin"] a:before,
section.mv[data-type="col2"] a:before,
section.mv#mv-harajuku figure a:before{
	content: "";
	display: block;
	width:100%;
}
section.mv figure a:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
}
section.mv+.mv{margin-top: 10px;}
section.mv div.txtBox p{
	display:block;
	text-align: center;
	color: #fff;
	font-weight:bold;
	opacity: 0;
}
section.mv div.txtBox .visbible-xs-br {
	display: none;
}
section.mv_bnr {margin: 0px auto 10px;}
section.mv_bnr.top_mv_bnr {margin: 10px auto 0;}
.top-bnr-simple + section.mv_bnr {margin-top: 10px;}
section.mv_bnr figure img,
section.mv_bnr figure a {display: block;}

@media screen and (max-width: 768px) {
    section.mv_bnr.top_mv_bnr,
    section.mv_bnr {width: 100%;}
    section.mv_bnr.lounge_bar1023 {margin: -7px auto;}

}
@media screen and (max-width: 380px) {
	section.mv div.txtBox .visbible-xs-br {
		display: block;
	}
}
section.mv div.txtBox .big{
	margin:0 auto 42px;
	line-height:1.5;
}
section.mv div.txtBox .big strong{
	display: block;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	letter-spacing: -0.2rem;
}
section.mv div.txtBox .big > span{display: block;}
section.mv div.txtBox .big > span.tag{
	display: inline-block;
	padding: 3px 15px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
	border-radius: 4px;
	border: 1px solid #bbb;
	color: #bbb;
}
section.mv div.txtBox .moreLink{
	position: relative;
	font-size: 1.8rem;
	line-height:1.0;
}
section.mv:hover div.txtBox .moreLink{text-decoration: underline;}
.incEnd section.mv div.txtBox .big{animation:textDelay 0.8s ease 1s forwards normal;}
.incEnd section.mv div.txtBox .moreLink{animation:textDelay 0.8s ease 1.6s forwards normal;}
section.mv div.txtBox p.moreLink:after{
	font-family: FontAwesome;
	content: "\f105";
	display:block;
	position: absolute;
	top:1px;
	right:-16px;
}
.top-bnr-simple{
	height: 440px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	background-position: center;
	background-size: cover;
	margin-left: 0;
	margin-right: 0;
	color: #fff;
	text-align: center;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.top-bnr-simple {
		min-height: auto;
		height: 270px;
	}
}
@media screen and (max-width: 380px) {
	.top-bnr-simple {
		min-height: auto;
		height: 280px;
	}
}
.top-bnr-simple a {
	padding: 60px 30px;
	display: block;
	color: #fff;
	position: relative;
	z-index: 1;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.top-bnr-simple a {
		padding: 30px 15px;
	}
}
.top-bnr-simple a:hover {
	color: #fff;
	text-decoration: none;
}
.top-bnr-simple a:hover  .top-bnr-simple-more-text  {
	text-decoration: underline;
}
.top-bnr-simple .top-bnr-simple-title {
	opacity: 0;
	animation:textDelay 0.8s ease 1s forwards normal;
	font-size: 4.3rem;
	margin-bottom: 20px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
@media screen and (max-width: 768px) {
	.top-bnr-simple .top-bnr-simple-title {
		font-size: 2.4rem;
		margin-bottom: 15px;
	}
}
.top-bnr-simple .top-bnr-simple-title span {
	display: inline-block;
}
.top-bnr-simple .top-bnr-simple-caption {
	opacity: 0;
	animation:textDelay 0.8s ease 1.6s forwards normal;
	font-size: 2.2rem;
	margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
	.top-bnr-simple .top-bnr-simple-caption {
		font-size: 1.2rem;
	}
}
.top-bnr-simple .top-bnr-simple-caption p {
	margin-bottom: 10px;
}
.top-bnr-simple .top-bnr-simple-caption p:last-child {
	margin-bottom: 0;
}
.top-bnr-simple .top-bnr-simple-more-text {
	display: block;
	opacity: 0;
	animation:textDelay 0.8s ease 2s forwards normal;
	font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
	.top-bnr-simple .top-bnr-simple-more-text {
		font-size: 1.6rem;
	}
}
.top-bnr-simple .top-bnr-simple-more-text:after{
	/*margin-left:6px;*/
	font-family: FontAwesome;
	content: "\f105";
	display:inline-block;
	margin-left: 10px;
}
.top-bnr-simple .top-bnr-simple-bg-layer {
	background-color: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.top-bnr-harajuku {
	background-image: url("../img/top-bnr-harajuku_v2.jpg");
}
.top-bnr-akihabara {
	background-image: url("../img/top-bnr-akihabara.jpg");
}
.top-bnr-kawasaki {
	background-image: url("../img/top-bnr-kawasaki.jpg");
}
.top-bnr-otemachi {
	background-image: url("../img/top-bnr-otemachi.jpg");
}
.top-bnr-otemachi.__v2 {
	background-image: url("../img/top-bnr-otemachi_v2pc.jpg");
}
.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt {
	font-size: 2.2rem;
	text-shadow: -2px 1px 2px rgba(0,0,0,0.6);
	margin-bottom: 0;
	animation:textDelay 0.8s ease 1s forwards normal;
}
.top-bnr-simple.__v2 .top-bnr-simple-title {
	font-size: 2.6rem;
	text-shadow: -2px 2px 2px rgba(0,0,0,0.6);
	animation:textDelay 0.8s ease 1.6s forwards normal;
}
.top-bnr-simple.__v2 .top-bnr-simple-title em {
	color: #f4d020;
	font-size: 3rem;
	font-style: normal;
}
.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt br,
.top-bnr-simple.__v2 .top-bnr-simple-title br {display: none;}
.top-bnr-simple.__v2 .top-bnr-simple-title .wrap-title {
	position: relative;
	display: block;
}
.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
	color: #cc1839;
	font-size: 2rem;
	text-shadow: none;
	border-radius: 50%;
	background-color: #f4d020;
	box-shadow: 0px 0px 0px 1px #891d33 ,0px 0px 0px 5px #f4d020;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 9.375vw;
	height: 9.375vw;
	position: absolute;
	left: -0;
}
.top-bnr-simple.__v2 .top-bnr-simple-caption {
	animation:textDelay 0.8s ease 2s forwards normal;
}
.top-bnr-simple.__v2 .top-bnr-simple-caption em {
	font-style: normal;
	border-bottom: 2px solid #f4d020;
}
.top-bnr-simple.__v2 .top-bnr-simple-more-text {
	animation:textDelay 0.8s ease 2.6s forwards normal;
}
@media screen and (min-width:769px) {
	.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt {font-size: 2.6rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title {font-size: 4.6rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title em {font-size: 5.6rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
		top: -110px;
		left: -1vw;
	}
}
@media screen and (min-width:1020px) {
	.top-bnr-simple.__v2 .top-bnr-simple-title .wrap-title {display: inline-block;}
	.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
		top: -8vw;
		left: -8vw;
	}

}
@media screen and (min-width:1280px) {
	.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt {font-size: 3.2rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title {font-size: 6.6rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title em {font-size: 8.6rem;}
	.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
		font-size: 3rem;
		width: 120px;
		height: 120px;
		left: -100px;
		top: -80px;
	}
}
@media screen and (min-width:1920px) {
	.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
		left: -120px;
		top: -90px;
	}
}

@media screen and (max-width:640px) {
	.top-bnr-otemachi.__v2 {
		background-image: url("../img/top-bnr-otemachi_v2sp.jpg");
	}
	.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt br,
	.top-bnr-simple.__v2 .top-bnr-simple-title br {display: block;}
	.top-bnr-simple.__v2 .top-bnr-simple-title .wrap-title {display: inline-block;}
	.top-bnr-simple.__v2 .top-bnr-simple-caption.__smltxt {font-size: min(3.81vw, 1.6rem);}
	.top-bnr-simple.__v2 .top-bnr-simple-title {
		font-size: min(7.14vw, 3.0rem);
		line-height: 1.2;
	}
	.top-bnr-simple.__v2 .top-bnr-simple-title em {font-size: min(10.01vw, 4.2rem);}
	.top-bnr-simple.__v2 .top-bnr-simple-title .pop {
		font-size: min(4.765vw, 2.0rem);
		width: 3em;
		height: 3em;
		box-shadow: 0px 0px 0px 1px #891d33 ,0px 0px 0px 3px #f4d020;
		left: -3.5em;
		top: -2.8em;
	}
}

.top-bnr-exefield {background-color: #000;}
.top-bnr-exefield .h3_img-exefield {
    width: 70%;
    max-width: 774px;
    height: auto;
}
.top-bnr-exefield p em {
    color: #ffff00;
    font-style: normal;
}

@media screen and (min-width:769px){
	section.mv[data-type="normal"] a:before{height:336px;}
	section.mv[data-type="thin"] a:before{height:336px;}
	section.mv[data-type="col2"] a:before{height:440px;}
	section.mv div.txtBox .big > strong{font-size:5.6rem; }
	section.mv[data-type="col2"] div.txtBox .big > strong{font-size:3.0rem;}
	section.mv[data-type="col2"] div.txtBox .big > span{font-size:1.6rem;}
/*	section.mv div.txtBox .big > span{margin-top: 50px;}*/
	section.mv div.txtBox .big > span{margin-top: 20px;}/*2019.12.04*/
	section.mv[data-type="col2"]{
		width:calc(50% - 15px);
		margin-bottom: 10px;
	}
	section.mv[data-type="col2"]+section.mv[data-type="col2"]{margin-left:10px;}
	section.mv[data-type="col2"]+section.mv[data-type="col2"]+section{clear: both;}
    section.mv.top-bnr-exefield p em {font-size: 3.2rem;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	section.mv[data-type="normal"] figure a:before{height:340px;}
	section.mv div.txtBox .big > span{font-size:1.8rem;}
}
@media screen and (min-width:1081px){
	section.mv[data-type="normal"] figure a:before{height:290px;}
	html[lang="en"] section.mv div.txtBox .big{max-width:96%;}
	section.mv div.txtBox .big > span{font-size:2.2rem;}
}
@media screen and (max-width:768px){
	section.mv[data-type="normal"] a:before,
	/*section.mv[data-type="thin"] a:before{height: 384px;}*/
	section.mv[data-type="thin"] a:before{height: 210px;}/*2019.12.04*/
	section.mv[data-type="col2"] a:before{height:330px;}
	section.mv div.txtBox .big{margin-bottom:20px;}
	section.mv div.txtBox .big > strong{
		font-size:2.4rem;
		line-height: 1.2;
	}
	section.mv[data-type="col2"] div.txtBox .big > strong{
		font-size:2.2rem;
		line-height: 1.2;
	}
	section.mv div.txtBox .big > span{
		margin-top: 5%;
		font-size: 1.2rem;
	}
	section.mv div.txtBox .moreLink{
		padding-right:12px;
		font-size: 1.5rem;
	}
	section.mv div.txtBox p.moreLink:after{
		width:8px;
		height:12px;
		right:-6px;
	}
    .top-bnr-exefield .h3_img-exefield {width: 50%;}
    section.mv.top-bnr-exefield p em {font-size: 1.8rem;}
    section.mv.top-bnr-exefield.top-bnr-simple .top-bnr-simple-more-text {display: inline-block;}
}
@media screen and (max-width:480px){
    .top-bnr-exefield .h3_img-exefield {width: 70%;}
    section.mv.top-bnr-exefield p em {font-size: 1.6rem;}
}

.col-bnrs {
	display: flex;
	margin: 5px;
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.col-bnrs {
		display: block;
		margin: 0;
		width: auto;
	}
}
.col-bnrs.col-bnrs-3row .col-bnr h3 {
	font-size: 3rem;
}
@media screen and (max-width: 1024px) {
	.col-bnrs.col-bnrs-3row {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.col-bnrs.col-bnrs-3row .col-bnr h3  {
		font-size: 3.6rem;
	}
}
@media screen and (max-width: 640px) {
	.col-bnrs.col-bnrs-3row .col-bnr h3 {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 360px) {
	.col-bnrs.col-bnrs-3row .col-bnr h3 {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
}
.col-bnrs.col-bnrs-3row .col-bnr .col-bnr-container {
	padding: 40px 15px;
}
.col-bnrs .col-bnr {
	flex: 1;
	margin: 5px 5px;
	color: #fff;
	position: relative;
	display: block;
	flex-grow: 1;
	background-size: cover;
	background-position: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
.col-bnrs .col-bnr.col-bnr-100 {
	margin: 0;
}
@media screen and (max-width: 768px) {
	.col-bnrs .col-bnr {
		margin: 10px 0 10px 0;
	}
}

.col-bnrs .col-bnr:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.2);
}
.col-bnrs .col-bnr.col-bnr-lighter:after {
	background-color: rgba(0, 0, 0, 0.5);
}
.col-bnrs .col-bnr:hover,
.col-bnrs .col-bnr:focus {
	text-decoration: none;
}
.col-bnrs .col-bnr:hover .bnr-link-txt,
.col-bnrs .col-bnr:focus .bnr-link-txt {
	text-decoration: underline;
}
.col-bnrs .col-bnr .col-bnr-container {
	padding: 60px 30px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 640px) {
	.col-bnrs .col-bnr .col-bnr-container {
		padding: 30px;
	}
}
@media screen and (max-width: 640px) {
	.col-bnrs .col-bnr .col-bnr-container {
		padding: 20px;
	}
}
.col-bnrs .col-bnr h3 span,
.col-bnrs .col-bnr p span {
	display: inline-block;
}
.col-bnrs .col-bnr h3 {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 30px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	opacity: 0;
	animation:textDelay 0.8s ease 1s forwards normal;
}
@media screen and (max-width: 1024px) {
	.col-bnrs .col-bnr h3 {
		font-size: 3.6rem;
	}
}
@media screen and (max-width: 640px) {
	.col-bnrs .col-bnr h3 {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 360px) {
	.col-bnrs .col-bnr h3 {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
}
.col-bnrs .col-bnr p {
	font-size: 2rem;
	font-weight: bold;
	opacity: 0;
	animation:textDelay 0.8s ease 1.6s forwards normal;
}
@media screen and (max-width: 640px) {
	.col-bnrs .col-bnr p {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 360px) {
	.col-bnrs .col-bnr p {
		font-size: 1.2rem;
	}
}
.col-bnrs .col-bnr .bnr-link-txt {
	color: #fff;
	margin-top: 30px;
	display: inline-block;
	font-size: 1.8rem;
	opacity: 0;
	animation:textDelay 0.8s ease 2.2s forwards normal;
}
@media screen and (max-width: 640px) {
	.col-bnrs .col-bnr .bnr-link-txt {
		margin-top: 15px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 360px) {
	.col-bnrs .col-bnr .bnr-link-txt {
		font-size: 1.2rem;
		margin-top: 10px;
	}
}
.col-bnrs .col-bnr .bnr-link-txt:after {
	margin-left: 6px;
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    margin-left: 10px;
}
@media screen and (min-width: 1024px) {
	.voice-bnr .voice-pc{
		display: block;
	}
	.voice-bnr .voice-tab {
		display: none;
	}
	.voice-bnr .voice-sp {
		display: none;
	}
}
@media screen and (max-width: 1023px) and (min-width: 640px) {
	.voice-bnr .voice-pc {
		display: none;
	}
	.voice-bnr .voice-tab {
		display: block;
	}
	.voice-bnr .voice-sp {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.voice-bnr .voice-pc {
		display: none;
	}
	.voice-bnr .voice-tab {
		display: none;
	}
	.voice-bnr .voice-sp {
		display: block;
	}
}
/************************************
squareList
*************************************/
.squareList ul li.workLife figure:after{background:rgba(0,0,0,0);}
.squareList ul li.workLife a.moreLink{
	display:block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 100;
}
.squareList ul li.workLife a.moreLink:before{content:none;}
.squareList ul li.workLife a.moreLink span{
	position: relative;
	display: inline-block;
	text-align: center;
}
.squareList ul li.workLife a.moreLink:hover span{text-decoration: underline;}
.squareList ul li.workLife a.moreLink span:after{
	margin-left:6px;
	font-family: FontAwesome;
	content: "\f105";
	display:inline-block;
	position: absolute;
	top: 1px;
	right:-12px;
	color: #323232;
}
.squareList ul li.workLife span.more,
.squareList ul li.workLife a{color: #323232;}
.squareList ul li.workLife .linkInner:before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 42.15%;
}
.squareList ul li.workLife span.more{
	display: inline-block;
	position: relative;
}
.squareList ul li.workLife span.more:after{
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	right:-16px;
	margin-top: -6px;
	width:12px;
	height:12px;
	background:url(/common/img/mvi-ico.svg) no-repeat center center;
	background-size: contain;
}
.squareList ul.locInBox li{background:#eee;}
.squareList ul.locInBox li a[href^="/workroom.html"]{background:#99adb4;}
.squareList ul.locInBox li a[href^="/share.html"]{background:#ddd6cd;}
.squareList ul.locInBox li a[href^="/rentalspace.html"]{background:#bac0bd;}
.squareList ul.locInBox li a:before{content:none;}
.squareList ul.locInBox li a:hover{text-decoration: none;}
.squareList ul.locInBox li .linkInner{position: relative;}
.squareList ul.locInBox li .linkInner{height: auto;}
.squareList ul.locInBox li a .linkInner span{color:#404040;}
.squareList ul.locInBox li a .linkInner span.clipnote{
	display: block;
	margin-top: 12px;
	color: #FF0004;
	font-weight: bold;
}
.squareList ul.locInBox li a .linkInner .enName,
.squareList ul.locInBox li a .linkInner .enName span{color:#010101;}
.squareList ul.locInBox li a .linkInner .enName span.alphB,
.squareList ul.locInBox li a .linkInner .enName small{display:inline-block;}
.squareList ul.locInBox li a .linkInner .enName small{
	margin-left: 2px;
	vertical-align: 2px;
	font-weight: bold;
}
.squareList ul.locInBox li a .linkInner .jpName strong{
	display: block;
	color: #d52a25;
}
.squareList ul.locInBox li a .linkInner .more{display: inline-block;}
.squareList ul.locInBox li figure{height: auto;}
#shareSpace{background:#ddd6cd;}
#workRoom{background:#98acb4;}
#rentalSpace{background:#bac0bd;}
#workLife p a.more:after{
	display: inline-block;
	content: "";
	margin-left: 10px;
	font-family: FontAwesome;
    content: "\f105";
}
#workLife{
	width: calc(100% - 20px);
	background: #fafafa;
}
#workLife p{
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.6rem;
}
#workLife p a{
	position: relative;
	display:inline-block;
	padding-right: 20px;
	color: #007bff;
}
#topNavi ul li .linkInner{text-shadow:2px 2px 0px rgba(0,0,0,0.2);}
#topNavi ul li.nakama-home{background:#e7e7e7;}
#topNavi ul li.nakama-home a{
	display: flex;
	color: #000;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
#topNavi ul li.nakama-home a:hover{text-decoration: none;}
#topNavi ul li.nakama-home a > *{
	display: block;
	margin: 0 auto;
}
#topNavi ul li.nakama-home a figure{position: relative;}
#topNavi ul li.nakama-home a figure span{
	display: block;
	width: 100%;
	transition: all 0.4s;
}
#topNavi ul li.nakama-home a figure span.hover{
	position: absolute;
	top: 0;
	left: 0;
}
#topNavi ul li.nakama-home a figure span.normal,
#topNavi ul li.nakama-home a:hover figure span.hover{opacity: 1;}
#topNavi ul li.nakama-home a:hover figure span.normal,
#topNavi ul li.nakama-home a figure span.hover{opacity: 0;}
#topNavi ul li.nakama-home a:hover figure img{opacity: 1;}
#topNavi ul li.nakama-home a .hoverTxt{
	display: block;
	opacity: 0;
	font-weight: bold;
	transition:all 0.4s;
}

#topNavi ul li.nakama-home a:hover .hoverTxt{opacity:1;}
#topNavi ul li.nakama-home figure:after{content:none;}
@media screen and (min-width:769px){
	.squareList ul.locInBox li{margin-bottom: 0;}
	.squareList ul.locInBox{
		display:flex;
		justify-content: space-between;
	}
	.squareList ul.locInBox li{width:calc((100% - 20px) / 3);}
	.squareList ul.locInBox li a .linkInner{padding: 12% 10px 8%;}
	.squareList ul.locInBox li a .linkInner .enName{font-size:2.6rem;}
	.squareList ul.locInBox li a .linkInner .jpName{
		margin:16px 0 24px;
		min-height:70px;
		font-weight: normal;
	}
	.squareList ul.locInBox li a .linkInner .more{font-size: 1.4rem;}
	#topNavi ul li.nakama-home a span.alphB{
		margin-top: 28px;
		font-size: 2.0rem;
	}
	#topNavi ul li.nakama-home a .hoverTxt {
		margin-top: 16px;
		font-size: 1.4rem;
	}
	#workLife{padding-bottom:4vw;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	.squareList ul li.workLife .linkInner:before{margin:-2% 0 3%;}
	.squareList ul li.workLife a.moreLink{margin-bottom:5.2%;}
	.squareList ul.locInBox li a .linkInner .jpName{font-size: 1.3rem;}
	.squareList#locationNavi ul li .enName,
	.squareList#locationNavi ul li.soon span.more{font-size:2.0rem;}
	#locationNavi.squareList ul li{width:calc(33.333% - 7px);}
	#locationNavi.squareList ul li a{padding:43px 0;}
	#locationNavi.hideNavi.squareList ul li:nth-child(n+7){margin-bottom:0;}
	/*#workLife figure{padding: 8.34vw 36% 4vw;}*/
	#workLife figure{padding: 0 0% 2vw;}
}
@media screen and (min-width:1081px){
	.squareList ul li.workLife .linkInner:before{margin:-2% 0 5.4%;}
	.squareList ul li.workLife a.moreLink{margin-bottom:7.2%;}
	.squareList ul.locInBox li a .linkInner .jpName{font-size: 1.5rem;}
	.squareList#locationNavi ul li .enName,
	.squareList#locationNavi ul li.soon span.more{font-size:2.2rem;}
	.squareList#locationNavi ul li.blank2{display:none;}
	#locationNavi.squareList ul li{width:calc(25% - 7px);}
	#locationNavi.squareList ul li a{padding:128px 0;}
	#locationNavi.squareList ul li[data-category="imaizumi"] a{padding:93px 0 128px;}
	#locationNavi.hideNavi.squareList ul li:nth-child(n+5){margin-bottom:0;}
	/*#workLife figure{padding:80px  38% 20px;}*/
	#workLife figure{padding:0px  0% 20px;}
}
@media screen and (max-width:768px){
	.squareList ul li.workLife .linkInner:before{margin:-2% 0 12.4%;}
	.squareList ul li.workLife a.moreLink{margin-bottom:4.8%;}
	.squareList ul.locInBox li a .linkInner{padding:5vw 10px;}
	.squareList ul.locInBox li a .linkInner .enName{font-size:2.2rem;}
	.squareList ul.locInBox li a .linkInner .jpName{
		margin:1vw 0 2vw;
		font-size: 1.4rem;
	}
	.squareList ul.locInBox li a .linkInner .more{font-size: 1.4rem;}
	.squareList ul.locInBox li a figure{
	}
	.squareList ul.locInBox li a figure img{
		width:100%;
		height: auto;
		margin:0;
	}
	#topNavi ul li.nakama-home a{padding:5vw 0;}
	#topNavi ul li.nakama-home a span.alphB{
		margin-top:10px;
		font-size: 1.6rem;
	}
	#topNavi ul li.nakama-home a .hoverTxt{
		margin-top: 10px;
		font-size: 1.3rem;
	}
	#workLife{padding-bottom:8.34vw;}
	/*#workLife figure{padding: 8vw 16% 6vw;}*/
	#workLife figure{padding: 0 0 2vw;}
}


/************************************
hideNavi
*************************************/
.hideNavi li a{
	padding:120px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
	background-color: #000;
}
.hideNavi li a span{
	position: relative;
	color: #fff;
}
.hideNavi li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.hideNavi li a .jpName{margin-bottom: 0;}
.hideNavi li a .enName{font-family: "Heebo","Helvetica Neue",sans-serif!important;font-weight: bold;}
.hideNavi li[data-category="otemachi"] a{background-image: url(/common/img/gnav/gnav_locations_otemachi.jpg);}
.hideNavi li[data-category="akihabara"] a{background-image: url(/common/img/gnav/gnav_locations_akihabara.jpg);}
.hideNavi li[data-category="minamiaoyama"] a{background-image: url(/common/img/gnav/gnav_locations_minamiaoyama.jpg);}
.hideNavi li[data-category="akihabara2"] a{background-image: url(/common/img/gnav/gnav_locations_akihabara2.jpg);}
.hideNavi li[data-category="kamikitazawa"] a{background-image: url(/common/img/gnav/gnav_locations_kamikitazawa.jpg);}
.hideNavi li[data-category="kawasaki"] a{background-image: url(/common/img/gnav/gnav_locations_kawasaki.jpg);}
.hideNavi li[data-category="harajuku"] a{background-image: url(/common/img/gnav/gnav_locations_harajuku.jpg);}
.hideNavi li[data-category="imaizumi"] a{background-image: url(/common/img/gnav/gnav_locations_imaizumi.jpg);}
.hideNavi li[data-category="l-lab"] a{background-image: url(/common/img/gnav/gnav_locations_l-lab.jpg);}
.hideNavi li[data-category="workspace"] a{background-image: url(/common/img/gnav/gnav_locations_workroom.jpg);}
.hideNavi li[data-category="rentalspace"] a{background-image: url(/common/img/gnav/gnav_locations_rentalspace.jpg);}
.hideNavi li[data-category="share"] a{background-image: url(/common/img/gnav/gnav_locations_share.jpg);}
.hideNavi li.blank{
	position: relative;
	background:rgba(0,0,0,0.2);
}
.hideNavi li.blank:before{
	content: "";
	display: block;
	width:37.62%;
	height:100%;
	margin: 0 auto;
	background:url(/common/img/logo-white.svg) no-repeat center center;
	background-size: contain;
	opacity: 0.2;
}


/************************************
lightcase
*************************************/
html:not([data-lc-type=error]) .index #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{padding: 10px;}
#lightcase-content,.lightcase-contentInner,#lightcase-content .lightcase-contentInner .lightcase-inlineWrap{width: 100%!important;height: 100%!important;max-width:initial!important;max-height:initial!important;}


@media screen and (min-width:769px){
	#serviceNavi.hideNavi.squareList ul li:nth-child(n+3){margin-bottom: 0;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	.hideNavi li a{padding: 68px 0;}
	body.topLNav #lightcase-case{width:700px!important;height:500px!important;}
	body.topSNav #lightcase-case{width:470px!important;height:460px!important;}
}
@media screen and (min-width:1081px){
	body.mvi .lightcase-contentInner,
	body.mvi .lightcase-contentInner video{width:800px!important;height:450px!important;}
	body.topLNav #lightcase-case{width:1060px!important;height:680px!important;}
	body.topSNav #lightcase-case{width:710px!important;height:680px!important;}
}
@media screen and (max-width:768px){
	.hideNavi.squareList ul li{width:100%;}
	body.topLNav #lightcase-case,
	body.topSNav #lightcase-case{width:80%!important;height:80%!important;}
	html[data-lc-type=ajax] #lightcase-case,
	html[data-lc-type=inline] #lightcase-case{padding: 0;}
}
@media screen and (max-width:640px){
	body.topLNav #lightcase-case,
	body.topSNav #lightcase-case{top: 10%!important;left: 10%!important;}
}


/************************************
mv
*************************************/
section.mv#mv-wr-akihabara figure{background-image:url("/index/img/mv-wr-akihabara2.jpg");}
section.mv#mv-wr-otemachi figure{background-image:url("/index/img/mv-wr-otemachi.jpg");}
section.mv#mv-wr-otemachi2 figure{background-image:url("/index/img/mv-wr-otemachi2.jpg");}
section.mv#mv-harajuku figure a:after{
	content:"";
	margin-left:0;
}
section.mv#mv-harajuku div.txtBox{
	justify-content: flex-start;
	align-items:flex-start;
	text-align: left;
	text-shadow:rgba(255,255,255,0.7) 0px 0px 6px;
}
section.mv#mv-harajuku div.txtBox p{
	color: #000;
	text-align: left;
}
/*section.mv#mv-wr-otemachi div.txtBox .big{margin-bottom: 0;}
section.mv#mv-wr-otemachi div.txtBox .big{margin-bottom: 42px;}*/
section.mv#mv-wr-otemachi div.txtBox .big > strong > span{display: block;}
section.mv#mv-wr-otemachi div.txtBox .big > strong .sign{color:#f23737;}

@media screen and (min-width:769px){
	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b.jpg);}
	section.mv#mv-wr-otemachi a:before{height:440px;}
	section.mv#mv-share div.txtBox .big > strong,
	section.mv#mv-wr-akihabara div.txtBox .big > strong,
	section.mv#mv-wr-otemachi2 div.txtBox .big > strong{font-size:4.3rem;}
	
	html[lang="en"] section.mv#mv-wr-otemachi div.txtBox .big > strong{font-size:3.2rem;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong span[class^="lead"]{font-size:2.8rem;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong .sign{margin:24px auto 4px;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong .sign span[data-ruby]:before{
		top: -1.8rem;
		font-size:2.8rem;
	}
}
@media screen and (min-width:1081px){
/*	section.mv#mv-share figure a:before{height:290px;}*/
	section.mv#mv-share figure a:before{height:260px;}/*2019.12.04*/
	section.mv#mv-harajuku figure{background-image: url("../img/mv-harajukuhall.jpg");}
/*	section.mv#mv-harajuku figure a:before{padding-top:43.625%;}*/
	section.mv#mv-harajuku figure a:before{padding-top:35%;}/*2019.12.04*/
	section.mv#mv-harajuku div.txtBox{padding:30px 0 0 48px;}
	section.mv#mv-harajuku div.txtBox .big{margin:0 0 20px 0;}
	section.mv#mv-harajuku div.txtBox .big > strong{font-size:4.2rem;}
	section.mv#mv-harajuku div.txtBox .big > span{
		margin-top:0;
		font-size:3.0rem;
	}
}
@media screen and (max-width:1080px){
	section.mv#mv-harajuku figure{background-image: url("../img/mv-harajukuhall-sp.jpg");}
	section.mv#mv-harajuku div.txtBox{padding:3.9vw 0 0 2vw;}
	section.mv#mv-harajuku div.txtBox .big{margin:0 0 2.6vw 0;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	/*section.mv#mv-share figure a:before{height:340px;}*/
	section.mv#mv-share figure a:before{height:260px;}/*2019.12.04*/
	section.mv#mv-harajuku div.txtBox .big strong{font-size:4.0rem;}
	section.mv#mv-harajuku div.txtBox .big > span{
		margin-top:0;
		font-size:2.0rem;
	}
	section.mv#mv-harajuku figure a:before{padding-top:60%;}
}
@media screen and (max-width:768px){
	section.mv#mv-wr-otemachi a:before{height:270px;}
	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b-sp.jpg);}
	section.mv#mv-harajuku figure a:before{height:330px;}
	section.mv#mv-harajuku div.txtBox .big strong{font-size:2.4rem;}
	section.mv#mv-harajuku div.txtBox .big > span{
		margin-top:0;
		font-size:1.6rem;
	}
	section.mv#mv-wr-otemachi div.txtBox .big strong{font-size:2.8rem;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong span[class^="lead"]{font-size:2.0rem;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong .sign{margin:30px auto 8px;}
	section.mv#mv-wr-otemachi div.txtBox .big > strong .sign span[data-ruby]:before{
		top: -1.8rem;
		font-size:1.8rem;
	}
}
@media screen and (max-width:380px){
	section.mv#mv-wr-otemachi a:before{height:280px;}
}




/*cms test*/

html[data-test="1"] section.mv#mv-harajuku div.txtBox .big{
	display: flex;
	flex-direction:column-reverse;
}

/*news*/
/*#eventsPage{margin:10px;}*/
#eventsPage .eventList{background:#e7e7e7;}
#noPostBox{text-align: center;}
#eventsPage .eventList a{text-decoration: none;}
#eventsPage .eventList a:hover{color: currentColor;}
#eventsPage .eventList figure{
	position:relative;
	overflow:hidden;
}
#eventsPage .eventList figure:before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 2;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.05) inset;
}
#eventsPage .eventList.newIcon .txtBox ul.tagGr{vertical-align: top;}
#eventsPage .eventList .txtBox h3{line-height: 1.6;}
#eventsPage .eventList .txtBox time{
	font-size: 1.0rem;
	letter-spacing: 0;
}
#eventsPage .eventList .txtBox time span.update{
	display: block;
	width: 100%;
}
#eventsPage .eventList.newIcon .txtBox time span.update:after{
	content: "NEW";
	display: inline-block;
	margin-left: 16px;
	color: #D22C2C;
	font-family: "Heebo","Helvetica Neue",sans-serif!important;
	font-weight: bold;
	letter-spacing: 0.15rem;
}
#eventsPage .eventList .txtBox time span.alph.sch{margin-right: 15px;}
#eventsPage .eventList .txtBox .txt{line-height: 2.0;}
#eventsPage .eventList .txtBox .more{
	position:relative;
	display: inline-block;
	font-weight: bold;
}
#eventsPage .eventList a:hover .txtBox .more{text-decoration: underline;}
#eventsPage .eventList .txtBox .more:after {
	font-family: FontAwesome;
	content: "\f105";
	display: block;
	position:absolute;
	top:0;
	right: -16px;
}
#eventsPage .eventList .eventOuterLink {
	padding: 0 30px 30px;
	margin-top: -20px;
	font-size: 1.3rem;
}
@media screen and (max-width: 1080px) and (min-width: 769px) {
	#eventsPage .eventList .eventOuterLink {
		padding: 0 16px 16px;
		margin-top: -6px;
	}
}
@media screen and (max-width: 768px) {
	#eventsPage .eventList .eventOuterLink {
		padding: 16px 3vw;
		margin-top: -16px;
	}
}


#eventsPage .eventList .eventOuterLink a {
	display: inline-block;
	background-color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: bold;
	border: #cfcfcf solid 1px;
}
#eventsPage .eventList .eventOuterLink a:after {
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 10px;
}
#eventsPage .tagGr,
#eventsPage .tagGr li{display: inline-block;}
#eventsPage .eventList.newIcon .txtBox ul.tagGr{vertical-align: top;}
#eventsPage #tagBox .tagGr{margin-top:-5px;}
@media screen and (min-width:1081px){
	#eventsPage .eventList .txtBox{padding:30px;}
	#eventsPage .eventList .txtBox h3{
		margin:8px 0;
		font-size: 2.2rem;
	}
	#eventsPage .eventList a .txtBox .txt{margin:20px 0 30px;}
	#eventsPage .eventList .txtBox .more{font-size:1.6rem;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	#eventsPage .eventList .txtBox{padding:16px;}
	#eventsPage .eventList .txtBox h3{
		margin:12px 0;
		font-size:1.8rem;
	}
	#eventsPage .eventList[data-int="0"] a .txtBox .txt{
		margin:12px 0 18px;
		font-size: 1.3rem;
	}
	#eventsPage .eventList .txtBox .more{font-size:1.4rem;}
}
@media screen and (min-width:769px){
	#eventsPage{
		display:flex;
		justify-content:space-between;
	}
	#eventsPage div.eventTopInner:after{display:block;}
	#eventsPage div.eventTopInner[data-int="2"]:after,
	#eventsPage div.eventTopInner[data-int="5"]:after,
	#eventsPage div.eventTopInner[data-int="8"]:after,
	#eventsPage div.eventTopInner[data-int="11"]:after{width:calc(66.666% - 6px);;}
	#eventsPage .eventList,
	#eventsPage div.eventTopInner[data-int="3"]:after,
	#eventsPage div.eventTopInner[data-int="6"]:after,
	#eventsPage div.eventTopInner[data-int="9"]:after,
	#eventsPage div.eventTopInner[data-int="12"]:after{
		margin:0;
		width:calc(33.333% - 6px);
		content:"";
		display:block;
	}
	#eventsPage .eventList figure:before{padding-top:63.26%;}
	#eventsPage .eventList figure img{
		position:absolute;
		top:-6%;
		left:0;
	}
}
@media screen and (max-width:768px) {
	section#eventsPage{width:calc(100% - 20px);}
	#eventsPage .eventList{
		width:100%;
		margin:10px 0;
	}
	#eventsPage .eventList figure:before{padding-top:63.26%;}
	#eventsPage .eventList figure img{
		position:absolute;
		top:-6%;
		left:0;
	}
	#eventsPage .eventList a .txtBox{padding:16px 3vw;}
	#eventsPage .eventList .txtBox h3{
		margin:3vw 0 2vw;
		font-size:1.6rem;
	}
	#eventsPage .eventList .txtBox .txt{
		margin:2vw 0 4vw;
		font-size:1.2rem;
	}
	#eventsPage .eventList .txtBox .more{font-size:1.4rem;}
	#eventsPage .eventList .txtBox .more:after{top: 1px;}
}
@media screen and (max-width:480px) {
	#eventsPage .eventList .txtBox h3{font-size: 1.4rem;}
}